@charset "UTF-8";
/* reset */
/* main variables */
/* switcher */
body {
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  background-color: #fafafa;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-width: 0px;
  padding: 0px;
  margin: 0px; }

html {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none; }

input,
textarea {
  color: #333;
  font-family: 0.875rem;
  outline: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none; }

input[type="button"],
input[type="submit"],
button {
  cursor: pointer; }

td {
  margin: 0px;
  padding: 0px; }

form {
  padding: 0px;
  margin: 0px; }

a {
  color: #5553CE;
  transition: all 0.2s linear;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent; }

a,
span,
div,
button {
  outline: none !important; }

input[type=submit],
input[type=button],
button {
  -webkit-appearance: none;
  outline: none; }

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

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:after,
.wrapper:after,
.row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto Light.eot");
  src: url("../fonts/Roboto Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Light.woff2") format("woff2"), url("../fonts/Roboto Light.woff") format("woff"), url("../fonts/Roboto Light.ttf") format("truetype"), url("../fonts/Roboto Light.svg#Roboto Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2044; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto.eot");
  src: url("../fonts/Roboto.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto.woff2") format("woff2"), url("../fonts/Roboto.woff") format("woff"), url("../fonts/Roboto.ttf") format("truetype"), url("../fonts/Roboto.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2044; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto Medium.eot");
  src: url("../fonts/Roboto Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Medium.woff2") format("woff2"), url("../fonts/Roboto Medium.woff") format("woff"), url("../fonts/Roboto Medium.ttf") format("truetype"), url("../fonts/Roboto Medium.svg#Roboto Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2044; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto Bold.eot");
  src: url("../fonts/Roboto Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Bold.woff2") format("woff2"), url("../fonts/Roboto Bold.woff") format("woff"), url("../fonts/Roboto Bold.ttf") format("truetype"), url("../fonts/Roboto Bold.svg#Roboto Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2044; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto Black.eot");
  src: url("../fonts/Roboto Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Black.woff2") format("woff2"), url("../fonts/Roboto Black.woff") format("woff"), url("../fonts/Roboto Black.ttf") format("truetype"), url("../fonts/Roboto Black.svg#Roboto Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2044; }
/*!
 *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'Material-Design-Iconic-Font';
  src: url("../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0") format("woff2"), url("../fonts/Material-Design-Iconic-Font.woff?v=2.2.0") format("woff"), url("../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0") format("truetype");
  font-weight: normal;
  font-style: normal; }
.zmdi {
  display: inline-block;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.zmdi-hc-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.zmdi-hc-2x {
  font-size: 2em; }

.zmdi-hc-3x {
  font-size: 3em; }

.zmdi-hc-4x {
  font-size: 4em; }

.zmdi-hc-5x {
  font-size: 5em; }

.zmdi-hc-fw {
  width: 1.28571429em;
  text-align: center; }

.zmdi-hc-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.zmdi-hc-ul > li {
  position: relative; }

.zmdi-hc-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.zmdi-hc-li.zmdi-hc-lg {
  left: -1.85714286em; }

.zmdi-hc-border {
  padding: .1em .25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 2px; }

.zmdi-hc-border-circle {
  padding: .1em .25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 50%; }

.zmdi.pull-left {
  float: left;
  margin-right: .15em; }

.zmdi.pull-right {
  float: right;
  margin-left: .15em; }

.zmdi-hc-spin {
  -webkit-animation: zmdi-spin 1.5s infinite linear;
  animation: zmdi-spin 1.5s infinite linear; }

.zmdi-hc-spin-reverse {
  -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
  animation: zmdi-spin-reverse 1.5s infinite linear; }

@-webkit-keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-webkit-keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }
@keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }
.zmdi-hc-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.zmdi-hc-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.zmdi-hc-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.zmdi-hc-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.zmdi-hc-flip-vertical {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

.zmdi-hc-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.zmdi-hc-stack-1x,
.zmdi-hc-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.zmdi-hc-stack-1x {
  line-height: inherit; }

.zmdi-hc-stack-2x {
  font-size: 2em; }

.zmdi-hc-inverse {
  color: #ffffff; }

/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.zmdi-3d-rotation:before {
  content: '\f101'; }

.zmdi-airplane-off:before {
  content: '\f102'; }

.zmdi-airplane:before {
  content: '\f103'; }

.zmdi-album:before {
  content: '\f104'; }

.zmdi-archive:before {
  content: '\f105'; }

.zmdi-assignment-account:before {
  content: '\f106'; }

.zmdi-assignment-alert:before {
  content: '\f107'; }

.zmdi-assignment-check:before {
  content: '\f108'; }

.zmdi-assignment-o:before {
  content: '\f109'; }

.zmdi-assignment-return:before {
  content: '\f10a'; }

.zmdi-assignment-returned:before {
  content: '\f10b'; }

.zmdi-assignment:before {
  content: '\f10c'; }

.zmdi-attachment-alt:before {
  content: '\f10d'; }

.zmdi-attachment:before {
  content: '\f10e'; }

.zmdi-audio:before {
  content: '\f10f'; }

.zmdi-badge-check:before {
  content: '\f110'; }

.zmdi-balance-wallet:before {
  content: '\f111'; }

.zmdi-balance:before {
  content: '\f112'; }

.zmdi-battery-alert:before {
  content: '\f113'; }

.zmdi-battery-flash:before {
  content: '\f114'; }

.zmdi-battery-unknown:before {
  content: '\f115'; }

.zmdi-battery:before {
  content: '\f116'; }

.zmdi-bike:before {
  content: '\f117'; }

.zmdi-block-alt:before {
  content: '\f118'; }

.zmdi-block:before {
  content: '\f119'; }

.zmdi-boat:before {
  content: '\f11a'; }

.zmdi-book-image:before {
  content: '\f11b'; }

.zmdi-book:before {
  content: '\f11c'; }

.zmdi-bookmark-outline:before {
  content: '\f11d'; }

.zmdi-bookmark:before {
  content: '\f11e'; }

.zmdi-brush:before {
  content: '\f11f'; }

.zmdi-bug:before {
  content: '\f120'; }

.zmdi-bus:before {
  content: '\f121'; }

.zmdi-cake:before {
  content: '\f122'; }

.zmdi-car-taxi:before {
  content: '\f123'; }

.zmdi-car-wash:before {
  content: '\f124'; }

.zmdi-car:before {
  content: '\f125'; }

.zmdi-card-giftcard:before {
  content: '\f126'; }

.zmdi-card-membership:before {
  content: '\f127'; }

.zmdi-card-travel:before {
  content: '\f128'; }

.zmdi-card:before {
  content: '\f129'; }

.zmdi-case-check:before {
  content: '\f12a'; }

.zmdi-case-download:before {
  content: '\f12b'; }

.zmdi-case-play:before {
  content: '\f12c'; }

.zmdi-case:before {
  content: '\f12d'; }

.zmdi-cast-connected:before {
  content: '\f12e'; }

.zmdi-cast:before {
  content: '\f12f'; }

.zmdi-chart-donut:before {
  content: '\f130'; }

.zmdi-chart:before {
  content: '\f131'; }

.zmdi-city-alt:before {
  content: '\f132'; }

.zmdi-city:before {
  content: '\f133'; }

.zmdi-close-circle-o:before {
  content: '\f134'; }

.zmdi-close-circle:before {
  content: '\f135'; }

.zmdi-close:before {
  content: '\f136'; }

.zmdi-cocktail:before {
  content: '\f137'; }

.zmdi-code-setting:before {
  content: '\f138'; }

.zmdi-code-smartphone:before {
  content: '\f139'; }

.zmdi-code:before {
  content: '\f13a'; }

.zmdi-coffee:before {
  content: '\f13b'; }

.zmdi-collection-bookmark:before {
  content: '\f13c'; }

.zmdi-collection-case-play:before {
  content: '\f13d'; }

.zmdi-collection-folder-image:before {
  content: '\f13e'; }

.zmdi-collection-image-o:before {
  content: '\f13f'; }

.zmdi-collection-image:before {
  content: '\f140'; }

.zmdi-collection-item-1:before {
  content: '\f141'; }

.zmdi-collection-item-2:before {
  content: '\f142'; }

.zmdi-collection-item-3:before {
  content: '\f143'; }

.zmdi-collection-item-4:before {
  content: '\f144'; }

.zmdi-collection-item-5:before {
  content: '\f145'; }

.zmdi-collection-item-6:before {
  content: '\f146'; }

.zmdi-collection-item-7:before {
  content: '\f147'; }

.zmdi-collection-item-8:before {
  content: '\f148'; }

.zmdi-collection-item-9-plus:before {
  content: '\f149'; }

.zmdi-collection-item-9:before {
  content: '\f14a'; }

.zmdi-collection-item:before {
  content: '\f14b'; }

.zmdi-collection-music:before {
  content: '\f14c'; }

.zmdi-collection-pdf:before {
  content: '\f14d'; }

.zmdi-collection-plus:before {
  content: '\f14e'; }

.zmdi-collection-speaker:before {
  content: '\f14f'; }

.zmdi-collection-text:before {
  content: '\f150'; }

.zmdi-collection-video:before {
  content: '\f151'; }

.zmdi-compass:before {
  content: '\f152'; }

.zmdi-cutlery:before {
  content: '\f153'; }

.zmdi-delete:before {
  content: '\f154'; }

.zmdi-dialpad:before {
  content: '\f155'; }

.zmdi-dns:before {
  content: '\f156'; }

.zmdi-drink:before {
  content: '\f157'; }

.zmdi-edit:before {
  content: '\f158'; }

.zmdi-email-open:before {
  content: '\f159'; }

.zmdi-email:before {
  content: '\f15a'; }

.zmdi-eye-off:before {
  content: '\f15b'; }

.zmdi-eye:before {
  content: '\f15c'; }

.zmdi-eyedropper:before {
  content: '\f15d'; }

.zmdi-favorite-outline:before {
  content: '\f15e'; }

.zmdi-favorite:before {
  content: '\f15f'; }

.zmdi-filter-list:before {
  content: '\f160'; }

.zmdi-fire:before {
  content: '\f161'; }

.zmdi-flag:before {
  content: '\f162'; }

.zmdi-flare:before {
  content: '\f163'; }

.zmdi-flash-auto:before {
  content: '\f164'; }

.zmdi-flash-off:before {
  content: '\f165'; }

.zmdi-flash:before {
  content: '\f166'; }

.zmdi-flip:before {
  content: '\f167'; }

.zmdi-flower-alt:before {
  content: '\f168'; }

.zmdi-flower:before {
  content: '\f169'; }

.zmdi-font:before {
  content: '\f16a'; }

.zmdi-fullscreen-alt:before {
  content: '\f16b'; }

.zmdi-fullscreen-exit:before {
  content: '\f16c'; }

.zmdi-fullscreen:before {
  content: '\f16d'; }

.zmdi-functions:before {
  content: '\f16e'; }

.zmdi-gas-station:before {
  content: '\f16f'; }

.zmdi-gesture:before {
  content: '\f170'; }

.zmdi-globe-alt:before {
  content: '\f171'; }

.zmdi-globe-lock:before {
  content: '\f172'; }

.zmdi-globe:before {
  content: '\f173'; }

.zmdi-graduation-cap:before {
  content: '\f174'; }

.zmdi-home:before {
  content: '\f175'; }

.zmdi-hospital-alt:before {
  content: '\f176'; }

.zmdi-hospital:before {
  content: '\f177'; }

.zmdi-hotel:before {
  content: '\f178'; }

.zmdi-hourglass-alt:before {
  content: '\f179'; }

.zmdi-hourglass-outline:before {
  content: '\f17a'; }

.zmdi-hourglass:before {
  content: '\f17b'; }

.zmdi-http:before {
  content: '\f17c'; }

.zmdi-image-alt:before {
  content: '\f17d'; }

.zmdi-image-o:before {
  content: '\f17e'; }

.zmdi-image:before {
  content: '\f17f'; }

.zmdi-inbox:before {
  content: '\f180'; }

.zmdi-invert-colors-off:before {
  content: '\f181'; }

.zmdi-invert-colors:before {
  content: '\f182'; }

.zmdi-key:before {
  content: '\f183'; }

.zmdi-label-alt-outline:before {
  content: '\f184'; }

.zmdi-label-alt:before {
  content: '\f185'; }

.zmdi-label-heart:before {
  content: '\f186'; }

.zmdi-label:before {
  content: '\f187'; }

.zmdi-labels:before {
  content: '\f188'; }

.zmdi-lamp:before {
  content: '\f189'; }

.zmdi-landscape:before {
  content: '\f18a'; }

.zmdi-layers-off:before {
  content: '\f18b'; }

.zmdi-layers:before {
  content: '\f18c'; }

.zmdi-library:before {
  content: '\f18d'; }

.zmdi-link:before {
  content: '\f18e'; }

.zmdi-lock-open:before {
  content: '\f18f'; }

.zmdi-lock-outline:before {
  content: '\f190'; }

.zmdi-lock:before {
  content: '\f191'; }

.zmdi-mail-reply-all:before {
  content: '\f192'; }

.zmdi-mail-reply:before {
  content: '\f193'; }

.zmdi-mail-send:before {
  content: '\f194'; }

.zmdi-mall:before {
  content: '\f195'; }

.zmdi-map:before {
  content: '\f196'; }

.zmdi-menu:before {
  content: '\f197'; }

.zmdi-money-box:before {
  content: '\f198'; }

.zmdi-money-off:before {
  content: '\f199'; }

.zmdi-money:before {
  content: '\f19a'; }

.zmdi-more-vert:before {
  content: '\f19b'; }

.zmdi-more:before {
  content: '\f19c'; }

.zmdi-movie-alt:before {
  content: '\f19d'; }

.zmdi-movie:before {
  content: '\f19e'; }

.zmdi-nature-people:before {
  content: '\f19f'; }

.zmdi-nature:before {
  content: '\f1a0'; }

.zmdi-navigation:before {
  content: '\f1a1'; }

.zmdi-open-in-browser:before {
  content: '\f1a2'; }

.zmdi-open-in-new:before {
  content: '\f1a3'; }

.zmdi-palette:before {
  content: '\f1a4'; }

.zmdi-parking:before {
  content: '\f1a5'; }

.zmdi-pin-account:before {
  content: '\f1a6'; }

.zmdi-pin-assistant:before {
  content: '\f1a7'; }

.zmdi-pin-drop:before {
  content: '\f1a8'; }

.zmdi-pin-help:before {
  content: '\f1a9'; }

.zmdi-pin-off:before {
  content: '\f1aa'; }

.zmdi-pin:before {
  content: '\f1ab'; }

.zmdi-pizza:before {
  content: '\f1ac'; }

.zmdi-plaster:before {
  content: '\f1ad'; }

.zmdi-power-setting:before {
  content: '\f1ae'; }

.zmdi-power:before {
  content: '\f1af'; }

.zmdi-print:before {
  content: '\f1b0'; }

.zmdi-puzzle-piece:before {
  content: '\f1b1'; }

.zmdi-quote:before {
  content: '\f1b2'; }

.zmdi-railway:before {
  content: '\f1b3'; }

.zmdi-receipt:before {
  content: '\f1b4'; }

.zmdi-refresh-alt:before {
  content: '\f1b5'; }

.zmdi-refresh-sync-alert:before {
  content: '\f1b6'; }

.zmdi-refresh-sync-off:before {
  content: '\f1b7'; }

.zmdi-refresh-sync:before {
  content: '\f1b8'; }

.zmdi-refresh:before {
  content: '\f1b9'; }

.zmdi-roller:before {
  content: '\f1ba'; }

.zmdi-ruler:before {
  content: '\f1bb'; }

.zmdi-scissors:before {
  content: '\f1bc'; }

.zmdi-screen-rotation-lock:before {
  content: '\f1bd'; }

.zmdi-screen-rotation:before {
  content: '\f1be'; }

.zmdi-search-for:before {
  content: '\f1bf'; }

.zmdi-search-in-file:before {
  content: '\f1c0'; }

.zmdi-search-in-page:before {
  content: '\f1c1'; }

.zmdi-search-replace:before {
  content: '\f1c2'; }

.zmdi-search:before {
  content: '\f1c3'; }

.zmdi-seat:before {
  content: '\f1c4'; }

.zmdi-settings-square:before {
  content: '\f1c5'; }

.zmdi-settings:before {
  content: '\f1c6'; }

.zmdi-shield-check:before {
  content: '\f1c7'; }

.zmdi-shield-security:before {
  content: '\f1c8'; }

.zmdi-shopping-basket:before {
  content: '\f1c9'; }

.zmdi-shopping-cart-plus:before {
  content: '\f1ca'; }

.zmdi-shopping-cart:before {
  content: '\f1cb'; }

.zmdi-sign-in:before {
  content: '\f1cc'; }

.zmdi-sort-amount-asc:before {
  content: '\f1cd'; }

.zmdi-sort-amount-desc:before {
  content: '\f1ce'; }

.zmdi-sort-asc:before {
  content: '\f1cf'; }

.zmdi-sort-desc:before {
  content: '\f1d0'; }

.zmdi-spellcheck:before {
  content: '\f1d1'; }

.zmdi-storage:before {
  content: '\f1d2'; }

.zmdi-store-24:before {
  content: '\f1d3'; }

.zmdi-store:before {
  content: '\f1d4'; }

.zmdi-subway:before {
  content: '\f1d5'; }

.zmdi-sun:before {
  content: '\f1d6'; }

.zmdi-tab-unselected:before {
  content: '\f1d7'; }

.zmdi-tab:before {
  content: '\f1d8'; }

.zmdi-tag-close:before {
  content: '\f1d9'; }

.zmdi-tag-more:before {
  content: '\f1da'; }

.zmdi-tag:before {
  content: '\f1db'; }

.zmdi-thumb-down:before {
  content: '\f1dc'; }

.zmdi-thumb-up-down:before {
  content: '\f1dd'; }

.zmdi-thumb-up:before {
  content: '\f1de'; }

.zmdi-ticket-star:before {
  content: '\f1df'; }

.zmdi-toll:before {
  content: '\f1e0'; }

.zmdi-toys:before {
  content: '\f1e1'; }

.zmdi-traffic:before {
  content: '\f1e2'; }

.zmdi-translate:before {
  content: '\f1e3'; }

.zmdi-triangle-down:before {
  content: '\f1e4'; }

.zmdi-triangle-up:before {
  content: '\f1e5'; }

.zmdi-truck:before {
  content: '\f1e6'; }

.zmdi-turning-sign:before {
  content: '\f1e7'; }

.zmdi-wallpaper:before {
  content: '\f1e8'; }

.zmdi-washing-machine:before {
  content: '\f1e9'; }

.zmdi-window-maximize:before {
  content: '\f1ea'; }

.zmdi-window-minimize:before {
  content: '\f1eb'; }

.zmdi-window-restore:before {
  content: '\f1ec'; }

.zmdi-wrench:before {
  content: '\f1ed'; }

.zmdi-zoom-in:before {
  content: '\f1ee'; }

.zmdi-zoom-out:before {
  content: '\f1ef'; }

.zmdi-alert-circle-o:before {
  content: '\f1f0'; }

.zmdi-alert-circle:before {
  content: '\f1f1'; }

.zmdi-alert-octagon:before {
  content: '\f1f2'; }

.zmdi-alert-polygon:before {
  content: '\f1f3'; }

.zmdi-alert-triangle:before {
  content: '\f1f4'; }

.zmdi-help-outline:before {
  content: '\f1f5'; }

.zmdi-help:before {
  content: '\f1f6'; }

.zmdi-info-outline:before {
  content: '\f1f7'; }

.zmdi-info:before {
  content: '\f1f8'; }

.zmdi-notifications-active:before {
  content: '\f1f9'; }

.zmdi-notifications-add:before {
  content: '\f1fa'; }

.zmdi-notifications-none:before {
  content: '\f1fb'; }

.zmdi-notifications-off:before {
  content: '\f1fc'; }

.zmdi-notifications-paused:before {
  content: '\f1fd'; }

.zmdi-notifications:before {
  content: '\f1fe'; }

.zmdi-account-add:before {
  content: '\f1ff'; }

.zmdi-account-box-mail:before {
  content: '\f200'; }

.zmdi-account-box-o:before {
  content: '\f201'; }

.zmdi-account-box-phone:before {
  content: '\f202'; }

.zmdi-account-box:before {
  content: '\f203'; }

.zmdi-account-calendar:before {
  content: '\f204'; }

.zmdi-account-circle:before {
  content: '\f205'; }

.zmdi-account-o:before {
  content: '\f206'; }

.zmdi-account:before {
  content: '\f207'; }

.zmdi-accounts-add:before {
  content: '\f208'; }

.zmdi-accounts-alt:before {
  content: '\f209'; }

.zmdi-accounts-list-alt:before {
  content: '\f20a'; }

.zmdi-accounts-list:before {
  content: '\f20b'; }

.zmdi-accounts-outline:before {
  content: '\f20c'; }

.zmdi-accounts:before {
  content: '\f20d'; }

.zmdi-face:before {
  content: '\f20e'; }

.zmdi-female:before {
  content: '\f20f'; }

.zmdi-male-alt:before {
  content: '\f210'; }

.zmdi-male-female:before {
  content: '\f211'; }

.zmdi-male:before {
  content: '\f212'; }

.zmdi-mood-bad:before {
  content: '\f213'; }

.zmdi-mood:before {
  content: '\f214'; }

.zmdi-run:before {
  content: '\f215'; }

.zmdi-walk:before {
  content: '\f216'; }

.zmdi-cloud-box:before {
  content: '\f217'; }

.zmdi-cloud-circle:before {
  content: '\f218'; }

.zmdi-cloud-done:before {
  content: '\f219'; }

.zmdi-cloud-download:before {
  content: '\f21a'; }

.zmdi-cloud-off:before {
  content: '\f21b'; }

.zmdi-cloud-outline-alt:before {
  content: '\f21c'; }

.zmdi-cloud-outline:before {
  content: '\f21d'; }

.zmdi-cloud-upload:before {
  content: '\f21e'; }

.zmdi-cloud:before {
  content: '\f21f'; }

.zmdi-download:before {
  content: '\f220'; }

.zmdi-file-plus:before {
  content: '\f221'; }

.zmdi-file-text:before {
  content: '\f222'; }

.zmdi-file:before {
  content: '\f223'; }

.zmdi-folder-outline:before {
  content: '\f224'; }

.zmdi-folder-person:before {
  content: '\f225'; }

.zmdi-folder-star-alt:before {
  content: '\f226'; }

.zmdi-folder-star:before {
  content: '\f227'; }

.zmdi-folder:before {
  content: '\f228'; }

.zmdi-gif:before {
  content: '\f229'; }

.zmdi-upload:before {
  content: '\f22a'; }

.zmdi-border-all:before {
  content: '\f22b'; }

.zmdi-border-bottom:before {
  content: '\f22c'; }

.zmdi-border-clear:before {
  content: '\f22d'; }

.zmdi-border-color:before {
  content: '\f22e'; }

.zmdi-border-horizontal:before {
  content: '\f22f'; }

.zmdi-border-inner:before {
  content: '\f230'; }

.zmdi-border-left:before {
  content: '\f231'; }

.zmdi-border-outer:before {
  content: '\f232'; }

.zmdi-border-right:before {
  content: '\f233'; }

.zmdi-border-style:before {
  content: '\f234'; }

.zmdi-border-top:before {
  content: '\f235'; }

.zmdi-border-vertical:before {
  content: '\f236'; }

.zmdi-copy:before {
  content: '\f237'; }

.zmdi-crop:before {
  content: '\f238'; }

.zmdi-format-align-center:before {
  content: '\f239'; }

.zmdi-format-align-justify:before {
  content: '\f23a'; }

.zmdi-format-align-left:before {
  content: '\f23b'; }

.zmdi-format-align-right:before {
  content: '\f23c'; }

.zmdi-format-bold:before {
  content: '\f23d'; }

.zmdi-format-clear-all:before {
  content: '\f23e'; }

.zmdi-format-clear:before {
  content: '\f23f'; }

.zmdi-format-color-fill:before {
  content: '\f240'; }

.zmdi-format-color-reset:before {
  content: '\f241'; }

.zmdi-format-color-text:before {
  content: '\f242'; }

.zmdi-format-indent-decrease:before {
  content: '\f243'; }

.zmdi-format-indent-increase:before {
  content: '\f244'; }

.zmdi-format-italic:before {
  content: '\f245'; }

.zmdi-format-line-spacing:before {
  content: '\f246'; }

.zmdi-format-list-bulleted:before {
  content: '\f247'; }

.zmdi-format-list-numbered:before {
  content: '\f248'; }

.zmdi-format-ltr:before {
  content: '\f249'; }

.zmdi-format-rtl:before {
  content: '\f24a'; }

.zmdi-format-size:before {
  content: '\f24b'; }

.zmdi-format-strikethrough-s:before {
  content: '\f24c'; }

.zmdi-format-strikethrough:before {
  content: '\f24d'; }

.zmdi-format-subject:before {
  content: '\f24e'; }

.zmdi-format-underlined:before {
  content: '\f24f'; }

.zmdi-format-valign-bottom:before {
  content: '\f250'; }

.zmdi-format-valign-center:before {
  content: '\f251'; }

.zmdi-format-valign-top:before {
  content: '\f252'; }

.zmdi-redo:before {
  content: '\f253'; }

.zmdi-select-all:before {
  content: '\f254'; }

.zmdi-space-bar:before {
  content: '\f255'; }

.zmdi-text-format:before {
  content: '\f256'; }

.zmdi-transform:before {
  content: '\f257'; }

.zmdi-undo:before {
  content: '\f258'; }

.zmdi-wrap-text:before {
  content: '\f259'; }

.zmdi-comment-alert:before {
  content: '\f25a'; }

.zmdi-comment-alt-text:before {
  content: '\f25b'; }

.zmdi-comment-alt:before {
  content: '\f25c'; }

.zmdi-comment-edit:before {
  content: '\f25d'; }

.zmdi-comment-image:before {
  content: '\f25e'; }

.zmdi-comment-list:before {
  content: '\f25f'; }

.zmdi-comment-more:before {
  content: '\f260'; }

.zmdi-comment-outline:before {
  content: '\f261'; }

.zmdi-comment-text-alt:before {
  content: '\f262'; }

.zmdi-comment-text:before {
  content: '\f263'; }

.zmdi-comment-video:before {
  content: '\f264'; }

.zmdi-comment:before {
  content: '\f265'; }

.zmdi-comments:before {
  content: '\f266'; }

.zmdi-check-all:before {
  content: '\f267'; }

.zmdi-check-circle-u:before {
  content: '\f268'; }

.zmdi-check-circle:before {
  content: '\f269'; }

.zmdi-check-square:before {
  content: '\f26a'; }

.zmdi-check:before {
  content: '\f26b'; }

.zmdi-circle-o:before {
  content: '\f26c'; }

.zmdi-circle:before {
  content: '\f26d'; }

.zmdi-dot-circle-alt:before {
  content: '\f26e'; }

.zmdi-dot-circle:before {
  content: '\f26f'; }

.zmdi-minus-circle-outline:before {
  content: '\f270'; }

.zmdi-minus-circle:before {
  content: '\f271'; }

.zmdi-minus-square:before {
  content: '\f272'; }

.zmdi-minus:before {
  content: '\f273'; }

.zmdi-plus-circle-o-duplicate:before {
  content: '\f274'; }

.zmdi-plus-circle-o:before {
  content: '\f275'; }

.zmdi-plus-circle:before {
  content: '\f276'; }

.zmdi-plus-square:before {
  content: '\f277'; }

.zmdi-plus:before {
  content: '\f278'; }

.zmdi-square-o:before {
  content: '\f279'; }

.zmdi-star-circle:before {
  content: '\f27a'; }

.zmdi-star-half:before {
  content: '\f27b'; }

.zmdi-star-outline:before {
  content: '\f27c'; }

.zmdi-star:before {
  content: '\f27d'; }

.zmdi-bluetooth-connected:before {
  content: '\f27e'; }

.zmdi-bluetooth-off:before {
  content: '\f27f'; }

.zmdi-bluetooth-search:before {
  content: '\f280'; }

.zmdi-bluetooth-setting:before {
  content: '\f281'; }

.zmdi-bluetooth:before {
  content: '\f282'; }

.zmdi-camera-add:before {
  content: '\f283'; }

.zmdi-camera-alt:before {
  content: '\f284'; }

.zmdi-camera-bw:before {
  content: '\f285'; }

.zmdi-camera-front:before {
  content: '\f286'; }

.zmdi-camera-mic:before {
  content: '\f287'; }

.zmdi-camera-party-mode:before {
  content: '\f288'; }

.zmdi-camera-rear:before {
  content: '\f289'; }

.zmdi-camera-roll:before {
  content: '\f28a'; }

.zmdi-camera-switch:before {
  content: '\f28b'; }

.zmdi-camera:before {
  content: '\f28c'; }

.zmdi-card-alert:before {
  content: '\f28d'; }

.zmdi-card-off:before {
  content: '\f28e'; }

.zmdi-card-sd:before {
  content: '\f28f'; }

.zmdi-card-sim:before {
  content: '\f290'; }

.zmdi-desktop-mac:before {
  content: '\f291'; }

.zmdi-desktop-windows:before {
  content: '\f292'; }

.zmdi-device-hub:before {
  content: '\f293'; }

.zmdi-devices-off:before {
  content: '\f294'; }

.zmdi-devices:before {
  content: '\f295'; }

.zmdi-dock:before {
  content: '\f296'; }

.zmdi-floppy:before {
  content: '\f297'; }

.zmdi-gamepad:before {
  content: '\f298'; }

.zmdi-gps-dot:before {
  content: '\f299'; }

.zmdi-gps-off:before {
  content: '\f29a'; }

.zmdi-gps:before {
  content: '\f29b'; }

.zmdi-headset-mic:before {
  content: '\f29c'; }

.zmdi-headset:before {
  content: '\f29d'; }

.zmdi-input-antenna:before {
  content: '\f29e'; }

.zmdi-input-composite:before {
  content: '\f29f'; }

.zmdi-input-hdmi:before {
  content: '\f2a0'; }

.zmdi-input-power:before {
  content: '\f2a1'; }

.zmdi-input-svideo:before {
  content: '\f2a2'; }

.zmdi-keyboard-hide:before {
  content: '\f2a3'; }

.zmdi-keyboard:before {
  content: '\f2a4'; }

.zmdi-laptop-chromebook:before {
  content: '\f2a5'; }

.zmdi-laptop-mac:before {
  content: '\f2a6'; }

.zmdi-laptop:before {
  content: '\f2a7'; }

.zmdi-mic-off:before {
  content: '\f2a8'; }

.zmdi-mic-outline:before {
  content: '\f2a9'; }

.zmdi-mic-setting:before {
  content: '\f2aa'; }

.zmdi-mic:before {
  content: '\f2ab'; }

.zmdi-mouse:before {
  content: '\f2ac'; }

.zmdi-network-alert:before {
  content: '\f2ad'; }

.zmdi-network-locked:before {
  content: '\f2ae'; }

.zmdi-network-off:before {
  content: '\f2af'; }

.zmdi-network-outline:before {
  content: '\f2b0'; }

.zmdi-network-setting:before {
  content: '\f2b1'; }

.zmdi-network:before {
  content: '\f2b2'; }

.zmdi-phone-bluetooth:before {
  content: '\f2b3'; }

.zmdi-phone-end:before {
  content: '\f2b4'; }

.zmdi-phone-forwarded:before {
  content: '\f2b5'; }

.zmdi-phone-in-talk:before {
  content: '\f2b6'; }

.zmdi-phone-locked:before {
  content: '\f2b7'; }

.zmdi-phone-missed:before {
  content: '\f2b8'; }

.zmdi-phone-msg:before {
  content: '\f2b9'; }

.zmdi-phone-paused:before {
  content: '\f2ba'; }

.zmdi-phone-ring:before {
  content: '\f2bb'; }

.zmdi-phone-setting:before {
  content: '\f2bc'; }

.zmdi-phone-sip:before {
  content: '\f2bd'; }

.zmdi-phone:before {
  content: '\f2be'; }

.zmdi-portable-wifi-changes:before {
  content: '\f2bf'; }

.zmdi-portable-wifi-off:before {
  content: '\f2c0'; }

.zmdi-portable-wifi:before {
  content: '\f2c1'; }

.zmdi-radio:before {
  content: '\f2c2'; }

.zmdi-reader:before {
  content: '\f2c3'; }

.zmdi-remote-control-alt:before {
  content: '\f2c4'; }

.zmdi-remote-control:before {
  content: '\f2c5'; }

.zmdi-router:before {
  content: '\f2c6'; }

.zmdi-scanner:before {
  content: '\f2c7'; }

.zmdi-smartphone-android:before {
  content: '\f2c8'; }

.zmdi-smartphone-download:before {
  content: '\f2c9'; }

.zmdi-smartphone-erase:before {
  content: '\f2ca'; }

.zmdi-smartphone-info:before {
  content: '\f2cb'; }

.zmdi-smartphone-iphone:before {
  content: '\f2cc'; }

.zmdi-smartphone-landscape-lock:before {
  content: '\f2cd'; }

.zmdi-smartphone-landscape:before {
  content: '\f2ce'; }

.zmdi-smartphone-lock:before {
  content: '\f2cf'; }

.zmdi-smartphone-portrait-lock:before {
  content: '\f2d0'; }

.zmdi-smartphone-ring:before {
  content: '\f2d1'; }

.zmdi-smartphone-setting:before {
  content: '\f2d2'; }

.zmdi-smartphone-setup:before {
  content: '\f2d3'; }

.zmdi-smartphone:before {
  content: '\f2d4'; }

.zmdi-speaker:before {
  content: '\f2d5'; }

.zmdi-tablet-android:before {
  content: '\f2d6'; }

.zmdi-tablet-mac:before {
  content: '\f2d7'; }

.zmdi-tablet:before {
  content: '\f2d8'; }

.zmdi-tv-alt-play:before {
  content: '\f2d9'; }

.zmdi-tv-list:before {
  content: '\f2da'; }

.zmdi-tv-play:before {
  content: '\f2db'; }

.zmdi-tv:before {
  content: '\f2dc'; }

.zmdi-usb:before {
  content: '\f2dd'; }

.zmdi-videocam-off:before {
  content: '\f2de'; }

.zmdi-videocam-switch:before {
  content: '\f2df'; }

.zmdi-videocam:before {
  content: '\f2e0'; }

.zmdi-watch:before {
  content: '\f2e1'; }

.zmdi-wifi-alt-2:before {
  content: '\f2e2'; }

.zmdi-wifi-alt:before {
  content: '\f2e3'; }

.zmdi-wifi-info:before {
  content: '\f2e4'; }

.zmdi-wifi-lock:before {
  content: '\f2e5'; }

.zmdi-wifi-off:before {
  content: '\f2e6'; }

.zmdi-wifi-outline:before {
  content: '\f2e7'; }

.zmdi-wifi:before {
  content: '\f2e8'; }

.zmdi-arrow-left-bottom:before {
  content: '\f2e9'; }

.zmdi-arrow-left:before {
  content: '\f2ea'; }

.zmdi-arrow-merge:before {
  content: '\f2eb'; }

.zmdi-arrow-missed:before {
  content: '\f2ec'; }

.zmdi-arrow-right-top:before {
  content: '\f2ed'; }

.zmdi-arrow-right:before {
  content: '\f2ee'; }

.zmdi-arrow-split:before {
  content: '\f2ef'; }

.zmdi-arrows:before {
  content: '\f2f0'; }

.zmdi-caret-down-circle:before {
  content: '\f2f1'; }

.zmdi-caret-down:before {
  content: '\f2f2'; }

.zmdi-caret-left-circle:before {
  content: '\f2f3'; }

.zmdi-caret-left:before {
  content: '\f2f4'; }

.zmdi-caret-right-circle:before {
  content: '\f2f5'; }

.zmdi-caret-right:before {
  content: '\f2f6'; }

.zmdi-caret-up-circle:before {
  content: '\f2f7'; }

.zmdi-caret-up:before {
  content: '\f2f8'; }

.zmdi-chevron-down:before {
  content: '\f2f9'; }

.zmdi-chevron-left:before {
  content: '\f2fa'; }

.zmdi-chevron-right:before {
  content: '\f2fb'; }

.zmdi-chevron-up:before {
  content: '\f2fc'; }

.zmdi-forward:before {
  content: '\f2fd'; }

.zmdi-long-arrow-down:before {
  content: '\f2fe'; }

.zmdi-long-arrow-left:before {
  content: '\f2ff'; }

.zmdi-long-arrow-return:before {
  content: '\f300'; }

.zmdi-long-arrow-right:before {
  content: '\f301'; }

.zmdi-long-arrow-tab:before {
  content: '\f302'; }

.zmdi-long-arrow-up:before {
  content: '\f303'; }

.zmdi-rotate-ccw:before {
  content: '\f304'; }

.zmdi-rotate-cw:before {
  content: '\f305'; }

.zmdi-rotate-left:before {
  content: '\f306'; }

.zmdi-rotate-right:before {
  content: '\f307'; }

.zmdi-square-down:before {
  content: '\f308'; }

.zmdi-square-right:before {
  content: '\f309'; }

.zmdi-swap-alt:before {
  content: '\f30a'; }

.zmdi-swap-vertical-circle:before {
  content: '\f30b'; }

.zmdi-swap-vertical:before {
  content: '\f30c'; }

.zmdi-swap:before {
  content: '\f30d'; }

.zmdi-trending-down:before {
  content: '\f30e'; }

.zmdi-trending-flat:before {
  content: '\f30f'; }

.zmdi-trending-up:before {
  content: '\f310'; }

.zmdi-unfold-less:before {
  content: '\f311'; }

.zmdi-unfold-more:before {
  content: '\f312'; }

.zmdi-apps:before {
  content: '\f313'; }

.zmdi-grid-off:before {
  content: '\f314'; }

.zmdi-grid:before {
  content: '\f315'; }

.zmdi-view-agenda:before {
  content: '\f316'; }

.zmdi-view-array:before {
  content: '\f317'; }

.zmdi-view-carousel:before {
  content: '\f318'; }

.zmdi-view-column:before {
  content: '\f319'; }

.zmdi-view-comfy:before {
  content: '\f31a'; }

.zmdi-view-compact:before {
  content: '\f31b'; }

.zmdi-view-dashboard:before {
  content: '\f31c'; }

.zmdi-view-day:before {
  content: '\f31d'; }

.zmdi-view-headline:before {
  content: '\f31e'; }

.zmdi-view-list-alt:before {
  content: '\f31f'; }

.zmdi-view-list:before {
  content: '\f320'; }

.zmdi-view-module:before {
  content: '\f321'; }

.zmdi-view-quilt:before {
  content: '\f322'; }

.zmdi-view-stream:before {
  content: '\f323'; }

.zmdi-view-subtitles:before {
  content: '\f324'; }

.zmdi-view-toc:before {
  content: '\f325'; }

.zmdi-view-web:before {
  content: '\f326'; }

.zmdi-view-week:before {
  content: '\f327'; }

.zmdi-widgets:before {
  content: '\f328'; }

.zmdi-alarm-check:before {
  content: '\f329'; }

.zmdi-alarm-off:before {
  content: '\f32a'; }

.zmdi-alarm-plus:before {
  content: '\f32b'; }

.zmdi-alarm-snooze:before {
  content: '\f32c'; }

.zmdi-alarm:before {
  content: '\f32d'; }

.zmdi-calendar-alt:before {
  content: '\f32e'; }

.zmdi-calendar-check:before {
  content: '\f32f'; }

.zmdi-calendar-close:before {
  content: '\f330'; }

.zmdi-calendar-note:before {
  content: '\f331'; }

.zmdi-calendar:before {
  content: '\f332'; }

.zmdi-time-countdown:before {
  content: '\f333'; }

.zmdi-time-interval:before {
  content: '\f334'; }

.zmdi-time-restore-setting:before {
  content: '\f335'; }

.zmdi-time-restore:before {
  content: '\f336'; }

.zmdi-time:before {
  content: '\f337'; }

.zmdi-timer-off:before {
  content: '\f338'; }

.zmdi-timer:before {
  content: '\f339'; }

.zmdi-android-alt:before {
  content: '\f33a'; }

.zmdi-android:before {
  content: '\f33b'; }

.zmdi-apple:before {
  content: '\f33c'; }

.zmdi-behance:before {
  content: '\f33d'; }

.zmdi-codepen:before {
  content: '\f33e'; }

.zmdi-dribbble:before {
  content: '\f33f'; }

.zmdi-dropbox:before {
  content: '\f340'; }

.zmdi-evernote:before {
  content: '\f341'; }

.zmdi-facebook-box:before {
  content: '\f342'; }

.zmdi-facebook:before {
  content: '\f343'; }

.zmdi-github-box:before {
  content: '\f344'; }

.zmdi-github:before {
  content: '\f345'; }

.zmdi-google-drive:before {
  content: '\f346'; }

.zmdi-google-earth:before {
  content: '\f347'; }

.zmdi-google-glass:before {
  content: '\f348'; }

.zmdi-google-maps:before {
  content: '\f349'; }

.zmdi-google-pages:before {
  content: '\f34a'; }

.zmdi-google-play:before {
  content: '\f34b'; }

.zmdi-google-plus-box:before {
  content: '\f34c'; }

.zmdi-google-plus:before {
  content: '\f34d'; }

.zmdi-google:before {
  content: '\f34e'; }

.zmdi-instagram:before {
  content: '\f34f'; }

.zmdi-language-css3:before {
  content: '\f350'; }

.zmdi-language-html5:before {
  content: '\f351'; }

.zmdi-language-javascript:before {
  content: '\f352'; }

.zmdi-language-python-alt:before {
  content: '\f353'; }

.zmdi-language-python:before {
  content: '\f354'; }

.zmdi-lastfm:before {
  content: '\f355'; }

.zmdi-linkedin-box:before {
  content: '\f356'; }

.zmdi-paypal:before {
  content: '\f357'; }

.zmdi-pinterest-box:before {
  content: '\f358'; }

.zmdi-pocket:before {
  content: '\f359'; }

.zmdi-polymer:before {
  content: '\f35a'; }

.zmdi-share:before {
  content: '\f35b'; }

.zmdi-stackoverflow:before {
  content: '\f35c'; }

.zmdi-steam-square:before {
  content: '\f35d'; }

.zmdi-steam:before {
  content: '\f35e'; }

.zmdi-twitter-box:before {
  content: '\f35f'; }

.zmdi-twitter:before {
  content: '\f360'; }

.zmdi-vk:before {
  content: '\f361'; }

.zmdi-wikipedia:before {
  content: '\f362'; }

.zmdi-windows:before {
  content: '\f363'; }

.zmdi-aspect-ratio-alt:before {
  content: '\f364'; }

.zmdi-aspect-ratio:before {
  content: '\f365'; }

.zmdi-blur-circular:before {
  content: '\f366'; }

.zmdi-blur-linear:before {
  content: '\f367'; }

.zmdi-blur-off:before {
  content: '\f368'; }

.zmdi-blur:before {
  content: '\f369'; }

.zmdi-brightness-2:before {
  content: '\f36a'; }

.zmdi-brightness-3:before {
  content: '\f36b'; }

.zmdi-brightness-4:before {
  content: '\f36c'; }

.zmdi-brightness-5:before {
  content: '\f36d'; }

.zmdi-brightness-6:before {
  content: '\f36e'; }

.zmdi-brightness-7:before {
  content: '\f36f'; }

.zmdi-brightness-auto:before {
  content: '\f370'; }

.zmdi-brightness-setting:before {
  content: '\f371'; }

.zmdi-broken-image:before {
  content: '\f372'; }

.zmdi-center-focus-strong:before {
  content: '\f373'; }

.zmdi-center-focus-weak:before {
  content: '\f374'; }

.zmdi-compare:before {
  content: '\f375'; }

.zmdi-crop-16-9:before {
  content: '\f376'; }

.zmdi-crop-3-2:before {
  content: '\f377'; }

.zmdi-crop-5-4:before {
  content: '\f378'; }

.zmdi-crop-7-5:before {
  content: '\f379'; }

.zmdi-crop-din:before {
  content: '\f37a'; }

.zmdi-crop-free:before {
  content: '\f37b'; }

.zmdi-crop-landscape:before {
  content: '\f37c'; }

.zmdi-crop-portrait:before {
  content: '\f37d'; }

.zmdi-crop-square:before {
  content: '\f37e'; }

.zmdi-exposure-alt:before {
  content: '\f37f'; }

.zmdi-exposure:before {
  content: '\f380'; }

.zmdi-filter-b-and-w:before {
  content: '\f381'; }

.zmdi-filter-center-focus:before {
  content: '\f382'; }

.zmdi-filter-frames:before {
  content: '\f383'; }

.zmdi-filter-tilt-shift:before {
  content: '\f384'; }

.zmdi-gradient:before {
  content: '\f385'; }

.zmdi-grain:before {
  content: '\f386'; }

.zmdi-graphic-eq:before {
  content: '\f387'; }

.zmdi-hdr-off:before {
  content: '\f388'; }

.zmdi-hdr-strong:before {
  content: '\f389'; }

.zmdi-hdr-weak:before {
  content: '\f38a'; }

.zmdi-hdr:before {
  content: '\f38b'; }

.zmdi-iridescent:before {
  content: '\f38c'; }

.zmdi-leak-off:before {
  content: '\f38d'; }

.zmdi-leak:before {
  content: '\f38e'; }

.zmdi-looks:before {
  content: '\f38f'; }

.zmdi-loupe:before {
  content: '\f390'; }

.zmdi-panorama-horizontal:before {
  content: '\f391'; }

.zmdi-panorama-vertical:before {
  content: '\f392'; }

.zmdi-panorama-wide-angle:before {
  content: '\f393'; }

.zmdi-photo-size-select-large:before {
  content: '\f394'; }

.zmdi-photo-size-select-small:before {
  content: '\f395'; }

.zmdi-picture-in-picture:before {
  content: '\f396'; }

.zmdi-slideshow:before {
  content: '\f397'; }

.zmdi-texture:before {
  content: '\f398'; }

.zmdi-tonality:before {
  content: '\f399'; }

.zmdi-vignette:before {
  content: '\f39a'; }

.zmdi-wb-auto:before {
  content: '\f39b'; }

.zmdi-eject-alt:before {
  content: '\f39c'; }

.zmdi-eject:before {
  content: '\f39d'; }

.zmdi-equalizer:before {
  content: '\f39e'; }

.zmdi-fast-forward:before {
  content: '\f39f'; }

.zmdi-fast-rewind:before {
  content: '\f3a0'; }

.zmdi-forward-10:before {
  content: '\f3a1'; }

.zmdi-forward-30:before {
  content: '\f3a2'; }

.zmdi-forward-5:before {
  content: '\f3a3'; }

.zmdi-hearing:before {
  content: '\f3a4'; }

.zmdi-pause-circle-outline:before {
  content: '\f3a5'; }

.zmdi-pause-circle:before {
  content: '\f3a6'; }

.zmdi-pause:before {
  content: '\f3a7'; }

.zmdi-play-circle-outline:before {
  content: '\f3a8'; }

.zmdi-play-circle:before {
  content: '\f3a9'; }

.zmdi-play:before {
  content: '\f3aa'; }

.zmdi-playlist-audio:before {
  content: '\f3ab'; }

.zmdi-playlist-plus:before {
  content: '\f3ac'; }

.zmdi-repeat-one:before {
  content: '\f3ad'; }

.zmdi-repeat:before {
  content: '\f3ae'; }

.zmdi-replay-10:before {
  content: '\f3af'; }

.zmdi-replay-30:before {
  content: '\f3b0'; }

.zmdi-replay-5:before {
  content: '\f3b1'; }

.zmdi-replay:before {
  content: '\f3b2'; }

.zmdi-shuffle:before {
  content: '\f3b3'; }

.zmdi-skip-next:before {
  content: '\f3b4'; }

.zmdi-skip-previous:before {
  content: '\f3b5'; }

.zmdi-stop:before {
  content: '\f3b6'; }

.zmdi-surround-sound:before {
  content: '\f3b7'; }

.zmdi-tune:before {
  content: '\f3b8'; }

.zmdi-volume-down:before {
  content: '\f3b9'; }

.zmdi-volume-mute:before {
  content: '\f3ba'; }

.zmdi-volume-off:before {
  content: '\f3bb'; }

.zmdi-volume-up:before {
  content: '\f3bc'; }

.zmdi-n-1-square:before {
  content: '\f3bd'; }

.zmdi-n-2-square:before {
  content: '\f3be'; }

.zmdi-n-3-square:before {
  content: '\f3bf'; }

.zmdi-n-4-square:before {
  content: '\f3c0'; }

.zmdi-n-5-square:before {
  content: '\f3c1'; }

.zmdi-n-6-square:before {
  content: '\f3c2'; }

.zmdi-neg-1:before {
  content: '\f3c3'; }

.zmdi-neg-2:before {
  content: '\f3c4'; }

.zmdi-plus-1:before {
  content: '\f3c5'; }

.zmdi-plus-2:before {
  content: '\f3c6'; }

.zmdi-sec-10:before {
  content: '\f3c7'; }

.zmdi-sec-3:before {
  content: '\f3c8'; }

.zmdi-zero:before {
  content: '\f3c9'; }

.zmdi-airline-seat-flat-angled:before {
  content: '\f3ca'; }

.zmdi-airline-seat-flat:before {
  content: '\f3cb'; }

.zmdi-airline-seat-individual-suite:before {
  content: '\f3cc'; }

.zmdi-airline-seat-legroom-extra:before {
  content: '\f3cd'; }

.zmdi-airline-seat-legroom-normal:before {
  content: '\f3ce'; }

.zmdi-airline-seat-legroom-reduced:before {
  content: '\f3cf'; }

.zmdi-airline-seat-recline-extra:before {
  content: '\f3d0'; }

.zmdi-airline-seat-recline-normal:before {
  content: '\f3d1'; }

.zmdi-airplay:before {
  content: '\f3d2'; }

.zmdi-closed-caption:before {
  content: '\f3d3'; }

.zmdi-confirmation-number:before {
  content: '\f3d4'; }

.zmdi-developer-board:before {
  content: '\f3d5'; }

.zmdi-disc-full:before {
  content: '\f3d6'; }

.zmdi-explicit:before {
  content: '\f3d7'; }

.zmdi-flight-land:before {
  content: '\f3d8'; }

.zmdi-flight-takeoff:before {
  content: '\f3d9'; }

.zmdi-flip-to-back:before {
  content: '\f3da'; }

.zmdi-flip-to-front:before {
  content: '\f3db'; }

.zmdi-group-work:before {
  content: '\f3dc'; }

.zmdi-hd:before {
  content: '\f3dd'; }

.zmdi-hq:before {
  content: '\f3de'; }

.zmdi-markunread-mailbox:before {
  content: '\f3df'; }

.zmdi-memory:before {
  content: '\f3e0'; }

.zmdi-nfc:before {
  content: '\f3e1'; }

.zmdi-play-for-work:before {
  content: '\f3e2'; }

.zmdi-power-input:before {
  content: '\f3e3'; }

.zmdi-present-to-all:before {
  content: '\f3e4'; }

.zmdi-satellite:before {
  content: '\f3e5'; }

.zmdi-tap-and-play:before {
  content: '\f3e6'; }

.zmdi-vibration:before {
  content: '\f3e7'; }

.zmdi-voicemail:before {
  content: '\f3e8'; }

.zmdi-group:before {
  content: '\f3e9'; }

.zmdi-rss:before {
  content: '\f3ea'; }

.zmdi-shape:before {
  content: '\f3eb'; }

.zmdi-spinner:before {
  content: '\f3ec'; }

.zmdi-ungroup:before {
  content: '\f3ed'; }

.zmdi-500px:before {
  content: '\f3ee'; }

.zmdi-8tracks:before {
  content: '\f3ef'; }

.zmdi-amazon:before {
  content: '\f3f0'; }

.zmdi-blogger:before {
  content: '\f3f1'; }

.zmdi-delicious:before {
  content: '\f3f2'; }

.zmdi-disqus:before {
  content: '\f3f3'; }

.zmdi-flattr:before {
  content: '\f3f4'; }

.zmdi-flickr:before {
  content: '\f3f5'; }

.zmdi-github-alt:before {
  content: '\f3f6'; }

.zmdi-google-old:before {
  content: '\f3f7'; }

.zmdi-linkedin:before {
  content: '\f3f8'; }

.zmdi-odnoklassniki:before {
  content: '\f3f9'; }

.zmdi-outlook:before {
  content: '\f3fa'; }

.zmdi-paypal-alt:before {
  content: '\f3fb'; }

.zmdi-pinterest:before {
  content: '\f3fc'; }

.zmdi-playstation:before {
  content: '\f3fd'; }

.zmdi-reddit:before {
  content: '\f3fe'; }

.zmdi-skype:before {
  content: '\f3ff'; }

.zmdi-slideshare:before {
  content: '\f400'; }

.zmdi-soundcloud:before {
  content: '\f401'; }

.zmdi-tumblr:before {
  content: '\f402'; }

.zmdi-twitch:before {
  content: '\f403'; }

.zmdi-vimeo:before {
  content: '\f404'; }

.zmdi-whatsapp:before {
  content: '\f405'; }

.zmdi-xbox:before {
  content: '\f406'; }

.zmdi-yahoo:before {
  content: '\f407'; }

.zmdi-youtube-play:before {
  content: '\f408'; }

.zmdi-youtube:before {
  content: '\f409'; }

.zmdi-3d-rotation:before {
  content: '\f101'; }

.zmdi-airplane-off:before {
  content: '\f102'; }

.zmdi-airplane:before {
  content: '\f103'; }

.zmdi-album:before {
  content: '\f104'; }

.zmdi-archive:before {
  content: '\f105'; }

.zmdi-assignment-account:before {
  content: '\f106'; }

.zmdi-assignment-alert:before {
  content: '\f107'; }

.zmdi-assignment-check:before {
  content: '\f108'; }

.zmdi-assignment-o:before {
  content: '\f109'; }

.zmdi-assignment-return:before {
  content: '\f10a'; }

.zmdi-assignment-returned:before {
  content: '\f10b'; }

.zmdi-assignment:before {
  content: '\f10c'; }

.zmdi-attachment-alt:before {
  content: '\f10d'; }

.zmdi-attachment:before {
  content: '\f10e'; }

.zmdi-audio:before {
  content: '\f10f'; }

.zmdi-badge-check:before {
  content: '\f110'; }

.zmdi-balance-wallet:before {
  content: '\f111'; }

.zmdi-balance:before {
  content: '\f112'; }

.zmdi-battery-alert:before {
  content: '\f113'; }

.zmdi-battery-flash:before {
  content: '\f114'; }

.zmdi-battery-unknown:before {
  content: '\f115'; }

.zmdi-battery:before {
  content: '\f116'; }

.zmdi-bike:before {
  content: '\f117'; }

.zmdi-block-alt:before {
  content: '\f118'; }

.zmdi-block:before {
  content: '\f119'; }

.zmdi-boat:before {
  content: '\f11a'; }

.zmdi-book-image:before {
  content: '\f11b'; }

.zmdi-book:before {
  content: '\f11c'; }

.zmdi-bookmark-outline:before {
  content: '\f11d'; }

.zmdi-bookmark:before {
  content: '\f11e'; }

.zmdi-brush:before {
  content: '\f11f'; }

.zmdi-bug:before {
  content: '\f120'; }

.zmdi-bus:before {
  content: '\f121'; }

.zmdi-cake:before {
  content: '\f122'; }

.zmdi-car-taxi:before {
  content: '\f123'; }

.zmdi-car-wash:before {
  content: '\f124'; }

.zmdi-car:before {
  content: '\f125'; }

.zmdi-card-giftcard:before {
  content: '\f126'; }

.zmdi-card-membership:before {
  content: '\f127'; }

.zmdi-card-travel:before {
  content: '\f128'; }

.zmdi-card:before {
  content: '\f129'; }

.zmdi-case-check:before {
  content: '\f12a'; }

.zmdi-case-download:before {
  content: '\f12b'; }

.zmdi-case-play:before {
  content: '\f12c'; }

.zmdi-case:before {
  content: '\f12d'; }

.zmdi-cast-connected:before {
  content: '\f12e'; }

.zmdi-cast:before {
  content: '\f12f'; }

.zmdi-chart-donut:before {
  content: '\f130'; }

.zmdi-chart:before {
  content: '\f131'; }

.zmdi-city-alt:before {
  content: '\f132'; }

.zmdi-city:before {
  content: '\f133'; }

.zmdi-close-circle-o:before {
  content: '\f134'; }

.zmdi-close-circle:before {
  content: '\f135'; }

.zmdi-close:before {
  content: '\f136'; }

.zmdi-cocktail:before {
  content: '\f137'; }

.zmdi-code-setting:before {
  content: '\f138'; }

.zmdi-code-smartphone:before {
  content: '\f139'; }

.zmdi-code:before {
  content: '\f13a'; }

.zmdi-coffee:before {
  content: '\f13b'; }

.zmdi-collection-bookmark:before {
  content: '\f13c'; }

.zmdi-collection-case-play:before {
  content: '\f13d'; }

.zmdi-collection-folder-image:before {
  content: '\f13e'; }

.zmdi-collection-image-o:before {
  content: '\f13f'; }

.zmdi-collection-image:before {
  content: '\f140'; }

.zmdi-collection-item-1:before {
  content: '\f141'; }

.zmdi-collection-item-2:before {
  content: '\f142'; }

.zmdi-collection-item-3:before {
  content: '\f143'; }

.zmdi-collection-item-4:before {
  content: '\f144'; }

.zmdi-collection-item-5:before {
  content: '\f145'; }

.zmdi-collection-item-6:before {
  content: '\f146'; }

.zmdi-collection-item-7:before {
  content: '\f147'; }

.zmdi-collection-item-8:before {
  content: '\f148'; }

.zmdi-collection-item-9-plus:before {
  content: '\f149'; }

.zmdi-collection-item-9:before {
  content: '\f14a'; }

.zmdi-collection-item:before {
  content: '\f14b'; }

.zmdi-collection-music:before {
  content: '\f14c'; }

.zmdi-collection-pdf:before {
  content: '\f14d'; }

.zmdi-collection-plus:before {
  content: '\f14e'; }

.zmdi-collection-speaker:before {
  content: '\f14f'; }

.zmdi-collection-text:before {
  content: '\f150'; }

.zmdi-collection-video:before {
  content: '\f151'; }

.zmdi-compass:before {
  content: '\f152'; }

.zmdi-cutlery:before {
  content: '\f153'; }

.zmdi-delete:before {
  content: '\f154'; }

.zmdi-dialpad:before {
  content: '\f155'; }

.zmdi-dns:before {
  content: '\f156'; }

.zmdi-drink:before {
  content: '\f157'; }

.zmdi-edit:before {
  content: '\f158'; }

.zmdi-email-open:before {
  content: '\f159'; }

.zmdi-email:before {
  content: '\f15a'; }

.zmdi-eye-off:before {
  content: '\f15b'; }

.zmdi-eye:before {
  content: '\f15c'; }

.zmdi-eyedropper:before {
  content: '\f15d'; }

.zmdi-favorite-outline:before {
  content: '\f15e'; }

.zmdi-favorite:before {
  content: '\f15f'; }

.zmdi-filter-list:before {
  content: '\f160'; }

.zmdi-fire:before {
  content: '\f161'; }

.zmdi-flag:before {
  content: '\f162'; }

.zmdi-flare:before {
  content: '\f163'; }

.zmdi-flash-auto:before {
  content: '\f164'; }

.zmdi-flash-off:before {
  content: '\f165'; }

.zmdi-flash:before {
  content: '\f166'; }

.zmdi-flip:before {
  content: '\f167'; }

.zmdi-flower-alt:before {
  content: '\f168'; }

.zmdi-flower:before {
  content: '\f169'; }

.zmdi-font:before {
  content: '\f16a'; }

.zmdi-fullscreen-alt:before {
  content: '\f16b'; }

.zmdi-fullscreen-exit:before {
  content: '\f16c'; }

.zmdi-fullscreen:before {
  content: '\f16d'; }

.zmdi-functions:before {
  content: '\f16e'; }

.zmdi-gas-station:before {
  content: '\f16f'; }

.zmdi-gesture:before {
  content: '\f170'; }

.zmdi-globe-alt:before {
  content: '\f171'; }

.zmdi-globe-lock:before {
  content: '\f172'; }

.zmdi-globe:before {
  content: '\f173'; }

.zmdi-graduation-cap:before {
  content: '\f174'; }

.zmdi-home:before {
  content: '\f175'; }

.zmdi-hospital-alt:before {
  content: '\f176'; }

.zmdi-hospital:before {
  content: '\f177'; }

.zmdi-hotel:before {
  content: '\f178'; }

.zmdi-hourglass-alt:before {
  content: '\f179'; }

.zmdi-hourglass-outline:before {
  content: '\f17a'; }

.zmdi-hourglass:before {
  content: '\f17b'; }

.zmdi-http:before {
  content: '\f17c'; }

.zmdi-image-alt:before {
  content: '\f17d'; }

.zmdi-image-o:before {
  content: '\f17e'; }

.zmdi-image:before {
  content: '\f17f'; }

.zmdi-inbox:before {
  content: '\f180'; }

.zmdi-invert-colors-off:before {
  content: '\f181'; }

.zmdi-invert-colors:before {
  content: '\f182'; }

.zmdi-key:before {
  content: '\f183'; }

.zmdi-label-alt-outline:before {
  content: '\f184'; }

.zmdi-label-alt:before {
  content: '\f185'; }

.zmdi-label-heart:before {
  content: '\f186'; }

.zmdi-label:before {
  content: '\f187'; }

.zmdi-labels:before {
  content: '\f188'; }

.zmdi-lamp:before {
  content: '\f189'; }

.zmdi-landscape:before {
  content: '\f18a'; }

.zmdi-layers-off:before {
  content: '\f18b'; }

.zmdi-layers:before {
  content: '\f18c'; }

.zmdi-library:before {
  content: '\f18d'; }

.zmdi-link:before {
  content: '\f18e'; }

.zmdi-lock-open:before {
  content: '\f18f'; }

.zmdi-lock-outline:before {
  content: '\f190'; }

.zmdi-lock:before {
  content: '\f191'; }

.zmdi-mail-reply-all:before {
  content: '\f192'; }

.zmdi-mail-reply:before {
  content: '\f193'; }

.zmdi-mail-send:before {
  content: '\f194'; }

.zmdi-mall:before {
  content: '\f195'; }

.zmdi-map:before {
  content: '\f196'; }

.zmdi-menu:before {
  content: '\f197'; }

.zmdi-money-box:before {
  content: '\f198'; }

.zmdi-money-off:before {
  content: '\f199'; }

.zmdi-money:before {
  content: '\f19a'; }

.zmdi-more-vert:before {
  content: '\f19b'; }

.zmdi-more:before {
  content: '\f19c'; }

.zmdi-movie-alt:before {
  content: '\f19d'; }

.zmdi-movie:before {
  content: '\f19e'; }

.zmdi-nature-people:before {
  content: '\f19f'; }

.zmdi-nature:before {
  content: '\f1a0'; }

.zmdi-navigation:before {
  content: '\f1a1'; }

.zmdi-open-in-browser:before {
  content: '\f1a2'; }

.zmdi-open-in-new:before {
  content: '\f1a3'; }

.zmdi-palette:before {
  content: '\f1a4'; }

.zmdi-parking:before {
  content: '\f1a5'; }

.zmdi-pin-account:before {
  content: '\f1a6'; }

.zmdi-pin-assistant:before {
  content: '\f1a7'; }

.zmdi-pin-drop:before {
  content: '\f1a8'; }

.zmdi-pin-help:before {
  content: '\f1a9'; }

.zmdi-pin-off:before {
  content: '\f1aa'; }

.zmdi-pin:before {
  content: '\f1ab'; }

.zmdi-pizza:before {
  content: '\f1ac'; }

.zmdi-plaster:before {
  content: '\f1ad'; }

.zmdi-power-setting:before {
  content: '\f1ae'; }

.zmdi-power:before {
  content: '\f1af'; }

.zmdi-print:before {
  content: '\f1b0'; }

.zmdi-puzzle-piece:before {
  content: '\f1b1'; }

.zmdi-quote:before {
  content: '\f1b2'; }

.zmdi-railway:before {
  content: '\f1b3'; }

.zmdi-receipt:before {
  content: '\f1b4'; }

.zmdi-refresh-alt:before {
  content: '\f1b5'; }

.zmdi-refresh-sync-alert:before {
  content: '\f1b6'; }

.zmdi-refresh-sync-off:before {
  content: '\f1b7'; }

.zmdi-refresh-sync:before {
  content: '\f1b8'; }

.zmdi-refresh:before {
  content: '\f1b9'; }

.zmdi-roller:before {
  content: '\f1ba'; }

.zmdi-ruler:before {
  content: '\f1bb'; }

.zmdi-scissors:before {
  content: '\f1bc'; }

.zmdi-screen-rotation-lock:before {
  content: '\f1bd'; }

.zmdi-screen-rotation:before {
  content: '\f1be'; }

.zmdi-search-for:before {
  content: '\f1bf'; }

.zmdi-search-in-file:before {
  content: '\f1c0'; }

.zmdi-search-in-page:before {
  content: '\f1c1'; }

.zmdi-search-replace:before {
  content: '\f1c2'; }

.zmdi-search:before {
  content: '\f1c3'; }

.zmdi-seat:before {
  content: '\f1c4'; }

.zmdi-settings-square:before {
  content: '\f1c5'; }

.zmdi-settings:before {
  content: '\f1c6'; }

.zmdi-shield-check:before {
  content: '\f1c7'; }

.zmdi-shield-security:before {
  content: '\f1c8'; }

.zmdi-shopping-basket:before {
  content: '\f1c9'; }

.zmdi-shopping-cart-plus:before {
  content: '\f1ca'; }

.zmdi-shopping-cart:before {
  content: '\f1cb'; }

.zmdi-sign-in:before {
  content: '\f1cc'; }

.zmdi-sort-amount-asc:before {
  content: '\f1cd'; }

.zmdi-sort-amount-desc:before {
  content: '\f1ce'; }

.zmdi-sort-asc:before {
  content: '\f1cf'; }

.zmdi-sort-desc:before {
  content: '\f1d0'; }

.zmdi-spellcheck:before {
  content: '\f1d1'; }

.zmdi-storage:before {
  content: '\f1d2'; }

.zmdi-store-24:before {
  content: '\f1d3'; }

.zmdi-store:before {
  content: '\f1d4'; }

.zmdi-subway:before {
  content: '\f1d5'; }

.zmdi-sun:before {
  content: '\f1d6'; }

.zmdi-tab-unselected:before {
  content: '\f1d7'; }

.zmdi-tab:before {
  content: '\f1d8'; }

.zmdi-tag-close:before {
  content: '\f1d9'; }

.zmdi-tag-more:before {
  content: '\f1da'; }

.zmdi-tag:before {
  content: '\f1db'; }

.zmdi-thumb-down:before {
  content: '\f1dc'; }

.zmdi-thumb-up-down:before {
  content: '\f1dd'; }

.zmdi-thumb-up:before {
  content: '\f1de'; }

.zmdi-ticket-star:before {
  content: '\f1df'; }

.zmdi-toll:before {
  content: '\f1e0'; }

.zmdi-toys:before {
  content: '\f1e1'; }

.zmdi-traffic:before {
  content: '\f1e2'; }

.zmdi-translate:before {
  content: '\f1e3'; }

.zmdi-triangle-down:before {
  content: '\f1e4'; }

.zmdi-triangle-up:before {
  content: '\f1e5'; }

.zmdi-truck:before {
  content: '\f1e6'; }

.zmdi-turning-sign:before {
  content: '\f1e7'; }

.zmdi-wallpaper:before {
  content: '\f1e8'; }

.zmdi-washing-machine:before {
  content: '\f1e9'; }

.zmdi-window-maximize:before {
  content: '\f1ea'; }

.zmdi-window-minimize:before {
  content: '\f1eb'; }

.zmdi-window-restore:before {
  content: '\f1ec'; }

.zmdi-wrench:before {
  content: '\f1ed'; }

.zmdi-zoom-in:before {
  content: '\f1ee'; }

.zmdi-zoom-out:before {
  content: '\f1ef'; }

.zmdi-alert-circle-o:before {
  content: '\f1f0'; }

.zmdi-alert-circle:before {
  content: '\f1f1'; }

.zmdi-alert-octagon:before {
  content: '\f1f2'; }

.zmdi-alert-polygon:before {
  content: '\f1f3'; }

.zmdi-alert-triangle:before {
  content: '\f1f4'; }

.zmdi-help-outline:before {
  content: '\f1f5'; }

.zmdi-help:before {
  content: '\f1f6'; }

.zmdi-info-outline:before {
  content: '\f1f7'; }

.zmdi-info:before {
  content: '\f1f8'; }

.zmdi-notifications-active:before {
  content: '\f1f9'; }

.zmdi-notifications-add:before {
  content: '\f1fa'; }

.zmdi-notifications-none:before {
  content: '\f1fb'; }

.zmdi-notifications-off:before {
  content: '\f1fc'; }

.zmdi-notifications-paused:before {
  content: '\f1fd'; }

.zmdi-notifications:before {
  content: '\f1fe'; }

.zmdi-account-add:before {
  content: '\f1ff'; }

.zmdi-account-box-mail:before {
  content: '\f200'; }

.zmdi-account-box-o:before {
  content: '\f201'; }

.zmdi-account-box-phone:before {
  content: '\f202'; }

.zmdi-account-box:before {
  content: '\f203'; }

.zmdi-account-calendar:before {
  content: '\f204'; }

.zmdi-account-circle:before {
  content: '\f205'; }

.zmdi-account-o:before {
  content: '\f206'; }

.zmdi-account:before {
  content: '\f207'; }

.zmdi-accounts-add:before {
  content: '\f208'; }

.zmdi-accounts-alt:before {
  content: '\f209'; }

.zmdi-accounts-list-alt:before {
  content: '\f20a'; }

.zmdi-accounts-list:before {
  content: '\f20b'; }

.zmdi-accounts-outline:before {
  content: '\f20c'; }

.zmdi-accounts:before {
  content: '\f20d'; }

.zmdi-face:before {
  content: '\f20e'; }

.zmdi-female:before {
  content: '\f20f'; }

.zmdi-male-alt:before {
  content: '\f210'; }

.zmdi-male-female:before {
  content: '\f211'; }

.zmdi-male:before {
  content: '\f212'; }

.zmdi-mood-bad:before {
  content: '\f213'; }

.zmdi-mood:before {
  content: '\f214'; }

.zmdi-run:before {
  content: '\f215'; }

.zmdi-walk:before {
  content: '\f216'; }

.zmdi-cloud-box:before {
  content: '\f217'; }

.zmdi-cloud-circle:before {
  content: '\f218'; }

.zmdi-cloud-done:before {
  content: '\f219'; }

.zmdi-cloud-download:before {
  content: '\f21a'; }

.zmdi-cloud-off:before {
  content: '\f21b'; }

.zmdi-cloud-outline-alt:before {
  content: '\f21c'; }

.zmdi-cloud-outline:before {
  content: '\f21d'; }

.zmdi-cloud-upload:before {
  content: '\f21e'; }

.zmdi-cloud:before {
  content: '\f21f'; }

.zmdi-download:before {
  content: '\f220'; }

.zmdi-file-plus:before {
  content: '\f221'; }

.zmdi-file-text:before {
  content: '\f222'; }

.zmdi-file:before {
  content: '\f223'; }

.zmdi-folder-outline:before {
  content: '\f224'; }

.zmdi-folder-person:before {
  content: '\f225'; }

.zmdi-folder-star-alt:before {
  content: '\f226'; }

.zmdi-folder-star:before {
  content: '\f227'; }

.zmdi-folder:before {
  content: '\f228'; }

.zmdi-gif:before {
  content: '\f229'; }

.zmdi-upload:before {
  content: '\f22a'; }

.zmdi-border-all:before {
  content: '\f22b'; }

.zmdi-border-bottom:before {
  content: '\f22c'; }

.zmdi-border-clear:before {
  content: '\f22d'; }

.zmdi-border-color:before {
  content: '\f22e'; }

.zmdi-border-horizontal:before {
  content: '\f22f'; }

.zmdi-border-inner:before {
  content: '\f230'; }

.zmdi-border-left:before {
  content: '\f231'; }

.zmdi-border-outer:before {
  content: '\f232'; }

.zmdi-border-right:before {
  content: '\f233'; }

.zmdi-border-style:before {
  content: '\f234'; }

.zmdi-border-top:before {
  content: '\f235'; }

.zmdi-border-vertical:before {
  content: '\f236'; }

.zmdi-copy:before {
  content: '\f237'; }

.zmdi-crop:before {
  content: '\f238'; }

.zmdi-format-align-center:before {
  content: '\f239'; }

.zmdi-format-align-justify:before {
  content: '\f23a'; }

.zmdi-format-align-left:before {
  content: '\f23b'; }

.zmdi-format-align-right:before {
  content: '\f23c'; }

.zmdi-format-bold:before {
  content: '\f23d'; }

.zmdi-format-clear-all:before {
  content: '\f23e'; }

.zmdi-format-clear:before {
  content: '\f23f'; }

.zmdi-format-color-fill:before {
  content: '\f240'; }

.zmdi-format-color-reset:before {
  content: '\f241'; }

.zmdi-format-color-text:before {
  content: '\f242'; }

.zmdi-format-indent-decrease:before {
  content: '\f243'; }

.zmdi-format-indent-increase:before {
  content: '\f244'; }

.zmdi-format-italic:before {
  content: '\f245'; }

.zmdi-format-line-spacing:before {
  content: '\f246'; }

.zmdi-format-list-bulleted:before {
  content: '\f247'; }

.zmdi-format-list-numbered:before {
  content: '\f248'; }

.zmdi-format-ltr:before {
  content: '\f249'; }

.zmdi-format-rtl:before {
  content: '\f24a'; }

.zmdi-format-size:before {
  content: '\f24b'; }

.zmdi-format-strikethrough-s:before {
  content: '\f24c'; }

.zmdi-format-strikethrough:before {
  content: '\f24d'; }

.zmdi-format-subject:before {
  content: '\f24e'; }

.zmdi-format-underlined:before {
  content: '\f24f'; }

.zmdi-format-valign-bottom:before {
  content: '\f250'; }

.zmdi-format-valign-center:before {
  content: '\f251'; }

.zmdi-format-valign-top:before {
  content: '\f252'; }

.zmdi-redo:before {
  content: '\f253'; }

.zmdi-select-all:before {
  content: '\f254'; }

.zmdi-space-bar:before {
  content: '\f255'; }

.zmdi-text-format:before {
  content: '\f256'; }

.zmdi-transform:before {
  content: '\f257'; }

.zmdi-undo:before {
  content: '\f258'; }

.zmdi-wrap-text:before {
  content: '\f259'; }

.zmdi-comment-alert:before {
  content: '\f25a'; }

.zmdi-comment-alt-text:before {
  content: '\f25b'; }

.zmdi-comment-alt:before {
  content: '\f25c'; }

.zmdi-comment-edit:before {
  content: '\f25d'; }

.zmdi-comment-image:before {
  content: '\f25e'; }

.zmdi-comment-list:before {
  content: '\f25f'; }

.zmdi-comment-more:before {
  content: '\f260'; }

.zmdi-comment-outline:before {
  content: '\f261'; }

.zmdi-comment-text-alt:before {
  content: '\f262'; }

.zmdi-comment-text:before {
  content: '\f263'; }

.zmdi-comment-video:before {
  content: '\f264'; }

.zmdi-comment:before {
  content: '\f265'; }

.zmdi-comments:before {
  content: '\f266'; }

.zmdi-check-all:before {
  content: '\f267'; }

.zmdi-check-circle-u:before {
  content: '\f268'; }

.zmdi-check-circle:before {
  content: '\f269'; }

.zmdi-check-square:before {
  content: '\f26a'; }

.zmdi-check:before {
  content: '\f26b'; }

.zmdi-circle-o:before {
  content: '\f26c'; }

.zmdi-circle:before {
  content: '\f26d'; }

.zmdi-dot-circle-alt:before {
  content: '\f26e'; }

.zmdi-dot-circle:before {
  content: '\f26f'; }

.zmdi-minus-circle-outline:before {
  content: '\f270'; }

.zmdi-minus-circle:before {
  content: '\f271'; }

.zmdi-minus-square:before {
  content: '\f272'; }

.zmdi-minus:before {
  content: '\f273'; }

.zmdi-plus-circle-o-duplicate:before {
  content: '\f274'; }

.zmdi-plus-circle-o:before {
  content: '\f275'; }

.zmdi-plus-circle:before {
  content: '\f276'; }

.zmdi-plus-square:before {
  content: '\f277'; }

.zmdi-plus:before {
  content: '\f278'; }

.zmdi-square-o:before {
  content: '\f279'; }

.zmdi-star-circle:before {
  content: '\f27a'; }

.zmdi-star-half:before {
  content: '\f27b'; }

.zmdi-star-outline:before {
  content: '\f27c'; }

.zmdi-star:before {
  content: '\f27d'; }

.zmdi-bluetooth-connected:before {
  content: '\f27e'; }

.zmdi-bluetooth-off:before {
  content: '\f27f'; }

.zmdi-bluetooth-search:before {
  content: '\f280'; }

.zmdi-bluetooth-setting:before {
  content: '\f281'; }

.zmdi-bluetooth:before {
  content: '\f282'; }

.zmdi-camera-add:before {
  content: '\f283'; }

.zmdi-camera-alt:before {
  content: '\f284'; }

.zmdi-camera-bw:before {
  content: '\f285'; }

.zmdi-camera-front:before {
  content: '\f286'; }

.zmdi-camera-mic:before {
  content: '\f287'; }

.zmdi-camera-party-mode:before {
  content: '\f288'; }

.zmdi-camera-rear:before {
  content: '\f289'; }

.zmdi-camera-roll:before {
  content: '\f28a'; }

.zmdi-camera-switch:before {
  content: '\f28b'; }

.zmdi-camera:before {
  content: '\f28c'; }

.zmdi-card-alert:before {
  content: '\f28d'; }

.zmdi-card-off:before {
  content: '\f28e'; }

.zmdi-card-sd:before {
  content: '\f28f'; }

.zmdi-card-sim:before {
  content: '\f290'; }

.zmdi-desktop-mac:before {
  content: '\f291'; }

.zmdi-desktop-windows:before {
  content: '\f292'; }

.zmdi-device-hub:before {
  content: '\f293'; }

.zmdi-devices-off:before {
  content: '\f294'; }

.zmdi-devices:before {
  content: '\f295'; }

.zmdi-dock:before {
  content: '\f296'; }

.zmdi-floppy:before {
  content: '\f297'; }

.zmdi-gamepad:before {
  content: '\f298'; }

.zmdi-gps-dot:before {
  content: '\f299'; }

.zmdi-gps-off:before {
  content: '\f29a'; }

.zmdi-gps:before {
  content: '\f29b'; }

.zmdi-headset-mic:before {
  content: '\f29c'; }

.zmdi-headset:before {
  content: '\f29d'; }

.zmdi-input-antenna:before {
  content: '\f29e'; }

.zmdi-input-composite:before {
  content: '\f29f'; }

.zmdi-input-hdmi:before {
  content: '\f2a0'; }

.zmdi-input-power:before {
  content: '\f2a1'; }

.zmdi-input-svideo:before {
  content: '\f2a2'; }

.zmdi-keyboard-hide:before {
  content: '\f2a3'; }

.zmdi-keyboard:before {
  content: '\f2a4'; }

.zmdi-laptop-chromebook:before {
  content: '\f2a5'; }

.zmdi-laptop-mac:before {
  content: '\f2a6'; }

.zmdi-laptop:before {
  content: '\f2a7'; }

.zmdi-mic-off:before {
  content: '\f2a8'; }

.zmdi-mic-outline:before {
  content: '\f2a9'; }

.zmdi-mic-setting:before {
  content: '\f2aa'; }

.zmdi-mic:before {
  content: '\f2ab'; }

.zmdi-mouse:before {
  content: '\f2ac'; }

.zmdi-network-alert:before {
  content: '\f2ad'; }

.zmdi-network-locked:before {
  content: '\f2ae'; }

.zmdi-network-off:before {
  content: '\f2af'; }

.zmdi-network-outline:before {
  content: '\f2b0'; }

.zmdi-network-setting:before {
  content: '\f2b1'; }

.zmdi-network:before {
  content: '\f2b2'; }

.zmdi-phone-bluetooth:before {
  content: '\f2b3'; }

.zmdi-phone-end:before {
  content: '\f2b4'; }

.zmdi-phone-forwarded:before {
  content: '\f2b5'; }

.zmdi-phone-in-talk:before {
  content: '\f2b6'; }

.zmdi-phone-locked:before {
  content: '\f2b7'; }

.zmdi-phone-missed:before {
  content: '\f2b8'; }

.zmdi-phone-msg:before {
  content: '\f2b9'; }

.zmdi-phone-paused:before {
  content: '\f2ba'; }

.zmdi-phone-ring:before {
  content: '\f2bb'; }

.zmdi-phone-setting:before {
  content: '\f2bc'; }

.zmdi-phone-sip:before {
  content: '\f2bd'; }

.zmdi-phone:before {
  content: '\f2be'; }

.zmdi-portable-wifi-changes:before {
  content: '\f2bf'; }

.zmdi-portable-wifi-off:before {
  content: '\f2c0'; }

.zmdi-portable-wifi:before {
  content: '\f2c1'; }

.zmdi-radio:before {
  content: '\f2c2'; }

.zmdi-reader:before {
  content: '\f2c3'; }

.zmdi-remote-control-alt:before {
  content: '\f2c4'; }

.zmdi-remote-control:before {
  content: '\f2c5'; }

.zmdi-router:before {
  content: '\f2c6'; }

.zmdi-scanner:before {
  content: '\f2c7'; }

.zmdi-smartphone-android:before {
  content: '\f2c8'; }

.zmdi-smartphone-download:before {
  content: '\f2c9'; }

.zmdi-smartphone-erase:before {
  content: '\f2ca'; }

.zmdi-smartphone-info:before {
  content: '\f2cb'; }

.zmdi-smartphone-iphone:before {
  content: '\f2cc'; }

.zmdi-smartphone-landscape-lock:before {
  content: '\f2cd'; }

.zmdi-smartphone-landscape:before {
  content: '\f2ce'; }

.zmdi-smartphone-lock:before {
  content: '\f2cf'; }

.zmdi-smartphone-portrait-lock:before {
  content: '\f2d0'; }

.zmdi-smartphone-ring:before {
  content: '\f2d1'; }

.zmdi-smartphone-setting:before {
  content: '\f2d2'; }

.zmdi-smartphone-setup:before {
  content: '\f2d3'; }

.zmdi-smartphone:before {
  content: '\f2d4'; }

.zmdi-speaker:before {
  content: '\f2d5'; }

.zmdi-tablet-android:before {
  content: '\f2d6'; }

.zmdi-tablet-mac:before {
  content: '\f2d7'; }

.zmdi-tablet:before {
  content: '\f2d8'; }

.zmdi-tv-alt-play:before {
  content: '\f2d9'; }

.zmdi-tv-list:before {
  content: '\f2da'; }

.zmdi-tv-play:before {
  content: '\f2db'; }

.zmdi-tv:before {
  content: '\f2dc'; }

.zmdi-usb:before {
  content: '\f2dd'; }

.zmdi-videocam-off:before {
  content: '\f2de'; }

.zmdi-videocam-switch:before {
  content: '\f2df'; }

.zmdi-videocam:before {
  content: '\f2e0'; }

.zmdi-watch:before {
  content: '\f2e1'; }

.zmdi-wifi-alt-2:before {
  content: '\f2e2'; }

.zmdi-wifi-alt:before {
  content: '\f2e3'; }

.zmdi-wifi-info:before {
  content: '\f2e4'; }

.zmdi-wifi-lock:before {
  content: '\f2e5'; }

.zmdi-wifi-off:before {
  content: '\f2e6'; }

.zmdi-wifi-outline:before {
  content: '\f2e7'; }

.zmdi-wifi:before {
  content: '\f2e8'; }

.zmdi-arrow-left-bottom:before {
  content: '\f2e9'; }

.zmdi-arrow-left:before {
  content: '\f2ea'; }

.zmdi-arrow-merge:before {
  content: '\f2eb'; }

.zmdi-arrow-missed:before {
  content: '\f2ec'; }

.zmdi-arrow-right-top:before {
  content: '\f2ed'; }

.zmdi-arrow-right:before {
  content: '\f2ee'; }

.zmdi-arrow-split:before {
  content: '\f2ef'; }

.zmdi-arrows:before {
  content: '\f2f0'; }

.zmdi-caret-down-circle:before {
  content: '\f2f1'; }

.zmdi-caret-down:before {
  content: '\f2f2'; }

.zmdi-caret-left-circle:before {
  content: '\f2f3'; }

.zmdi-caret-left:before {
  content: '\f2f4'; }

.zmdi-caret-right-circle:before {
  content: '\f2f5'; }

.zmdi-caret-right:before {
  content: '\f2f6'; }

.zmdi-caret-up-circle:before {
  content: '\f2f7'; }

.zmdi-caret-up:before {
  content: '\f2f8'; }

.zmdi-chevron-down:before {
  content: '\f2f9'; }

.zmdi-chevron-left:before {
  content: '\f2fa'; }

.zmdi-chevron-right:before {
  content: '\f2fb'; }

.zmdi-chevron-up:before {
  content: '\f2fc'; }

.zmdi-forward:before {
  content: '\f2fd'; }

.zmdi-long-arrow-down:before {
  content: '\f2fe'; }

.zmdi-long-arrow-left:before {
  content: '\f2ff'; }

.zmdi-long-arrow-return:before {
  content: '\f300'; }

.zmdi-long-arrow-right:before {
  content: '\f301'; }

.zmdi-long-arrow-tab:before {
  content: '\f302'; }

.zmdi-long-arrow-up:before {
  content: '\f303'; }

.zmdi-rotate-ccw:before {
  content: '\f304'; }

.zmdi-rotate-cw:before {
  content: '\f305'; }

.zmdi-rotate-left:before {
  content: '\f306'; }

.zmdi-rotate-right:before {
  content: '\f307'; }

.zmdi-square-down:before {
  content: '\f308'; }

.zmdi-square-right:before {
  content: '\f309'; }

.zmdi-swap-alt:before {
  content: '\f30a'; }

.zmdi-swap-vertical-circle:before {
  content: '\f30b'; }

.zmdi-swap-vertical:before {
  content: '\f30c'; }

.zmdi-swap:before {
  content: '\f30d'; }

.zmdi-trending-down:before {
  content: '\f30e'; }

.zmdi-trending-flat:before {
  content: '\f30f'; }

.zmdi-trending-up:before {
  content: '\f310'; }

.zmdi-unfold-less:before {
  content: '\f311'; }

.zmdi-unfold-more:before {
  content: '\f312'; }

.zmdi-apps:before {
  content: '\f313'; }

.zmdi-grid-off:before {
  content: '\f314'; }

.zmdi-grid:before {
  content: '\f315'; }

.zmdi-view-agenda:before {
  content: '\f316'; }

.zmdi-view-array:before {
  content: '\f317'; }

.zmdi-view-carousel:before {
  content: '\f318'; }

.zmdi-view-column:before {
  content: '\f319'; }

.zmdi-view-comfy:before {
  content: '\f31a'; }

.zmdi-view-compact:before {
  content: '\f31b'; }

.zmdi-view-dashboard:before {
  content: '\f31c'; }

.zmdi-view-day:before {
  content: '\f31d'; }

.zmdi-view-headline:before {
  content: '\f31e'; }

.zmdi-view-list-alt:before {
  content: '\f31f'; }

.zmdi-view-list:before {
  content: '\f320'; }

.zmdi-view-module:before {
  content: '\f321'; }

.zmdi-view-quilt:before {
  content: '\f322'; }

.zmdi-view-stream:before {
  content: '\f323'; }

.zmdi-view-subtitles:before {
  content: '\f324'; }

.zmdi-view-toc:before {
  content: '\f325'; }

.zmdi-view-web:before {
  content: '\f326'; }

.zmdi-view-week:before {
  content: '\f327'; }

.zmdi-widgets:before {
  content: '\f328'; }

.zmdi-alarm-check:before {
  content: '\f329'; }

.zmdi-alarm-off:before {
  content: '\f32a'; }

.zmdi-alarm-plus:before {
  content: '\f32b'; }

.zmdi-alarm-snooze:before {
  content: '\f32c'; }

.zmdi-alarm:before {
  content: '\f32d'; }

.zmdi-calendar-alt:before {
  content: '\f32e'; }

.zmdi-calendar-check:before {
  content: '\f32f'; }

.zmdi-calendar-close:before {
  content: '\f330'; }

.zmdi-calendar-note:before {
  content: '\f331'; }

.zmdi-calendar:before {
  content: '\f332'; }

.zmdi-time-countdown:before {
  content: '\f333'; }

.zmdi-time-interval:before {
  content: '\f334'; }

.zmdi-time-restore-setting:before {
  content: '\f335'; }

.zmdi-time-restore:before {
  content: '\f336'; }

.zmdi-time:before {
  content: '\f337'; }

.zmdi-timer-off:before {
  content: '\f338'; }

.zmdi-timer:before {
  content: '\f339'; }

.zmdi-android-alt:before {
  content: '\f33a'; }

.zmdi-android:before {
  content: '\f33b'; }

.zmdi-apple:before {
  content: '\f33c'; }

.zmdi-behance:before {
  content: '\f33d'; }

.zmdi-codepen:before {
  content: '\f33e'; }

.zmdi-dribbble:before {
  content: '\f33f'; }

.zmdi-dropbox:before {
  content: '\f340'; }

.zmdi-evernote:before {
  content: '\f341'; }

.zmdi-facebook-box:before {
  content: '\f342'; }

.zmdi-facebook:before {
  content: '\f343'; }

.zmdi-github-box:before {
  content: '\f344'; }

.zmdi-github:before {
  content: '\f345'; }

.zmdi-google-drive:before {
  content: '\f346'; }

.zmdi-google-earth:before {
  content: '\f347'; }

.zmdi-google-glass:before {
  content: '\f348'; }

.zmdi-google-maps:before {
  content: '\f349'; }

.zmdi-google-pages:before {
  content: '\f34a'; }

.zmdi-google-play:before {
  content: '\f34b'; }

.zmdi-google-plus-box:before {
  content: '\f34c'; }

.zmdi-google-plus:before {
  content: '\f34d'; }

.zmdi-google:before {
  content: '\f34e'; }

.zmdi-instagram:before {
  content: '\f34f'; }

.zmdi-language-css3:before {
  content: '\f350'; }

.zmdi-language-html5:before {
  content: '\f351'; }

.zmdi-language-javascript:before {
  content: '\f352'; }

.zmdi-language-python-alt:before {
  content: '\f353'; }

.zmdi-language-python:before {
  content: '\f354'; }

.zmdi-lastfm:before {
  content: '\f355'; }

.zmdi-linkedin-box:before {
  content: '\f356'; }

.zmdi-paypal:before {
  content: '\f357'; }

.zmdi-pinterest-box:before {
  content: '\f358'; }

.zmdi-pocket:before {
  content: '\f359'; }

.zmdi-polymer:before {
  content: '\f35a'; }

.zmdi-share:before {
  content: '\f35b'; }

.zmdi-stackoverflow:before {
  content: '\f35c'; }

.zmdi-steam-square:before {
  content: '\f35d'; }

.zmdi-steam:before {
  content: '\f35e'; }

.zmdi-twitter-box:before {
  content: '\f35f'; }

.zmdi-twitter:before {
  content: '\f360'; }

.zmdi-vk:before {
  content: '\f361'; }

.zmdi-wikipedia:before {
  content: '\f362'; }

.zmdi-windows:before {
  content: '\f363'; }

.zmdi-aspect-ratio-alt:before {
  content: '\f364'; }

.zmdi-aspect-ratio:before {
  content: '\f365'; }

.zmdi-blur-circular:before {
  content: '\f366'; }

.zmdi-blur-linear:before {
  content: '\f367'; }

.zmdi-blur-off:before {
  content: '\f368'; }

.zmdi-blur:before {
  content: '\f369'; }

.zmdi-brightness-2:before {
  content: '\f36a'; }

.zmdi-brightness-3:before {
  content: '\f36b'; }

.zmdi-brightness-4:before {
  content: '\f36c'; }

.zmdi-brightness-5:before {
  content: '\f36d'; }

.zmdi-brightness-6:before {
  content: '\f36e'; }

.zmdi-brightness-7:before {
  content: '\f36f'; }

.zmdi-brightness-auto:before {
  content: '\f370'; }

.zmdi-brightness-setting:before {
  content: '\f371'; }

.zmdi-broken-image:before {
  content: '\f372'; }

.zmdi-center-focus-strong:before {
  content: '\f373'; }

.zmdi-center-focus-weak:before {
  content: '\f374'; }

.zmdi-compare:before {
  content: '\f375'; }

.zmdi-crop-16-9:before {
  content: '\f376'; }

.zmdi-crop-3-2:before {
  content: '\f377'; }

.zmdi-crop-5-4:before {
  content: '\f378'; }

.zmdi-crop-7-5:before {
  content: '\f379'; }

.zmdi-crop-din:before {
  content: '\f37a'; }

.zmdi-crop-free:before {
  content: '\f37b'; }

.zmdi-crop-landscape:before {
  content: '\f37c'; }

.zmdi-crop-portrait:before {
  content: '\f37d'; }

.zmdi-crop-square:before {
  content: '\f37e'; }

.zmdi-exposure-alt:before {
  content: '\f37f'; }

.zmdi-exposure:before {
  content: '\f380'; }

.zmdi-filter-b-and-w:before {
  content: '\f381'; }

.zmdi-filter-center-focus:before {
  content: '\f382'; }

.zmdi-filter-frames:before {
  content: '\f383'; }

.zmdi-filter-tilt-shift:before {
  content: '\f384'; }

.zmdi-gradient:before {
  content: '\f385'; }

.zmdi-grain:before {
  content: '\f386'; }

.zmdi-graphic-eq:before {
  content: '\f387'; }

.zmdi-hdr-off:before {
  content: '\f388'; }

.zmdi-hdr-strong:before {
  content: '\f389'; }

.zmdi-hdr-weak:before {
  content: '\f38a'; }

.zmdi-hdr:before {
  content: '\f38b'; }

.zmdi-iridescent:before {
  content: '\f38c'; }

.zmdi-leak-off:before {
  content: '\f38d'; }

.zmdi-leak:before {
  content: '\f38e'; }

.zmdi-looks:before {
  content: '\f38f'; }

.zmdi-loupe:before {
  content: '\f390'; }

.zmdi-panorama-horizontal:before {
  content: '\f391'; }

.zmdi-panorama-vertical:before {
  content: '\f392'; }

.zmdi-panorama-wide-angle:before {
  content: '\f393'; }

.zmdi-photo-size-select-large:before {
  content: '\f394'; }

.zmdi-photo-size-select-small:before {
  content: '\f395'; }

.zmdi-picture-in-picture:before {
  content: '\f396'; }

.zmdi-slideshow:before {
  content: '\f397'; }

.zmdi-texture:before {
  content: '\f398'; }

.zmdi-tonality:before {
  content: '\f399'; }

.zmdi-vignette:before {
  content: '\f39a'; }

.zmdi-wb-auto:before {
  content: '\f39b'; }

.zmdi-eject-alt:before {
  content: '\f39c'; }

.zmdi-eject:before {
  content: '\f39d'; }

.zmdi-equalizer:before {
  content: '\f39e'; }

.zmdi-fast-forward:before {
  content: '\f39f'; }

.zmdi-fast-rewind:before {
  content: '\f3a0'; }

.zmdi-forward-10:before {
  content: '\f3a1'; }

.zmdi-forward-30:before {
  content: '\f3a2'; }

.zmdi-forward-5:before {
  content: '\f3a3'; }

.zmdi-hearing:before {
  content: '\f3a4'; }

.zmdi-pause-circle-outline:before {
  content: '\f3a5'; }

.zmdi-pause-circle:before {
  content: '\f3a6'; }

.zmdi-pause:before {
  content: '\f3a7'; }

.zmdi-play-circle-outline:before {
  content: '\f3a8'; }

.zmdi-play-circle:before {
  content: '\f3a9'; }

.zmdi-play:before {
  content: '\f3aa'; }

.zmdi-playlist-audio:before {
  content: '\f3ab'; }

.zmdi-playlist-plus:before {
  content: '\f3ac'; }

.zmdi-repeat-one:before {
  content: '\f3ad'; }

.zmdi-repeat:before {
  content: '\f3ae'; }

.zmdi-replay-10:before {
  content: '\f3af'; }

.zmdi-replay-30:before {
  content: '\f3b0'; }

.zmdi-replay-5:before {
  content: '\f3b1'; }

.zmdi-replay:before {
  content: '\f3b2'; }

.zmdi-shuffle:before {
  content: '\f3b3'; }

.zmdi-skip-next:before {
  content: '\f3b4'; }

.zmdi-skip-previous:before {
  content: '\f3b5'; }

.zmdi-stop:before {
  content: '\f3b6'; }

.zmdi-surround-sound:before {
  content: '\f3b7'; }

.zmdi-tune:before {
  content: '\f3b8'; }

.zmdi-volume-down:before {
  content: '\f3b9'; }

.zmdi-volume-mute:before {
  content: '\f3ba'; }

.zmdi-volume-off:before {
  content: '\f3bb'; }

.zmdi-volume-up:before {
  content: '\f3bc'; }

.zmdi-n-1-square:before {
  content: '\f3bd'; }

.zmdi-n-2-square:before {
  content: '\f3be'; }

.zmdi-n-3-square:before {
  content: '\f3bf'; }

.zmdi-n-4-square:before {
  content: '\f3c0'; }

.zmdi-n-5-square:before {
  content: '\f3c1'; }

.zmdi-n-6-square:before {
  content: '\f3c2'; }

.zmdi-neg-1:before {
  content: '\f3c3'; }

.zmdi-neg-2:before {
  content: '\f3c4'; }

.zmdi-plus-1:before {
  content: '\f3c5'; }

.zmdi-plus-2:before {
  content: '\f3c6'; }

.zmdi-sec-10:before {
  content: '\f3c7'; }

.zmdi-sec-3:before {
  content: '\f3c8'; }

.zmdi-zero:before {
  content: '\f3c9'; }

.zmdi-airline-seat-flat-angled:before {
  content: '\f3ca'; }

.zmdi-airline-seat-flat:before {
  content: '\f3cb'; }

.zmdi-airline-seat-individual-suite:before {
  content: '\f3cc'; }

.zmdi-airline-seat-legroom-extra:before {
  content: '\f3cd'; }

.zmdi-airline-seat-legroom-normal:before {
  content: '\f3ce'; }

.zmdi-airline-seat-legroom-reduced:before {
  content: '\f3cf'; }

.zmdi-airline-seat-recline-extra:before {
  content: '\f3d0'; }

.zmdi-airline-seat-recline-normal:before {
  content: '\f3d1'; }

.zmdi-airplay:before {
  content: '\f3d2'; }

.zmdi-closed-caption:before {
  content: '\f3d3'; }

.zmdi-confirmation-number:before {
  content: '\f3d4'; }

.zmdi-developer-board:before {
  content: '\f3d5'; }

.zmdi-disc-full:before {
  content: '\f3d6'; }

.zmdi-explicit:before {
  content: '\f3d7'; }

.zmdi-flight-land:before {
  content: '\f3d8'; }

.zmdi-flight-takeoff:before {
  content: '\f3d9'; }

.zmdi-flip-to-back:before {
  content: '\f3da'; }

.zmdi-flip-to-front:before {
  content: '\f3db'; }

.zmdi-group-work:before {
  content: '\f3dc'; }

.zmdi-hd:before {
  content: '\f3dd'; }

.zmdi-hq:before {
  content: '\f3de'; }

.zmdi-markunread-mailbox:before {
  content: '\f3df'; }

.zmdi-memory:before {
  content: '\f3e0'; }

.zmdi-nfc:before {
  content: '\f3e1'; }

.zmdi-play-for-work:before {
  content: '\f3e2'; }

.zmdi-power-input:before {
  content: '\f3e3'; }

.zmdi-present-to-all:before {
  content: '\f3e4'; }

.zmdi-satellite:before {
  content: '\f3e5'; }

.zmdi-tap-and-play:before {
  content: '\f3e6'; }

.zmdi-vibration:before {
  content: '\f3e7'; }

.zmdi-voicemail:before {
  content: '\f3e8'; }

.zmdi-group:before {
  content: '\f3e9'; }

.zmdi-rss:before {
  content: '\f3ea'; }

.zmdi-shape:before {
  content: '\f3eb'; }

.zmdi-spinner:before {
  content: '\f3ec'; }

.zmdi-ungroup:before {
  content: '\f3ed'; }

.zmdi-500px:before {
  content: '\f3ee'; }

.zmdi-8tracks:before {
  content: '\f3ef'; }

.zmdi-amazon:before {
  content: '\f3f0'; }

.zmdi-blogger:before {
  content: '\f3f1'; }

.zmdi-delicious:before {
  content: '\f3f2'; }

.zmdi-disqus:before {
  content: '\f3f3'; }

.zmdi-flattr:before {
  content: '\f3f4'; }

.zmdi-flickr:before {
  content: '\f3f5'; }

.zmdi-github-alt:before {
  content: '\f3f6'; }

.zmdi-google-old:before {
  content: '\f3f7'; }

.zmdi-linkedin:before {
  content: '\f3f8'; }

.zmdi-odnoklassniki:before {
  content: '\f3f9'; }

.zmdi-outlook:before {
  content: '\f3fa'; }

.zmdi-paypal-alt:before {
  content: '\f3fb'; }

.zmdi-pinterest:before {
  content: '\f3fc'; }

.zmdi-playstation:before {
  content: '\f3fd'; }

.zmdi-reddit:before {
  content: '\f3fe'; }

.zmdi-skype:before {
  content: '\f3ff'; }

.zmdi-slideshare:before {
  content: '\f400'; }

.zmdi-soundcloud:before {
  content: '\f401'; }

.zmdi-tumblr:before {
  content: '\f402'; }

.zmdi-twitch:before {
  content: '\f403'; }

.zmdi-vimeo:before {
  content: '\f404'; }

.zmdi-whatsapp:before {
  content: '\f405'; }

.zmdi-xbox:before {
  content: '\f406'; }

.zmdi-yahoo:before {
  content: '\f407'; }

.zmdi-youtube-play:before {
  content: '\f408'; }

.zmdi-youtube:before {
  content: '\f409'; }

.zmdi-import-export:before {
  content: '\f30c'; }

.zmdi-swap-vertical-:before {
  content: '\f30c'; }

.zmdi-airplanemode-inactive:before {
  content: '\f102'; }

.zmdi-airplanemode-active:before {
  content: '\f103'; }

.zmdi-rate-review:before {
  content: '\f103'; }

.zmdi-comment-sign:before {
  content: '\f25a'; }

.zmdi-network-warning:before {
  content: '\f2ad'; }

.zmdi-shopping-cart-add:before {
  content: '\f1ca'; }

.zmdi-file-add:before {
  content: '\f221'; }

.zmdi-network-wifi-scan:before {
  content: '\f2e4'; }

.zmdi-collection-add:before {
  content: '\f14e'; }

.zmdi-format-playlist-add:before {
  content: '\f3ac'; }

.zmdi-format-queue-music:before {
  content: '\f3ab'; }

.zmdi-plus-box:before {
  content: '\f277'; }

.zmdi-tag-backspace:before {
  content: '\f1d9'; }

.zmdi-alarm-add:before {
  content: '\f32b'; }

.zmdi-battery-charging:before {
  content: '\f114'; }

.zmdi-daydream-setting:before {
  content: '\f217'; }

.zmdi-more-horiz:before {
  content: '\f19c'; }

.zmdi-book-photo:before {
  content: '\f11b'; }

.zmdi-incandescent:before {
  content: '\f189'; }

.zmdi-wb-iridescent:before {
  content: '\f38c'; }

.zmdi-calendar-remove:before {
  content: '\f330'; }

.zmdi-refresh-sync-disabled:before {
  content: '\f1b7'; }

.zmdi-refresh-sync-problem:before {
  content: '\f1b6'; }

.zmdi-crop-original:before {
  content: '\f17e'; }

.zmdi-power-off:before {
  content: '\f1af'; }

.zmdi-power-off-setting:before {
  content: '\f1ae'; }

.zmdi-leak-remove:before {
  content: '\f38d'; }

.zmdi-star-border:before {
  content: '\f27c'; }

.zmdi-brightness-low:before {
  content: '\f36d'; }

.zmdi-brightness-medium:before {
  content: '\f36e'; }

.zmdi-brightness-high:before {
  content: '\f36f'; }

.zmdi-smartphone-portrait:before {
  content: '\f2d4'; }

.zmdi-live-tv:before {
  content: '\f2d9'; }

.zmdi-format-textdirection-l-to-r:before {
  content: '\f249'; }

.zmdi-format-textdirection-r-to-l:before {
  content: '\f24a'; }

.zmdi-arrow-back:before {
  content: '\f2ea'; }

.zmdi-arrow-forward:before {
  content: '\f2ee'; }

.zmdi-arrow-in:before {
  content: '\f2e9'; }

.zmdi-arrow-out:before {
  content: '\f2ed'; }

.zmdi-rotate-90-degrees-ccw:before {
  content: '\f304'; }

.zmdi-adb:before {
  content: '\f33a'; }

.zmdi-network-wifi:before {
  content: '\f2e8'; }

.zmdi-network-wifi-alt:before {
  content: '\f2e3'; }

.zmdi-network-wifi-lock:before {
  content: '\f2e5'; }

.zmdi-network-wifi-off:before {
  content: '\f2e6'; }

.zmdi-network-wifi-outline:before {
  content: '\f2e7'; }

.zmdi-network-wifi-info:before {
  content: '\f2e4'; }

.zmdi-layers-clear:before {
  content: '\f18b'; }

.zmdi-colorize:before {
  content: '\f15d'; }

.zmdi-format-paint:before {
  content: '\f1ba'; }

.zmdi-format-quote:before {
  content: '\f1b2'; }

.zmdi-camera-monochrome-photos:before {
  content: '\f285'; }

.zmdi-sort-by-alpha:before {
  content: '\f1cf'; }

.zmdi-folder-shared:before {
  content: '\f225'; }

.zmdi-folder-special:before {
  content: '\f226'; }

.zmdi-comment-dots:before {
  content: '\f260'; }

.zmdi-reorder:before {
  content: '\f31e'; }

.zmdi-dehaze:before {
  content: '\f197'; }

.zmdi-sort:before {
  content: '\f1ce'; }

.zmdi-pages:before {
  content: '\f34a'; }

.zmdi-stack-overflow:before {
  content: '\f35c'; }

.zmdi-calendar-account:before {
  content: '\f204'; }

.zmdi-paste:before {
  content: '\f109'; }

.zmdi-cut:before {
  content: '\f1bc'; }

.zmdi-save:before {
  content: '\f297'; }

.zmdi-smartphone-code:before {
  content: '\f139'; }

.zmdi-directions-bike:before {
  content: '\f117'; }

.zmdi-directions-boat:before {
  content: '\f11a'; }

.zmdi-directions-bus:before {
  content: '\f121'; }

.zmdi-directions-car:before {
  content: '\f125'; }

.zmdi-directions-railway:before {
  content: '\f1b3'; }

.zmdi-directions-run:before {
  content: '\f215'; }

.zmdi-directions-subway:before {
  content: '\f1d5'; }

.zmdi-directions-walk:before {
  content: '\f216'; }

.zmdi-local-hotel:before {
  content: '\f178'; }

.zmdi-local-activity:before {
  content: '\f1df'; }

.zmdi-local-play:before {
  content: '\f1df'; }

.zmdi-local-airport:before {
  content: '\f103'; }

.zmdi-local-atm:before {
  content: '\f198'; }

.zmdi-local-bar:before {
  content: '\f137'; }

.zmdi-local-cafe:before {
  content: '\f13b'; }

.zmdi-local-car-wash:before {
  content: '\f124'; }

.zmdi-local-convenience-store:before {
  content: '\f1d3'; }

.zmdi-local-dining:before {
  content: '\f153'; }

.zmdi-local-drink:before {
  content: '\f157'; }

.zmdi-local-florist:before {
  content: '\f168'; }

.zmdi-local-gas-station:before {
  content: '\f16f'; }

.zmdi-local-grocery-store:before {
  content: '\f1cb'; }

.zmdi-local-hospital:before {
  content: '\f177'; }

.zmdi-local-laundry-service:before {
  content: '\f1e9'; }

.zmdi-local-library:before {
  content: '\f18d'; }

.zmdi-local-mall:before {
  content: '\f195'; }

.zmdi-local-movies:before {
  content: '\f19d'; }

.zmdi-local-offer:before {
  content: '\f187'; }

.zmdi-local-parking:before {
  content: '\f1a5'; }

.zmdi-local-parking:before {
  content: '\f1a5'; }

.zmdi-local-pharmacy:before {
  content: '\f176'; }

.zmdi-local-phone:before {
  content: '\f2be'; }

.zmdi-local-pizza:before {
  content: '\f1ac'; }

.zmdi-local-post-office:before {
  content: '\f15a'; }

.zmdi-local-printshop:before {
  content: '\f1b0'; }

.zmdi-local-see:before {
  content: '\f28c'; }

.zmdi-local-shipping:before {
  content: '\f1e6'; }

.zmdi-local-store:before {
  content: '\f1d4'; }

.zmdi-local-taxi:before {
  content: '\f123'; }

.zmdi-local-wc:before {
  content: '\f211'; }

.zmdi-my-location:before {
  content: '\f299'; }

.zmdi-directions:before {
  content: '\f1e7'; }

/* checkbox */
/* radio */
/* select */
.jq-checkbox {
  top: -1px;
  width: 13px;
  height: 13px;
  border: 1px solid #C3C3C3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #F6F6F6;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  cursor: pointer; }

.jq-checkbox.checked .jq-checkbox__div {
  width: 9px;
  height: 9px;
  margin: 2px 0 0 2px;
  background: #666;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.05); }

.jq-checkbox.disabled {
  opacity: 0.5; }

.jq-radio {
  width: 12px;
  height: 12px;
  border: 1px solid #C3C3C3;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #F6F6F6;
  box-shadow: 0 0 0 0px transparent;
  -moz-box-shadow: 0 0 0 0px transparent;
  -webkit-box-shadow: 0 0 0 0px transparent;
  vertical-align: middle;
  cursor: pointer; }

.jq-radio.checked .jq-radio__div {
  width: 6px;
  height: 6px;
  margin: 3px 0 0 3px;
  background: #666; }

.jq-radio.disabled {
  opacity: 0.5; }

.jq-file {
  width: 270px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

.jq-file input {
  cursor: pointer;
  height: auto;
  line-height: 1em; }

.jq-file__name {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0 80px 0 10px;
  color: #333;
  font: 14px/30px Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1;
  background: #FFF; }

.focused .jq-file__name {
  border: 1px solid #5794BF; }

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  border-radius: 0 4px 4px 0;
  background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px/30px Arial, sans-serif; }

.jq-file:hover .jq-file__browse {
  background-color: #E6E6E6;
  background-position: 0 -10px; }

.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD; }

.jq-file.disabled .jq-file__name {
  color: #888; }

.jq-file.disabled,
.jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer;
  width: 100%; }

.jq-selectbox__select {
  height: auto;
  padding: 0.7875rem 20px;
  border: 2px solid #f5f5f5;
  border-radius: 5px;
  background: none;
  box-shadow: none;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #999999;
  font-family: "Roboto", sans-serif; }

.changed .jq-selectbox__select {
  color: #666666; }

.jq-selectbox__select:hover {
  background: none; }

.jq-selectbox__select:active {
  background: none; }

.jq-selectbox.focused .jq-selectbox__select {
  background: none; }

.opened .jq-selectbox__select {
  border-color: #f5f5f5; }

.jq-selectbox.disabled .jq-selectbox__select {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-selectbox__select-text {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%; }

.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 12px;
  height: 8px;
  margin-top: -4px;
  overflow: hidden;
  background: url(../img/marker_select.jpg?ver1.0) no-repeat center top; }

.opened .jq-selectbox__trigger-arrow {
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

.jq-selectbox__dropdown {
  top: auto;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 2px solid #f5f5f5;
  border-radius: 4px;
  background: #FFF;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none; }

.jq-selectbox__search {
  margin: 5px; }

.jq-selectbox__search input {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 27px 6px 8px;
  outline: none;
  border: 1px solid #CCC;
  border-radius: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
  box-shadow: inset 1px 1px #F1F1F1;
  color: #333;
  -webkit-appearance: textfield; }

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none; }

.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #F0F0F0;
  font-size: 13px; }

.jq-selectbox ul {
  margin: 0;
  padding: 0; }

.jq-selectbox li {
  min-height: 18px;
  padding: 0.7875rem 20px;
  color: #666666;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: "Roboto", sans-serif; }

.jq-selectbox li.selected {
  background-color: #fafafa;
  color: #999999; }

.jq-selectbox li:hover {
  background-color: #fafafa;
  color: #999999; }

.jq-selectbox li.disabled {
  color: #999999;
  background: none; }

.jq-selectbox li.disabled:hover {
  background: none; }

.jq-selectbox li.optgroup {
  font-weight: bold; }

.jq-selectbox li.optgroup:hover {
  background: none;
  color: #231F20;
  cursor: default; }

.jq-selectbox li.option {
  padding-left: 25px; }

.box-select-lg .jq-selectbox__select {
  padding: 1.1rem 25px;
  font-size: 0.875rem; }

.box-select-sm .jq-selectbox__select {
  padding: 0.5375rem 15px;
  font-size: 0.75rem; }

.large-radius .jq-selectbox__select {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  padding-left: 25px;
  padding-right: 25px; }
.large-radius .box-select-lg .jq-selectbox__select {
  padding-left: 30px;
  padding-right: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }
.large-radius .box-select-sm .jq-selectbox__select {
  padding-left: 25px;
  padding-right: 25px; }

.jq-select-multiple {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #FFF;
  color: #333;
  font: 14px/18px Arial, sans-serif;
  cursor: default; }

.jq-select-multiple.focused {
  border: 1px solid #5794BF; }

.jq-select-multiple.disabled {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-select-multiple ul {
  margin: 0;
  padding: 0; }

.jq-select-multiple li {
  padding: 3px 9px 4px;
  list-style: none; }

.jq-select-multiple li:first-child {
  border-radius: 3px 3px 0 0; }

.jq-select-multiple li:last-child {
  border-radius: 0 0 3px 3px; }

.jq-select-multiple li.selected {
  background: #08C;
  color: #FFF; }

.jq-select-multiple li.disabled {
  color: #AAA; }

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
  background: #CCC;
  color: #FFF; }

.jq-select-multiple li.optgroup {
  font-weight: bold; }

.jq-select-multiple li.option {
  padding-left: 25px; }

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
header {
  width: 100%;
  min-width: 320px;
  text-align: left;
  order: 1;
  -webkit-order: 1;
  background: #FFF;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04); }
  header .navbar {
    display: block;
    padding: 0; }
  header .navbar-nav {
    display: block;
    white-space: nowrap;
    padding: 0;
    height: 60px;
    line-height: 60px; }
  header .nav-link {
    padding: 0 !important; }

.header-button {
  float: right;
  padding: 21px 0 0 13px; }
  .header-button a {
    display: block;
    width: 18px;
    height: 20px;
    position: relative; }
    .header-button a span {
      display: block;
      margin: 3px auto 3px auto;
      width: 18px;
      background: #b9bed1;
      height: 2px;
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease; }
    .header-button a.active span:nth-child(2) {
      background: transparent; }
    .header-button a.active span:first-child {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      position: absolute;
      left: 3px;
      top: 10px;
      margin: 0 0 0 0; }
    .header-button a.active span:last-child {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      position: absolute;
      right: 3px;
      top: 10px;
      margin: 0 0 0 0; }

.user-level {
  float: left;
  margin-top: 19px;
  margin-right: 16px; }
  .user-level span {
    height: 24px;
    border-radius: 2px;
    border: solid 1px #ccc;
    padding: 4px;
    color: #ccc;
    font-size: 13px; }
    .user-level span.lvl-1 {
      color: #2e80d5;
      border-color: #2e80d5; }

.user {
  float: left;
  padding-top: 15px; }
  .user-photo {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-color: #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .user-photo img {
      display: block;
      width: 100%; }
  .user-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-left: 10px;
    margin-top: -1px; }
    .user-name a {
      color: #b9bed1;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px; }
    .user-name a:hover {
      color: #fff !important; }
    .user-name a.active {
      color: #fff;
      font-weight: bold; }

.navbar {
  float: right;
  padding: 22px 0 0 26px;
  white-space: nowrap; }
  .navbar .nav-item {
    display: inline-block;
    margin-right: 26px; }
  .navbar .nav-link {
    color: #b9bed1;
    position: relative;
    padding: 14px 0 2.7rem 0; }
    .navbar .nav-link span {
      padding: 6px 13px 6px 13px; }
      .navbar .nav-link span.invite-friend {
        transition: border 0.2s linear;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: solid 1px #b9bed1; }
    .navbar .nav-link.active {
      color: #fff;
      font-weight: bold; }
      .navbar .nav-link.active:before {
        display: none; }
    .navbar .nav-link:hover {
      color: #fff; }
      .navbar .nav-link:hover span.invite-friend {
        border: solid 1px #fff; }
  .navbar .nav-item.mark-item .nav-link:after {
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    background: #5553CE;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: -2px;
    top: 14px; }

.header-btn {
  float: right;
  padding: 19px 0 0 0; }
  .header-btn .btn {
    padding-left: 19px;
    padding-right: 19px;
    background: #50d166;
    border-color: #50d166; }

.box-task {
  float: right;
  padding: 18px 75px 0 0; }
  .box-task p {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    margin-right: 14px;
    padding-top: 12px; }
    .box-task p a {
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      padding: 6px 16px 6px 13px;
      color: #666; }
    .box-task p a.active {
      color: #fff;
      background: #5553CE; }
    .box-task p a:hover {
      color: #5553CE; }

.task-percent {
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 48px;
  position: relative; }
  .task-percent .circle-text {
    position: absolute;
    left: 0px;
    top: 1px;
    width: 54px;
    text-align: center;
    font-weight: 500; }

.main-header {
  height: 60px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #252838; }

.sub-header {
  height: 60px; }
  .sub-header .nav-tabs {
    border-bottom: 2px solid transparent; }
  .sub-header .nav-item {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .sub-header .nav-link {
    font-size: 19px !important;
    color: #d4d6e2;
    padding: 18px 30px 18px 30px !important;
    text-transform: capitalize;
    font-weight: 900; }
    .sub-header .nav-link:hover {
      color: #252838 !important; }
    .sub-header .nav-link.active {
      color: #252838; }
      .sub-header .nav-link.active:before {
        background-color: #252838; }
  .sub-header .training-button {
    float: right;
    margin-top: 9px; }
    .sub-header .training-button a {
      font-size: 12px !important; }

.page-title {
  font-size: 28px;
  color: #252838;
  font-weight: bold;
  margin-bottom: 30px; }
  .page-title i {
    color: #252838;
    margin-right: 20px; }

/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
footer {
  margin-top: 80px;
  text-align: left;
  width: 100%;
  min-width: 320px;
  order: 3;
  -webkit-order: 3;
  background-color: #262626;
  color: #fff; }
  footer .footer-mobile-ad {
    width: 100%;
    min-width: 320px;
    background-color: #5553ce;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    line-height: 35px;
    padding: 30px 0;
    text-align: center; }
  footer .footer-social {
    padding: 30px 0; }
    footer .footer-social .footer-lang-block {
      display: inline-block;
      font-weight: bold;
      background: url(../img/super-ego-logo.svg) right center no-repeat;
      padding-right: 190px;
      margin-right: 50px;
      vertical-align: top;
      height: 50px;
      line-height: 50px; }
      footer .footer-social .footer-lang-block i {
        margin-left: 5px;
        font-weight: bold; }
    footer .footer-social .footer-subscribe-block {
      display: inline-block; }
      footer .footer-social .footer-subscribe-block form {
        padding: 0;
        margin: 0; }
      footer .footer-social .footer-subscribe-block input {
        background-color: #333333;
        border-color: #333333;
        color: #fff;
        margin-right: 10px;
        width: 280px; }
      footer .footer-social .footer-subscribe-block input:focus {
        border-color: #5553ce; }
      footer .footer-social .footer-subscribe-block .btn {
        background-color: #262626;
        color: #fff;
        border-color: #50d166; }
    footer .footer-social .social-icons {
      margin: 0;
      padding: 0; }
      footer .footer-social .social-icons li {
        list-style: none;
        display: inline-block;
        padding-top: 5px;
        margin-right: 10px; }
      footer .footer-social .social-icons a {
        display: block;
        width: 40px;
        height: 40px;
        color: #fff;
        border-radius: 50%;
        border: 2px solid #515151;
        line-height: 40px;
        text-align: center; }
      footer .footer-social .social-icons a:hover {
        border-color: #fff; }
  footer .footer-links {
    border-top: 2px solid #333333;
    padding: 40px 0; }
    footer .footer-links h6 {
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 30px; }
    footer .footer-links ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    footer .footer-links li {
      margin-bottom: 20px; }
    footer .footer-links a {
      color: #4D4D4D;
      font-weight: 500; }
      footer .footer-links a:hover {
        color: #fff; }
  footer .footer-copyrights {
    border-top: 2px solid #333333;
    padding: 30px 0; }
    footer .footer-copyrights a {
      color: #fff;
      font-weight: 500;
      margin-right: 15px; }

#temp {
  position: absolute;
  top: -30px;
  height: 20px;
  overflow: hidden; }

.main-wrapper {
  padding: 0 0 0 0;
  min-width: 1170px;
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start; }

.wrapper {
  min-width: 320px;
  max-width: 1170px;
  padding: 0 15px 0 15px;
  margin: 0 auto;
  position: relative; }

.container {
  width: 1170px;
  max-width: none; }

/* titles */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.4;
  color: #666666; }

h1, .h1 {
  font-weight: 300; }

h5, .h5 {
  font-weight: 500; }

p {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.875rem;
  margin-bottom: 0px; }

/* text position */
.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.nowrap {
  white-space: nowrap !important; }

/* loader */
.loaded .main-wrapper {
  visibility: hidden; }
  .loaded .main-wrapper .goal-item-image {
    visibility: hidden; }

.icon-load {
  background: url(../img/loader.gif) no-repeat left top;
  width: 80px;
  height: 40px;
  background-size: cover;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-left: -20px;
  display: none; }

.loaded .icon-load {
  display: block; }

/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content {
  min-width: 320px;
  text-align: left;
  width: 100%;
  order: 2;
  -webkit-order: 2;
  flex-grow: 1;
  -webkit-flex-grow: 1; }

/*
================================================================================
|                                     ELEMENTS                                 |
================================================================================
*/
.block-element {
  padding-top: 30px;
  padding-bottom: 30px; }
  .block-element small {
    color: #b2b2b2;
    font-weight: 500; }
    .block-element small span {
      display: block;
      font-size: 10px; }
  .block-element .row {
    padding-top: 20px;
    padding-bottom: 20px; }
  .block-element-title {
    display: block;
    padding: 15px 0 15px 0;
    border-bottom: 2px solid #f5f5f5;
    font-size: 0.875rem;
    color: #999999;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px; }

.color {
  display: block;
  width: 48px;
  height: 48px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 15px; }
  .color_gray-98 {
    background: #fafafa; }
  .color_gray-96 {
    background: #f5f5f5; }
  .color_gray-94 {
    background: #f0f0f0; }
  .color_gray-90 {
    background: #e6e6e6; }
  .color_gray-85 {
    background: #d9d9d9; }
  .color_gray-80 {
    background: #cccccc; }
  .color_gray-70 {
    background: #b2b2b2; }
  .color_gray-60 {
    background: #999999; }
  .color_gray-50 {
    background: #808080; }
  .color_gray-40 {
    background: #666666; }
  .color_gray-30 {
    background: #4d4d4d; }
  .color_gray-20 {
    background: #333333; }
  .color_gray-15 {
    background: #262626; }
  .color_gray-10 {
    background: #1a1a1a; }
  .color_gray-5 {
    background: #0d0d0d; }
  .color_blue {
    background: #1875F0; }
  .color_green {
    background: #50D166; }
  .color_red {
    background: #F13A30; }
  .color_orange {
    background: #F18F1C; }
  .color_purple {
    background: #5553CE; }

ul.list-styled {
  margin: 0 0 0 0;
  padding: 10px 0 10px 0; }
  ul.list-styled li {
    font-size: 0.8125rem;
    line-height: 1.875rem;
    margin: 0 0 0 0;
    padding: 5px 0 5px 39px;
    list-style-type: none;
    position: relative; }
    ul.list-styled li:before {
      display: block;
      content: '';
      width: 6px;
      height: 6px;
      background: #d9d9d9;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      left: 0px;
      top: 17px; }
  ul.list-styled ul {
    padding-top: 5px;
    margin-bottom: -5px; }
  ul.list-styled ol {
    padding-top: 5px;
    margin-bottom: -5px; }

ol.list-styled {
  margin: 0 0 0 0;
  padding: 10px 0 10px 0;
  list-style-type: none;
  /* Убираем исходные маркеры */
  counter-reset: item; }
  ol.list-styled > li {
    font-size: 0.875rem;
    line-height: 1.875rem;
    margin: 0 0 0 0;
    padding: 5px 0 5px 39px;
    position: relative; }
    ol.list-styled > li:before {
      display: block;
      content: '';
      font-size: 0.8125rem;
      line-height: 1.875rem;
      color: #b2b2b2;
      font-weight: 500;
      position: absolute;
      right: 100%;
      margin-right: -11px;
      top: 5px;
      content: counter(item) ". ";
      /* Добавляем к числам скобку */
      counter-increment: item;
      /* Задаём имя счетчика */ }
  ol.list-styled ul {
    padding-top: 5px;
    margin-bottom: -5px; }
    ol.list-styled ul li {
      margin: 0 0 0 0;
      padding: 5px 0 5px 39px;
      list-style-type: none;
      position: relative; }
      ol.list-styled ul li:before {
        display: block;
        content: '';
        width: 6px;
        height: 6px;
        background: #d9d9d9;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 17px; }
  ol.list-styled ol {
    padding-top: 5px;
    margin-bottom: -5px;
    counter-reset: item2; }
    ol.list-styled ol > li {
      font-size: 0.875rem;
      line-height: 1.875rem;
      margin: 0 0 0 0;
      padding: 5px 0 5px 39px;
      position: relative; }
      ol.list-styled ol > li:before {
        display: block;
        content: '';
        font-size: 0.8125rem;
        line-height: 1.875rem;
        color: #b2b2b2;
        font-weight: 500;
        position: absolute;
        right: 100%;
        margin-right: -11px;
        top: 5px;
        content: counter(item) "." counter(item2);
        /* Добавляем к числам скобку */
        counter-increment: item2;
        /* Задаём имя счетчика */ }

label {
  font-size: 0.75rem;
  margin-bottom: 15px;
  font-weight: 500; }

.col-form-label-lg {
  margin-bottom: 5px; }

.col-form-label-sm {
  margin-bottom: 5px; }

label.col.col-form-label {
  max-width: 100px;
  margin-bottom: 0px; }

.form-control {
  font-weight: 500;
  background-size: 12px;
  font-size: 0.875rem; }

.form-control-lg {
  font-size: 0.875rem; }

.form-control-sm {
  font-size: 0.75rem; }

.block-element form .row {
  padding-top: 5px;
  padding-bottom: 5px; }

.large-radius .form-control {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  padding-left: 25px;
  padding-right: 25px; }
  .large-radius .form-control-sm {
    padding-left: 20px;
    padding-right: 20px; }
  .large-radius .form-control-lg {
    padding-left: 30px;
    padding-right: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }

.box-select {
  position: relative;
  margin: 0 0 0 0; }

.btn {
  font-weight: 900;
  color: #b2b2b2;
  text-transform: uppercase;
  border-color: #f5f5f5;
  outline: none !important;
  letter-spacing: 0.11rem;
  font-size: 0.75rem;
  background: none; }
  .btn i {
    font-size: 1.3rem;
    color: #e8e8e8;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: -5px; }
    .btn i.right {
      margin-right: 0px;
      margin-left: 10px; }
    .btn i.icon-dark {
      color: #bdbdbd; }
    .btn i.icon-down {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
  .btn:hover, .btn.active {
    background: #fafafa;
    color: #b2b2b2; }
  .btn:active {
    background: #fafafa;
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
    color: #b2b2b2; }
  .btn:disabled {
    color: #e6e6e6; }
  .btn:focus,
  .btn .focus {
    color: #b2b2b2;
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05); }
  .btn-lg {
    border-radius: 5px;
    font-size: 0.875rem; }
    .btn-lg i {
      margin-right: 13px;
      font-size: 1.5rem; }
      .btn-lg i.right {
        margin-right: 0px;
        margin-left: 13px; }
  .btn-sm {
    border-radius: 5px;
    font-size: 0.625rem; }
    .btn-sm i {
      margin-right: 9px;
      font-size: 1.1rem;
      margin-top: -1px; }
      .btn-sm i.right {
        margin-right: 0px;
        margin-left: 9px; }
  .btn-extra {
    padding: 0.4rem 18px;
    font-size: 0.5625rem; }
    .btn-extra i {
      margin-right: 5px;
      font-size: 1rem;
      margin-top: -1px; }
      .btn-extra i.right {
        margin-right: 0px;
        margin-left: 5px; }

.btn-primary {
  color: #FFF;
  background-color: #5553CE;
  border-color: #5553CE; }
  .btn-primary:hover {
    color: #FFF;
    background-color: #3735b9;
    border-color: #3533b1; }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 2px rgba(85, 83, 206, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #5553CE;
    border-color: #5553CE; }
  .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #FFF;
    background-color: #3735b9;
    background-image: none;
    border-color: #3533b1; }
  .btn-primary:hover, .btn-primary.active {
    background: #4947c1;
    border-color: #5553CE; }
  .btn-primary:active {
    background: #5553CE;
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
    color: #FFF; }
  .btn-primary:focus,
  .btn-primary .focus {
    color: #fff;
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05); }
  .btn-primary i {
    color: #FFF; }

.btn-secondary {
  color: #252838;
  background-color: #fff;
  border-color: #ccc; }
  .btn-secondary:hover {
    color: #252838;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #fff;
    border-color: #ccc; }
  .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    color: #252838;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #2aabd2; }

.btn-success {
  color: #fff;
  background-color: #50d166;
  border-color: #50d166; }
  .btn-success:hover {
    color: #fff;
    background-color: #32bc49;
    border-color: #2fb446; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 2px rgba(80, 209, 102, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #50d166;
    border-color: #50d166; }
  .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #32bc49;
    background-image: none;
    border-color: #2fb446; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #eb9316; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #d9534f;
    border-color: #d9534f; }
  .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #c12e2a; }

.btn-outline-primary {
  color: #5553CE;
  background-image: none;
  background-color: transparent;
  border-color: #5553CE; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #5553CE;
    border-color: #5553CE; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 2px rgba(85, 83, 206, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #5553CE;
    background-color: transparent; }
  .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #5553CE;
    border-color: #5553CE; }

.btn-outline-secondary {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #ccc;
    background-color: transparent; }
  .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc; }

.btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent; }
  .btn-outline-info:active, .btn-outline-info.active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de; }

.btn-outline-success {
  color: #50d166;
  background-image: none;
  background-color: transparent;
  border-color: #50d166; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #50d166;
    border-color: #50d166; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 2px rgba(80, 209, 102, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #50d166;
    background-color: transparent; }
  .btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #50d166;
    border-color: #50d166; }

.btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e; }
  .btn-outline-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f0ad4e;
    background-color: transparent; }
  .btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e; }

.btn-outline-danger {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #d9534f;
    background-color: transparent; }
  .btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f; }

.large-radius .btn {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px; }
  .large-radius .btn-sm {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; }
  .large-radius .btn-lg {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .large-radius .btn-extra {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; }

.btn-link {
  font-weight: 900;
  color: #b2b2b2;
  border-radius: 0;
  text-transform: uppercase; }
  .btn-link:hover {
    color: #999999; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent; }
  .btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent;
    color: #999999;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none; }
  .btn-link:hover {
    border-color: transparent; }
  .btn-link:focus, .btn-link:hover {
    color: #999999;
    text-decoration: none;
    background-color: transparent; }
  .btn-link:disabled {
    color: #636c72; }
    .btn-link:disabled:focus, .btn-link:disabled:hover {
      text-decoration: none; }

.custom-checkbox .custom-control-indicator {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #e5e5e5;
  margin-top: -2px; }
.custom-checkbox:hover .custom-control-indicator {
  border-color: #5553CE; }
.custom-checkbox:hover .custom-control-input:disabled + .custom-control-indicator {
  border-color: #e5e5e5; }
.custom-checkbox .custom-control-input:disabled + .custom-control-indicator {
  background: none; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
  border: none; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #5553CE;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
.custom-checkbox .custom-control-description {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 500; }

.custom-radio .custom-control-indicator {
  border: 2px solid #e5e5e5;
  margin-top: -2px; }
.custom-radio:hover .custom-control-indicator {
  border-color: #5553CE; }
.custom-radio:hover .custom-control-input:disabled + .custom-control-indicator {
  border-color: #e5e5e5; }
.custom-radio .custom-control-input:disabled + .custom-control-indicator {
  background: none; }
.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: none;
  border-color: #5553CE;
  background: #FFF; }
  .custom-radio .custom-control-input:checked ~ .custom-control-indicator:after {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #5553CE;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px; }
.custom-radio .custom-control-description {
  color: #666666;
  font-size: 0.875rem;
  font-weight: 500; }

.bootstrap-switcher {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 50px;
  height: 30px;
  cursor: pointer; }
  .bootstrap-switcher input {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    z-index: -1; }
  .bootstrap-switcher-bg {
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #f0f0f0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    transition: 0.3s; }
  .bootstrap-switcher-marker {
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: 0.3s;
    background: #e6e6e6;
    z-index: 2; }
  input:checked + .bootstrap-switcher-bg {
    border-color: #5553CE;
    background: #5553CE; }
  input:checked + .bootstrap-switcher-bg + .bootstrap-switcher-marker {
    background: #FFF;
    left: 25px; }
  .bootstrap-switcher-with-text {
    width: 66px; }
    .bootstrap-switcher-with-text input:checked + .bootstrap-switcher-bg + .bootstrap-switcher-marker {
      left: 41px; }
    .bootstrap-switcher-with-text input:checked + .bootstrap-switcher-bg + .bootstrap-switcher-marker + .switcher-off {
      opacity: 0; }
    .bootstrap-switcher-with-text input:checked + .bootstrap-switcher-bg + .bootstrap-switcher-marker + .switcher-off + .switcher-on {
      opacity: 1; }

.bootstrap-switcher-sm {
  width: 41px;
  height: 24px; }
  .bootstrap-switcher-sm .bootstrap-switcher-marker {
    width: 16px;
    height: 16px;
    left: 4px;
    top: 4px; }
  .bootstrap-switcher-sm input:checked + .bootstrap-switcher-bg + .bootstrap-switcher-marker {
    left: 21px; }
  .bootstrap-switcher-sm.bootstrap-switcher-with-text {
    width: 55px; }
    .bootstrap-switcher-sm.bootstrap-switcher-with-text input:checked + .bootstrap-switcher-bg + .bootstrap-switcher-marker {
      left: 36px; }
    .bootstrap-switcher-sm.bootstrap-switcher-with-text input:checked + .bootstrap-switcher-bg + .bootstrap-switcher-marker + .switcher-off {
      opacity: 0; }
    .bootstrap-switcher-sm.bootstrap-switcher-with-text input:checked + .bootstrap-switcher-bg + .bootstrap-switcher-marker + .switcher-off + .switcher-on {
      opacity: 1; }
  .bootstrap-switcher-sm .switcher-off, .bootstrap-switcher-sm .switcher-on {
    font-size: 0.625rem;
    top: 5px;
    width: 30px; }

.switcher-off {
  display: block;
  position: absolute;
  z-index: 1;
  opacity: 1;
  width: 34px;
  right: 5px;
  top: 6px;
  font-size: 0.75rem;
  color: #656565;
  text-transform: uppercase;
  font-weight: 900;
  transition: 0.3s;
  text-align: center; }

.switcher-on {
  display: block;
  position: absolute;
  z-index: 1;
  opacity: 0;
  width: 34px;
  left: 5px;
  top: 6px;
  font-size: 0.75rem;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 900;
  transition: 0.3s;
  text-align: center; }

.bootstrap-switcher-without-radius .bootstrap-switcher-bg {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
.bootstrap-switcher-without-radius .bootstrap-switcher-marker {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  left: 6px;
  top: 6px; }
.bootstrap-switcher-without-radius input:checked + .bootstrap-switcher-bg + .bootstrap-switcher-marker {
  left: 42px; }
.bootstrap-switcher-without-radius.bootstrap-switcher-sm {
  height: 24px; }
  .bootstrap-switcher-without-radius.bootstrap-switcher-sm .bootstrap-switcher-marker {
    width: 16px;
    height: 16px;
    top: 4px; }
  .bootstrap-switcher-without-radius.bootstrap-switcher-sm input:checked + .bootstrap-switcher-bg + .bootstrap-switcher-marker {
    left: 36px; }

.arrow-link {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  margin: 0 5px 0 5px;
  border: 2px solid #f5f5f5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  color: #b6b6b6;
  padding: 8px 0 0 0;
  font-size: 22px;
  text-align: center; }
  .arrow-link:hover {
    border-color: #5553CE;
    color: #5553CE; }
  .arrow-link-lg {
    width: 60px;
    height: 60px;
    font-size: 25px;
    padding-top: 10px; }
  .arrow-link-sm {
    width: 40px;
    height: 40px;
    font-size: 19px;
    padding-top: 5px; }
  .arrow-link-extra {
    width: 30px;
    height: 30px;
    font-size: 17px;
    padding-top: 1px; }

.badge {
  text-transform: uppercase;
  font-weight: 500; }

h4 .badge {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 1.2em;
  padding-right: 1.2em; }

h5 .badge {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 1.2em;
  padding-right: 1.2em; }

.large-radius .badge {
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px; }

.bg-secondery {
  background: #e6e6e6; }

.ui-slider-range {
  height: 100%;
  background: #5553CE; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: none;
  background: #5553CE;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-top: -3px;
  cursor: pointer; }
  .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover, .ui-button:hover, html .ui-button.ui-state-disabled:hover:hover, html .ui-button.ui-state-disabled:active:hover {
    background: #4f4dbf; }
  .ui-state-default:active, .ui-widget-content .ui-state-default:active, .ui-widget-header .ui-state-default:active, .ui-button:active, html .ui-button.ui-state-disabled:hover:active, html .ui-button.ui-state-disabled:active:active {
    background: #6260ee; }
  .ui-state-default.disabled, .ui-widget-content .ui-state-default.disabled, .ui-widget-header .ui-state-default.disabled, .ui-button.disabled, html .ui-button.ui-state-disabled:hover.disabled, html .ui-button.ui-state-disabled:active.disabled {
    background: #e6e6e6; }

.ui-widget.ui-widget-content {
  border: none;
  background: #f5f5f5; }

.ui-slider-horizontal {
  height: 4px; }

.ui-slider-handle span {
  position: absolute;
  left: -23px;
  top: -30px;
  width: 60px;
  height: 21px;
  background: #010101;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 1px 0 0 0;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  text-align: center; }
  .ui-slider-handle span:after {
    display: block;
    content: '';
    width: 0px;
    height: 0px;
    border-top: 4px solid #010101;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -4px;
    bottom: -4px; }

.nav-link {
  border: none;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #999999;
  font-weight: normal;
  border: none !important; }
  .nav-link.active:before {
    display: block;
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #5553CE; }

.white-body {
  background: #FFF !important; }

.nav-tabs .nav-item {
  padding-left: 40px;
  padding-right: 10px;
  vertical-align: top; }

.nav-tabs .nav-link:hover {
  color: #5553CE; }

.dropdown-menu {
  color: #808080;
  font-weight: 400;
  -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.dropdown-item {
  padding-top: 9px;
  padding-bottom: 9px;
  font-weight: 400;
  color: #808080; }
  .dropdown-item:hover {
    color: #5553CE;
    background: none; }

.dropdown-item.active, .dropdown-item:active {
  background: none;
  color: #5553CE; }

.dropdown-toggle::after {
  display: none; }

.dropdown-toggle i {
  margin-left: 7px;
  font-size: 16px;
  display: inline-block;
  vertical-align: top; }

.nav .nav-link {
  padding-bottom: 1.8rem; }

.nav-lg .nav-link {
  font-size: 1rem;
  padding-bottom: 1.8rem; }
.nav-lg .dropdown-toggle i {
  margin-top: 0;
  font-size: 18px; }

.nav-sm .nav-link {
  font-size: 0.75rem;
  padding-bottom: 1.2rem; }
.nav-sm .dropdown-toggle i {
  display: none; }

.dropdown-item-large {
  font-size: 0.875rem;
  color: #5553CE; }

.dropdown-divider {
  height: 2px; }

.dropdown-toggle i {
  font-size: 18px;
  margin-right: -7px !important;
  color: #b3b3b3; }

.btn-lg.dropdown-toggle i {
  font-size: 22px;
  margin-right: -7px !important;
  color: #b3b3b3; }

.btn-sm.dropdown-toggle i {
  font-size: 16px;
  margin-right: -7px !important;
  color: #b3b3b3; }

.btn-extra.dropdown-toggle i {
  font-size: 14px;
  margin-right: -7px !important;
  color: #b3b3b3; }

.btn-primary.dropdown-toggle i {
  color: #FFF; }

.show .dropdown-toggle i {
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

.dropdown-toggle-split i {
  margin-left: 0 !important;
  margin-right: 0px !important; }

.btn-lg.dropdown-toggle-split i {
  margin-left: -3px !important;
  margin-right: 0px !important;
  width: 12px; }

.btn-sm.dropdown-toggle-split i {
  margin-left: 0 !important;
  margin-right: 0px !important; }

.btn-extra.dropdown-toggle-split i {
  margin-left: 0 !important;
  margin-right: 0px !important; }

.btn + .dropdown-toggle-split, .btn-group > .btn + .dropdown-toggle-split {
  padding-left: 20px;
  padding-right: 20px; }

.btn.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn.btn-lg + .dropdown-toggle-split {
  padding-left: 28px;
  padding-right: 28px; }

.btn.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn.btn-sm + .dropdown-toggle-split {
  padding-left: 16px;
  padding-right: 16px; }

.btn.btn-extra + .dropdown-toggle-split, .btn-group-extra > .btn.btn-extra + .dropdown-toggle-split {
  padding-left: 12px;
  padding-right: 12px; }

.large-radius .btn-group .btn:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.btn-group .btn:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.btn-primary.dropdown-toggle-split {
  border-left-color: #5e5ce1; }

.input-group-addon {
  font-size: 1rem;
  color: #999999; }

.input-group-lg .input-group-addon {
  font-size: 1.125rem;
  line-height: 1rem; }

.input-group-sm .input-group-addon {
  font-size: 0.875rem; }

.large-radius .input-group-addon {
  border-radius: 25px 0 0 25px; }

.large-radius .input-group-lg .input-group-addon {
  border-radius: 30px 0 0 30px; }

.large-radius .input-group-sm .input-group-addon {
  border-radius: 20px 0 0 20px; }

.large-radius .form-control + .input-group-addon:not(:first-child) {
  border-radius: 0 25px 25px 0; }

.large-radius .input-group-lg .form-control + .input-group-addon:not(:first-child) {
  border-radius: 0 30px 30px 0; }

.large-radius .input-group-sm .form-control + .input-group-addon:not(:first-child) {
  border-radius: 0 20px 20px 0; }

.field-group {
  display: block;
  height: 20px;
  width: 20px;
  margin-right: -4px;
  margin-left: -4px;
  position: relative; }
  .field-group .custom-control {
    min-height: 0px;
    width: 20px;
    height: 20px;
    padding-left: 20px; }
  .field-group .custom-control-indicator {
    top: 1px;
    left: 0;
    background-color: #FFF; }

.input-group-sm .field-group {
  margin-right: -5px;
  margin-left: -3px; }
  .input-group-sm .field-group .custom-control-indicator {
    top: 2px; }

.input-group-btn .btn {
  padding-left: 20px;
  padding-right: 20px; }

.large-radius .input-group-btn .btn {
  border-radius: 25px 0 0 25px; }

.large-radius .input-group-lg .input-group-btn .btn {
  border-radius: 30px 0 0 30px; }

.large-radius .input-group-sm .input-group-btn .btn {
  border-radius: 20px 0 0 20px; }

.large-radius .form-control + .input-group-btn:not(:first-child) .btn {
  border-radius: 0 25px 25px 0; }

.large-radius .input-group-lg .form-control + .input-group-btn:not(:first-child) .btn {
  border-radius: 0 30px 30px 0; }

.large-radius .input-group-sm .form-control + .input-group-btn:not(:first-child).btn {
  border-radius: 0 20px 20px 0; }

.table {
  margin-top: 15px; }
  .table th,
  .table td {
    border-top: 2px solid #eceeef;
    border-bottom: 2px solid #eceeef;
    color: #666666;
    font-size: 0.8125rem;
    font-weight: 500; }

.line-paging {
  padding: 16px 20px 20px 0;
  text-align: right; }

.view-row {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px 0 15px; }
  .view-row p {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 0;
    margin: 0 0 0 0;
    font-weight: 500;
    color: #666666;
    font-size: 0.8125rem; }
  .view-row-select {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 0;
    text-align: left; }
  .view-row .jq-selectbox__select {
    border: none;
    padding: 5px 20px 5px 10px;
    font-weight: 500;
    color: #666666;
    font-size: 0.8125rem; }
  .view-row .jq-selectbox__trigger {
    width: 15px; }
  .view-row .jq-selectbox__trigger-arrow {
    right: 0px; }
  .view-row .jq-selectbox li {
    padding: 10px 15px 10px 15px; }

.view-pages {
  display: inline-block;
  vertical-align: top;
  padding: 3px 30px 0 10px;
  font-weight: 500;
  color: #666666;
  font-size: 0.8125rem;
  line-height: 1.5rem; }

.box-pagination {
  display: inline-block;
  vertical-align: top; }
  .box-pagination .pagination {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px; }
  .box-pagination .page-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 10px; }
  .box-pagination .page-link {
    border: none;
    padding: 0 0 0 0;
    color: #b3b3b3;
    background: none;
    font-size: 19px; }

.modal-content {
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.1); }

.modal-header {
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 35px;
  padding-bottom: 30px; }

.modal-body {
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 16px;
  padding-bottom: 12px; }

.modal-footer-pad {
  padding: 0 0 0 0; }

.col-button-modal {
  float: left;
  width: 50%;
  height: 92px;
  padding-top: 20px;
  text-align: center;
  border-right: 2px solid #f5f5f5; }
  .col-button-modal + .col-button-modal {
    border: none; }
  .col-button-modal .btn-link {
    color: #b2b2b2; }

.modal-dialog-border .modal-header {
  border-bottom: none;
  padding-bottom: 0px;
  max-width: 80%; }
.modal-dialog-border .modal-footer {
  border-top: none;
  padding-top: 0px;
  padding-bottom: 40px;
  text-align: left;
  display: block;
  padding-left: 28px;
  padding-right: 28px; }
.modal-dialog-border .modal-body {
  max-width: 80%; }
.modal-dialog-border .modal-title {
  font-size: 18px;
  line-height: 30px; }
.modal-dialog-border .btn-link {
  color: #b2b2b2; }

.step-list {
  padding: 15px 50px 15px 50px;
  margin: 0 -35px 0 -35px; }
  .step-list-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 -4px 0 0;
    width: 33.3333%;
    padding: 0 35px 0 35px;
    list-style-type: none;
    position: relative; }
    .step-list-item + .step-list-item:before {
      display: block;
      content: '';
      width: 38px;
      height: 2px;
      background: #f0f0f0;
      position: absolute;
      left: -45px;
      top: 50%; }
  .step-list-number {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    border: 3px solid #f2f2f2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #cccccc;
    text-align: center; }
  .step-list-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    font-weight: 900; }
  .step-list-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 -65px;
    padding: 0 0 0 96px;
    width: 100%;
    font-size: 0.75rem;
    color: #999999; }
    .step-list-text span {
      display: block;
      font-weight: 500;
      font-size: 0.875rem;
      color: #666666;
      padding-bottom: 10px; }

.step-list-item.active .step-list-number {
  color: #5553CE;
  border-color: #5553CE; }

.step-list-icon {
  margin-left: -15px;
  margin-right: -15px; }
  .step-list-icon .step-list-item {
    width: 25%;
    padding: 0 15px 0 15px; }
    .step-list-icon .step-list-item:before {
      display: none !important; }
  .step-list-icon .step-list-cont {
    font-size: 25px; }
  .step-list-icon .step-list-text {
    font-size: 0.625rem;
    color: #cccccc;
    font-weight: 900;
    letter-spacing: 0.8px; }
    .step-list-icon .step-list-text span {
      display: block;
      font-weight: 500;
      font-size: 0.875rem;
      color: #666666;
      padding-top: 10px;
      text-transform: none;
      letter-spacing: 0px; }

.step-list-icon-vertical .step-list-item.edit .step-list-cont {
  font-size: 25px; }
.step-list-icon-vertical .step-list-item.success .step-list-cont {
  font-size: 25px; }

.step-list-vertical .step-list-item {
  width: 100%;
  padding: 15px 0 15px 0;
  margin-bottom: 20px; }
  .step-list-vertical .step-list-item:before {
    display: block;
    content: '';
    width: 2px;
    height: calc(100% - 70px);
    position: absolute;
    left: 30px;
    top: 88px;
    background: #f0f0f0; }
  .step-list-vertical .step-list-item:last-child:before {
    display: none; }
.step-list-vertical .step-list-number {
  vertical-align: top; }
.step-list-vertical .step-list-text {
  vertical-align: top;
  padding-top: 18px; }
  .step-list-vertical .step-list-text span {
    padding-bottom: 24px; }
  .step-list-vertical .step-list-text p {
    font-size: 0.875rem;
    line-height: 1.875rem;
    color: #666666; }

.buttons-step {
  padding-top: 13px; }
  .buttons-step .btn {
    font-weight: 500; }

.no-active .step-list-cont {
  color: #666666; }

.card {
  background: #FFF;
  border: none; }

.card.border {
  background: #FFF;
  border: 2px solid #f5f5f5; }

.card.shadow {
  background: #FFF;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06); }

.card.shadow-lg {
  background: #FFF;
  -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.05); }
  .card.shadow-lg .card-block {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
    padding-bottom: 30px; }

.card.shadow-sm {
  background: #FFF;
  -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.05); }

.card-header {
  background: none;
  border-bottom-color: transparent;
  padding: 18px 18px 0 18px; }

.sale {
  float: left;
  background: #f7f7f7;
  padding: 3px 4px 3px 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.625rem;
  line-height: 1rem;
  color: #b2b2b2;
  text-transform: uppercase;
  font-weight: 500; }

.icons-card {
  float: right;
  padding: 0 0 0 0;
  margin-top: -5px; }
  .icons-card a {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 22px;
    color: #d8d6d6;
    font-size: 25px; }
    .icons-card a:hover {
      color: #5553CE; }

.card-img {
  height: 195px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  align-content: center;
  -webkit-align-content: center;
  margin-bottom: 10px; }
  .card-img img {
    display: inline-block;
    max-width: 100%; }

.card-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-align: center; }
  .card-title a {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #666666; }
    .card-title a:hover {
      color: #5553CE; }

.card-raiting {
  padding: 12px 0 10px 0;
  text-align: center; }
  .card-raiting .stars {
    display: inline-block;
    vertical-align: top;
    margin-top: -10px; }
    .card-raiting .stars span {
      display: inline-block;
      vertical-align: top;
      font-size: 25px;
      color: #e6e4e4; }
      .card-raiting .stars span.active {
        color: #f9a72d; }
  .card-raiting .raiting {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #b2b2b2;
    padding: 0 0 0 10px; }

.card-price {
  text-align: center;
  padding: 10px 0 7px 0;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 900;
  color: #666666; }
  .card-price .basket {
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    color: #e6e4e4;
    margin: -3px 0 0 10px; }
    .card-price .basket:hover {
      color: #5553CE; }

.buttons-card {
  padding: 0 0 0 0; }

.card-block-pad {
  padding: 0; }

.nav.flex-column {
  text-align: center; }
  .nav.flex-column .nav-link {
    display: block;
    padding: 20px 28px 18px 28px;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #666666; }
    .nav.flex-column .nav-link:hover {
      color: #5553CE; }
  .nav.flex-column .nav-item {
    border-bottom: 2px solid #f5f4f4; }
    .nav.flex-column .nav-item:last-child {
      border-bottom: none; }
    .nav.flex-column .nav-item.active .nav-link {
      font-weight: bold; }

.content-wrap {
  padding: 30px 0 30px 0; }

.content-wrap-centered {
  padding-left: 100px;
  padding-right: 100px; }

.aside-nav {
  background: #FFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04); }
  .aside-nav-head {
    border-bottom: 2px solid #f5f5f5;
    height: 67px; }
  .aside-nav-col-inf {
    display: inline-block;
    vertical-align: top;
    margin: 0 -4px 0 0;
    width: 33.4%;
    padding-top: 14px;
    padding-left: 13px;
    height: 100%;
    font-size: 0.6rem;
    line-height: 1.2rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #cccccc; }
    .aside-nav-col-inf span {
      display: block;
      font-weight: 700;
      font-size: 1rem;
      color: #666666;
      letter-spacing: 0; }
    .aside-nav-col-inf + .aside-nav-col-inf {
      width: 66.6%;
      border-left: 2px solid #f7f7f7;
      padding-left: 20px; }

.nav.flex-column.with-icon .nav-link {
  color: #999999;
  position: relative;
  padding-left: 78px; }
  .nav.flex-column.with-icon .nav-link:hover {
    color: #5553CE; }
.nav.flex-column.with-icon .nav-icon {
  position: absolute;
  left: 28px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 20px;
  text-align: center;
  font-size: 24px;
  color: #cccccc; }
.nav.flex-column.with-icon .nav-item.active .nav-link {
  color: #5553CE; }
  .nav.flex-column.with-icon .nav-item.active .nav-link:before {
    display: block;
    content: '';
    position: absolute;
    left: 0px;
    top: 11px;
    width: 2px;
    height: calc(100% - 20px);
    background: #5553CE; }
  .nav.flex-column.with-icon .nav-item.active .nav-link .nav-icon {
    color: #5553CE; }

.shop-left-menu .nav-link.active:before {
  width: 2px;
  height: 100%; }

.block-cont {
  background: #FFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  margin-bottom: 30px;
  position: relative; }

.main-banner {
  position: relative;
  background: #808080 no-repeat center top;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  min-height: 151px; }
  .main-banner-photo {
    position: absolute;
    left: 40px;
    bottom: -23px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #f1f1f1; }
    .main-banner-photo img {
      display: block;
      width: 100%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }

.user-inf {
  padding: 28px 31px 0 165px; }
  .user-inf h1 {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff; }
  .user-inf-descr {
    display: block;
    padding: 0 0 0 0;
    font-size: 9px;
    font-weight: 700;
    color: #cccccc;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-top: -3px; }
  .user-inf-line {
    padding: 4px 0 0 0; }
    .user-inf-line .badge {
      float: left;
      font-size: 0.75rem;
      padding: 5px 10px 5px 10px;
      font-weight: 900;
      text-transform: none;
      letter-spacing: 1.5px;
      background: #f13a30;
      margin-top: 23px; }
    .user-inf-line .btn {
      border-color: rgba(255, 255, 255, 0.1);
      color: #FFF;
      float: right;
      padding-left: 27px;
      padding-right: 27px; }
      .user-inf-line .btn:hover {
        color: #666666; }

.number-inf {
  float: right;
  padding: 2px 22px 0 0; }
  .number-inf-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 0 22px;
    font-size: 0.5625rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #cccccc;
    letter-spacing: 1.5px; }
    .number-inf-item span {
      display: block;
      font-weight: 700;
      font-size: 1rem;
      color: #FFF;
      letter-spacing: 0;
      padding-bottom: 9px; }
    .number-inf-item + .number-inf-item {
      border-left: 2px solid rgba(255, 255, 255, 0.3); }

.status-text {
  padding: 9px 80px 0 165px;
  position: relative; }
  .status-text p {
    font-size: 0.75rem;
    line-height: 1.2rem;
    letter-spacing: 0.5px; }
  .status-text-edit {
    position: absolute;
    right: 30px;
    top: 26px;
    font-size: 23px;
    color: #cccccc; }
    .status-text-edit:hover {
      color: #5553CE; }

.user-tab {
  padding: 9px 0 0 0; }
  .user-tab .nav-item {
    padding-left: 35px; }
  .user-tab .nav-link {
    padding-bottom: 2.07rem;
    margin-bottom: 2px; }

.subscription-title {
  padding: 20px 50px 17px 19px;
  position: relative;
  font-size: 0.875rem;
  color: #666666;
  font-weight: 500;
  border-bottom: 2px solid #f5f5f5; }
  .subscription-title span {
    color: #c0c0c0;
    font-size: 0.8rem;
    margin-left: 10px; }

.subscription-link {
  position: absolute;
  right: 10px;
  top: 15px; }

.subscription-list {
  padding: 0 15px 7px 15px; }

.subscription-item {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 4px; }
  .subscription-item a {
    display: inline-block;
    font-size: 0.73rem;
    color: #b3b3b3;
    font-weight: 500; }
    .subscription-item a:hover {
      color: #5553CE; }
    .subscription-item a img {
      display: block;
      width: 48px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      margin: 0 auto 8px auto; }

.comment-top {
  padding: 20px 30px 21px 30px;
  border-bottom: 2px solid #f5f5f5;
  position: relative; }

.comment-photo {
  display: inline-block;
  vertical-align: top;
  width: 48px; }
  .comment-photo img {
    display: block;
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.comment-right {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 -53px;
  padding: 7px 0 0 70px;
  width: 100%; }
  .comment-right textarea {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 91px;
    min-height: 91px;
    max-height: 91px;
    background: none;
    border: none;
    width: 100%;
    font-weight: 500;
    letter-spacing: 0.5px;
    resize: none; }
    .comment-right textarea.textarea-small {
      height: 50px;
      min-height: 50px;
      max-height: 50px; }

.comment-bottom {
  padding: 20px 30px 20px 30px;
  border-top: 2px solid #f5f5f5;
  margin-top: -2px;
  position: relative; }

.write-comment .comment-top {
  padding-top: 30px; }
.write-comment .comment-bottom {
  padding-top: 25px;
  padding-bottom: 25px; }

.comment-form-icons {
  padding: 0 15px 0 0;
  float: left; }
  .comment-form-icons ul {
    padding: 3px 0 0 0;
    margin: 0 0 0 0; }
    .comment-form-icons ul li {
      display: inline-block;
      vertical-align: top;
      list-style-type: none;
      padding: 0 8px 0 10px; }
      .comment-form-icons ul li a {
        display: inline-block;
        font-size: 1.5rem;
        color: #cccccc; }
        .comment-form-icons ul li a:hover {
          color: #5553CE; }

.comment-smile {
  float: right;
  padding: 3px 29px 0 0; }
  .comment-smile a {
    display: block;
    font-size: 1.5rem;
    color: #cccccc; }
    .comment-smile a:hover {
      color: #5553CE; }

.button-comment {
  float: right;
  margin: 0 0 0 0;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #5553CE;
  text-align: center;
  padding: 0 0 1px 1px;
  border: 2px solid #5553CE;
  font-size: 1.3rem;
  color: #FFF; }
  .button-comment:hover {
    background: #2e2cae; }
  .button-comment i {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.comment-name {
  font-size: 0.875rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: #686868;
  padding-right: 40px;
  padding-top: 1px; }
  .comment-name span {
    display: block;
    padding: 4px 0 0 0;
    color: #b2b2b2;
    font-size: 0.75rem; }

.box-functions {
  position: absolute;
  right: 30px;
  top: 27px;
  color: #d8d8d8;
  font-size: 1.5rem; }
  .box-functions > a {
    color: #d8d8d8;
    font-size: 1.5rem;
    background: none;
    border: none; }
    .box-functions > a i {
      margin: 0 0 0 0 !important;
      padding: 0 0 0 0 !important;
      color: #d8d8d8;
      font-size: 1.5rem; }
    .box-functions > a:hover {
      color: #5553CE; }
      .box-functions > a:hover i {
        color: #5553CE; }
  .box-functions .dropdown-menu {
    left: auto;
    right: -25px; }
    .box-functions .dropdown-menu:before {
      display: block;
      content: '';
      width: 0px;
      height: 0px;
      border-bottom: 9px solid #FFF;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      position: absolute;
      right: 20px;
      top: -8px; }
    .box-functions .dropdown-menu .dropdown-item {
      font-weight: bold;
      padding-left: 66px;
      position: relative; }
      .box-functions .dropdown-menu .dropdown-item i {
        color: #d9d9d9;
        font-size: 1.5rem;
        position: absolute;
        left: 26px;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%); }

.comment-body {
  padding: 9px 30px 20px 30px; }
  .comment-body > p {
    font-size: 0.78rem;
    line-height: 1.5rem; }
  .comment-body .card {
    margin-top: 2px;
    margin-bottom: 10px; }
  .comment-body .card-block {
    border: 2px solid #f5f5f5;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-top-color: transparent;
    padding: 34px 28px 10px 28px;
    text-align: left; }
    .comment-body .card-block h4 {
      font-size: 1rem;
      font-weight: 500;
      text-align: left;
      padding-bottom: 0;
      margin-bottom: 5px; }
    .comment-body .card-block p {
      font-size: 0.8rem;
      line-height: 1.5rem;
      color: #999999; }

.card-img2 {
  position: relative; }

.photo-name {
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px 19px 5px 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.8rem;
  line-height: 1.2rem;
  color: #FFF; }
  .photo-name:hover {
    color: #5553CE; }
  .photo-name i {
    position: absolute;
    left: 9px;
    top: 3px;
    font-size: 24px; }

.comment-form-icons-text {
  font-size: 0.75rem;
  display: inline-block;
  vertical-align: top;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  color: #b3b3b3;
  font-weight: 500; }

.comment-form-icons ul li a:hover .comment-form-icons-text {
  color: #5553CE; }

.comment-bottom-pad {
  padding-top: 10px;
  padding-bottom: 10px; }

.comment-form-icons-light ul li a {
  color: #e6e6e6;
  display: inline-block; }
.comment-form-icons-light ul li.favourite-active a {
  color: #f13a30; }

.box-load-all {
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
  padding: 5px 0 5px 0;
  text-align: center; }
  .box-load-all .btn {
    color: #b2b2b2; }
    .box-load-all .btn:hover {
      color: #999999; }

.comment-top-text {
  padding-top: 14px;
  padding-bottom: 10px; }
  .comment-top-text p {
    font-size: 0.8rem;
    line-height: 1.5rem;
    color: #666666; }

.comment-form-inside {
  margin-left: -10px !important;
  margin-top: -5px !important; }

.zmdi-thumb-up {
  margin-top: -3px; }

.zmdi-thumb-down {
  margin-top: 2px; }

.svg-container {
  width: 100%; }

circle.border {
  stroke: #f0f0f0; }

circle.circle {
  stroke: #5553ce; }

.circliful .outer {
  fill: transparent;
  stroke: #333;
  stroke-width: 19.8;
  stroke-dasharray: 534;
  transition: stroke-dashoffset 1s;
  -webkit-animation-play-state: running;
  /* firefox bug fix - won't rotate at 90deg angles */
  -moz-transform: rotate(-89deg) translateX(-190px); }

/* full circle 25 empty 534 */
.circliful .inner {
  fill: transparent;
  stroke: orange;
  stroke-width: 20;
  stroke-dasharray: 534;
  transition: stroke-dashoffset 1s;
  -webkit-animation-play-state: running;
  /* firefox bug fix - won't rotate at 90deg angles */
  -moz-transform: rotate(-89deg) translateX(-190px);
  stroke-dashoffset: 0; }

.circliful {
  overflow: visible !important; }

.svg-container {
  width: 100%;
  margin: 0 auto;
  overflow: visible; }

.circlestat_1 {
  width: 103px;
  height: 103px;
  margin: -21px; }

.circlestat_2 {
  width: 90px;
  height: 90px;
  margin: -21px; }

.circlestat_3 {
  width: 70px;
  height: 70px;
  margin: -21px; }

.timer {
  font-weight: 500;
  line-height: 100px;
  display: block;
  height: 30px; }

.number {
  padding-top: 5px; }

.header-button > a i {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  color: #d8d8d8;
  font-size: 1.5rem; }
.header-button > a:hover {
  color: #5553CE; }
  .header-button > a:hover i {
    color: #5553CE; }
.header-button .dropdown-menu {
  top: 58px;
  right: -8px !important;
  padding-bottom: 25px; }
  .header-button .dropdown-menu:before {
    display: block;
    top: -9px;
    right: 5px;
    content: '';
    width: 0px;
    height: 0px;
    border-bottom: 9px solid #FFF;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute; }
  .header-button .dropdown-menu .dropdown-item {
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px; }

/* LOGIN PAGE */
.login-page {
  background-color: #444862; }

.login-block {
  display: inline-block;
  vertical-align: middle;
  width: 400px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* LOGIN PAGE EOF*/
/* LOGIN PAGE */
.promo-page {
  background: #181c20 url(../img/promo-bg.jpg) center center;
  background-size: cover; }

.promo-block {
  display: inline-block;
  vertical-align: middle;
  width: 350px;
  position: relative;
  left: 50%;
  margin-left: -170px;
  margin-top: 100px; }
  .promo-block h3 {
    color: #fff; }
    .promo-block h3 span {
      color: #50d166; }
  .promo-block p {
    line-height: 1.25rem;
    font-weight: 500; }
  .promo-block .country-phone-selected {
    color: #fff !important; }
  .promo-block .country-phone-search {
    color: #333 !important; }
  .promo-block .input-group-addon {
    background-color: transparent !important;
    color: #fff; }
  .promo-block input {
    background-color: transparent !important;
    color: #fff !important;
    padding-left: 10px;
    border-left: none;
    width: 150px !important;
    font-size: 1em; }
    .promo-block input:focus {
      border-color: #fff; }

/* LOGIN PAGE EOF*/
.hidden {
  display: none; }

.page-header {
  margin-top: 1.5rem;
  margin-bottom: 3rem; }

.page-pending-content {
  text-align: center;
  padding: 150px 250px; }
  .page-pending-content i {
    font-size: 10rem;
    background-color: #ccc;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 2px 1px; }
  .page-pending-content h1 {
    margin-top: 30px;
    background-color: #ccc;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 2px 1px; }

.page-error {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center; }
  .page-error h1 {
    text-transform: uppercase;
    color: #444862;
    font-size: 20pt;
    font-weight: bold;
    margin-top: -40px;
    margin-bottom: 30px;
    padding-left: 15px; }
  .page-error h2 {
    color: #d5d5d5;
    font-size: 128pt;
    font-weight: bold;
    margin-left: -20px; }
  .page-error .error-text {
    color: #666;
    font-size: 14pt; }
    .page-error .error-text a {
      color: #50d166;
      text-decoration: underline; }
  .page-error .error-image {
    margin-top: 80px;
    margin-bottom: 60px;
    padding-left: 15px; }
  .page-error .error-system-text {
    color: #999;
    font-size: 10pt; }

.header-btn.training-exit .btn {
  background: inherit;
  border-color: inherit; }

.training-header {
  margin-top: 1.5rem;
  margin-bottom: 3rem; }

.training-player .arrow-link {
  margin: 0; }
  .training-player .arrow-link .zmdi-play {
    margin-left: 4px; }
  .training-player .arrow-link .zmdi-pause {
    margin-left: 1px; }
.training-player #training-player-slider {
  margin-top: 23px; }
.training-player .training-player-time {
  margin-top: 15px;
  color: #bfbfbf; }

.training-form {
  margin-top: 1.5rem; }

.training-buttons {
  margin-top: 1.5rem; }

.training-steps {
  margin-top: 10px;
  margin-right: -15px; }
  .training-steps .step-list-item::before {
    left: auto;
    right: 4px;
    width: 1px;
    top: 28px;
    height: calc(100% + 20px); }
  .training-steps .step-list-item.active .step-list-number {
    background-color: transparent;
    border: 1px solid #50d166; }
  .training-steps .step-list-item.active .step-list-text p {
    color: #50d166; }
  .training-steps .step-list-number {
    position: absolute;
    right: 0;
    top: 22px;
    width: 8px;
    height: 8px;
    border: 1px solid #e9e9e9;
    background-color: #e9e9e9; }
  .training-steps .step-list-text {
    margin: 0;
    padding: 0 30px 0 0;
    text-align: right; }
    .training-steps .step-list-text span {
      padding-bottom: 0;
      color: #ccc; }
    .training-steps .step-list-text p {
      padding: 0;
      font-weight: bold;
      font-size: 0.9rem; }

.training-finish-area {
  padding: 50px; }
  .training-finish-area .training-finish-text {
    padding: 0 300px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 40px !important; }
  .training-finish-area #training-finish-percent {
    color: #abacad;
    font-weight: 500;
    font-size: 5rem;
    text-align: center;
    margin-top: 40px; }
  .training-finish-area .training-finish-buttons {
    margin-top: 60px; }
  .training-finish-area #training-finish-emo {
    width: 75px;
    height: 74px;
    background: url('data:image/svg+xml;charset=utf8,<svg id="training-finish-emo" data-name="training-finish-emo" xmlns="http://www.w3.org/2000/svg" width="704" height="74" viewBox="0 0 704 74">\a<defs>\a     <style>\a       .cls-1 {\a         fill: #546abb;\a       }\a \a       .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7 {\a         fill-rule: evenodd;\a       }\a \a       .cls-2 {\a         fill: #537faa;\a       }\a \a       .cls-3 {\a         fill: #51ae83;\a       }\a \a       .cls-4 {\a         fill: #545ec5;\a       }\a \a       .cls-5 {\a         fill: #529597;\a       }\a \a       .cls-6 {\a         fill: #51bb78;\a       }\a \a       .cls-7 {\a         fill: #50cc6b;\a       }\a     </style>\a   </defs>\a   <path class="cls-1" d="M529.863,2957.3a4.253,4.253,0,1,1-4.253-4.27A4.258,4.258,0,0,1,529.863,2957.3Zm-24.451,0a4.253,4.253,0,1,1-4.253-4.27A4.259,4.259,0,0,1,505.412,2957.3Zm-6.438,31.86a1.758,1.758,0,0,1-1.752-1.76,13.674,13.674,0,0,1,13.564-13.75h5.907a13.64,13.64,0,0,1,13.564,13.68,1.752,1.752,0,0,1-3.5,0,10.117,10.117,0,0,0-10.06-10.16h-5.907a10.157,10.157,0,0,0-10.059,10.23A1.758,1.758,0,0,1,498.974,2989.16ZM513.44,3004a37,37,0,1,1,36.906-37A37,37,0,0,1,513.44,3004Zm0-70.49a33.49,33.49,0,1,0,33.4,33.49A33.488,33.488,0,0,0,513.44,2933.51Z" transform="translate(-372 -2930)"/>\a   <path class="cls-2" d="M635.161,2981.99H601.984a1.78,1.78,0,0,1,0-3.56h33.177A1.78,1.78,0,0,1,635.161,2981.99Zm-0.923-24.69a4.25,4.25,0,1,1-4.25-4.26A4.251,4.251,0,0,1,634.238,2957.3Zm-24.436,0a4.249,4.249,0,1,1-4.249-4.26A4.25,4.25,0,0,1,609.8,2957.3Zm8.023,46.7a37,37,0,1,1,36.906-37A37,37,0,0,1,617.825,3004Zm0-70.44A33.44,33.44,0,1,0,651.177,2967,33.433,33.433,0,0,0,617.825,2933.56Z" transform="translate(-372 -2930)"/>\a   <path class="cls-3" d="M832.629,2986.75h-6.4a14.322,14.322,0,0,1-14.569-14.37,1.777,1.777,0,1,1,3.554,0,10.79,10.79,0,0,0,11.015,10.8h6.4a10.68,10.68,0,0,0,11.014-10.56,1.778,1.778,0,1,1,3.555,0A14.2,14.2,0,0,1,832.629,2986.75Zm-11.542-29.65a1.76,1.76,0,0,1-1.258-.52,4.351,4.351,0,0,0-6.084-.13,1.779,1.779,0,0,1-2.513-2.52,7.938,7.938,0,0,1,11.111.13,1.785,1.785,0,0,1,0,2.52A1.762,1.762,0,0,1,821.087,2957.1Zm24.175,0a1.759,1.759,0,0,1-1.257-.52,4.352,4.352,0,0,0-6.085-.13,1.779,1.779,0,0,1-2.513-2.52,7.938,7.938,0,0,1,11.111.13,1.783,1.783,0,0,1,0,2.52A1.757,1.757,0,0,1,845.262,2957.1ZM828.018,3004a37,37,0,1,1,36.906-37A37,37,0,0,1,828.018,3004Zm0-70.44A33.44,33.44,0,1,0,861.37,2967,33.433,33.433,0,0,0,828.018,2933.56Z" transform="translate(-372 -2930)"/>\a   <path class="cls-4" d="M413.234,2974.55h-5.906a13.494,13.494,0,0,0-13.565,13.41,1.741,1.741,0,0,0,1.753,1.74,1.784,1.784,0,0,0,1.752-1.79,9.922,9.922,0,0,1,10.06-9.97h5.906a10.073,10.073,0,0,1,10.061,10.04,1.766,1.766,0,0,0,1.752,1.77,1.724,1.724,0,0,0,1.752-1.72A13.526,13.526,0,0,0,413.234,2974.55ZM408.906,2930a36.475,36.475,0,0,0-15.35,3.35c-0.834-.98-1.483-1.64-1.68-1.84a1.749,1.749,0,0,0-2.508.02,33.383,33.383,0,0,0-5.807,8.61,1.619,1.619,0,0,0-.244.2A36.885,36.885,0,1,0,408.906,2930Zm-18.235,5.38c1.9,2.2,4.592,5.85,4.917,8.63,0.208,1.77-.036,3.06-0.724,3.84-0.749.84-2.172,1.27-4.229,1.27-1.971,0-3.316-.4-4-1.18-0.653-.76-0.855-2.06-0.6-3.89C386.475,2940.91,389.084,2937.32,390.671,2935.38Zm18.235,65.11a33.518,33.518,0,0,1-26.423-53.99,6.586,6.586,0,0,0,1.511,3.74c1.395,1.61,3.567,2.39,6.641,2.39,3.1,0,5.4-.82,6.847-2.45,1.383-1.56,1.917-3.77,1.589-6.58a17.549,17.549,0,0,0-3.3-7.4,33.079,33.079,0,0,1,13.13-2.69A33.49,33.49,0,0,1,408.906,3000.49Zm14.945-33.79a1.755,1.755,0,0,0,0-3.51,4.4,4.4,0,0,1-4.24-4.43,1.753,1.753,0,1,0-3.5,0A7.946,7.946,0,0,0,423.851,2966.7Zm-22.35-7.85a1.753,1.753,0,1,0-3.5,0,4.4,4.4,0,0,1-4.423,4.25,1.755,1.755,0,0,0,0,3.51A7.948,7.948,0,0,0,401.5,2958.85Z" transform="translate(-372 -2930)"/>\a   <path class="cls-5" d="M733.484,2985.44c-2.8,0-5.488-1.37-7.989-4.08a9.322,9.322,0,0,0-6.623-3.39c-4.36-.13-8.027,3.42-8.064,3.45a1.776,1.776,0,0,1-2.493-2.53c0.19-.19,4.723-4.57,10.614-4.48a12.738,12.738,0,0,1,9.174,4.53c1.944,2.11,3.922,3.08,5.836,2.92,3.7-.33,6.483-4.61,6.511-4.65a1.78,1.78,0,0,1,3,1.92c-0.151.23-3.73,5.78-9.175,6.28C734.008,2985.43,733.746,2985.44,733.484,2985.44Zm6.6-28.14a4.25,4.25,0,1,1-4.25-4.26A4.25,4.25,0,0,1,740.081,2957.3Zm-24.434,0a4.25,4.25,0,1,1-4.25-4.26A4.25,4.25,0,0,1,715.647,2957.3Zm8.023,46.7a37,37,0,1,1,36.905-37A37,37,0,0,1,723.67,3004Zm0-70.44A33.44,33.44,0,1,0,757.021,2967,33.433,33.433,0,0,0,723.67,2933.56Z" transform="translate(-372 -2930)"/>\a   <path class="cls-6" d="M938.023,2991.5h-7.138c-8.849,0-16.051-6.66-16.051-14.85a1.775,1.775,0,0,1,1.778-1.78H952.3a1.775,1.775,0,0,1,1.778,1.78C954.074,2984.84,946.873,2991.5,938.023,2991.5Zm-19.479-13.07c0.949,5.38,6.121,9.5,12.341,9.5h7.136c6.22,0,11.393-4.12,12.342-9.5H918.544Zm32.1-21.13a4.25,4.25,0,1,1-4.25-4.26A4.251,4.251,0,0,1,950.644,2957.3Zm-24.436,0a4.249,4.249,0,1,1-4.249-4.26A4.25,4.25,0,0,1,926.208,2957.3Zm8.023,46.7a37,37,0,1,1,36.9-37A37,37,0,0,1,934.231,3004Zm0-70.44A33.44,33.44,0,1,0,967.582,2967,33.432,33.432,0,0,0,934.231,2933.56Z" transform="translate(-372 -2930)"/>\a   <path class="cls-7" d="M1023.04,2962.46l8.71-3.56a1.741,1.741,0,0,0,1.08-1.52,1.774,1.774,0,0,0-.89-1.64l-8.57-4.78a1.757,1.757,0,1,0-1.71,3.07l5.38,3-5.32,2.18a1.755,1.755,0,0,0,.66,3.38A1.688,1.688,0,0,0,1023.04,2962.46Zm22.77-3.62,8.57,4.42a1.753,1.753,0,0,0,1.6-3.12l-5.66-2.92,5.71-3.19a1.755,1.755,0,0,0-1.7-3.07l-8.57,4.78A1.761,1.761,0,0,0,1045.81,2958.84Zm9.52,12.44-31.88.23a1.752,1.752,0,0,0-1.74,1.76c0,7.81,6.37,13.93,14.5,13.93h6.38a14.181,14.181,0,0,0,14.5-14.16,1.731,1.731,0,0,0-.52-1.25A1.683,1.683,0,0,0,1055.33,2971.28Zm-12.74,12.4h-6.38c-5.64,0-10.03-3.62-10.85-8.67l28.08-.21A10.767,10.767,0,0,1,1042.59,2983.68ZM1039.1,2930a37,37,0,1,0,36.9,37A37,37,0,0,0,1039.1,2930Zm0,70.49a33.49,33.49,0,1,1,33.4-33.49A33.485,33.485,0,0,1,1039.1,3000.49Z" transform="translate(-372 -2930)"/>\a</svg>') 0 0 no-repeat;
    margin: 0 0 50px; }
  .training-finish-area .training-finish-emo-1 {
    background-position: 0 0 !important; }
  .training-finish-area .training-finish-emo-2 {
    background-position: -104px 0 !important; }
  .training-finish-area .training-finish-emo-3 {
    background-position: -209px 0 !important; }
  .training-finish-area .training-finish-emo-4 {
    background-position: -315px 0 !important; }
  .training-finish-area .training-finish-emo-5 {
    background-position: -419px 0 !important; }
  .training-finish-area .training-finish-emo-6 {
    background-position: -525px 0 !important; }
  .training-finish-area .training-finish-emo-7 {
    background-position: -630px 0 !important; }

.training-finish-steps .step-list-text span {
  padding-bottom: 0;
  color: #cccccc; }
.training-finish-steps .active .step-list-text span {
  color: #5553CE; }
.training-finish-steps .passed .step-list-text span {
  color: #50D166; }
.training-finish-steps .passed .step-list-number {
  color: #50D166;
  border-color: #50D166; }
  .training-finish-steps .passed .step-list-number i {
    font-weight: bold;
    font-size: 1.3rem; }

#training-finish-slider .ui-slider-range, #training-finish-slider .ui-slider-handle {
  background-color: #51ae83; }

#btn-spheres a {
  width: 200px;
  background-color: transparent; }
#btn-spheres a:focus {
  box-shadow: none !important; }
#btn-spheres.sphere-money a.active {
  color: #fff !important;
  background-color: #50d166; }
#btn-spheres.sphere-money a {
  color: #50d166;
  border-color: #50d166; }
#btn-spheres.sphere-money a:hover {
  color: #fff;
  background-color: #50d166; }
#btn-spheres.sphere-relationship a.active {
  color: #fff !important;
  background-color: #f13a30; }
#btn-spheres.sphere-relationship a {
  color: #f13a30;
  border-color: #f13a30; }
#btn-spheres.sphere-relationship a:hover {
  color: #fff;
  background-color: #f13a30; }
#btn-spheres.sphere-health a.active {
  color: #fff !important;
  background-color: #f18f1c; }
#btn-spheres.sphere-health a {
  color: #f18f1c;
  border-color: #f18f1c; }
#btn-spheres.sphere-health a:hover {
  color: #fff;
  background-color: #f18f1c; }
#btn-spheres.sphere-destiny a.active {
  color: #fff !important;
  background-color: #1875f0; }
#btn-spheres.sphere-destiny a {
  color: #1875f0;
  border-color: #1875f0; }
#btn-spheres.sphere-destiny a:hover {
  color: #fff;
  background-color: #1875f0; }

#training-finish-stat {
  width: 350px;
  height: 350px;
  margin-top: -60px; }
  #training-finish-stat .number, #training-finish-stat .percent {
    color: #282d33; }
  #training-finish-stat circle.circle {
    stroke: #50d166; }

.training-finish-label {
  color: #282d33;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  margin-top: -40px; }

.training-finish-stats {
  text-align: center;
  margin: 40px 0 20px;
  color: #282d33;
  font-size: 1.2rem;
  font-weight: bold; }
  .training-finish-stats span {
    color: #50d166;
    font-size: 4rem;
    font-weight: normal; }

.training-nav-title {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 35px 0 0 45px;
  display: inline-block; }

.training-items a {
  color: #666666;
  font-weight: 500;
  font-size: 0.95rem;
  align-self: center !important;
  -webkit-align-self: center !important; }
  .training-items a:hover {
    color: #5553CE; }
  .training-items a span {
    vertical-align: middle !important; }
.training-items i {
  content: " ";
  height: 70px;
  width: 70px;
  margin-right: 15px;
  background: #fff url(../img/training-icons.svg) 0 0 no-repeat;
  flex: 0 0 70px;
  border-radius: 50%;
  background-color: #fff; }
.training-items .active i {
  background-image: url(../img/training-icons-white.svg);
  background-color: #5553CE; }
.training-items .problem i {
  background-position: -78px -405px; }
.training-items .fear i {
  background-position: -16px -528px; }
.training-items .image i {
  background-position: -136px -1px; }
.training-items .quality i {
  background-position: -16px -463px; }
.training-items .offence i {
  background-position: -74px 1px; }
.training-items .desires i {
  background-position: -15px -113px; }
.training-items .loneliness i {
  background-position: -75px -170px; }
.training-items .emotions i {
  background-position: -136px -229px; }
.training-items .self i {
  background-position: -134px -113px; }
.training-items .individuality i {
  background-position: -75px -229px; }
.training-items .destiny i {
  background-position: -136px -284px; }
.training-items .transformation i {
  background-image: url(../img/transformation.svg);
  background-position: center center;
  background-size: 50%; }
.training-items .norm i {
  background-image: url(../img/norma.svg);
  background-position: center center;
  background-size: 50%; }
.training-items .linkk i {
  background-image: url(../img/link.svg);
  background-position: center center;
  background-size: 50%; }
.training-items .self-estimation i {
  background-image: url(../img/self-estimation.svg);
  background-position: center center;
  background-size: 50%; }
.training-items .depth i {
  background-image: url(../img/depth.svg);
  background-position: center center;
  background-size: 50%; }
.training-items .division i {
  background-image: url(../img/division.svg);
  background-position: center center;
  background-size: 50%; }
.training-items .reverse i {
  background-image: url(../img/reverse.svg);
  background-position: center center;
  background-size: 50%; }
.training-items .determination i {
  background-image: url(../img/determination.svg);
  background-position: center center;
  background-size: 50%; }

.training-instruction-btn {
  color: #a4a4a4;
  -webkit-transition: opacity ease-out 0.5s;
  -moz-transition: opacity ease-out 0.5s;
  -o-transition: opacity ease-out 0.5s;
  transition: opacity ease-out 0.5s;
  display: block;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 50px;
  font-size: 0.75rem; }
  .training-instruction-btn:hover {
    color: #a4a4a4;
    opacity: .8; }
  .training-instruction-btn i {
    margin-right: 5px;
    font-size: 1.2rem;
    vertical-align: bottom; }

#training-video-modal h2 {
  color: #fff !important; }
#training-video-modal .training-video-modal-buttons .btn {
  color: #fff; }
  #training-video-modal .training-video-modal-buttons .btn:hover {
    color: #333; }
#training-video-modal .modal-dialog {
  background-color: #000;
  padding: 15px; }

.swiper-container {
  width: 100%; }

.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px; }
  .swiper-slide .card {
    width: 100%; }
  .swiper-slide .plan-slider-new-goal {
    color: #ccc !important;
    display: block;
    width: 100%;
    height: 102px;
    text-align: center; }
    .swiper-slide .plan-slider-new-goal i {
      font-size: 2rem;
      margin: 20px; }

#plan-new-goal-link {
  font-size: 1rem;
  color: #999;
  position: absolute;
  margin-top: 14px;
  right: 15px; }
  #plan-new-goal-link i {
    margin-right: 0.3rem;
    font-weight: bold; }
  #plan-new-goal-link:hover {
    color: #5553CE; }

.plan-slider-wrap {
  background: url(../img/plan-bg.jpg) center top no-repeat;
  position: relative; }
  .plan-slider-wrap::before, .plan-slider-wrap::after {
    width: 240px;
    display: block;
    position: absolute;
    height: 100%;
    content: " ";
    z-index: 4;
    top: 0; }
  .plan-slider-wrap::before {
    left: 0;
    background: url(../img/plan-highlight-left.png) 0 0 repeat-y; }
  .plan-slider-wrap::after {
    right: 0;
    background: url(../img/plan-highlight-right.png) 0 0 repeat-y; }
  .plan-slider-wrap #plan-slider-btns {
    margin-bottom: 340px; }
  .plan-slider-wrap #plan-slider-prev, .plan-slider-wrap #plan-slider-next {
    position: absolute;
    top: 130px;
    font-size: 1.2rem;
    background-color: #c8c8c8;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    z-index: 6; }
  .plan-slider-wrap #plan-slider-prev {
    left: 15px; }
  .plan-slider-wrap #plan-slider-next {
    right: 15px; }

.plan-slider h5 {
  margin: 1rem 0 0; }
  .plan-slider h5 a {
    color: inherit; }
.plan-slider p {
  color: #b3b3b3;
  font-size: 0.85rem;
  font-weight: 500;
  margin: 0.5rem 0 0;
  padding: 0; }
  .plan-slider p i {
    margin-right: 0.5rem; }
.plan-slider .money .badge {
  background-color: #50d166; }
.plan-slider .relationship .badge {
  background-color: #f13a30; }
.plan-slider .health .badge {
  background-color: #f2972c; }
.plan-slider .destiny .badge {
  background-color: #5553ce; }
.plan-slider .card {
  overflow: hidden; }
.plan-slider .plan-slide-image {
  display: none; }

.swiper-slide-active .has-image h4 {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  z-index: 2; }
.swiper-slide-active .plan-slide-image {
  display: block;
  margin-bottom: -1.25rem;
  overflow: hidden;
  height: 140px; }
  .swiper-slide-active .plan-slide-image img {
    width: 100%; }
  .swiper-slide-active .plan-slide-image .plan-slide-stat {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    height: 140px;
    text-align: center;
    padding-top: 50px;
    font-size: 0.8rem; }
    .swiper-slide-active .plan-slide-image .plan-slide-stat span {
      display: block;
      font-size: 0.9rem; }

.plan-goal-view-wrap {
  overflow: hidden; }

#plan-goal-view-big-photo {
  background-color: #5b5b5b;
  background-position: 0 0;
  background-size: cover;
  color: #fff;
  height: 200px;
  position: relative; }
  #plan-goal-view-big-photo .plan-new-goal-add-photo {
    text-align: center;
    cursor: pointer;
    height: 200px; }
    #plan-goal-view-big-photo .plan-new-goal-add-photo i {
      font-size: 5rem;
      line-height: 200px;
      height: 200px; }

.plan-goal-view-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #5b5b5b;
  margin-right: 20px;
  background-position: 0 0;
  background-size: cover; }

.plan-goal-view-name {
  width: 250px; }
  .plan-goal-view-name span {
    font-weight: 500;
    color: #666666;
    margin-top: 12px;
    display: block;
    font-size: 0.95rem; }

.plan-new-goal-make-main {
  float: right;
  padding-top: 15px; }
  .plan-new-goal-make-main .custom-control-indicator {
    margin-top: 13px; }

.plan-new-goal-text {
  padding: 0 350px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 40px !important;
  margin-top: 40px; }

#plan-new-goal-slider {
  margin: 40px 80px; }
  #plan-new-goal-slider .ui-slider-range, #plan-new-goal-slider .ui-slider-handle {
    background-color: #c11e49; }

.plan-new-goal-buttons {
  margin-top: 60px;
  margin-bottom: 30px; }

.plan-new-goal-slider-easy,
.plan-new-goal-slider-difficult {
  position: absolute;
  top: 10px;
  color: #808080;
  font-weight: 500; }

.plan-new-goal-slider-easy,
.plan-new-goal-slider-difficult {
  position: absolute;
  top: 15px;
  color: #808080;
  font-weight: 500; }

.plan-new-goal-slider-easy {
  left: 0; }

.plan-new-goal-slider-difficult {
  right: 0; }

.plan-goal-view-add-trainig {
  float: right;
  margin-top: 5px; }

.plan-goal-view-trainings {
  padding: 40px; }
  .plan-goal-view-trainings th, .plan-goal-view-trainings td {
    vertical-align: middle;
    border: none; }
  .plan-goal-view-trainings th {
    border: none !important;
    color: #b2b2b2; }
  .plan-goal-view-trainings tr {
    border-bottom: 2px solid #eceeef; }
  .plan-goal-view-trainings td {
    color: #808080;
    padding: 0.6rem; }
  .plan-goal-view-trainings .plan-goal-view-action {
    width: 10px; }
  .plan-goal-view-trainings .plan-training-success {
    background-color: #f6fdf7; }

.plan-goal-view-info {
  position: absolute;
  bottom: 0;
  padding: 1.25rem;
  width: 100%; }
  .plan-goal-view-info div {
    padding-right: 2.5rem; }
  .plan-goal-view-info .plan-goal-view-stat {
    font-size: 0.75rem;
    width: 12%; }
    .plan-goal-view-info .plan-goal-view-stat span {
      display: block;
      font-weight: bold;
      font-size: 0.95rem; }

.plan-goal-view-sphere {
  padding-top: 6px; }
  .plan-goal-view-sphere .money {
    background-color: #50d166; }
  .plan-goal-view-sphere .relationship {
    background-color: #f13a30; }
  .plan-goal-view-sphere .health {
    background-color: #f2972c; }
  .plan-goal-view-sphere .destiny {
    background-color: #5553ce; }

.plan-goal-view-photo-overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.5; }

.plan-goal-card {
  overflow: hidden; }
  .plan-goal-card h5 {
    margin: 1rem 0 0; }
    .plan-goal-card h5 a {
      color: inherit; }
  .plan-goal-card p {
    color: #b3b3b3;
    font-size: 0.85rem;
    font-weight: 500;
    margin: 0.5rem 0 0;
    padding: 0; }
    .plan-goal-card p i {
      margin-right: 0.5rem; }
  .plan-goal-card .money .badge {
    background-color: #50d166; }
  .plan-goal-card .relationship .badge {
    background-color: #f13a30; }
  .plan-goal-card .health .badge {
    background-color: #f2972c; }
  .plan-goal-card .destiny .badge {
    background-color: #5553ce; }
  .plan-goal-card .has-image h4 {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    z-index: 2; }
  .plan-goal-card .plan-goal-card-image {
    display: block;
    margin-bottom: -1.25rem;
    overflow: hidden;
    height: 140px; }
    .plan-goal-card .plan-goal-card-image img {
      width: 100%; }
    .plan-goal-card .plan-goal-card-image .plan-goal-card-stat {
      z-index: 1;
      position: absolute;
      right: 0;
      top: 0;
      width: 40%;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.5);
      height: 140px;
      text-align: center;
      padding-top: 50px;
      font-size: 0.8rem; }
      .plan-goal-card .plan-goal-card-image .plan-goal-card-stat span {
        display: block;
        font-size: 0.9rem; }

.plan-goal-add-training-steps {
  padding: 0 0 30px 20px; }
  .plan-goal-add-training-steps .step-list-item {
    width: 100%; }

.plan-goal-add-training-text {
  margin-top: 40px; }
  .plan-goal-add-training-text label {
    font-size: 1rem;
    padding-top: 12px; }

.plan-goal-add-training-btns {
  margin-top: 40px; }

.plan-history-header {
  padding: 25px 30px; }
  .plan-history-header h1 {
    font-weight: 500;
    font-size: 1.2rem;
    text-align: center;
    margin: 0;
    height: 38px;
    line-height: 38px; }
  .plan-history-header .plan-history-calendar-controls {
    float: left; }
  .plan-history-header .plan-history-calendar-control-left i, .plan-history-header .plan-history-calendar-control-right i {
    margin-left: 0;
    margin-right: 0; }

.plan-calendar-header {
  color: #b2b2b2;
  font-weight: 500;
  text-align: center;
  line-height: 88px;
  height: 88px;
  border-top: 2px solid #f5f5f5;
  text-transform: uppercase; }
  .plan-calendar-header .col {
    border-right: 2px solid #f5f5f5; }
  .plan-calendar-header .col:last-child {
    border-right: none;
    margin-right: 15px; }
  .plan-calendar-header .col:first-child {
    margin-left: 15px; }

.plan-calendar-body-row {
  border-top: 2px solid #f5f5f5; }
  .plan-calendar-body-row .col {
    border-right: 2px solid #f5f5f5;
    color: #b2b2b2;
    font-weight: 500;
    text-align: center;
    height: 120px;
    padding-right: 10px;
    padding-left: 10px; }
    .plan-calendar-body-row .col a {
      display: block;
      height: 120px;
      color: #b2b2b2;
      width: 139px; }
    .plan-calendar-body-row .col span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .plan-calendar-body-row .col span.plan-calendar-date {
        text-align: right;
        margin-top: 5px;
        color: #ccc; }
      .plan-calendar-body-row .col span.plan-calendar-badge {
        text-align: left;
        background-color: #e0f7d7;
        border-radius: 3px;
        color: #008911;
        padding: 2px 5px;
        margin: 4px 0;
        font-weight: 400;
        font-size: .8rem; }
        .plan-calendar-body-row .col span.plan-calendar-badge.relationship {
          background-color: #ffb9cd;
          color: #d3295f; }
        .plan-calendar-body-row .col span.plan-calendar-badge.health {
          background-color: #f6d6ff;
          color: #c924f8; }
        .plan-calendar-body-row .col span.plan-calendar-badge.destiny {
          background-color: #d1e3fc;
          color: #1875f0; }
      .plan-calendar-body-row .col span.plan-calendar-more {
        text-align: center;
        font-weight: normal;
        text-decoration: underline;
        font-size: 0.8rem; }
  .plan-calendar-body-row .col:last-child {
    border-right: none;
    margin-right: 15px; }
  .plan-calendar-body-row .col:first-child {
    margin-left: 15px; }

.plan-history-trainings {
  border-top: 2px solid #f5f5f5;
  padding: 30px 80px 50px; }
  .plan-history-trainings th, .plan-history-trainings td {
    vertical-align: middle;
    border: none;
    padding: 0.6rem; }
  .plan-history-trainings th {
    border: none !important;
    color: #b2b2b2;
    font-weight: 400;
    padding-bottom: 20px; }
  .plan-history-trainings tr {
    border-bottom: 2px solid #eceeef; }
  .plan-history-trainings thead tr {
    border-bottom: none; }
  .plan-history-trainings td {
    color: #808080; }
  .plan-history-trainings .plan-history-trainings-action {
    width: 10px;
    padding: 0 30px; }
    .plan-history-trainings .plan-history-trainings-action a {
      color: #50d166; }
  .plan-history-trainings .plan-history-trainings-num {
    width: 10px; }

.plan-history-training-header {
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
  padding: 40px 90px; }

.plan-history-training-header a {
  color: #50d166;
  text-transform: uppercase;
  font-weight: 500; }

.plan-history-training-details .col-6 {
  margin-bottom: 15px;
  font-weight: 500;
  margin-top: 5px; }
.plan-history-training-details span {
  color: #abacad;
  margin-right: 20px;
  font-weight: normal; }

.plan-history-training-steps {
  padding: 40px 70px; }
  .plan-history-training-steps .success .step-list-number {
    border-color: #50d166;
    background-color: #50d166; }
    .plan-history-training-steps .success .step-list-number i {
      color: #fff; }
  .plan-history-training-steps .transformation .step-list-text {
    padding-top: 5px; }
    .plan-history-training-steps .transformation .step-list-text span {
      background-color: #5553ce;
      color: #fff;
      border-radius: 3px;
      padding: 15px; }

.plan-goal-view-replace-photo {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #f5f5f5;
  font-size: 1.2rem; }
  .plan-goal-view-replace-photo:hover {
    color: #fff; }

header.daily {
  height: auto !important; }

#daily-tasks-status,
.daily-tasks-info {
  float: right; }

#daily-tasks-status,
#daily-tasks-status ul,
#daily-tasks-status ul li,
.daily-tasks-info {
  display: inline-block; }

#daily-tasks-status {
  border: 2px solid #f7f7f7;
  padding: 6px 8px 5px;
  height: 54px;
  border-radius: 27px; }
  #daily-tasks-status ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  #daily-tasks-status li {
    height: 40px;
    width: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #ccc;
    line-height: 40px;
    font-weight: 500;
    margin-right: 10px; }
  #daily-tasks-status li.passed {
    color: #50d166;
    font-size: 1.3rem; }
    #daily-tasks-status li.passed i {
      position: relative;
      top: 2px; }

.daily-tasks-info {
  margin-left: 5px; }
  .daily-tasks-info a {
    display: block;
    height: 54px;
    line-height: 54px;
    padding-left: 5px;
    color: #ccc;
    cursor: pointer; }
  .daily-tasks-info a:hover {
    color: #5553CE; }

.daily-tasks-reward-icon {
  background: url(../img/daily-tasks-reward-icon.svg) center 2px no-repeat; }

.daily-tasks-status-day-wrap {
  width: 40px;
  height: 40px;
  display: block; }
  .daily-tasks-status-day-wrap span {
    position: relative;
    z-index: 5; }

.daily-tasks-nav-history a {
  font-weight: 500;
  color: #808080; }
  .daily-tasks-nav-history a i {
    margin-left: 10px;
    color: #e6e6e6;
    font-size: 1.5rem;
    vertical-align: middle; }
  .daily-tasks-nav-history a.active {
    color: #5553CE; }
.daily-tasks-nav-history a:hover {
  color: #5553CE; }

.daily-tasks-nav {
  margin-top: 30px; }
  .daily-tasks-nav .nav {
    border-bottom-color: #fff; }
  .daily-tasks-nav .nav-link {
    padding: 0 0 1.5rem 0; }

.daily-tasks-nav-shop {
  text-align: right;
  text-transform: uppercase; }
  .daily-tasks-nav-shop a {
    font-size: 0.7rem;
    font-weight: 600;
    color: #b3b3b3; }
    .daily-tasks-nav-shop a i {
      margin-left: 10px;
      color: #b3b3b3;
      font-size: 0.9rem;
      vertical-align: text-bottom; }
  .daily-tasks-nav-shop a:hover {
    color: #5553CE; }

.daily-tasks-nav-coins {
  padding-top: 3px;
  text-align: right;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 600;
  color: #b3b3b3; }
  .daily-tasks-nav-coins span {
    color: #444444; }

.daily-tasks-cards {
  margin-top: 30px; }

.daily-task-main-card {
  margin-bottom: 30px;
  height: 510px;
  text-align: center;
  background-position: 0 0;
  background-size: cover;
  overflow: hidden;
  color: #fff; }
  .daily-task-main-card:hover {
    color: #fff; }
  .daily-task-main-card h4 {
    margin-top: 60px; }
  .daily-task-main-card p {
    color: #fff;
    margin: 0;
    padding: 0;
    margin-top: 70px; }
  .daily-task-main-card h3 {
    padding: 0 100px;
    color: #fff;
    margin-top: 30px; }
  .daily-task-main-card h5 {
    color: #fff;
    margin-top: 50px; }
  .daily-task-main-card .large-radius {
    margin-top: 40px; }

.daily-task-card-content {
  position: relative;
  z-index: 5; }

.daily-task-card-overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 2; }

.daily-task-horizontal-card {
  height: 150px;
  margin-bottom: 30px;
  overflow: hidden; }
  .daily-task-horizontal-card .card-block {
    z-index: 5; }
  .daily-task-horizontal-card h3 {
    color: #666666;
    font-size: 1.1rem;
    font-weight: 500;
    margin-top: 10px; }
  .daily-task-horizontal-card.imaged {
    color: #fff !important;
    background-position: 0 0;
    background-size: cover; }
    .daily-task-horizontal-card.imaged .badge.red {
      background-color: #f13a30; }
    .daily-task-horizontal-card.imaged .badge.white {
      background-color: #fff;
      color: #50d166; }
    .daily-task-horizontal-card.imaged .daily-task-card-bottom {
      color: #fff; }
    .daily-task-horizontal-card.imaged h3 {
      color: #fff; }
      .daily-task-horizontal-card.imaged h3 span {
        color: #50d166; }
  .daily-task-horizontal-card.study h3 {
    width: 75%; }
  .daily-task-horizontal-card .daily-task-card-icons i {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    line-height: 39px; }
  .daily-task-horizontal-card .daily-task-card-icons i:first-child {
    margin-right: 8px; }
  .daily-task-horizontal-card .daily-task-card-icons .zmdi-graduation-cap {
    background-color: #50d166; }
  .daily-task-horizontal-card .daily-task-card-icons .zmdi-videocam {
    background-color: #812fdc; }

.daily-task-common-card {
  margin-bottom: 30px;
  overflow: hidden; }
  .daily-task-common-card .card-block {
    z-index: 5; }
  .daily-task-common-card h3 {
    color: #666666;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 50px; }
  .daily-task-common-card h4 {
    margin-bottom: 20px; }
  .daily-task-common-card .daily-task-card-bottom {
    border-top: 2px solid #f7f7f7;
    padding: 1rem 1.25rem 1.25rem; }

.daily-task-card-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  color: #b3b3b3;
  font-weight: bold;
  font-size: 0.8rem; }
  .daily-task-card-bottom .daily-task-card-bottom-stats h4 {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0; }
    .daily-task-card-bottom .daily-task-card-bottom-stats h4 .badge {
      background-color: #812fdc;
      font-weight: bold !important; }
  .daily-task-card-bottom .daily-task-card-bottom-stats span {
    font-weight: 500; }
  .daily-task-card-bottom .daily-task-card-bottom-time {
    text-align: right; }
    .daily-task-card-bottom .daily-task-card-bottom-time i {
      margin-right: 7px;
      font-size: 1rem;
      vertical-align: middle;
      margin-top: -1px; }
    .daily-task-card-bottom .daily-task-card-bottom-time.green {
      color: #2ed584; }

.daily-video-player {
  overflow: hidden; }

.daily-video-info {
  border-top: 2px solid #f5f4f4; }

.daily-video-description h2 {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 500; }

.daily-video-views {
  padding-top: 8px;
  color: #808080;
  font-weight: 500; }
  .daily-video-views i {
    margin-right: 5px; }

.daily-video-action {
  text-align: right; }
  .daily-video-action span {
    margin-right: 20px;
    color: #808080;
    font-weight: 500; }

.comments-block h5 {
  margin-top: 40px; }

.comment-form {
  border-radius: 0.25rem;
  border: 2px solid #f5f5f5;
  margin-top: 30px; }

.comment-input-area {
  padding: 15px; }

.comment-user-avatar {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden; }
  .comment-user-avatar img {
    width: 100%; }

.comment-input-wrap {
  padding-left: 70px; }
  .comment-input-wrap textarea {
    border-color: transparent; }

.comment-form-reply-to {
  float: left;
  margin: 25px 0 0 25px; }
  .comment-form-reply-to span {
    font-weight: 500; }
  .comment-form-reply-to a {
    vertical-align: middle;
    margin-left: 5px; }
  .comment-form-reply-to i {
    font-weight: 600;
    color: #666; }

.comment-form-actions {
  border-top: 2px solid #f5f5f5;
  text-align: right;
  padding: 15px; }

.comments-list {
  margin: 60px 0 30px; }
  .comments-list .comment-item-reply {
    margin-left: 87px; }
  .comments-list .comment-item {
    margin-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px; }
  .comments-list .comment-item-actions a {
    color: #b2b2b2;
    font-weight: 500;
    font-size: 0.8rem; }
  .comments-list .comment-item-actions i {
    color: #b2b2b2;
    margin-right: 5px;
    vertical-align: middle; }
  .comments-list .comment-item-avatar {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 17px;
    overflow: hidden;
    background-color: #ccc; }
    .comments-list .comment-item-avatar img {
      width: 100%; }
  .comments-list .comment-item-body {
    padding-left: 87px;
    padding-top: 10px; }
    .comments-list .comment-item-body h6 {
      color: #666666;
      font-weight: bold;
      margin: 0; }
      .comments-list .comment-item-body h6 span.date {
        margin-left: 15px;
        font-weight: normal;
        color: #b2b2b2; }
    .comments-list .comment-item-body p {
      margin-top: 7px; }

.daily-rate-block {
  padding: 90px; }
  .daily-rate-block .daily-rate-details {
    padding-top: 10px;
    float: right; }
    .daily-rate-block .daily-rate-details .daily-rate-ec {
      font-weight: 500;
      padding-top: 4px;
      display: inline-block;
      margin-right: 15px; }
    .daily-rate-block .daily-rate-details h4 {
      float: right; }
      .daily-rate-block .daily-rate-details h4 .money {
        background-color: #50d166; }
      .daily-rate-block .daily-rate-details h4 .relationship {
        background-color: #f13a30; }
      .daily-rate-block .daily-rate-details h4 .health {
        background-color: #f2972c; }
      .daily-rate-block .daily-rate-details h4 .destiny {
        background-color: #5553ce; }
  .daily-rate-block .daily-rate-goal-view {
    margin-top: 60px;
    border: 1px solid #f5f5f5;
    border-radius: 0.25rem;
    padding: 35px 50px; }
  .daily-rate-block .daily-rate-goal-view-avatar {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ccc; }
    .daily-rate-block .daily-rate-goal-view-avatar img {
      width: 100%; }
  .daily-rate-block .daily-rate-goal-view-name {
    padding-left: 70px;
    height: 50px;
    line-height: 50px;
    font-weight: 500; }
  .daily-rate-block .daily-rate-goal-view-stat {
    padding-top: 5px; }
    .daily-rate-block .daily-rate-goal-view-stat span {
      display: block;
      font-weight: 500; }
  .daily-rate-block .daily-rate-slider {
    width: 100% !important;
    margin-top: 80px !important;
    margin-left: 0 !important; }
  .daily-rate-block .daily-rate-buttons {
    margin-top: 80px; }

.daily-questions-block h5 {
  margin-top: 40px; }
.daily-questions-block .daily-questions-list {
  margin: 20px 0 40px 0; }

.daily-history-header {
  padding: 25px 30px;
  border-bottom: 2px solid #f5f5f5; }
  .daily-history-header h1 {
    font-weight: 500;
    font-size: 1.2rem;
    text-align: center;
    padding: 0 380px;
    margin: 0;
    height: 38px;
    line-height: 38px; }
  .daily-history-header .daily-history-calendar-controls {
    float: left; }
  .daily-history-header .daily-history-calendar-control-left i, .daily-history-header .daily-history-calendar-control-right i {
    margin-left: 0;
    margin-right: 0; }
  .daily-history-header .daily-history-calendar-control-today {
    margin-left: 15px; }

.daily-history-calendar-col {
  padding-right: 0; }

.daily-history-calendar-wrap {
  border-bottom: 2px solid #f5f5f5;
  margin-bottom: 100px;
  padding-right: 15px; }

.daily-history-tasks-wrap {
  border-left: 2px solid #f5f5f5; }

.daily-history-tasks {
  padding: 25px;
  margin-right: 15px; }

.daily-history-calendar-header {
  padding: 30px 10px 0 25px; }
  .daily-history-calendar-header div {
    font-weight: bold;
    text-align: center; }

.daily-history-calendar-container {
  padding: 30px 10px 30px 25px;
  text-align: center; }
  .daily-history-calendar-container .row {
    margin-bottom: 5px; }
  .daily-history-calendar-container .col {
    padding-left: 10px;
    padding-right: 10px; }
  .daily-history-calendar-container a {
    display: block;
    color: #999;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 500;
    position: relative; }
    .daily-history-calendar-container a.selected {
      border-radius: 50%;
      border: 1px solid #5553ce; }
    .daily-history-calendar-container a.passed {
      color: #e5e5e5; }
    .daily-history-calendar-container a.has-tasks:after {
      display: block;
      content: '';
      width: 4px;
      height: 4px;
      background: #5553CE;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      right: -2px;
      top: 0; }

.daily-history-item {
  margin-bottom: 20px; }
  .daily-history-item .daily-history-item-image {
    width: 100%;
    background-color: #f5f5f5; }
  .daily-history-item .daily-history-item-title a {
    color: #666;
    font-size: 1rem;
    font-weight: bold; }
  .daily-history-item .daily-history-item-award {
    margin-top: 15px;
    color: #b3b3b3;
    font-weight: 500; }

.daily-history-empty {
  text-align: center;
  padding: 50px 0; }

.daily-no-more-tasks-image {
  background: url(../img/racket-is-resting.svg) right bottom no-repeat !important;
  margin-bottom: 30px; }

.daily-no-more-tasks-block {
  padding-top: 50px; }

.daily-no-more-tasks-text {
  color: #b2b2b2;
  font-weight: 500; }
  .daily-no-more-tasks-text a {
    color: #666; }

.daily-no-more-tasks-stat {
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 30px; }
  .daily-no-more-tasks-stat span {
    font-size: 3rem;
    color: #56cf6b; }

.progress-circle {
  font-size: 0.875rem;
  margin: 0;
  position: relative;
  /* so that children can be absolutely positioned */
  padding: 0;
  width: 40px;
  height: 40px;
  background-color: #f7f7f7;
  border-radius: 50%;
  line-height: 40px;
  top: -41px; }

.progress-circle:after {
  border: none;
  position: absolute;
  top: 3px;
  left: 3px;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  background-color: white;
  content: " "; }

/* Text inside the control */
.progress-circle span {
  position: absolute;
  line-height: 40px;
  width: 40px;
  text-align: center;
  display: block;
  color: #ccc;
  z-index: 2; }

.left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  /* needed for clipping */
  clip: rect(0, 40px, 40px, 20px);
  /* clips the whole left half*/ }

/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto); }

.value-bar {
  /*This is an overlayed square, that is made round with the border radius,
  then it is cut to display only the left half, then rotated clockwise
  to escape the outer clipping path.*/
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 20px, 40px, 0);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 5px solid #50d166;
  /*The border is 0.35 but making it larger removes visual artifacts */
  box-sizing: border-box; }

/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 40px, 40px, 20px);
  background-color: #50d166;
  border-radius: 50%;
  width: 40px;
  height: 40px; }

.progress-circle:not(.over50) .first50-bar {
  display: none; }

/* Progress bar rotation position */
.progress-circle.p0 .value-bar {
  display: none; }

.progress-circle.p1 .value-bar {
  transform: rotate(4deg); }

.progress-circle.p2 .value-bar {
  transform: rotate(7deg); }

.progress-circle.p3 .value-bar {
  transform: rotate(11deg); }

.progress-circle.p4 .value-bar {
  transform: rotate(14deg); }

.progress-circle.p5 .value-bar {
  transform: rotate(18deg); }

.progress-circle.p6 .value-bar {
  transform: rotate(22deg); }

.progress-circle.p7 .value-bar {
  transform: rotate(25deg); }

.progress-circle.p8 .value-bar {
  transform: rotate(29deg); }

.progress-circle.p9 .value-bar {
  transform: rotate(32deg); }

.progress-circle.p10 .value-bar {
  transform: rotate(36deg); }

.progress-circle.p11 .value-bar {
  transform: rotate(40deg); }

.progress-circle.p12 .value-bar {
  transform: rotate(43deg); }

.progress-circle.p13 .value-bar {
  transform: rotate(47deg); }

.progress-circle.p14 .value-bar {
  transform: rotate(50deg); }

.progress-circle.p15 .value-bar {
  transform: rotate(54deg); }

.progress-circle.p16 .value-bar {
  transform: rotate(58deg); }

.progress-circle.p17 .value-bar {
  transform: rotate(61deg); }

.progress-circle.p18 .value-bar {
  transform: rotate(65deg); }

.progress-circle.p19 .value-bar {
  transform: rotate(68deg); }

.progress-circle.p20 .value-bar {
  transform: rotate(72deg); }

.progress-circle.p21 .value-bar {
  transform: rotate(76deg); }

.progress-circle.p22 .value-bar {
  transform: rotate(79deg); }

.progress-circle.p23 .value-bar {
  transform: rotate(83deg); }

.progress-circle.p24 .value-bar {
  transform: rotate(86deg); }

.progress-circle.p25 .value-bar {
  transform: rotate(90deg); }

.progress-circle.p26 .value-bar {
  transform: rotate(94deg); }

.progress-circle.p27 .value-bar {
  transform: rotate(97deg); }

.progress-circle.p28 .value-bar {
  transform: rotate(101deg); }

.progress-circle.p29 .value-bar {
  transform: rotate(104deg); }

.progress-circle.p30 .value-bar {
  transform: rotate(108deg); }

.progress-circle.p31 .value-bar {
  transform: rotate(112deg); }

.progress-circle.p32 .value-bar {
  transform: rotate(115deg); }

.progress-circle.p33 .value-bar {
  transform: rotate(119deg); }

.progress-circle.p34 .value-bar {
  transform: rotate(122deg); }

.progress-circle.p35 .value-bar {
  transform: rotate(126deg); }

.progress-circle.p36 .value-bar {
  transform: rotate(130deg); }

.progress-circle.p37 .value-bar {
  transform: rotate(133deg); }

.progress-circle.p38 .value-bar {
  transform: rotate(137deg); }

.progress-circle.p39 .value-bar {
  transform: rotate(140deg); }

.progress-circle.p40 .value-bar {
  transform: rotate(144deg); }

.progress-circle.p41 .value-bar {
  transform: rotate(148deg); }

.progress-circle.p42 .value-bar {
  transform: rotate(151deg); }

.progress-circle.p43 .value-bar {
  transform: rotate(155deg); }

.progress-circle.p44 .value-bar {
  transform: rotate(158deg); }

.progress-circle.p45 .value-bar {
  transform: rotate(162deg); }

.progress-circle.p46 .value-bar {
  transform: rotate(166deg); }

.progress-circle.p47 .value-bar {
  transform: rotate(169deg); }

.progress-circle.p48 .value-bar {
  transform: rotate(173deg); }

.progress-circle.p49 .value-bar {
  transform: rotate(176deg); }

.progress-circle.p50 .value-bar {
  transform: rotate(180deg); }

.progress-circle.p51 .value-bar {
  transform: rotate(184deg); }

.progress-circle.p52 .value-bar {
  transform: rotate(187deg); }

.progress-circle.p53 .value-bar {
  transform: rotate(191deg); }

.progress-circle.p54 .value-bar {
  transform: rotate(194deg); }

.progress-circle.p55 .value-bar {
  transform: rotate(198deg); }

.progress-circle.p56 .value-bar {
  transform: rotate(202deg); }

.progress-circle.p57 .value-bar {
  transform: rotate(205deg); }

.progress-circle.p58 .value-bar {
  transform: rotate(209deg); }

.progress-circle.p59 .value-bar {
  transform: rotate(212deg); }

.progress-circle.p60 .value-bar {
  transform: rotate(216deg); }

.progress-circle.p61 .value-bar {
  transform: rotate(220deg); }

.progress-circle.p62 .value-bar {
  transform: rotate(223deg); }

.progress-circle.p63 .value-bar {
  transform: rotate(227deg); }

.progress-circle.p64 .value-bar {
  transform: rotate(230deg); }

.progress-circle.p65 .value-bar {
  transform: rotate(234deg); }

.progress-circle.p66 .value-bar {
  transform: rotate(238deg); }

.progress-circle.p67 .value-bar {
  transform: rotate(241deg); }

.progress-circle.p68 .value-bar {
  transform: rotate(245deg); }

.progress-circle.p69 .value-bar {
  transform: rotate(248deg); }

.progress-circle.p70 .value-bar {
  transform: rotate(252deg); }

.progress-circle.p71 .value-bar {
  transform: rotate(256deg); }

.progress-circle.p72 .value-bar {
  transform: rotate(259deg); }

.progress-circle.p73 .value-bar {
  transform: rotate(263deg); }

.progress-circle.p74 .value-bar {
  transform: rotate(266deg); }

.progress-circle.p75 .value-bar {
  transform: rotate(270deg); }

.progress-circle.p76 .value-bar {
  transform: rotate(274deg); }

.progress-circle.p77 .value-bar {
  transform: rotate(277deg); }

.progress-circle.p78 .value-bar {
  transform: rotate(281deg); }

.progress-circle.p79 .value-bar {
  transform: rotate(284deg); }

.progress-circle.p80 .value-bar {
  transform: rotate(288deg); }

.progress-circle.p81 .value-bar {
  transform: rotate(292deg); }

.progress-circle.p82 .value-bar {
  transform: rotate(295deg); }

.progress-circle.p83 .value-bar {
  transform: rotate(299deg); }

.progress-circle.p84 .value-bar {
  transform: rotate(302deg); }

.progress-circle.p85 .value-bar {
  transform: rotate(306deg); }

.progress-circle.p86 .value-bar {
  transform: rotate(310deg); }

.progress-circle.p87 .value-bar {
  transform: rotate(313deg); }

.progress-circle.p88 .value-bar {
  transform: rotate(317deg); }

.progress-circle.p89 .value-bar {
  transform: rotate(320deg); }

.progress-circle.p90 .value-bar {
  transform: rotate(324deg); }

.progress-circle.p91 .value-bar {
  transform: rotate(328deg); }

.progress-circle.p92 .value-bar {
  transform: rotate(331deg); }

.progress-circle.p93 .value-bar {
  transform: rotate(335deg); }

.progress-circle.p94 .value-bar {
  transform: rotate(338deg); }

.progress-circle.p95 .value-bar {
  transform: rotate(342deg); }

.progress-circle.p96 .value-bar {
  transform: rotate(346deg); }

.progress-circle.p97 .value-bar {
  transform: rotate(349deg); }

.progress-circle.p98 .value-bar {
  transform: rotate(353deg); }

.progress-circle.p99 .value-bar {
  transform: rotate(356deg); }

.progress-circle.p100 .value-bar {
  transform: rotate(360deg); }

.sea-prerecord-box {
  overflow: hidden; }

.sea-prerecord-center {
  height: 150px;
  position: relative;
  text-align: center; }
  .sea-prerecord-center a {
    z-index: 1;
    position: relative;
    margin-top: 50px;
    color: #fff; }
    .sea-prerecord-center a i {
      color: #fff; }
  .sea-prerecord-center a:hover {
    color: #5553ce; }
    .sea-prerecord-center a:hover i {
      color: #5553ce; }
  .sea-prerecord-center .sea-prerecord-center-time {
    z-index: 1;
    position: relative;
    color: #fff;
    margin-top: 10px; }

.sea-prerecord-center::after {
  position: absolute;
  top: -125px;
  left: -20px;
  width: 400px;
  height: 400px;
  display: block;
  background-color: #5553ce;
  content: " ";
  border-radius: 50%; }

.sea-prerecord-left {
  color: #cfcfcf;
  text-align: right;
  font-weight: 500;
  padding-right: 20px;
  font-size: 0.8rem; }
  .sea-prerecord-left div:first-child {
    padding-top: 30px;
    padding-bottom: 10px; }

.sea-prerecord-right {
  color: #cfcfcf;
  text-align: left;
  font-weight: 500;
  padding-left: 20px;
  font-size: 0.8rem; }
  .sea-prerecord-right a {
    color: #cfcfcf; }
  .sea-prerecord-right .sea-prerecord-stat {
    color: #f13a30;
    padding-top: 25px;
    padding-bottom: 20px; }
  .sea-prerecord-right .sea-prerecord-send-text-link {
    padding-bottom: 20px; }

.sea-player {
  margin-top: 15px; }
  .sea-player #sea-player-slider {
    margin-top: 23px; }
  .sea-player .sea-player-time {
    margin-top: 15px;
    color: #bfbfbf;
    text-align: center; }

.sea-play-btn {
  margin: 0; }
  .sea-play-btn .zmdi-play {
    margin-left: 4px; }
  .sea-play-btn .zmdi-pause {
    margin-left: 1px; }
  .sea-play-btn.paused {
    background-color: #5553ce; }
    .sea-play-btn.paused i {
      color: #fff; }

.sea-requests-header {
  color: #666666;
  padding: 25px 25px 20px;
  font-size: 1rem;
  font-weight: 500;
  border-bottom: 2px solid #f5f5f5; }

.sea-request-row {
  padding: 10px 25px;
  height: 60px;
  border-bottom: 2px solid #f5f5f5; }
  .sea-request-row:last-child {
    border: none; }
  .sea-request-row .sea-request-row-title {
    line-height: 40px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #808080; }
  .sea-request-row .sea-request-row-time {
    line-height: 40px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999999; }
  .sea-request-row .sea-request-row-status {
    line-height: 40px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #808080; }
    .sea-request-row .sea-request-row-status.ready {
      color: #50d166; }

.sea-response-block {
  padding: 50px 60px; }
  .sea-response-block .sea-response-span {
    color: #d9d9d9; }

.sea-request-sent {
  text-align: center;
  height: 150px;
  line-height: 150px;
  font-size: 1.5rem; }
  .sea-request-sent i {
    font-size: 3rem;
    vertical-align: middle;
    margin-right: 15px; }

.sea-record-visual {
  position: absolute;
  top: -125px;
  left: -20px;
  width: 400px;
  height: 400px;
  display: block;
  background-color: #5553ce;
  content: ' ';
  border-radius: 50%;
  transition: .1s; }

#sea-record-process .sea-prerecord-center::after {
  display: none; }

.sea-ad-box {
  overflow: hidden; }
  .sea-ad-box .badge {
    background-color: #1875f0;
    margin-bottom: 15px; }
  .sea-ad-box h3 {
    color: #fff; }

.sea-ad-box-bg {
  background: url(../img/assistant-banner.png) center center no-repeat;
  padding: 255px 50px 50px;
  background-size: cover;
  height: 100%;
  margin-right: -15px;
}

.sea-ad-box-right-side {
  padding-left: 0;
  padding-right: 0;
  position: relative; }

.sea-ad-box-header {
  padding: 35px 30px;
  border-bottom: 2px solid #f5f5f5; }
  .sea-ad-box-header h4 {
    margin: 0;
    font-weight: bold;
    color: #666666; }

.sea-ad-box-body {
  padding: 15px 30px;
  font-weight: 400;
  color: #999999;
  line-height: 1.7; }

.sea-ad-box-footer {
  border-top: 2px solid #f5f5f5;
  bottom: 0;
  width: 100%;
  padding: 30px; }
  .sea-ad-box-footer span {
    font-weight: 500;
    margin-left: 15px; }

.edu-level-menu .edu-level-menu-item {
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  font-size: 10px;
  font-weight: 500;
  color: #252838;
  padding: 10px 20px;
  margin-bottom: 10px;
  position: relative; }
  .edu-level-menu .edu-level-menu-item.selected {
    background-color: #2e80d5 !important;
    color: #fff; }
    .edu-level-menu .edu-level-menu-item.selected::before {
      display: block;
      top: 10px;
      right: -7px;
      content: '';
      width: 0;
      height: 0;
      border-left: 7px solid #2e80d5;
      border-top: 7px solid transparent;
      border-bottom: 8px solid transparent;
      position: absolute; }
    .edu-level-menu .edu-level-menu-item.selected::after {
      color: #fff; }
  .edu-level-menu .edu-level-menu-item.blocked, .edu-level-menu .edu-level-menu-item.purchase {
    background-color: #e4e8f0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
  .edu-level-menu .edu-level-menu-item::after {
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    display: block;
    position: absolute;
    top: 11px;
    right: 15px;
    color: #252838; }
  .edu-level-menu .edu-level-menu-item.passed::after {
    content: '\f26b'; }
  .edu-level-menu .edu-level-menu-item.blocked::after {
    content: '\f191'; }
  .edu-level-menu .edu-level-menu-item.purchase::after {
    content: '\f1cb'; }
  .edu-level-menu .edu-level-menu-item.active::after {
    content: '\f158'; }

.level-card {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
  .level-card .level-status {
    font-size: 13px;
    float: right;
    font-weight: 500;
    color: #252838;
    text-transform: uppercase; }
  .level-card .level-badge {
    font-size: 13px;
    font-weight: 500;
    float: left;
    color: #252838;
    text-transform: uppercase;
    border: 1px solid #252838;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 8px; }
    .level-card .level-badge.lvl-1 {
      color: #2e80d5;
      border-color: #2e80d5; }
  .level-card .level-title {
    font-size: 28px;
    font-weight: bold;
    color: #252838;
    padding: 0;
    margin: 20px 0; }
  .level-card .level-description {
    color: #252838;
    font-weight: 500;
    line-height: 1.8; }

.level-steps-card {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  overflow: hidden; }
  .level-steps-card .level-step {
    color: #252838;
    font-weight: 500;
    padding: 20px 20px 20px 30px;
    border-bottom: 2px solid #f5f5f5;
    position: relative; }
    .level-steps-card .level-step .level-step-title {
      font-size: 14px;
      font-weight: 500 !important;
      color: #252838 !important; }
    .level-steps-card .level-step .level-step-description {
      font-weight: 300;
      color: #9098b9;
      font-size: 13px;
      padding: 0;
      line-height: 1.2; }
    .level-steps-card .level-step:last-child {
      border-bottom: none; }
    .level-steps-card .level-step.blocked {
      opacity: 0.5; }
    .level-steps-card .level-step.active {
      background-color: #e4e8f0; }
      .level-steps-card .level-step.active:after {
        background-color: #2ed573;
        color: #fff;
        font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
        display: block;
        position: absolute;
        left: 15px;
        top: 20px;
        content: '\f3aa';
        width: 40px;
        height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-align: center;
        line-height: 40px;
        font-size: 20px;
        padding-left: 5px;
        padding-top: 1px; }

.level-video-card {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  display: block;
  overflow: hidden; }
  .level-video-card .level-video-image {
    position: relative; }
    .level-video-card .level-video-image img {
      width: 100%; }
    .level-video-card .level-video-image:after {
      background-color: #f5f5f5;
      color: #252838;
      font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      content: '\f3aa';
      width: 60px;
      height: 60px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      text-align: center;
      line-height: 60px;
      font-size: 30px;
      padding-left: 5px;
      padding-top: 1px;
      margin-left: -30px;
      margin-top: -30px; }
  .level-video-card .card-block {
    padding: 20px 30px 20px 30px; }
  .level-video-card .level-video-subtitle {
    font-weight: 500;
    color: #1c1e23;
    margin-bottom: 15px; }
  .level-video-card .level-video-title {
    font-weight: 500;
    color: #252838;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 0; }
  .level-video-card .level-video-description {
    font-weight: 300;
    color: #9098b9;
    font-size: 12px; }

.level-alert-card {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  text-align: center; }
  .level-alert-card .level-alert-icon {
    color: #252838;
    font-size: 30px;
    margin-bottom: 15px; }
  .level-alert-card .level-alert-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #252838;
    margin-bottom: 30px; }

.education-intro-video-modal-footer {
  background-color: #000;
  padding: 20px;
  color: #fff; }
  .education-intro-video-modal-footer h4 {
    color: #fff; }
  .education-intro-video-modal-footer .btn {
    letter-spacing: normal;
    color: #fff;
    border-width: 1px;
    font-size: 13px; }
    .education-intro-video-modal-footer .btn:hover {
      background-color: #313131 !important; }

.lifestyle-card {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
  .lifestyle-card .card-header {
    color: #252838;
    height: 65px;
    font-size: 16px;
    font-weight: bold;
    padding: 23px 32px; }
  .lifestyle-card .card-block {
    padding: 0 32px 23px 32px; }
  .lifestyle-card .card-bottom {
    padding: 0 32px 23px 32px; }
    .lifestyle-card .card-bottom .btn {
      height: 38px; }
      .lifestyle-card .card-bottom .btn:hover {
        background-color: transparent; }
      .lifestyle-card .card-bottom .btn:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none; }
    .lifestyle-card .card-bottom .btn-more {
      float: right;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid #8f9db9;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      color: #8f9db9;
      padding: 9px 15px;
      letter-spacing: normal; }
      .lifestyle-card .card-bottom .btn-more span {
        font-weight: bold;
        padding-left: 5px;
        font-size: 14px;
        vertical-align: text-bottom; }
    .lifestyle-card .card-bottom .btn-main {
      border: 1px transparent;
      padding: 9px 0;
      color: #4b59ce;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: normal; }
      .lifestyle-card .card-bottom .btn-main.btn-plus {
        position: relative;
        padding-left: 40px; }
        .lifestyle-card .card-bottom .btn-main.btn-plus:before {
          font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
          display: block;
          position: absolute;
          top: 3px;
          left: 0;
          width: 30px;
          height: 30px;
          -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
          border-radius: 15px;
          border: 2px solid #4b59ce;
          text-align: center;
          font-size: 16px;
          line-height: 27px;
          content: '\f278';
          color: #4b59ce; }

.goal-card .goal-item {
  height: 67px;
  border: solid 1px #f1f4f8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  display: block; }
  .goal-card .goal-item .goal-item-image-wrap {
    position: absolute;
    top: -1px;
    left: -10px;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
    width: 34px;
    height: 68px; }
  .goal-card .goal-item .goal-item-image-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg); }
  .goal-card .goal-item .goal-item-image-inner {
    visibility: visible;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
    position: relative; }
  .goal-card .goal-item .goal-item-image {
    position: absolute;
    background-size: cover;
    background-position: center;
    background-color: #8f9db9;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    left: -2px;
    top: 15px; }
  .goal-card .goal-item .goal-item-title-wrap {
    height: 31px;
    overflow: hidden;
    margin-top: 17px;
    margin-left: 40px;
    line-height: 1.2;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding-right: 15px; }
  .goal-card .goal-item .goal-item-title {
    font-size: 12px;
    font-weight: bold;
    color: #252838; }

.product-card .card-block {
  padding-top: 10px; }
.product-card .product-item {
  display: block;
  height: 178px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  position: relative; }
  .product-card .product-item .product-item-text {
    position: absolute;
    bottom: 0;
    padding: 16px;
    color: #fff;
    overflow: hidden; }
    .product-card .product-item .product-item-text .product-item-subtitle {
      font-size: 12px;
      font-weight: bold; }
    .product-card .product-item .product-item-text .product-item-title {
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      margin: 0; }

.goal-item-inner {
  height: 120px;
  display: block;
  overflow: hidden;
  margin-bottom: 30px; }
  .goal-item-inner .goal-item-inner-image {
    height: 120px;
    width: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    background-color: #8f9db9; }
  .goal-item-inner .goal-item-inner-body {
    padding: 20px 20px 20px 130px; }
    .goal-item-inner .goal-item-inner-body .goal-item-inner-title {
      font-weight: bold;
      font-size: 16px;
      color: #252838;
      padding: 0;
      margin-bottom: 5px; }
    .goal-item-inner .goal-item-inner-body .goal-item-inner-subtitle {
      font-weight: 500;
      font-size: 15px;
      color: #8f9db9; }

.lifestyle-card-alert hr {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 0;
  border-top: 2px solid #f5f5f5; }
.lifestyle-card-alert .lifestyle-card-alert-text {
  line-height: 1.8;
  font-weight: 500;
  color: #252838; }
.lifestyle-card-alert .close {
  color: #c8cddb;
  font-weight: normal; }

.empty-card-text {
  font-weight: 300;
  line-height: 1.2; }

.ready-pack-item {
  width: 223px;
  height: 223px;
  padding: 20px;
  border-radius: 5px;
  color: #fff;
  position: relative;
  display: block; }
  .ready-pack-item.money .badge {
    background-color: #50d166; }
  .ready-pack-item.relationship .badge {
    background-color: #f13a30; }
  .ready-pack-item.health .badge {
    background-color: #f2972c; }
  .ready-pack-item.destiny .badge {
    background-color: #5553ce; }
  .ready-pack-item .ready-pack-item-icon {
    float: right;
    color: #fff;
    font-size: 1.2rem;
    margin-top: 1px; }
  .ready-pack-item .ready-pack-item-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0 20px 20px 20px;
    font-weight: 500;
    color: #fff; }
    .ready-pack-item .ready-pack-item-bottom h3 {
      color: #fff; }
    .ready-pack-item .ready-pack-item-bottom .ready-pack-item-complete {
      float: right; }
    .ready-pack-item .ready-pack-item-bottom .ready-pack-item-time i {
      margin-right: 5px; }

.ready-pack-card-header {
  text-align: center;
  background-size: cover;
  color: #fff;
  padding: 70px 200px 50px; }
  .ready-pack-card-header h1 {
    color: #fff;
    font-weight: 500;
    font-size: 1.7rem;
    margin-top: 10px; }
  .ready-pack-card-header .ready-pack-card-description {
    margin-top: 20px;
    font-weight: 500; }
    .ready-pack-card-header .ready-pack-card-description .full {
      display: none;
      margin-top: 15px; }
  .ready-pack-card-header .ready-pack-card-btn {
    margin-top: 20px; }
  .ready-pack-card-header .ready-pack-card-buy-btn {
    margin-top: 40px; }
  .ready-pack-card-header .ready-pack-card-price {
    margin-top: 40px;
    font-weight: 500;
    font-size: 1.8rem; }
  .ready-pack-card-header .ready-pack-card-bottom {
    margin-top: 40px;
    font-weight: 500; }
    .ready-pack-card-header .ready-pack-card-bottom .ready-pack-card-bottom-complete {
      text-align: left;
      margin-left: 30px; }
    .ready-pack-card-header .ready-pack-card-bottom .ready-pack-card-bottom-time {
      text-align: right; }
      .ready-pack-card-header .ready-pack-card-bottom .ready-pack-card-bottom-time i {
        margin-right: 5px; }
  .ready-pack-card-header.money .badge {
    background-color: #50d166; }
  .ready-pack-card-header.relationship .badge {
    background-color: #f13a30; }
  .ready-pack-card-header.health .badge {
    background-color: #f2972c; }
  .ready-pack-card-header.destiny .badge {
    background-color: #5553ce; }

.ready-pack-trainings {
  padding: 0 40px 40px; }

.ready-pack-trainings th, .ready-pack-trainings td {
  vertical-align: middle;
  border: none; }

.ready-pack-trainings th {
  border: none !important;
  color: #b2b2b2; }

.ready-pack-trainings tr {
  border-bottom: 2px solid #eceeef; }

.ready-pack-trainings tr:last-child {
  border-bottom: none; }

.ready-pack-trainings td {
  color: #808080;
  padding: 0.6rem; }

.ready-pack-trainings .ready-pack-training-action {
  width: 10px; }

.ready-pack-trainings .ready-pack-training-success {
  background-color: #f6fdf7; }

.ready-pack-training-item {
  padding-left: 30px; }

.ready-pack-training-item-title {
  height: 60px;
  line-height: 60px;
  font-weight: 500;
  color: #000;
  font-size: 1rem; }
  .ready-pack-training-item-title span {
    display: inline-block;
    width: 37px; }

.ready-pack-training-item-row {
  border-top: 2px solid #eceeef;
  padding-top: 20px;
  padding-bottom: 20px; }
  .ready-pack-training-item-row .btn {
    margin-top: -10px; }
  .ready-pack-training-item-row .custom-checkbox {
    margin-bottom: 0 !important; }
  .ready-pack-training-item-row h4 {
    margin-bottom: 0 !important; }

.ready-pack-training-item-padded {
  padding-left: 41px;
  padding-bottom: 20px; }
  .ready-pack-training-item-padded p {
    font-size: 0.875rem;
    padding-top: 0;
    line-height: 1.5;
    font-weight: 500; }

.master-mind-header .jq-selectbox__select {
  background-color: #fff !important; }
.master-mind-header .master-mind-sprint-info {
  height: 60px; }
.master-mind-header .mister-mind-info-link {
  height: 60px;
  color: #d8d8d8;
  padding: 16px 15px; }
  .master-mind-header .mister-mind-info-link span {
    font-size: 20px;
    vertical-align: text-top; }
.master-mind-header .master-mind-sos-btn {
  background-color: #fff; }
.master-mind-header .progress-circle {
  top: 10px; }
  .master-mind-header .progress-circle .value-bar {
    border-color: #5553ce; }
  .master-mind-header .progress-circle.over50 .first50-bar {
    background-color: #5553ce; }
.master-mind-header .progress-circle:after {
  background-color: #fafafa; }
.master-mind-header .master-mind-sprint-progress {
  padding: 0 30px 0 15px; }
.master-mind-header .master-mind-sprint-report-link a {
  display: block;
  height: 60px;
  line-height: 60px;
  color: #666;
  font-weight: 500; }

.master-mind-sprint-card .card-header {
  height: 94px;
  border-bottom: 2px solid #f5f5f5;
  padding: 20px 30px; }
  .master-mind-sprint-card .card-header h3 {
    margin: 0;
    line-height: 49px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: -15px; }
.master-mind-sprint-card .card-block {
  padding: 30px 40px; }

.master-mind-avatar {
  width: 49px;
  height: 49px;
  background-color: #f5f5f5;
  border-radius: 50%; }

.master-mind-plan-table {
  margin: 0; }
  .master-mind-plan-table th, .master-mind-plan-table td {
    border: none;
    border-bottom: 2px solid #f5f5f5 !important;
    font-size: 0.875rem;
    font-weight: 500; }
  .master-mind-plan-table th:first-child, .master-mind-plan-table td:first-child {
    width: 30%; }
  .master-mind-plan-table th {
    color: #d8d8d8; }
  .master-mind-plan-table td:first-child {
    color: #999; }
  .master-mind-plan-table a {
    display: block;
    color: #666; }
  .master-mind-plan-table td:last-child {
    position: relative;
    padding-right: 30px; }
    .master-mind-plan-table td:last-child ::after {
      position: absolute;
      font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
      content: '\f2fb';
      right: 15px;
      top: 50%;
      margin-top: -10px;
      font-size: 1.5rem;
      color: #d8d8d8;
      font-weight: 500; }

.master-mind-sprint-date {
  font-size: 1.2rem;
  line-height: 49px;
  height: 49px; }

.master-mind-scrum-info {
  font-weight: 500;
  text-align: right;
  padding-top: 5px; }
  .master-mind-scrum-info span {
    color: #b6b6b6;
    font-size: 0.8rem;
    font-weight: normal; }

.master-mind-sprint-chat-wrap {
  border-top: 2px solid #f5f5f5;
  height: 600px;
  overflow: hidden;
  overflow-y: auto; }
  .master-mind-sprint-chat-wrap.readonly {
    border-top: none !important; }

.master-mind-plans-wrap {
  height: 600px;
  overflow: hidden;
  overflow-y: auto; }
  .master-mind-plans-wrap.active {
    height: 731px; }

.master-mind-sprint-chat {
  padding: 30px 40px; }
  .master-mind-sprint-chat .master-mind-sprint-chat-btn {
    background-color: #40cc56;
    border-color: #40cc56;
    color: #fff; }

.master-mind-sprint-chat-item {
  padding: 30px 40px;
  border-top: 2px solid #f5f5f5; }
  .master-mind-sprint-chat-item:first-child {
    border-top: none; }
  .master-mind-sprint-chat-item .badge {
    background-color: #31569e;
    margin-top: -4px; }
  .master-mind-sprint-chat-item .master-mind-sprint-chat-author {
    font-size: 1rem;
    font-weight: 500;
    padding-top: 4px; }
    .master-mind-sprint-chat-item .master-mind-sprint-chat-author span {
      color: #b6b6b6;
      font-size: 0.75rem;
      padding-left: 10px; }
  .master-mind-sprint-chat-item .master-mind-sprint-chat-text {
    margin-top: 1rem; }
  .master-mind-sprint-chat-item .master-mind-plan-table {
    border-top: 2px solid #f5f5f5;
    margin: 2rem 0; }

.master-mind-sprint-chat-item-devider {
  font-size: 0.75rem;
  color: #b6b6b6;
  text-align: center; }
  .master-mind-sprint-chat-item-devider span {
    background-color: #fff;
    padding: 5px 10px;
    top: 9px;
    position: relative; }

.master-mind-new-request-block .master-mind-new-request-label {
  padding-left: 30px;
  font-size: 1.5rem;
  border-left: 2px solid #f5f5f5;
  font-weight: normal;
  height: 60px;
  line-height: 60px; }
  .master-mind-new-request-block .master-mind-new-request-label.money {
    border-color: #40cc56; }
  .master-mind-new-request-block .master-mind-new-request-label.relationship {
    border-color: #fa1a55; }
  .master-mind-new-request-block .master-mind-new-request-label.health {
    border-color: #c400fb; }
  .master-mind-new-request-block .master-mind-new-request-label.destiny {
    border-color: #0867f2; }

.master-mind-padded-block {
  padding: 90px 100px; }

.master-mind-padded-block-2 {
  padding: 0 50px 0 90px; }

.master-mind-report-dots {
  width: 140px;
  height: 100px; }

.master-mind-report-text,
.master-mind-report-text-2 {
  font-size: 1.25rem;
  margin-top: 2rem; }

.master-mind-report-text {
  width: 570px; }

.master-mind-report-dot-a-text {
  position: relative;
  padding-left: 300px;
  z-index: 3;
  margin-top: 60px;
  margin-bottom: 90px; }
  .master-mind-report-dot-a-text div, .master-mind-report-dot-a-text h2 {
    position: relative;
    z-index: 3; }
  .master-mind-report-dot-a-text::before {
    position: absolute;
    left: 150px;
    top: -190px;
    content: "A";
    font-weight: 500;
    font-size: 26rem;
    z-index: 0;
    color: #f4f4f4; }
  .master-mind-report-dot-a-text div::after {
    position: absolute;
    content: " ";
    width: 70px;
    height: 2px;
    background-color: #50d166;
    bottom: -40px;
    left: 0; }

.master-mind-report-offset {
  margin-top: 400px; }

.master-mind-report-bg-calendar {
  background: url(../img/master-mind/bd-calendar.svg) bottom center no-repeat; }

.master-mind-report-bg-o {
  background: url(../img/master-mind/bg-o.svg) right 500px no-repeat; }

.master-mind-report-bg-mountain {
  background: url(../img/master-mind/bg-mountain.svg) right bottom no-repeat;
  height: 500px; }

.master-mind-report-plan-block {
  padding: 50px 40px; }
  .master-mind-report-plan-block .master-mind-plan-table td, .master-mind-report-plan-block .master-mind-plan-table th {
    padding-left: 0 !important; }
  .master-mind-report-plan-block .master-mind-plan-table tr:last-child td {
    border-bottom: none !important; }

.master-mind-report-green-block {
  background-color: #40cc56 !important;
  color: #fff; }
  .master-mind-report-green-block h2, .master-mind-report-green-block th, .master-mind-report-green-block td {
    color: #fff; }
  .master-mind-report-green-block td:first-child {
    opacity: 0.52;
    color: #fff; }

.master-mind-ad-box {
  overflow: hidden; }
  .master-mind-ad-box .badge {
    background-color: #1875f0;
    margin-bottom: 15px; }
  .master-mind-ad-box h3 {
    color: #fff; }

.master-mind-ad-box-bg {
  background: url(../img/master-mind/bg-master-mind.jpg) center center no-repeat;
  height: 415px;
  padding: 255px 50px 50px; }

.master-mind-ad-box-right-side {
  padding-left: 0;
  padding-right: 0;
  margin-left: -15px;
  position: relative; }

.master-mind-ad-box-header {
  padding: 35px 30px;
  border-bottom: 2px solid #f5f5f5; }
  .master-mind-ad-box-header h4 {
    margin: 0;
    font-weight: bold;
    color: #666666; }

.master-mind-ad-box-body {
  padding: 30px 30px;
  font-weight: 500;
  color: #999999;
  line-height: 1.8; }

.master-mind-ad-box-footer {
  border-top: 2px solid #f5f5f5;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px; }
  .master-mind-ad-box-footer span {
    font-weight: 500;
    margin-left: 15px; }

.master-mind-start-page-block .badge {
  background-color: #f7f7f7;
  color: #b3b3b3;
  font-weight: bold;
  padding: 8px 30px; }
.master-mind-start-page-block .master-mind-start-page-tablet {
  padding-top: 150px;
  height: 530px;
}
.master-mind-start-page-block .master-mind-welcome-screen {
  position: absolute;
  left: -40px;
  width: 100%; }
.master-mind-start-page-block .master-mind-start-page-call {
  position: relative;
  z-index: 1;
  line-height: 3rem; }
  .master-mind-start-page-block .master-mind-start-page-call::after {
    position: absolute;
    content: "Начнем";
    text-transform: uppercase;
    color: #fafafa;
    font-size: 6.25rem;
    top: 27px;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: 900;
    z-index: -1; }

.promo-card {
  padding: 30px;
  color: #252838;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
  .promo-card h1 {
    font-size: 28px;
    font-weight: bold;
    color: #252838; }
  .promo-card h3 {
    font-size: 18px;
    font-weight: bold;
    color: #252838; }
  .promo-card.promo-main-card {
    padding: 40px; }
  .promo-card .promo-description {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6; }
  .promo-card .promo-sub-description {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5; }
  .promo-card .promo-right-description {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3; }
  .promo-card label {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px; }
  .promo-card input {
    height: 48px;
    border-radius: 4px;
    border: solid 1px #9098b9;
    background-color: #fff !important;
    color: #828894; }
  .promo-card .promo-input-block {
    position: relative; }
  .promo-card .promo-link-copy {
    position: absolute;
    top: 14px;
    right: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.6px;
    color: #4b59ce; }
  .promo-card .promo-explain {
    padding-top: 50px;
    background-repeat: no-repeat; }
    .promo-card .promo-explain.promo-explain-share {
      background-image: url(../img/invite/share.svg); }
    .promo-card .promo-explain.promo-explain-get-rewards {
      background-image: url(../img/invite/get-rewards.svg); }
    .promo-card .promo-explain.promo-explain-purchase-levels {
      background-image: url(../img/invite/purchase-levels.svg); }
  .promo-card .promo-reward-title {
    font-size: 14px;
    font-weight: 500;
    padding-top: 3px; }
  .promo-card .promo-reward-amount {
    font-size: 18px;
    font-weight: bold;
    text-align: right; }
  .promo-card .promo-reward-wrap {
    border-bottom: 2px solid #e4e8f0;
    padding-bottom: 7px; }
  .promo-card .btn-block {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #4b59ce;
    border-radius: 4px;
    border: solid 1px #9098b9; }

#demo-header-block {
  background-color: #5e5ce1;
  height: 300px; }

.order #demo-header-block {
  background-color: #1875f0;
  height: 315px; }
  .order #demo-header-block h1 {
    margin-left: 95px;
    margin-top: 35px;
    color: #fff;
    font-size: 1.8rem; }

#demo-header {
  padding: 27px 25px;
  color: #fff; }
  #demo-header .logo {
    display: block;
    background: url("../img/logo-w.svg") left center no-repeat;
    height: 40px;
    width: 120px;
    margin-right: 25px; }
  #demo-header #demo-header-nav .demo-header-back-link {
    height: 40px;
    display: inline-block; }
    #demo-header #demo-header-nav .demo-header-back-link i {
      color: #fff; }
    #demo-header #demo-header-nav .demo-header-back-link .arrow-link :hover {
      border-color: #f1f1f1 !important; }
    #demo-header #demo-header-nav .demo-header-back-link span {
      padding-top: 9px;
      padding-left: 7px;
      display: inline-block;
      font-weight: bold;
      color: #fff; }
    #demo-header #demo-header-nav .demo-header-back-link :hover {
      border-color: #f1f1f1 !important;
      color: #f1f1f1; }
      #demo-header #demo-header-nav .demo-header-back-link :hover .arrow-link {
        border-color: #f1f1f1 !important; }
      #demo-header #demo-header-nav .demo-header-back-link :hover i {
        color: #f1f1f1; }

.demo-logout-link {
  padding: 27px 25px; }
  .demo-logout-link a {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #fff; }

#demo-content {
  padding-top: 50px;
  padding-bottom: 66px;
  margin-top: -170px;
  margin-bottom: 100px; }
  #demo-content .demo-home-avatar {
    width: 70px;
    height: 70px;
    margin-bottom: 40px; }
  #demo-content .demo-registration-form {
    margin-top: 65px; }
  #demo-content .demo-registration-gender-area {
    height: 49px; }
    #demo-content .demo-registration-gender-area label {
      margin-bottom: 0; }
  #demo-content .demo-registration-warning {
    color: #8a8a8f; }
    #demo-content .demo-registration-warning a {
      color: #8a8a8f;
      text-decoration: underline; }
  #demo-content .demo-video-preview-card {
    overflow: hidden; }
  #demo-content .demo-video-preview {
    position: relative;
    height: 213px;
    overflow: hidden;
    cursor: pointer; }
    #demo-content .demo-video-preview::after {
      font-family: "Material-Design-Iconic-Font";
      content: "\f3a9";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      opacity: .8;
      line-height: 213px;
      font-size: 60px;
      text-align: center;
      -webkit-transition: ease-out 0.1s;
      -moz-transition: ease-out 0.1s;
      -o-transition: ease-out 0.1s;
      transition: ease-out 0.1s; }
    #demo-content .demo-video-preview:hover::after {
      font-size: 68px; }
  #demo-content #demo-select-goal-block .plan-goal-view-trainings {
    padding: 0 !important; }

.order #demo-content {
  margin-top: -160px; }

.demo-page .modal-backdrop.show {
  opacity: 0.9; }

#demo-video-modal h2 {
  color: #fff !important; }
#demo-video-modal .demo-video-modal-buttons .btn {
  color: #fff; }
  #demo-video-modal .demo-video-modal-buttons .btn:hover {
    color: #333; }

.demo-footer {
  padding: 10px 0 !important; }
  .demo-footer a {
    font-weight: normal !important; }

#order-page-steps-container {
  margin: 40px 0;
  padding: 0; }
  #order-page-steps-container .step-list-item {
    width: 33%; }
  #order-page-steps-container .step-list-text {
    font-weight: 600;
    font-size: 0.7rem;
    padding-top: 10px; }
    #order-page-steps-container .step-list-text span {
      padding-top: 7px; }
  #order-page-steps-container .step-list-item.active .step-list-number {
    color: #50d166;
    border-color: #50d166; }

.order-page-row {
  border-bottom: 2px solid #f5f4f4;
  padding: 35px 0; }
  .order-page-row .custom-radio {
    margin-bottom: 0; }

#order-page-content {
  padding: 0; }

.order-page-actions {
  padding: 45px 0; }

.order-page-caption {
  color: #b2b2b2;
  text-transform: uppercase;
  font-weight: 500; }
  .order-page-caption h2 {
    font-size: 1.5rem;
    text-transform: none;
    font-weight: 500; }

.order-page-warning {
  color: #8a8a8f;
  padding-top: 15px; }
  .order-page-warning a {
    color: #8a8a8f;
    text-decoration: underline; }

.order-sponsor-change-link {
  margin-left: 15px;
  border-bottom: 1px dashed #5553CE; }

.welcome-screen-blocks {
  padding: 80px;
  text-align: center; }
  .welcome-screen-blocks p.large {
    font-size: 1.4rem;
    font-weight: 300; }

.statistics-card-header {
  padding: 25px 24px 0 24px;
  border-bottom: 2px solid #f0f0f0;
  height: 62px; }
  .statistics-card-header h3 {
    font-weight: 500;
    font-size: 0.875rem;
    padding: 0; }
  .statistics-card-header .nav-link {
    padding-top: 0;
    font-size: 0.875rem; }
  .statistics-card-header .nav-item {
    padding-left: 10px;
    padding-right: 40px; }
  .statistics-card-header .btn-group {
    margin-top: -14px; }
    .statistics-card-header .btn-group i.zmdi {
      margin-right: 0; }
    .statistics-card-header .btn-group .active i {
      color: #5553CE; }
  .statistics-card-header .nav-tabs {
    border-bottom-color: transparent;
    margin-bottom: -2px; }
  .statistics-card-header .statistics-calendar-picker {
    color: #999999;
    font-weight: 500;
    display: inline-block;
    height: 35px;
    position: relative; }
    .statistics-card-header .statistics-calendar-picker i {
      margin-left: 7px; }
    .statistics-card-header .statistics-calendar-picker a {
      color: #999999;
      padding-bottom: 1.2rem; }
      .statistics-card-header .statistics-calendar-picker a.active {
        color: #5553CE; }
        .statistics-card-header .statistics-calendar-picker a.active:before {
          display: block;
          content: '';
          position: absolute;
          left: 0px;
          bottom: -2px;
          height: 2px;
          width: 100%;
          background: #5553CE; }
      .statistics-card-header .statistics-calendar-picker a:hover {
        color: #5553CE; }
  .statistics-card-header .statistics-daterange-picker {
    width: 0;
    bottom: -5px;
    height: 0;
    border: none;
    position: absolute;
    right: -12px; }

.statistics-graphic-wrap.loading {
  height: 600px;
  background: url(../img/loader.gif) no-repeat center center;
  background-size: 100px; }

.statistics-card-bottom {
  padding: 0 1.875rem 1.25rem 4.5rem; }
  .statistics-card-bottom .statistics-filter-money .custom-control-description {
    color: #50d166; }
  .statistics-card-bottom .statistics-filter-money:hover .custom-control-indicator {
    border-color: #50d166; }
  .statistics-card-bottom .statistics-filter-money .custom-control-indicator {
    background-color: #fff; }
  .statistics-card-bottom .statistics-filter-money .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #50d166; }
  .statistics-card-bottom .statistics-filter-relations .custom-control-description {
    color: #f82462; }
  .statistics-card-bottom .statistics-filter-relations:hover .custom-control-indicator {
    border-color: #f82462; }
  .statistics-card-bottom .statistics-filter-relations .custom-control-indicator {
    background-color: #fff; }
  .statistics-card-bottom .statistics-filter-relations .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #f82462; }
  .statistics-card-bottom .statistics-filter-health .custom-control-description {
    color: #c924f8; }
  .statistics-card-bottom .statistics-filter-health:hover .custom-control-indicator {
    border-color: #c924f8; }
  .statistics-card-bottom .statistics-filter-health .custom-control-indicator {
    background-color: #fff; }
  .statistics-card-bottom .statistics-filter-health .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #c924f8; }
  .statistics-card-bottom .statistics-filter-destiny .custom-control-description {
    color: #1875f0; }
  .statistics-card-bottom .statistics-filter-destiny:hover .custom-control-indicator {
    border-color: #1875f0; }
  .statistics-card-bottom .statistics-filter-destiny .custom-control-indicator {
    background-color: #fff; }
  .statistics-card-bottom .statistics-filter-destiny .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #1875f0; }

.statistics-card-block-left {
  border-right: 2px solid #f0f0f0; }
  .statistics-card-block-left .statistic-card-optimal-title {
    margin-top: 1rem;
    margin-left: 1rem;
    font-weight: 500; }
  .statistics-card-block-left .statistic-card-optimal-time {
    margin-left: 1rem;
    margin-top: 1rem;
    color: #50d166;
    font-weight: 500;
    font-size: 3rem; }

.statistics-number-wrap .statistics-data-number {
  color: #808080;
  font-size: 48px;
  font-weight: 500; }
  .statistics-number-wrap .statistics-data-number.green {
    color: #50d166; }
.statistics-number-wrap .statistics-data-sub {
  margin-left: 7px;
  color: #999;
  font-size: 12px;
  font-weight: 700; }

#chartjs-tooltip {
  opacity: 1;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: #fffefe;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  border-radius: 4px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  pointer-events: none; }

.chartjs-tooltip__content .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.chartjs-tooltip-key {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%; }

.statistics-chart {
  margin: 0 auto;
  padding-bottom: 10px;
  padding-top: 20px; }

.statistics-chart.type-doughnut .statistics-chart-inner {
  max-width: 160px;
  margin: 0 auto 30px; }

.statistics-chart-legend2 {
  text-align: right;
  padding-bottom: 15px; }

.statistics-chart-legend2 .item {
  margin-right: 20px;
  color: #b3b3b3;
  font-size: 12px;
  font-weight: 500;
  display: inline-block; }

.statistics-chart-legend2 .item:last-of-type {
  margin-right: 0; }

.statistics-chart-legend2 .item .icon {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  border-width: 2px;
  border-style: solid;
  margin-right: 10px;
  border-radius: 50%; }

.statistics-chart-legend2 .item .name {
  display: inline-block;
  vertical-align: middle; }

.statistics-chart-legend {
  max-width: 250px;
  margin: 0 auto;
  color: #b3b3b3;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700; }

.statistics-chart-legend .item {
  margin-bottom: 15px; }

.statistics-chart-legend .item:last-of-type {
  margin-bottom: 0; }

.statistics-chart-legend .value {
  float: right; }

.statistics-chart-legend .icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 20px; }

.shop-renewal-expires {
  float: right;
  font-weight: bold;
  margin-top: 15px; }

.card-show-renewal {
  height: 355px; }
  .card-show-renewal .card-header {
    padding: 44px 34px 0 34px;
    text-align: center;
    color: #272727; }
    .card-show-renewal .card-header .duration {
      font-weight: 500;
      text-transform: uppercase;
      font-size: 1rem; }
  .card-show-renewal .card-block {
    padding: 10px 34px 34px;
    text-align: center;
    position: relative; }
    .card-show-renewal .card-block h4 {
      font-size: 2.6rem;
      color: #272727;
      font-weight: 400;
      margin-top: 25px;
      margin-bottom: 20px; }
    .card-show-renewal .card-block .currency {
      color: #272727;
      text-transform: uppercase;
      font-weight: 500; }
    .card-show-renewal .card-block .discount {
      color: #999999;
      font-weight: 500; }
    .card-show-renewal .card-block .btn:hover {
      background-color: #40cc56;
      border-color: #40cc56;
      color: #fff; }
    .card-show-renewal .card-block .card-action {
      position: absolute;
      bottom: 35px;
      width: 100%;
      left: 0; }

.new-card {
  height: 430px;
}

.new-card .card-header .duration {
  color: #f31100;
  font-weight: 700;
}

.duration span {
  font-weight: 400;
  display: block;
  text-transform: lowercase;
}

.new-card .card-block .currency {
  margin-bottom: 10px;
}

.new-card .card-block .discount {
  color: #565656;
}
.new-card .card-block .discount ul {
  padding-left: 28px;
  padding: 5px 0 0 28px;
  text-align: left;
}

.card.shop-card-border {
  border: 1px solid #efefef; }

.card-show-level .card-header {
  padding: 25px;
  border-bottom: 1px solid #f2f2f2; }

.card-show-level .card-header .duration {
  font-size: 0.9375rem; }

.card-show-level .card-block {
  padding: 0; }

.card-show-level .card-block h4 {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 65px;
  height: 186px; }

.card-show-level .card-block .currency {
  color: #000;
  font-weight: 400;
  font-size: 1.375rem;
  letter-spacing: -0.2px;
  display: inline-block;
  margin-bottom: 0; }

.card-show-level .table {
  margin: 0; }

.card-show-level .table td {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  text-align: left;
  padding: 12px 0 13px 20px; }

.table td.level-number {
  text-align: right;
  font-weight: 500;
  padding: 12px 20px 13px 0; }

.level-text {
  display: block;
  font-size: 0.75rem;
  color: #9b9b9b;
  line-height: 1.17; }

.level-bottom {
  padding: 15px 22px 0;
  text-align: left; }

.level-bottom .btn {
  width: 100%;
  margin: 30px 0;
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
  line-height: 1.56;
  border-radius: 100px;
  letter-spacing: normal;
  border: solid 2px #000000; }

.old-price {
  font-style: italic;
  text-decoration: line-through;
  font-size: 1.0625rem;
  color: #000000; }

.card.shop-card-border.level-advanced {
  background: #4a45cb;
  color: #fff;
  margin-top: -10px; }

.level-advanced .card-header, .level-advanced .card-block h4, .level-advanced .card-block .currency, .level-advanced .table td, .level-advanced .level-text, .level-advanced .level-bottom .btn, .level-advanced .old-price {
  color: #fff; }

.level-advanced .level-bottom .btn {
  border: solid 2px #fff;
  margin: 40px 0; }

.custom-switch{line-height:12px}.custom-switch .custom-switch-input{position:absolute;z-index:-1;opacity:0}.custom-switch .custom-switch-input,.custom-switch .custom-switch-input *,.custom-switch .custom-switch-input :after,.custom-switch .custom-switch-input :before,.custom-switch .custom-switch-input+.custom-switch-btn,.custom-switch .custom-switch-input:after,.custom-switch .custom-switch-input:before{box-sizing:border-box}.custom-switch .custom-switch-input :after:selection,.custom-switch .custom-switch-input :before:selection,.custom-switch .custom-switch-input :selection,.custom-switch .custom-switch-input+.custom-switch-btn:selection,.custom-switch .custom-switch-input:after:selection,.custom-switch .custom-switch-input:before:selection,.custom-switch .custom-switch-input:selection{background:0 0}.custom-switch .custom-switch-input+.custom-switch-btn{outline:0;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;width:68px;height:38px;margin:0;padding:4px;background:#adb5bd;border-radius:76px;transition:all 150ms ease}.custom-switch .custom-switch-input+.custom-switch-btn:after,.custom-switch .custom-switch-input+.custom-switch-btn:before{position:relative;display:block;content:"";width:29px;height:29px}.custom-switch .custom-switch-input+.custom-switch-btn:after{left:2px;border-radius:50%;background:#fff;transition:all 150ms ease}.custom-switch .custom-switch-input+.custom-switch-btn:before{display:none}.custom-switch .custom-switch-input+.custom-switch-btn.text-hide{top:-.8rem}.custom-switch .custom-switch-input:checked+.custom-switch-btn{background:#28a745}.custom-switch .custom-switch-input:checked+.custom-switch-btn:after{left:30px}.custom-switch .custom-switch-input:checked+.custom-switch-btn~.custom-switch-content-checked{opacity:1;height:auto}.custom-switch .custom-switch-input:checked+.custom-switch-btn~.custom-switch-content-unchecked{display:none;opacity:0;height:0}.custom-switch .custom-switch-input:not(:checked)+.custom-switch-btn~.custom-switch-content-checked{display:none;opacity:0;height:0}.custom-switch .custom-switch-input:not(:checked)+.custom-switch-btn~.custom-switch-content-unchecked{opacity:1;height:auto}.custom-switch .custom-switch-input[disabled]+.custom-switch-btn{background:rgba(173,181,189,.6);cursor:default}.custom-switch .custom-switch-input[disabled]:checked+.custom-switch-btn{background:rgba(40,167,69,.4)}.custom-switch .custom-switch-input:not([disabled]):focus~.custom-switch-btn{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 .25rem rgba(56,123,189,.25)}.custom-switch .custom-switch-input[required]~.custom-switch-btn{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 .125rem rgba(220,53,69,.5)}.custom-switch .custom-switch-form-text{display:inline-block;height:38px;margin-left:.5rem;line-height:38px;vertical-align:top}.custom-switch.custom-switch-label-io .custom-switch-input+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='42.5' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E")}.custom-switch.custom-switch-label-io .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='18.13333' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E")}.custom-switch.custom-switch-label-onoff .custom-switch-input+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E")}.custom-switch.custom-switch-label-onoff .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E")}.custom-switch.custom-switch-label-yesno .custom-switch-input+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E")}.custom-switch.custom-switch-label-yesno .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E")}.custom-switch.custom-switch-label-status .custom-switch-input+.custom-switch-btn{width:96px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E")}.custom-switch.custom-switch-label-status .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E")}.custom-switch.custom-switch-label-status .custom-switch-input:checked+.custom-switch-btn:after{left:58px}.custom-switch-sm{line-height:11px}.custom-switch-sm .custom-switch-input+.custom-switch-btn{width:60px;height:31px;padding:3px;border-radius:62px}.custom-switch-sm .custom-switch-input+.custom-switch-btn:after,.custom-switch-sm .custom-switch-input+.custom-switch-btn:before{width:23px;height:23px}.custom-switch-sm .custom-switch-input+.custom-switch-btn:after{left:2px}.custom-switch-sm .custom-switch-input:checked+.custom-switch-btn:after{left:29px}.custom-switch-sm .custom-switch-form-text{height:31px;margin-left:.5rem;line-height:31px}.custom-switch-sm.custom-switch-label-io .custom-switch-input+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='37.5' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E")}.custom-switch-sm.custom-switch-label-io .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='16' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E")}.custom-switch-sm.custom-switch-label-onoff .custom-switch-input+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E")}.custom-switch-sm.custom-switch-label-onoff .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E")}.custom-switch-sm.custom-switch-label-yesno .custom-switch-input+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E")}.custom-switch-sm.custom-switch-label-yesno .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E")}.custom-switch-sm.custom-switch-label-status .custom-switch-input+.custom-switch-btn{width:88px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E")}.custom-switch-sm.custom-switch-label-status .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E")}.custom-switch-sm.custom-switch-label-status .custom-switch-input:checked+.custom-switch-btn:after{left:57px}.custom-switch-xs{line-height:10px}.custom-switch-xs .custom-switch-input+.custom-switch-btn{width:48px;height:24px;padding:3px;border-radius:48px}.custom-switch-xs .custom-switch-input+.custom-switch-btn:after,.custom-switch-xs .custom-switch-input+.custom-switch-btn:before{width:18px;height:18px}.custom-switch-xs .custom-switch-input+.custom-switch-btn:after{left:1px}.custom-switch-xs .custom-switch-input:checked+.custom-switch-btn:after{left:24px}.custom-switch-xs .custom-switch-form-text{height:24px;margin-left:.5rem;line-height:24px}.custom-switch-xs.custom-switch-label-io .custom-switch-input+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='27.42857' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E")}.custom-switch-xs.custom-switch-label-io .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='12.8' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E")}.custom-switch-xs.custom-switch-label-onoff .custom-switch-input+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E")}.custom-switch-xs.custom-switch-label-onoff .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E")}.custom-switch-xs.custom-switch-label-yesno .custom-switch-input+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E")}.custom-switch-xs.custom-switch-label-yesno .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E")}.custom-switch-xs.custom-switch-label-status .custom-switch-input+.custom-switch-btn{width:76px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E")}.custom-switch-xs.custom-switch-label-status .custom-switch-input:checked+.custom-switch-btn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E")}.custom-switch-xs.custom-switch-label-status .custom-switch-input:checked+.custom-switch-btn:after{left:52px}.is-invalid .custom-switch .custom-switch-input~.custom-switch-btn,.was-validated .custom-switch:invalid .custom-switch-input~.custom-switch-btn{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 .25rem #dc3545}

/*стили для автопродления*/

.card-show-level .autorenewal-header {
  color:#fff;
  padding:10px 25px;
  background: #1875F0;
}
.card-show-level .card-block .days {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding-top:47px;
  text-transform:uppercase;
}
.card-show-level .card-block .currency {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.card-show-level .card-block h4 {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  height: auto;
  padding:24px 0 7px 0;
}
.card-show-level .card-header .duration {
  font-family: Roboto;
  font-style: normal;
  font-size: 8px;
  line-height: 9px;
  text-align: center;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.card-show-level .card-header .duration img {
  padding-right:8px;
}
.level-bottom .btn {
  margin-top:80px;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.8px;
  color: #B2B2B2;
  border: solid 2px #B2B2B2;
}
.shop-categories .row {
  justify-content:center;
}
.card.shop-card-border {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.toggle-auto {
  margin-left:auto;
}
.custom-switch {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.custom-switch .custom-switch-input+.custom-switch-btn {
  background: transparent !important;
  border: 2px solid #F1F1F1;
  width: 35px;
  height: 22px;
}
.custom-switch .custom-switch-input+.custom-switch-btn:after, .custom-switch .custom-switch-input+.custom-switch-btn:before {
  width:16px;
  height:16px;
}
.custom-switch .custom-switch-input+.custom-switch-btn:after {
  top: -3px;
  left: -2px;
}
.custom-switch .custom-switch-input:checked+.custom-switch-btn:after {
  left: 9px;
}
.text-success, .text-danger {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}
.mob-show {
  display:none !important;
}
.information_title {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #B2B2B2;
}
.middle-row {
  margin:0 -50px;
  display:flex;
  flex-direction: column;
  padding:40px 0;
  border-top: 2px solid #FAFAFA;
  border-bottom: 2px solid #FAFAFA;
}
.middle-row .row {
  justify-content: space-between;
  padding: 0 65px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #666666;
  padding-bottom: 25px;
}
.middle-row .row:last-child {
  padding-bottom: 0;
}
.middle-row .row .right {
  margin-left:auto;
  text-transform:uppercase;
}
.footer-row.row {
  justify-content:flex-end;
  padding-top:40px;
}
.btn-secondary {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #B2B2B2;
  border: 2px solid #F2F2F2;
  box-sizing: border-box;
  border-radius: 4px;
  padding:15px 30px;
}

@media screen and (max-width: 767px) {
  .mob-hide {
    display:none;
  }
  .mob-show {
    display:block !important;
  }
  #demo-header {
    padding: 25px 4px;
    color: #fff;
    justify-content: space-around;
    flex-direction: row-reverse;
  }
  #demo-header .logo {
    width: 170px;
    margin-right: 0px;
  }
  .arrow-link-sm {
    width: 30px;
    height: 30px;
    font-size: 19px;
    padding-top: 0px;
  }
  #demo-header #demo-header-nav .demo-header-back-link span {
    padding-top: 7px;
    padding-left: 0;
  }
  #mobile-header {
    background: #FAFAFA;
    position: relative;
    z-index: 3;
    margin: -2px -15px;
    padding: 10px;
    display: flex !important;
    justify-content: center;
  }
  .text-success, .text-danger {
    color: #1875F0 !important;
  }
  .custom-switch .custom-switch-input+.custom-switch-btn {
    border: 2px solid #1875F0;
  }
  .custom-switch .custom-switch-input+.custom-switch-btn:after {
    background: #1875F0;
  }
  .toggle-auto {
    margin-left: unset;
  }
  .shop-categories {
    padding: 50px 10px;
  }
  .middle-row .row {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
  }
  .btn-main {
    margin-left:15px;
  }
  .shop-categories__title {
    margin:35px 0;
  }
}

/*# sourceMappingURL=style.css.map */