@charset "UTF-8";
@import url("https://use.typekit.net/cfq5frj.css");
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Montserrat-Light.ttf);
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Montserrat-Medium.ttf);
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Montserrat-SemiBold.ttf);
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Montserrat-Bold.ttf);
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/Montserrat-ExtraBold.ttf);
}

/*!
 *  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';
  font-weight: normal;
  font-style: normal;
  src: url(../fonts/icons/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"), url(../fonts/icons/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"), url(../fonts/icons/Material-Design-Iconic-Font.ttf?v=2.2.0) format("truetype");
}

.zmdi:before {
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zmdi {
  text-align: center;
}

/* 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';
}

@font-face {
  font-family: 'layers-icons';
  src: url(../fonts/layers-icons/layers-icons.ttf?di5bcd) format("truetype"), url(../fonts/layers-icons/layers-icons.woff?di5bcd) format("woff"), url(../fonts/layers-icons/layers-icons.svg?di5bcd#layers-icons) format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="l-i-"], [class*="l-i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'layers-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.l-i-mastercard:before {
  content: "\e904";
}

.l-i-paypal:before {
  content: "\e947";
}

.l-i-stripe:before {
  content: "\e948";
}

.l-i-unionpay:before {
  content: "\e949";
}

.l-i-visa:before {
  content: "\e94a";
}

.l-i-alipay:before {
  content: "\e94b";
}

.l-i-american-express:before {
  content: "\e94c";
}

.l-i-amex:before {
  content: "\e94d";
}

.l-i-bitcoin:before {
  content: "\e94e";
}

.l-i-discover:before {
  content: "\e959";
}

.l-i-jcb:before {
  content: "\e95a";
}

.l-i-centos:before {
  content: "\e900";
}

.l-i-cd:before {
  content: "\e901";
}

.l-i-paypal2:before {
  content: "\e902";
}

.l-i-offline-payment:before {
  content: "\e903";
}

.l-i-ubuntu:before {
  content: "\e907";
}

.l-i-fedora:before {
  content: "\e908";
}

.l-i-debian:before {
  content: "\e909";
}

.l-i-windows:before {
  content: "\e90a";
}

/*.icon-plus{
    display: inline-block;
    position: absolute;
    width:  100%;
    height: 100%;
    background: transparent;
    &:before, &:after{
        display: block;
        width:  100%;
        height: 100%;
        content: '';
        width: 2px;
        background: map-get($primary-color, default);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    &:after{
        transform: rotate(90deg);
    }
}
.btn--link{
    .icon-plus{
        &:before, &:after{
            background: map-get($primary-color, default);
        }
    }
}*/
.is-hidden-xs-up {
  display: none !important;
}

@media (max-width: 613px) {
  .is-hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 614px) {
  .is-hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 759px) {
  .is-hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 760px) {
  .is-hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 1011px) {
  .is-hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 1012px) {
  .is-hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1239px) {
  .is-hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1240px) {
  .is-hidden-xl-up {
    display: none !important;
  }
}

.is-hidden-xl-down {
  display: none !important;
}

@media (min-width: 1012px) {
  .is-hidden-responsive-up {
    display: none !important;
  }
}

@media (max-width: 1011px) {
  .is-hidden-responsive-down {
    display: none !important;
  }
}

@media (min-width: 760px) {
  .is-hidden-mob-up {
    display: none !important;
  }
}

@media (max-width: 759px) {
  .is-hidden-mob-down {
    display: none !important;
  }
}

.m-h-a {
  margin-left: auto !important;
  margin-right: auto !important;
}

.m-v-0x {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-h-0x {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.m-t-0x {
  margin-top: 0 !important;
}

.m-r-0x {
  margin-right: 0 !important;
}

.m-b-0x {
  margin-bottom: 0 !important;
}

.m-l-0x {
  margin-left: 0 !important;
}

.m-0x {
  margin: 0 !important;
}

.p-v-0x {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-h-0x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-t-0x {
  padding-top: 0 !important;
}

.p-r-0x {
  padding-right: 0 !important;
}

.p-b-0x {
  padding-bottom: 0 !important;
}

.p-l-0x {
  padding-left: 0 !important;
}

.p-0x {
  padding: 0 !important;
}

.m-v-1x {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m-h-1x {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.m-t-1x {
  margin-top: 8px !important;
}

.m-r-1x {
  margin-right: 8px !important;
}

.m-b-1x {
  margin-bottom: 8px !important;
}

.m-l-1x {
  margin-left: 8px !important;
}

.m-1x {
  margin: 8px !important;
}

.p-v-1x {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.p-h-1x {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.p-t-1x {
  padding-top: 8px !important;
}

.p-r-1x {
  padding-right: 8px !important;
}

.p-b-1x {
  padding-bottom: 8px !important;
}

.p-l-1x {
  padding-left: 8px !important;
}

.p-1x {
  padding: 8px !important;
}

.m-v-2x {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.m-h-2x {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.m-t-2x {
  margin-top: 16px !important;
}

.m-r-2x {
  margin-right: 16px !important;
}

.m-b-2x {
  margin-bottom: 16px !important;
}

.m-l-2x {
  margin-left: 16px !important;
}

.m-2x {
  margin: 16px !important;
}

.p-v-2x {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.p-h-2x {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.p-t-2x {
  padding-top: 16px !important;
}

.p-r-2x {
  padding-right: 16px !important;
}

.p-b-2x {
  padding-bottom: 16px !important;
}

.p-l-2x {
  padding-left: 16px !important;
}

.p-2x {
  padding: 16px !important;
}

.m-v-3x {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.m-h-3x {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.m-t-3x {
  margin-top: 24px !important;
}

.m-r-3x {
  margin-right: 24px !important;
}

.m-b-3x {
  margin-bottom: 24px !important;
}

.m-l-3x {
  margin-left: 24px !important;
}

.m-3x {
  margin: 24px !important;
}

.p-v-3x {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.p-h-3x {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.p-t-3x {
  padding-top: 24px !important;
}

.p-r-3x {
  padding-right: 24px !important;
}

.p-b-3x {
  padding-bottom: 24px !important;
}

.p-l-3x {
  padding-left: 24px !important;
}

.p-3x {
  padding: 24px !important;
}

.m-v-4x {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.m-h-4x {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.m-t-4x {
  margin-top: 32px !important;
}

.m-r-4x {
  margin-right: 32px !important;
}

.m-b-4x {
  margin-bottom: 32px !important;
}

.m-l-4x {
  margin-left: 32px !important;
}

.m-4x {
  margin: 32px !important;
}

.p-v-4x {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.p-h-4x {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.p-t-4x {
  padding-top: 32px !important;
}

.p-r-4x {
  padding-right: 32px !important;
}

.p-b-4x {
  padding-bottom: 32px !important;
}

.p-l-4x {
  padding-left: 32px !important;
}

.p-4x {
  padding: 32px !important;
}

.m-v-5x {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.m-h-5x {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.m-t-5x {
  margin-top: 40px !important;
}

.m-r-5x {
  margin-right: 40px !important;
}

.m-b-5x {
  margin-bottom: 40px !important;
}

.m-l-5x {
  margin-left: 40px !important;
}

.m-5x {
  margin: 40px !important;
}

.p-v-5x {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.p-h-5x {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.p-t-5x {
  padding-top: 40px !important;
}

.p-r-5x {
  padding-right: 40px !important;
}

.p-b-5x {
  padding-bottom: 40px !important;
}

.p-l-5x {
  padding-left: 40px !important;
}

.p-5x {
  padding: 40px !important;
}

.m-v-6x {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.m-h-6x {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.m-t-6x {
  margin-top: 48px !important;
}

.m-r-6x {
  margin-right: 48px !important;
}

.m-b-6x {
  margin-bottom: 48px !important;
}

.m-l-6x {
  margin-left: 48px !important;
}

.m-6x {
  margin: 48px !important;
}

.p-v-6x {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.p-h-6x {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.p-t-6x {
  padding-top: 48px !important;
}

.p-r-6x {
  padding-right: 48px !important;
}

.p-b-6x {
  padding-bottom: 48px !important;
}

.p-l-6x {
  padding-left: 48px !important;
}

.p-6x {
  padding: 48px !important;
}

.m-v-7x {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.m-h-7x {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.m-t-7x {
  margin-top: 56px !important;
}

.m-r-7x {
  margin-right: 56px !important;
}

.m-b-7x {
  margin-bottom: 56px !important;
}

.m-l-7x {
  margin-left: 56px !important;
}

.m-7x {
  margin: 56px !important;
}

.p-v-7x {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.p-h-7x {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.p-t-7x {
  padding-top: 56px !important;
}

.p-r-7x {
  padding-right: 56px !important;
}

.p-b-7x {
  padding-bottom: 56px !important;
}

.p-l-7x {
  padding-left: 56px !important;
}

.p-7x {
  padding: 56px !important;
}

.m-v-8x {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.m-h-8x {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.m-t-8x {
  margin-top: 64px !important;
}

.m-r-8x {
  margin-right: 64px !important;
}

.m-b-8x {
  margin-bottom: 64px !important;
}

.m-l-8x {
  margin-left: 64px !important;
}

.m-8x {
  margin: 64px !important;
}

.p-v-8x {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.p-h-8x {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.p-t-8x {
  padding-top: 64px !important;
}

.p-r-8x {
  padding-right: 64px !important;
}

.p-b-8x {
  padding-bottom: 64px !important;
}

.p-l-8x {
  padding-left: 64px !important;
}

.p-8x {
  padding: 64px !important;
}

.m-v-9x {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.m-h-9x {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.m-t-9x {
  margin-top: 72px !important;
}

.m-r-9x {
  margin-right: 72px !important;
}

.m-b-9x {
  margin-bottom: 72px !important;
}

.m-l-9x {
  margin-left: 72px !important;
}

.m-9x {
  margin: 72px !important;
}

.p-v-9x {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.p-h-9x {
  padding-left: 72px !important;
  padding-right: 72px !important;
}

.p-t-9x {
  padding-top: 72px !important;
}

.p-r-9x {
  padding-right: 72px !important;
}

.p-b-9x {
  padding-bottom: 72px !important;
}

.p-l-9x {
  padding-left: 72px !important;
}

.p-9x {
  padding: 72px !important;
}

.m-v-10x {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.m-h-10x {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.m-t-10x {
  margin-top: 80px !important;
}

.m-r-10x {
  margin-right: 80px !important;
}

.m-b-10x {
  margin-bottom: 80px !important;
}

.m-l-10x {
  margin-left: 80px !important;
}

.m-10x {
  margin: 80px !important;
}

.p-v-10x {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.p-h-10x {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.p-t-10x {
  padding-top: 80px !important;
}

.p-r-10x {
  padding-right: 80px !important;
}

.p-b-10x {
  padding-bottom: 80px !important;
}

.p-l-10x {
  padding-left: 80px !important;
}

.p-10x {
  padding: 80px !important;
}

.m-v-11x {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.m-h-11x {
  margin-left: 88px !important;
  margin-right: 88px !important;
}

.m-t-11x {
  margin-top: 88px !important;
}

.m-r-11x {
  margin-right: 88px !important;
}

.m-b-11x {
  margin-bottom: 88px !important;
}

.m-l-11x {
  margin-left: 88px !important;
}

.m-11x {
  margin: 88px !important;
}

.p-v-11x {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.p-h-11x {
  padding-left: 88px !important;
  padding-right: 88px !important;
}

.p-t-11x {
  padding-top: 88px !important;
}

.p-r-11x {
  padding-right: 88px !important;
}

.p-b-11x {
  padding-bottom: 88px !important;
}

.p-l-11x {
  padding-left: 88px !important;
}

.p-11x {
  padding: 88px !important;
}

.m-v-12x {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.m-h-12x {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.m-t-12x {
  margin-top: 96px !important;
}

.m-r-12x {
  margin-right: 96px !important;
}

.m-b-12x {
  margin-bottom: 96px !important;
}

.m-l-12x {
  margin-left: 96px !important;
}

.m-12x {
  margin: 96px !important;
}

.p-v-12x {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.p-h-12x {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.p-t-12x {
  padding-top: 96px !important;
}

.p-r-12x {
  padding-right: 96px !important;
}

.p-b-12x {
  padding-bottom: 96px !important;
}

.p-l-12x {
  padding-left: 96px !important;
}

.p-12x {
  padding: 96px !important;
}

.m-v-13x {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}

.m-h-13x {
  margin-left: 104px !important;
  margin-right: 104px !important;
}

.m-t-13x {
  margin-top: 104px !important;
}

.m-r-13x {
  margin-right: 104px !important;
}

.m-b-13x {
  margin-bottom: 104px !important;
}

.m-l-13x {
  margin-left: 104px !important;
}

.m-13x {
  margin: 104px !important;
}

.p-v-13x {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

.p-h-13x {
  padding-left: 104px !important;
  padding-right: 104px !important;
}

.p-t-13x {
  padding-top: 104px !important;
}

.p-r-13x {
  padding-right: 104px !important;
}

.p-b-13x {
  padding-bottom: 104px !important;
}

.p-l-13x {
  padding-left: 104px !important;
}

.p-13x {
  padding: 104px !important;
}

.m-v-14x {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}

.m-h-14x {
  margin-left: 112px !important;
  margin-right: 112px !important;
}

.m-t-14x {
  margin-top: 112px !important;
}

.m-r-14x {
  margin-right: 112px !important;
}

.m-b-14x {
  margin-bottom: 112px !important;
}

.m-l-14x {
  margin-left: 112px !important;
}

.m-14x {
  margin: 112px !important;
}

.p-v-14x {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

.p-h-14x {
  padding-left: 112px !important;
  padding-right: 112px !important;
}

.p-t-14x {
  padding-top: 112px !important;
}

.p-r-14x {
  padding-right: 112px !important;
}

.p-b-14x {
  padding-bottom: 112px !important;
}

.p-l-14x {
  padding-left: 112px !important;
}

.p-14x {
  padding: 112px !important;
}

.m-v-15x {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.m-h-15x {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.m-t-15x {
  margin-top: 120px !important;
}

.m-r-15x {
  margin-right: 120px !important;
}

.m-b-15x {
  margin-bottom: 120px !important;
}

.m-l-15x {
  margin-left: 120px !important;
}

.m-15x {
  margin: 120px !important;
}

.p-v-15x {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.p-h-15x {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.p-t-15x {
  padding-top: 120px !important;
}

.p-r-15x {
  padding-right: 120px !important;
}

.p-b-15x {
  padding-bottom: 120px !important;
}

.p-l-15x {
  padding-left: 120px !important;
}

.p-15x {
  padding: 120px !important;
}

.m-v-16x {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.m-h-16x {
  margin-left: 128px !important;
  margin-right: 128px !important;
}

.m-t-16x {
  margin-top: 128px !important;
}

.m-r-16x {
  margin-right: 128px !important;
}

.m-b-16x {
  margin-bottom: 128px !important;
}

.m-l-16x {
  margin-left: 128px !important;
}

.m-16x {
  margin: 128px !important;
}

.p-v-16x {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.p-h-16x {
  padding-left: 128px !important;
  padding-right: 128px !important;
}

.p-t-16x {
  padding-top: 128px !important;
}

.p-r-16x {
  padding-right: 128px !important;
}

.p-b-16x {
  padding-bottom: 128px !important;
}

.p-l-16x {
  padding-left: 128px !important;
}

.p-16x {
  padding: 128px !important;
}

.neg-m-b-0x {
  margin-bottom: 0 !important;
}

.neg-m-h-0x {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.neg-m-b-1x {
  margin-bottom: -8px !important;
}

.neg-m-h-1x {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.neg-m-b-2x {
  margin-bottom: -16px !important;
}

.neg-m-h-2x {
  margin-left: -16px !important;
  margin-right: -16px !important;
}

.neg-m-b-3x {
  margin-bottom: -24px !important;
}

.neg-m-h-3x {
  margin-left: -24px !important;
  margin-right: -24px !important;
}

.neg-m-b-4x {
  margin-bottom: -32px !important;
}

.neg-m-h-4x {
  margin-left: -32px !important;
  margin-right: -32px !important;
}

.neg-m-b-5x {
  margin-bottom: -40px !important;
}

.neg-m-h-5x {
  margin-left: -40px !important;
  margin-right: -40px !important;
}

.neg-m-b-6x {
  margin-bottom: -48px !important;
}

.neg-m-h-6x {
  margin-left: -48px !important;
  margin-right: -48px !important;
}

.neg-m-b-7x {
  margin-bottom: -56px !important;
}

.neg-m-h-7x {
  margin-left: -56px !important;
  margin-right: -56px !important;
}

.neg-m-b-8x {
  margin-bottom: -64px !important;
}

.neg-m-h-8x {
  margin-left: -64px !important;
  margin-right: -64px !important;
}

.neg-m-b-9x {
  margin-bottom: -72px !important;
}

.neg-m-h-9x {
  margin-left: -72px !important;
  margin-right: -72px !important;
}

.neg-m-b-10x {
  margin-bottom: -80px !important;
}

.neg-m-h-10x {
  margin-left: -80px !important;
  margin-right: -80px !important;
}

.neg-m-b-11x {
  margin-bottom: -88px !important;
}

.neg-m-h-11x {
  margin-left: -88px !important;
  margin-right: -88px !important;
}

.neg-m-b-12x {
  margin-bottom: -96px !important;
}

.neg-m-h-12x {
  margin-left: -96px !important;
  margin-right: -96px !important;
}

.neg-m-b-13x {
  margin-bottom: -104px !important;
}

.neg-m-h-13x {
  margin-left: -104px !important;
  margin-right: -104px !important;
}

.neg-m-b-14x {
  margin-bottom: -112px !important;
}

.neg-m-h-14x {
  margin-left: -112px !important;
  margin-right: -112px !important;
}

.neg-m-b-15x {
  margin-bottom: -120px !important;
}

.neg-m-h-15x {
  margin-left: -120px !important;
  margin-right: -120px !important;
}

.neg-m-b-16x {
  margin-bottom: -128px !important;
}

.neg-m-h-16x {
  margin-left: -128px !important;
  margin-right: -128px !important;
}

@media (max-width: 759px) {
  .mob-m-v-0x {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mob-m-h-0x {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mob-m-t-0x {
    margin-top: 0 !important;
  }
  .mob-m-r-0x {
    margin-right: 0 !important;
  }
  .mob-m-b-0x {
    margin-bottom: 0 !important;
  }
  .mob-m-l-0x {
    margin-left: 0 !important;
  }
  .mob-m-0x {
    margin: 0 !important;
  }
  .mob-p-v-0x {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .mob-p-h-0x {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .mob-p-t-0x {
    padding-top: 0 !important;
  }
  .mob-p-r-0x {
    padding-right: 0 !important;
  }
  .mob-p-b-0x {
    padding-bottom: 0 !important;
  }
  .mob-p-l-0x {
    padding-left: 0 !important;
  }
  .mob-p-0x {
    padding: 0 !important;
  }
  .mob-m-v-1x {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mob-m-h-1x {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mob-m-t-1x {
    margin-top: 8px !important;
  }
  .mob-m-r-1x {
    margin-right: 8px !important;
  }
  .mob-m-b-1x {
    margin-bottom: 8px !important;
  }
  .mob-m-l-1x {
    margin-left: 8px !important;
  }
  .mob-m-1x {
    margin: 8px !important;
  }
  .mob-p-v-1x {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .mob-p-h-1x {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .mob-p-t-1x {
    padding-top: 8px !important;
  }
  .mob-p-r-1x {
    padding-right: 8px !important;
  }
  .mob-p-b-1x {
    padding-bottom: 8px !important;
  }
  .mob-p-l-1x {
    padding-left: 8px !important;
  }
  .mob-p-1x {
    padding: 8px !important;
  }
  .mob-m-v-2x {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mob-m-h-2x {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .mob-m-t-2x {
    margin-top: 16px !important;
  }
  .mob-m-r-2x {
    margin-right: 16px !important;
  }
  .mob-m-b-2x {
    margin-bottom: 16px !important;
  }
  .mob-m-l-2x {
    margin-left: 16px !important;
  }
  .mob-m-2x {
    margin: 16px !important;
  }
  .mob-p-v-2x {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .mob-p-h-2x {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .mob-p-t-2x {
    padding-top: 16px !important;
  }
  .mob-p-r-2x {
    padding-right: 16px !important;
  }
  .mob-p-b-2x {
    padding-bottom: 16px !important;
  }
  .mob-p-l-2x {
    padding-left: 16px !important;
  }
  .mob-p-2x {
    padding: 16px !important;
  }
  .mob-m-v-3x {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mob-m-h-3x {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mob-m-t-3x {
    margin-top: 24px !important;
  }
  .mob-m-r-3x {
    margin-right: 24px !important;
  }
  .mob-m-b-3x {
    margin-bottom: 24px !important;
  }
  .mob-m-l-3x {
    margin-left: 24px !important;
  }
  .mob-m-3x {
    margin: 24px !important;
  }
  .mob-p-v-3x {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .mob-p-h-3x {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .mob-p-t-3x {
    padding-top: 24px !important;
  }
  .mob-p-r-3x {
    padding-right: 24px !important;
  }
  .mob-p-b-3x {
    padding-bottom: 24px !important;
  }
  .mob-p-l-3x {
    padding-left: 24px !important;
  }
  .mob-p-3x {
    padding: 24px !important;
  }
  .mob-m-v-4x {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mob-m-h-4x {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .mob-m-t-4x {
    margin-top: 32px !important;
  }
  .mob-m-r-4x {
    margin-right: 32px !important;
  }
  .mob-m-b-4x {
    margin-bottom: 32px !important;
  }
  .mob-m-l-4x {
    margin-left: 32px !important;
  }
  .mob-m-4x {
    margin: 32px !important;
  }
  .mob-p-v-4x {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .mob-p-h-4x {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .mob-p-t-4x {
    padding-top: 32px !important;
  }
  .mob-p-r-4x {
    padding-right: 32px !important;
  }
  .mob-p-b-4x {
    padding-bottom: 32px !important;
  }
  .mob-p-l-4x {
    padding-left: 32px !important;
  }
  .mob-p-4x {
    padding: 32px !important;
  }
  .mob-m-v-5x {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mob-m-h-5x {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mob-m-t-5x {
    margin-top: 40px !important;
  }
  .mob-m-r-5x {
    margin-right: 40px !important;
  }
  .mob-m-b-5x {
    margin-bottom: 40px !important;
  }
  .mob-m-l-5x {
    margin-left: 40px !important;
  }
  .mob-m-5x {
    margin: 40px !important;
  }
  .mob-p-v-5x {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .mob-p-h-5x {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .mob-p-t-5x {
    padding-top: 40px !important;
  }
  .mob-p-r-5x {
    padding-right: 40px !important;
  }
  .mob-p-b-5x {
    padding-bottom: 40px !important;
  }
  .mob-p-l-5x {
    padding-left: 40px !important;
  }
  .mob-p-5x {
    padding: 40px !important;
  }
  .mob-m-v-6x {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mob-m-h-6x {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .mob-m-t-6x {
    margin-top: 48px !important;
  }
  .mob-m-r-6x {
    margin-right: 48px !important;
  }
  .mob-m-b-6x {
    margin-bottom: 48px !important;
  }
  .mob-m-l-6x {
    margin-left: 48px !important;
  }
  .mob-m-6x {
    margin: 48px !important;
  }
  .mob-p-v-6x {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .mob-p-h-6x {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .mob-p-t-6x {
    padding-top: 48px !important;
  }
  .mob-p-r-6x {
    padding-right: 48px !important;
  }
  .mob-p-b-6x {
    padding-bottom: 48px !important;
  }
  .mob-p-l-6x {
    padding-left: 48px !important;
  }
  .mob-p-6x {
    padding: 48px !important;
  }
  .mob-m-v-7x {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mob-m-h-7x {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .mob-m-t-7x {
    margin-top: 56px !important;
  }
  .mob-m-r-7x {
    margin-right: 56px !important;
  }
  .mob-m-b-7x {
    margin-bottom: 56px !important;
  }
  .mob-m-l-7x {
    margin-left: 56px !important;
  }
  .mob-m-7x {
    margin: 56px !important;
  }
  .mob-p-v-7x {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .mob-p-h-7x {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .mob-p-t-7x {
    padding-top: 56px !important;
  }
  .mob-p-r-7x {
    padding-right: 56px !important;
  }
  .mob-p-b-7x {
    padding-bottom: 56px !important;
  }
  .mob-p-l-7x {
    padding-left: 56px !important;
  }
  .mob-p-7x {
    padding: 56px !important;
  }
  .mob-m-v-8x {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mob-m-h-8x {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .mob-m-t-8x {
    margin-top: 64px !important;
  }
  .mob-m-r-8x {
    margin-right: 64px !important;
  }
  .mob-m-b-8x {
    margin-bottom: 64px !important;
  }
  .mob-m-l-8x {
    margin-left: 64px !important;
  }
  .mob-m-8x {
    margin: 64px !important;
  }
  .mob-p-v-8x {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .mob-p-h-8x {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .mob-p-t-8x {
    padding-top: 64px !important;
  }
  .mob-p-r-8x {
    padding-right: 64px !important;
  }
  .mob-p-b-8x {
    padding-bottom: 64px !important;
  }
  .mob-p-l-8x {
    padding-left: 64px !important;
  }
  .mob-p-8x {
    padding: 64px !important;
  }
  .mob-m-v-9x {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .mob-m-h-9x {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .mob-m-t-9x {
    margin-top: 72px !important;
  }
  .mob-m-r-9x {
    margin-right: 72px !important;
  }
  .mob-m-b-9x {
    margin-bottom: 72px !important;
  }
  .mob-m-l-9x {
    margin-left: 72px !important;
  }
  .mob-m-9x {
    margin: 72px !important;
  }
  .mob-p-v-9x {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .mob-p-h-9x {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .mob-p-t-9x {
    padding-top: 72px !important;
  }
  .mob-p-r-9x {
    padding-right: 72px !important;
  }
  .mob-p-b-9x {
    padding-bottom: 72px !important;
  }
  .mob-p-l-9x {
    padding-left: 72px !important;
  }
  .mob-p-9x {
    padding: 72px !important;
  }
  .mob-m-v-10x {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mob-m-h-10x {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .mob-m-t-10x {
    margin-top: 80px !important;
  }
  .mob-m-r-10x {
    margin-right: 80px !important;
  }
  .mob-m-b-10x {
    margin-bottom: 80px !important;
  }
  .mob-m-l-10x {
    margin-left: 80px !important;
  }
  .mob-m-10x {
    margin: 80px !important;
  }
  .mob-p-v-10x {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .mob-p-h-10x {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .mob-p-t-10x {
    padding-top: 80px !important;
  }
  .mob-p-r-10x {
    padding-right: 80px !important;
  }
  .mob-p-b-10x {
    padding-bottom: 80px !important;
  }
  .mob-p-l-10x {
    padding-left: 80px !important;
  }
  .mob-p-10x {
    padding: 80px !important;
  }
  .mob-m-v-11x {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .mob-m-h-11x {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .mob-m-t-11x {
    margin-top: 88px !important;
  }
  .mob-m-r-11x {
    margin-right: 88px !important;
  }
  .mob-m-b-11x {
    margin-bottom: 88px !important;
  }
  .mob-m-l-11x {
    margin-left: 88px !important;
  }
  .mob-m-11x {
    margin: 88px !important;
  }
  .mob-p-v-11x {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .mob-p-h-11x {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .mob-p-t-11x {
    padding-top: 88px !important;
  }
  .mob-p-r-11x {
    padding-right: 88px !important;
  }
  .mob-p-b-11x {
    padding-bottom: 88px !important;
  }
  .mob-p-l-11x {
    padding-left: 88px !important;
  }
  .mob-p-11x {
    padding: 88px !important;
  }
  .mob-m-v-12x {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .mob-m-h-12x {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .mob-m-t-12x {
    margin-top: 96px !important;
  }
  .mob-m-r-12x {
    margin-right: 96px !important;
  }
  .mob-m-b-12x {
    margin-bottom: 96px !important;
  }
  .mob-m-l-12x {
    margin-left: 96px !important;
  }
  .mob-m-12x {
    margin: 96px !important;
  }
  .mob-p-v-12x {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .mob-p-h-12x {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .mob-p-t-12x {
    padding-top: 96px !important;
  }
  .mob-p-r-12x {
    padding-right: 96px !important;
  }
  .mob-p-b-12x {
    padding-bottom: 96px !important;
  }
  .mob-p-l-12x {
    padding-left: 96px !important;
  }
  .mob-p-12x {
    padding: 96px !important;
  }
  .mob-m-v-13x {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .mob-m-h-13x {
    margin-left: 104px !important;
    margin-right: 104px !important;
  }
  .mob-m-t-13x {
    margin-top: 104px !important;
  }
  .mob-m-r-13x {
    margin-right: 104px !important;
  }
  .mob-m-b-13x {
    margin-bottom: 104px !important;
  }
  .mob-m-l-13x {
    margin-left: 104px !important;
  }
  .mob-m-13x {
    margin: 104px !important;
  }
  .mob-p-v-13x {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .mob-p-h-13x {
    padding-left: 104px !important;
    padding-right: 104px !important;
  }
  .mob-p-t-13x {
    padding-top: 104px !important;
  }
  .mob-p-r-13x {
    padding-right: 104px !important;
  }
  .mob-p-b-13x {
    padding-bottom: 104px !important;
  }
  .mob-p-l-13x {
    padding-left: 104px !important;
  }
  .mob-p-13x {
    padding: 104px !important;
  }
  .mob-m-v-14x {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .mob-m-h-14x {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
  .mob-m-t-14x {
    margin-top: 112px !important;
  }
  .mob-m-r-14x {
    margin-right: 112px !important;
  }
  .mob-m-b-14x {
    margin-bottom: 112px !important;
  }
  .mob-m-l-14x {
    margin-left: 112px !important;
  }
  .mob-m-14x {
    margin: 112px !important;
  }
  .mob-p-v-14x {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .mob-p-h-14x {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
  .mob-p-t-14x {
    padding-top: 112px !important;
  }
  .mob-p-r-14x {
    padding-right: 112px !important;
  }
  .mob-p-b-14x {
    padding-bottom: 112px !important;
  }
  .mob-p-l-14x {
    padding-left: 112px !important;
  }
  .mob-p-14x {
    padding: 112px !important;
  }
  .mob-m-v-15x {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mob-m-h-15x {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .mob-m-t-15x {
    margin-top: 120px !important;
  }
  .mob-m-r-15x {
    margin-right: 120px !important;
  }
  .mob-m-b-15x {
    margin-bottom: 120px !important;
  }
  .mob-m-l-15x {
    margin-left: 120px !important;
  }
  .mob-m-15x {
    margin: 120px !important;
  }
  .mob-p-v-15x {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .mob-p-h-15x {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .mob-p-t-15x {
    padding-top: 120px !important;
  }
  .mob-p-r-15x {
    padding-right: 120px !important;
  }
  .mob-p-b-15x {
    padding-bottom: 120px !important;
  }
  .mob-p-l-15x {
    padding-left: 120px !important;
  }
  .mob-p-15x {
    padding: 120px !important;
  }
  .mob-m-v-16x {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mob-m-h-16x {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .mob-m-t-16x {
    margin-top: 128px !important;
  }
  .mob-m-r-16x {
    margin-right: 128px !important;
  }
  .mob-m-b-16x {
    margin-bottom: 128px !important;
  }
  .mob-m-l-16x {
    margin-left: 128px !important;
  }
  .mob-m-16x {
    margin: 128px !important;
  }
  .mob-p-v-16x {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .mob-p-h-16x {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .mob-p-t-16x {
    padding-top: 128px !important;
  }
  .mob-p-r-16x {
    padding-right: 128px !important;
  }
  .mob-p-b-16x {
    padding-bottom: 128px !important;
  }
  .mob-p-l-16x {
    padding-left: 128px !important;
  }
  .mob-p-16x {
    padding: 128px !important;
  }
}

.max-w-lg {
  max-width: 896px !important;
}

.max-w-md {
  max-width: 768px !important;
}

.max-w-sm {
  max-width: 580px !important;
}

.max-w-xs {
  max-width: 430px !important;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 614px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 760px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 1012px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1240px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-line-through {
  text-decoration: line-through;
}

.text-white {
  color: #fff !important;
}

.text-faded {
  color: #77838e !important;
}

.text-faded i {
  color: #3A87F2;
}

.text-normal {
  text-transform: none !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 500 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-default {
  color: #31363B !important;
}

.text-primary {
  color: #3A87F2 !important;
}

.text-secondary {
  color: #ffa125 !important;
}

.text-success {
  color: #7ed321 !important;
}

.text-info {
  color: #50bfff !important;
}

.text-warning {
  color: #ff8f33 !important;
}

.text-danger {
  color: #f55656 !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.bg-default {
  background-color: #e9ebf0 !important;
}

.border-default {
  border-color: #e9ebf0 !important;
}

.bg-default-lighter {
  background-color: #f2f3f6 !important;
}

.border-default-lighter {
  border-color: #f2f3f6 !important;
}

.bg-default-darker {
  background-color: #e0e3ea !important;
}

.border-default-darker {
  border-color: #e0e3ea !important;
}

.bg-default-faded {
  background-color: #f8f9fa !important;
}

.border-default-faded {
  border-color: #f8f9fa !important;
}

.bg-default-gradient {
  background-color: linear-gradient(120deg, #e9ebf0 0%, #d1d5df 100%) !important;
}

.border-default-gradient {
  border-color: linear-gradient(120deg, #e9ebf0 0%, #d1d5df 100%) !important;
}

.bg-primary {
  background-color: #3A87F2 !important;
}

.border-primary {
  border-color: #3A87F2 !important;
}

.bg-primary-lighter {
  background-color: #609ef5 !important;
}

.border-primary-lighter {
  border-color: #609ef5 !important;
}

.bg-primary-darker {
  background-color: #1470ef !important;
}

.border-primary-darker {
  border-color: #1470ef !important;
}

.bg-primary-faded {
  background-color: white !important;
}

.border-primary-faded {
  border-color: white !important;
}

.bg-primary-gradient {
  background-color: linear-gradient(120deg, #6099f5 0%, #3A87F2 100%) !important;
}

.border-primary-gradient {
  border-color: linear-gradient(120deg, #6099f5 0%, #3A87F2 100%) !important;
}

.bg-secondary {
  background-color: #ffa125 !important;
}

.border-secondary {
  border-color: #ffa125 !important;
}

.bg-secondary-lighter {
  background-color: #ffb34e !important;
}

.border-secondary-lighter {
  border-color: #ffb34e !important;
}

.bg-secondary-darker {
  background-color: #fb8f00 !important;
}

.border-secondary-darker {
  border-color: #fb8f00 !important;
}

.bg-secondary-faded {
  background-color: white !important;
}

.border-secondary-faded {
  border-color: white !important;
}

.bg-secondary-gradient {
  background-color: linear-gradient(120deg, #ffb84e 0%, #ffa125 100%) !important;
}

.border-secondary-gradient {
  border-color: linear-gradient(120deg, #ffb84e 0%, #ffa125 100%) !important;
}

.bg-success {
  background-color: #7ed321 !important;
}

.border-success {
  border-color: #7ed321 !important;
}

.bg-success-lighter {
  background-color: #92e13c !important;
}

.border-success-lighter {
  border-color: #92e13c !important;
}

.bg-success-darker {
  background-color: #69b01b !important;
}

.border-success-darker {
  border-color: #69b01b !important;
}

.bg-success-faded {
  background-color: #cdf1a6 !important;
}

.border-success-faded {
  border-color: #cdf1a6 !important;
}

.bg-success-gradient {
  background-color: linear-gradient(120deg, #7ed321 0%, #69b01b 100%) !important;
}

.border-success-gradient {
  border-color: linear-gradient(120deg, #7ed321 0%, #69b01b 100%) !important;
}

.bg-info {
  background-color: #50bfff !important;
}

.border-info {
  border-color: #50bfff !important;
}

.bg-info-lighter {
  background-color: #79ceff !important;
}

.border-info-lighter {
  border-color: #79ceff !important;
}

.bg-info-darker {
  background-color: #27b0ff !important;
}

.border-info-darker {
  border-color: #27b0ff !important;
}

.bg-info-faded {
  background-color: #e9f7ff !important;
}

.border-info-faded {
  border-color: #e9f7ff !important;
}

.bg-info-gradient {
  background-color: linear-gradient(120deg, #50bfff 0%, #27b0ff 100%) !important;
}

.border-info-gradient {
  border-color: linear-gradient(120deg, #50bfff 0%, #27b0ff 100%) !important;
}

.bg-warning {
  background-color: #ff8f33 !important;
}

.border-warning {
  border-color: #ff8f33 !important;
}

.bg-warning-lighter {
  background-color: #ffa55c !important;
}

.border-warning-lighter {
  border-color: #ffa55c !important;
}

.bg-warning-darker {
  background-color: #ff790a !important;
}

.border-warning-darker {
  border-color: #ff790a !important;
}

.bg-warning-faded {
  background-color: #ffe3cc !important;
}

.border-warning-faded {
  border-color: #ffe3cc !important;
}

.bg-warning-gradient {
  background-color: linear-gradient(120deg, #ff8f33 0%, #ff790a 100%) !important;
}

.border-warning-gradient {
  border-color: linear-gradient(120deg, #ff8f33 0%, #ff790a 100%) !important;
}

.bg-danger {
  background-color: #f55656 !important;
}

.border-danger {
  border-color: #f55656 !important;
}

.bg-danger-lighter {
  background-color: #f77d7d !important;
}

.border-danger-lighter {
  border-color: #f77d7d !important;
}

.bg-danger-darker {
  background-color: #f32f2f !important;
}

.border-danger-darker {
  border-color: #f32f2f !important;
}

.bg-danger-faded {
  background-color: #fee6e6 !important;
}

.border-danger-faded {
  border-color: #fee6e6 !important;
}

.bg-danger-gradient {
  background-color: linear-gradient(120deg, #f55656 0%, #f32f2f 100%) !important;
}

.border-danger-gradient {
  border-color: linear-gradient(120deg, #f55656 0%, #f32f2f 100%) !important;
}

.bg-grey {
  background-color: #293642 !important;
}

.border-grey {
  border-color: #293642 !important;
}

.bg-grey-lighter {
  background-color: #334352 !important;
}

.border-grey-lighter {
  border-color: #334352 !important;
}

.bg-grey-darker {
  background-color: #1f2932 !important;
}

.border-grey-darker {
  border-color: #1f2932 !important;
}

.bg-grey-faded {
  background-color: #65839f !important;
}

.border-grey-faded {
  border-color: #65839f !important;
}

.bg-grey-gradient {
  background-color: linear-gradient(120deg, #293642 0%, #192129 100%) !important;
}

.border-grey-gradient {
  border-color: linear-gradient(120deg, #293642 0%, #192129 100%) !important;
}

.bg-dark {
  background-color: #293642 !important;
}

.border-dark {
  border-color: #293642 !important;
}

.bg-dark-lighter {
  background-color: #334352 !important;
}

.border-dark-lighter {
  border-color: #334352 !important;
}

.bg-dark-darker {
  background-color: #1f2932 !important;
}

.border-dark-darker {
  border-color: #1f2932 !important;
}

.bg-dark-faded {
  background-color: #65839f !important;
}

.border-dark-faded {
  border-color: #65839f !important;
}

.bg-dark-gradient {
  background-color: linear-gradient(120deg, #293642 0%, #192129 100%) !important;
}

.border-dark-gradient {
  border-color: linear-gradient(120deg, #293642 0%, #192129 100%) !important;
}

.flex-xs-first {
  order: -1 !important;
}

.flex-xs-last {
  order: 1 !important;
}

.flex-xs-unordered {
  order: 0 !important;
}

.flex-items-xs-top {
  align-items: flex-start !important;
}

.flex-items-xs-middle {
  align-items: center !important;
}

.flex-items-xs-bottom {
  align-items: flex-end !important;
}

.flex-xs-top {
  align-self: flex-start !important;
}

.flex-xs-middle {
  -ms-grid-row-align: center !important;
      align-self: center !important;
}

.flex-xs-bottom {
  align-self: flex-end !important;
}

.flex-items-xs-left {
  justify-content: flex-start !important;
}

.flex-items-xs-center {
  justify-content: center !important;
}

.flex-items-xs-right {
  justify-content: flex-end !important;
}

.flex-items-xs-around {
  justify-content: space-around !important;
}

.flex-items-xs-between {
  justify-content: space-between !important;
}

@media (min-width: 614px) {
  .flex-sm-first {
    order: -1 !important;
  }
  .flex-sm-last {
    order: 1 !important;
  }
  .flex-sm-unordered {
    order: 0 !important;
  }
}

@media (min-width: 614px) {
  .flex-items-sm-top {
    align-items: flex-start !important;
  }
  .flex-items-sm-middle {
    align-items: center !important;
  }
  .flex-items-sm-bottom {
    align-items: flex-end !important;
  }
}

@media (min-width: 614px) {
  .flex-sm-top {
    align-self: flex-start !important;
  }
  .flex-sm-middle {
    -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .flex-sm-bottom {
    align-self: flex-end !important;
  }
}

@media (min-width: 614px) {
  .flex-items-sm-left {
    justify-content: flex-start !important;
  }
  .flex-items-sm-center {
    justify-content: center !important;
  }
  .flex-items-sm-right {
    justify-content: flex-end !important;
  }
  .flex-items-sm-around {
    justify-content: space-around !important;
  }
  .flex-items-sm-between {
    justify-content: space-between !important;
  }
}

@media (min-width: 760px) {
  .flex-md-first {
    order: -1 !important;
  }
  .flex-md-last {
    order: 1 !important;
  }
  .flex-md-unordered {
    order: 0 !important;
  }
}

@media (min-width: 760px) {
  .flex-items-md-top {
    align-items: flex-start !important;
  }
  .flex-items-md-middle {
    align-items: center !important;
  }
  .flex-items-md-bottom {
    align-items: flex-end !important;
  }
}

@media (min-width: 760px) {
  .flex-md-top {
    align-self: flex-start !important;
  }
  .flex-md-middle {
    -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .flex-md-bottom {
    align-self: flex-end !important;
  }
}

@media (min-width: 760px) {
  .flex-items-md-left {
    justify-content: flex-start !important;
  }
  .flex-items-md-center {
    justify-content: center !important;
  }
  .flex-items-md-right {
    justify-content: flex-end !important;
  }
  .flex-items-md-around {
    justify-content: space-around !important;
  }
  .flex-items-md-between {
    justify-content: space-between !important;
  }
}

@media (min-width: 1012px) {
  .flex-lg-first {
    order: -1 !important;
  }
  .flex-lg-last {
    order: 1 !important;
  }
  .flex-lg-unordered {
    order: 0 !important;
  }
}

@media (min-width: 1012px) {
  .flex-items-lg-top {
    align-items: flex-start !important;
  }
  .flex-items-lg-middle {
    align-items: center !important;
  }
  .flex-items-lg-bottom {
    align-items: flex-end !important;
  }
}

@media (min-width: 1012px) {
  .flex-lg-top {
    align-self: flex-start !important;
  }
  .flex-lg-middle {
    -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .flex-lg-bottom {
    align-self: flex-end !important;
  }
}

@media (min-width: 1012px) {
  .flex-items-lg-left {
    justify-content: flex-start !important;
  }
  .flex-items-lg-center {
    justify-content: center !important;
  }
  .flex-items-lg-right {
    justify-content: flex-end !important;
  }
  .flex-items-lg-around {
    justify-content: space-around !important;
  }
  .flex-items-lg-between {
    justify-content: space-between !important;
  }
}

@media (min-width: 1240px) {
  .flex-xl-first {
    order: -1 !important;
  }
  .flex-xl-last {
    order: 1 !important;
  }
  .flex-xl-unordered {
    order: 0 !important;
  }
}

@media (min-width: 1240px) {
  .flex-items-xl-top {
    align-items: flex-start !important;
  }
  .flex-items-xl-middle {
    align-items: center !important;
  }
  .flex-items-xl-bottom {
    align-items: flex-end !important;
  }
}

@media (min-width: 1240px) {
  .flex-xl-top {
    align-self: flex-start !important;
  }
  .flex-xl-middle {
    -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .flex-xl-bottom {
    align-self: flex-end !important;
  }
}

@media (min-width: 1240px) {
  .flex-items-xl-left {
    justify-content: flex-start !important;
  }
  .flex-items-xl-center {
    justify-content: center !important;
  }
  .flex-items-xl-right {
    justify-content: flex-end !important;
  }
  .flex-items-xl-around {
    justify-content: space-around !important;
  }
  .flex-items-xl-between {
    justify-content: space-between !important;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 614px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 760px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1012px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1240px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

.order-first {
  order: -1;
}

.order-last {
  order: 1;
}

.order-0 {
  order: 0;
}

.order-4 {
  order: 4;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  -ms-grid-row-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  -ms-grid-row-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-grid-row-align: stretch !important;
      align-self: stretch !important;
}

@media (min-width: 614px) {
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 1;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-4 {
    order: 4;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 760px) {
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 1;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-4 {
    order: 4;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1012px) {
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 1;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-4 {
    order: 4;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1240px) {
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 1;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-4 {
    order: 4;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-grow-2 {
  flex-grow: 2;
}

.flex-grow-3 {
  flex-grow: 3;
}

.flex-grow-4 {
  flex-grow: 4;
}

.flex-grow-5 {
  flex-grow: 5;
}

.flex-grow-6 {
  flex-grow: 6;
}

.flex-grow-7 {
  flex-grow: 7;
}

.flex-grow-8 {
  flex-grow: 8;
}

.flex-grow-9 {
  flex-grow: 9;
}

.flex-grow-10 {
  flex-grow: 10;
}

.table__col-1 {
  width: 4.16667%;
}

.table__col-2 {
  width: 8.33333%;
}

.table__col-3 {
  width: 12.5%;
}

.table__col-4 {
  width: 16.66667%;
}

.table__col-5 {
  width: 20.83333%;
}

.table__col-6 {
  width: 25%;
}

.table__col-7 {
  width: 29.16667%;
}

.table__col-8 {
  width: 33.33333%;
}

.table__col-9 {
  width: 37.5%;
}

.table__col-10 {
  width: 41.66667%;
}

.table__col-11 {
  width: 45.83333%;
}

.table__col-12 {
  width: 50%;
}

.table__col-13 {
  width: 54.16667%;
}

.table__col-14 {
  width: 58.33333%;
}

.table__col-15 {
  width: 62.5%;
}

.table__col-16 {
  width: 66.66667%;
}

.table__col-17 {
  width: 70.83333%;
}

.table__col-18 {
  width: 75%;
}

.table__col-19 {
  width: 79.16667%;
}

.table__col-20 {
  width: 83.33333%;
}

.table__col-21 {
  width: 87.5%;
}

.table__col-22 {
  width: 91.66667%;
}

.table__col-23 {
  width: 95.83333%;
}

.table__col-24 {
  width: 100%;
}

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

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

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

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

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

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

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

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

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

figure {
  margin: 1em 40px;
}

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

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: bold;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

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

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

textarea {
  overflow: auto;
}

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

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

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

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

::-webkit-input-placeholder {
  opacity: .54;
  color: inherit;
}

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

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@-ms-viewport {
  width: device-width;
}

html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[tabindex='-1']:focus {
  outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

a {
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: none;
}

pre {
  overflow: auto;
  margin-top: 0;
  margin-bottom: 1rem;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

[role='button'] {
  cursor: pointer;
}

a,
area,
button,
[role='button'],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

caption {
  caption-side: bottom;
  text-align: left;
}

th {
  text-align: left;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
textarea {
  line-height: inherit;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  font-size: 1.5rem;
  line-height: inherit;
  display: block;
  width: 100%;
  margin-bottom: .5rem;
  padding: 0;
}

input[type='search'] {
  -webkit-appearance: none;
}

output {
  display: inline-block;
}

[hidden] {
  display: none !important;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    transform: translate3d(0, -10px, 0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInLeft {
  from {
    transform: translate3d(-10px, 0, 0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInRight {
  from {
    transform: translate3d(50px, 0, 0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  animation-name: flip;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

.flipInX {
  animation-name: flipInX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

.flipInY {
  animation-name: flipInY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes zoomIn {
  from {
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1012px) {
  .container {
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (max-width: 1011px) {
  .container {
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (min-width: 760px) {
  .container {
    max-width: 750px;
  }
}

@media (min-width: 1012px) {
  .container {
    max-width: 972px;
  }
}

@media (min-width: 1240px) {
  .container {
    max-width: 1230px;
  }
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1012px) {
  .container-fluid {
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (max-width: 1011px) {
  .container-fluid {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

.flex-1 {
  flex: 1;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-20p {
  flex: 0 0 20%;
  max-width: 20%;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 614px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-20p {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 760px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-20p {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1012px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-20p {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1240px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-20p {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

.row--xs {
  margin-left: -4px;
  margin-right: -4px;
}

.row--xs > * {
  padding: 0 4px;
}

.row--sm {
  margin-left: -8px;
  margin-right: -8px;
}

.row--sm > * {
  padding: 0 8px;
}

.row--lg {
  margin-right: -16px;
  margin-left: -16px;
}

.row--lg > * {
  padding: 0 16px;
}

.row--eq-height > * {
  display: flex;
  flex-direction: column;
}

.row--eq-height > * > * {
  flex-grow: 1;
}

@media (max-width: 759px) {
  .row--mob-xs {
    margin-left: -4px;
    margin-right: -4px;
  }
  .row--mob-xs > * {
    padding: 0 2px;
  }
  .row--mob-sm {
    margin-left: -8px;
    margin-right: -8px;
  }
  .row--mob-sm > * {
    padding: 0 4px;
  }
  .row--mob-lg {
    margin-right: -16px;
    margin-left: -16px;
  }
  .row--mob-lg > * {
    padding: 0 8px;
  }
  .row--mob.no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .row--mob.no-gutters > .col,
  .row--mob.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.w-100 {
  width: 100% !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #293642;
  font-weight: 300;
  margin-bottom: 0;
}

h1,
.h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
  margin: 0 0 24px 0;
}

@media (max-width: 759px) {
  h1,
  .h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
  }
}

h2,
.h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 42px;
  margin: 0 0 24px 0;
}

@media (max-width: 759px) {
  h2,
  .h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
  }
}

h3,
.h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 18px;
  margin: 0 0 15px 0;
}

@media (max-width: 759px) {
  h3,
  .h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 18px;
  }
}

h4,
.h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  margin: 0 0 16px 0;
}

@media (max-width: 759px) {
  h4,
  .h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
  }
}

h5,
.h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px 0;
}

@media (max-width: 1011px) {
  h5,
  .h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }
}

@media (max-width: 759px) {
  h5,
  .h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}

h6,
.h6 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 16px 0;
}

@media (max-width: 1011px) {
  h6,
  .h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}

@media (max-width: 759px) {
  h6,
  .h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}

* + h1,
* + .h1 {
  margin-top: 32px;
}

* + h2,
* + .h2 {
  margin-top: 24px;
}

* + h3,
* + .h3 {
  margin-top: 24px;
}

* + h4,
* + .h4 {
  margin-top: 24px;
}

* + h5,
* + .h5 {
  margin-top: 24px;
}

* + h6,
* + .h6 {
  margin-top: 24px;
}

.type-1,
.type-2,
.type-3,
.type-4,
.type-5,
.type-6,
.type-7,
.type-8,
.type-9 {
  color: #293642;
}

.type-1 {
  font-size: 42px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
}

@media (max-width: 1011px) {
  .type-1 {
    font-size: !important;
    font-weight: !important;
    line-height: !important;
  }
}

@media (max-width: 759px) {
  .type-1 {
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 48px !important;
  }
}

.type-2 {
  font-size: 42px !important;
  font-weight: 600 !important;
  line-height: 42px !important;
}

@media (max-width: 1011px) {
  .type-2 {
    font-size: !important;
    font-weight: !important;
    line-height: !important;
  }
}

@media (max-width: 759px) {
  .type-2 {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
  }
}

.type-3 {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
}

@media (max-width: 1011px) {
  .type-3 {
    font-size: !important;
    font-weight: !important;
    line-height: !important;
  }
}

@media (max-width: 759px) {
  .type-3 {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
  }
}

.type-4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}

@media (max-width: 1011px) {
  .type-4 {
    font-size: !important;
    font-weight: !important;
    line-height: !important;
  }
}

@media (max-width: 759px) {
  .type-4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
  }
}

.type-5 {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
}

@media (max-width: 1011px) {
  .type-5 {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
  }
}

@media (max-width: 759px) {
  .type-5 {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }
}

.type-6 {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
}

@media (max-width: 1011px) {
  .type-6 {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
  }
}

@media (max-width: 759px) {
  .type-6 {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
  }
}

.type-7 {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

@media (max-width: 1011px) {
  .type-7 {
    font-size: !important;
    font-weight: !important;
    line-height: !important;
  }
}

@media (max-width: 759px) {
  .type-7 {
    font-size: !important;
    font-weight: !important;
    line-height: !important;
  }
}

.type-8 {
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 18px !important;
}

@media (max-width: 1011px) {
  .type-8 {
    font-size: !important;
    font-weight: !important;
    line-height: !important;
  }
}

@media (max-width: 759px) {
  .type-8 {
    font-size: !important;
    font-weight: !important;
    line-height: !important;
  }
}

.type-1 .heading, h1 .heading, .h1 .heading,
.type-2 .heading, h2 .heading, .h2 .heading,
.type-3 .heading, h3 .heading, .h3 .heading,
.type-4 .heading, h4 .heading, .h4 .heading {
  font-size: 13px;
  line-height: 16px;
  color: #3d4349;
  display: block;
}

.type-1 .suffix, h1 .suffix, .h1 .suffix,
.type-2 .suffix, h2 .suffix, .h2 .suffix,
.type-3 .suffix, h3 .suffix, .h3 .suffix,
.type-4 .suffix, h4 .suffix, .h4 .suffix {
  font-size: 16px;
  line-height: 1;
}

.type-1 small, h1 small, .h1 small,
.type-2 small, h2 small, .h2 small,
.type-3 small, h3 small, .h3 small,
.type-4 small, h4 small, .h4 small {
  font-size: 50%;
}

.type-1 sup, h1 sup, .h1 sup,
.type-2 sup, h2 sup, .h2 sup,
.type-3 sup, h3 sup, .h3 sup,
.type-4 sup, h4 sup, .h4 sup {
  font-size: 50%;
  line-height: inherit;
  margin-right: 5px;
  vertical-align: super;
  top: 0;
}

.type-5 .heading, h5 .heading, .h5 .type-6 .heading, h6 .heading, .h6 .type-7 .heading,
.type-8 .heading {
  font-size: 11px;
  line-height: 16px;
  color: #3d4349;
  display: block;
}

.type-5 .suffix, h5 .suffix, .h5 .type-6 .suffix, h6 .suffix, .h6 .type-7 .suffix,
.type-8 .suffix {
  font-weight: 300;
  font-size: 80%;
}

.type-5 small, h5 small, .h5 .type-6 small, h6 small, .h6 .type-7 small,
.type-8 small {
  font-size: 85%;
}

.type-5 sup, h5 sup, .h5 .type-6 sup, h6 sup, .h6 .type-7 sup,
.type-8 sup {
  font-size: 50%;
  line-height: inherit;
  margin-right: 5px;
  vertical-align: super;
  top: 0;
}

b,
strong,
.font-medium {
  font-weight: 500;
}

p a {
  color: #3A87F2;
  text-decoration: underline;
}

.p-1 {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

@media (max-width: 1011px) {
  .p-1 {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
  }
}

@media (max-width: 759px) {
  .p-1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }
}

.p-2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

@media (max-width: 1011px) {
  .p-2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }
}

@media (max-width: 759px) {
  .p-2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }
}

.p-3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 759px) {
  .p-3 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }
}

.p-4 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.p-5 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
}

.lead {
  font-size: 18px;
  line-height: 28px;
}

a {
  color: #31363B;
  transition: color 0.3s;
}

a:hover {
  color: #609ef5;
}

a:focus, a:active {
  outline: none;
  color: #3A87F2;
}

* {
  box-sizing: border-box;
}

body,
.app {
  margin: 0;
  padding: 0;
  background: #e9ebf0;
  color: #31363B;
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

body.is-open,
.app.is-open {
  overflow-y: hidden;
}

body.no-scroll,
.app.no-scroll {
  overflow: hidden;
  position: fixed;
  min-height: initial;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

img {
  max-width: 100%;
}

code {
  background-color: whitesmoke;
  color: #ff3860;
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

pre {
  padding: 16px;
  background: #f2f3f6;
  border: none;
  color: #31363B;
  font-size: 13px;
}

hr {
  border: 0;
  padding: 0;
  margin: 30px 0;
  border-bottom: 1px solid #e9ebf0;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.box-shadow-sm {
  box-shadow: 0 2px 5px -1px rgba(30, 45, 70, 0.05) !important;
}

.box-shadow-d {
  box-shadow: 0 2px 10px -1px rgba(30, 45, 70, 0.05) !important;
}

.box-shadow-md {
  box-shadow: 0 2px 15px -1px rgba(30, 45, 70, 0.15) !important;
}

.box-shadow-lg {
  box-shadow: 0 2px 30px -1px rgba(30, 45, 70, 0.15) !important;
}

.is-boxed {
  background: #ffffff;
  box-shadow: 0 2px 10px -1px rgba(30, 45, 70, 0.05);
  border-radius: 0;
  border: solid 1px #e9ebf0;
  padding: 24px;
}

.is-condensed {
  padding: 0 !important;
  margin: 0 !important;
}

.is-right {
  justify-content: end;
  float: right !important;
  margin-left: auto !important;
}

.is-left {
  justify-content: start;
  float: left !important;
  margin-right: auto !important;
}

.is-fixed {
  position: fixed !important;
  z-index: 999;
}

.is-absolute {
  position: absolute !important;
}

.is-hidden,
.hidden {
  display: none !important;
}

.is-visible {
  visibility: visible !important;
}

.is-disabled,
:disabled,
[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .5;
}

.is-read-only {
  cursor: auto;
  pointer-events: none;
}

.bg-white {
  background-color: #fff !important;
}

.border-white {
  border-color: #fff !important;
}

/*
*******************************************
Alert
1. General
2. Elements
3. Styles
4. Colors
5. Types
6. Sizes
7. Responsive
*******************************************
*/
/*
*******************************************
1. Alerts - General
*******************************************
*/
.alert {
  margin-bottom: 16px;
  border: 1px solid transparent;
  width: 100%;
  padding: 13px 16px;
  font-size: 13px;
  border-radius: 3px;
  text-align: left;
}

.alert,
.alert > .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}

/*
*******************************************
2. Alerts - Elements
*******************************************
*/
.alert {
  /* Element: Body */
  /* Element: Title */
  /* Element: Actions */
  /* Element: Absolute Actions */
  /* Element: Button Close */
  /* Element: Icon */
}

.alert__body {
  flex: 1;
  margin-right: auto;
}

.alert__body p {
  margin-bottom: 0;
}

.alert__body ul {
  padding-top: 4px;
}

.alert__body > :last-child {
  margin-bottom: 0;
}

.alert__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 8px;
  color: inherit;
}

.alert__actions {
  display: flex;
  flex: 0 1 auto;
  white-space: nowrap;
}

.alert__actions:first-child {
  margin-right: 16px;
}

.alert__actions:last-child {
  margin-left: 16px;
}

.alert__actions--block {
  flex: auto;
  width: 100%;
}

.alert__actions--block:last-child {
  margin: 16px 0 0 0;
}

.alert__actions--block:first-child {
  margin: 0 0 16px 0;
}

.alert__actions > * + * {
  margin-left: 16px;
}

.alert__addon, .alert__icon {
  flex: 0 1 auto;
  white-space: nowrap;
}

.alert__addon:first-child, .alert__icon:first-child {
  margin-right: 16px !important;
}

.alert__addon:last-child, .alert__icon:last-child {
  margin-left: 16px !important;
}

.alert__icon {
  -ms-grid-row-align: center;
      align-self: center;
}

.alert.has-negative-actions .alert__actions:first-child {
  margin: -10px 0;
}

.alert.has-negative-actions .alert__actions:last-child {
  margin: -10px 0;
}

.alert .btn--close .btn__icon {
  color: rgba(255, 255, 255, 0.5) !important;
}

.alert .btn--close:hover .btn__icon {
  color: rgba(255, 255, 255, 0.8) !important;
}

.alert--outline .btn--close .btn__icon, .alert--faded .btn--close .btn__icon {
  color: rgba(0, 0, 0, 0.5) !important;
}

.alert--outline .btn--close:hover .btn__icon, .alert--faded .btn--close:hover .btn__icon {
  color: rgba(0, 0, 0, 0.8) !important;
}

.alert.has-icon:before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 24px;
  height: 24px;
  content: '';
  margin-top: -12px;
  text-align: center;
  font-family: "Material-Design-Iconic-Font";
  font-size: 24px;
  line-height: 22px;
}

.alert.has-icon {
  padding-left: 56px;
}

.alert.has-icon.alert--success:before {
  content: "";
}

.alert.has-icon.alert--info:before {
  content: "";
}

.alert.has-icon.alert--warning:before {
  content: "";
}

.alert.has-icon.alert--danger:before {
  content: "";
}

.alert.has-icon.alert--custom-icon:before {
  content: '\f191';
}

/*
*******************************************
3. Alert - Styles
*******************************************
*/
.alert--outline {
  border: 1px solid;
}

.alert--border-left:after, .alert--border-right:after {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  content: '';
  border-radius: 3px 0 0 3px;
  border-left: 4px solid;
}

.alert--border-left.alert--float, .alert--border-right.alert--float {
  border-radius: 3px 0 0 3px;
}

.alert--border-right:after {
  right: -1px;
  left: initial;
  border-radius: 0 3px 3px 0;
}

.alert--border-right.alert--float {
  border-radius: 0 3px 3px 0;
}

/*
*******************************************
4. Alert - Colors
*******************************************
*/
.alert--success {
  color: #ffffff;
  background: #7ed321;
}

.alert--success.alert--faded {
  color: #7ed321;
  background: #cdf1a6;
  border-color: #cdf1a6;
}

.alert--info {
  color: #ffffff;
  background: #50bfff;
}

.alert--info.alert--faded {
  color: #50bfff;
  background: #e9f7ff;
  border-color: #e9f7ff;
}

.alert--warning {
  color: #ffffff;
  background: #ff8f33;
}

.alert--warning.alert--faded {
  color: #ff8f33;
  background: #ffe3cc;
  border-color: #ffe3cc;
}

.alert--danger {
  color: #ffffff;
  background: #f55656;
}

.alert--danger.alert--faded {
  color: #f55656;
  background: #fee6e6;
  border-color: #fee6e6;
}

.alert--outline {
  background: #fff;
}

.alert--outline.alert--success {
  color: #7ed321;
  border-color: #cdf1a6;
}

.alert--outline.alert--info {
  color: #50bfff;
  border-color: #e9f7ff;
}

.alert--outline.alert--warning {
  color: #ff8f33;
  border-color: #ffe3cc;
}

.alert--outline.alert--danger {
  color: #f55656;
  border-color: #fee6e6;
}

/*
*******************************************
5. Alert - Types
*******************************************
*/
.alert {
  /* Type: Dismiss */
  /* Type: Float */
  /* Type: Fixed */
}

.alert--dismiss {
  align-items: flex-start;
  padding-right: 60px;
}

.alert--dismiss .btn--close {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -22px;
}

.alert--dismiss .btn--close.btn--xs {
  margin-top: -16px;
}

.alert--dismiss .btn--close.btn--sm {
  margin-top: -18px;
}

.alert--dismiss .btn--close.btn--lg {
  margin-top: -26px;
}

.alert--dismiss .btn--close.btn--xlg {
  margin-top: -28px;
}

.alert--float {
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);
  flex-direction: column;
  align-items: flex-start;
  width: 320px;
  max-width: 320px;
  border: none;
}

.alert--float .alert__actions {
  margin: 12px 0 0;
}

.alert--float.alert--icon:before {
  top: 50%;
  margin-top: -12px;
}

.alert--fixed {
  position: fixed;
  left: 0;
  z-index: 10001;
  display: none;
  overflow: hidden;
  width: 100%;
  margin: 0;
  border-color: transparent;
  border-radius: 0;
}

.alert--fixed > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.alert--fixed.alert--fixed-top {
  top: 0;
}

.alert--fixed.alert--fixed-bottom {
  bottom: 0;
}

.alert--fixed.is-active {
  display: flex;
}

/*
*******************************************
6. Alert - Sizes
*******************************************
*/
.alert--xs {
  padding: 7px 10px;
  font-size: 11px;
  line-height: 16px;
  border-radius: 2px;
}

.alert--xs .alert__title {
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}

.alert--sm {
  padding: 10px 10px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 2px;
}

.alert--sm .alert__title {
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}

.alert--lg {
  padding: 16px 15px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
}

.alert--lg .alert__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.alert--xlg {
  padding: 23px 23px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 5px;
}

.alert--xlg .alert__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

@media (max-width: 1011px) {
  .alert--xlg .alert__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}

@media (max-width: 759px) {
  .alert--xlg .alert__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}

.alert.has-negative-actions.alert--sm .alert__actions:first-child {
  margin: -7px 0;
}

.alert.has-negative-actions.alert--sm .alert__actions:last-child {
  margin: -7px 0;
}

.alert.has-negative-actions.alert--lg .alert__actions:first-child {
  margin: -10px 0;
}

.alert.has-negative-actions.alert--lg .alert__actions:last-child {
  margin: -10px 0;
}

.alert.has-negative-actions.alert--xlg .alert__actions:first-child {
  margin: -10px 0;
}

.alert.has-negative-actions.alert--xlg .alert__actions:last-child {
  margin: -10px 0;
}

.alert.has-icon.alert--xs {
  padding-left: 32px;
}

.alert.has-icon.alert--xs:before {
  left: 7px;
  height: 16px;
  width: 16px;
  margin-top: -8px;
  font-size: 16px;
  line-height: 14px;
}

.alert.has-icon.alert--sm {
  padding-left: 40px;
}

.alert.has-icon.alert--sm:before {
  left: 7px;
}

.alert.has-icon.alert--lg {
  padding-left: 56px;
}

.alert.has-icon.alert--lg:before {
  left: 15px;
}

.alert.has-icon.alert--xlg {
  padding-left: 72px;
}

.alert.has-icon.alert--xlg:before {
  left: 23px;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  font-size: 32px;
  line-height: 30px;
}

/*
*******************************************
7. Alerts - responsive
*******************************************
*/
@media (max-width: 759px) {
  .alert {
    flex-direction: column;
    align-items: flex-start;
  }
  .alert .alert__actions {
    padding-top: 16px;
    padding-bottom: 8px;
  }
  .alert--dismiss {
    flex-direction: row;
  }
  .alert--dismiss .alert__actions {
    padding: 0;
  }
  .alert--dismiss .alert__body {
    padding-right: 8px;
  }
  .alert--float {
    width: 290px;
  }
  .alert.alert--fixed-bottom > .container {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    width: 100%;
  }
  .alert.alert--fixed-bottom .alert__actions {
    margin: 12px -2px 0;
  }
  .alert.alert--fixed-top > .container {
    margin: 0;
    width: 100%;
  }
  .alert.alert--fixed-top .alert__actions .btn {
    margin-bottom: 0;
  }
  .alert.alert--fixed .alert__actions {
    padding: 0;
  }
}

@media (max-width: 613px) {
  .alert .alert__actions {
    padding-bottom: 0;
    white-space: normal;
  }
  .alert .alert__actions > * {
    margin-left: 0;
  }
  .alert .alert__actions > * {
    margin-bottom: 8px;
  }
  .alert .alert__actions > *:last-child {
    margin-bottom: 0;
  }
}

/*
*******************************************
Avatars
1. General
2. Sizes
3. Responsive
*******************************************
*/
/*
*******************************************
1. Avatars - general
*******************************************
*/
.avatar {
  height: 48px;
  width: 48px;
  min-width: 48px;
  background: #e9ebf0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  overflow: hidden;
}

.avatar--square {
  border-radius: 4px;
}

.account {
  display: flex;
  align-items: center;
  align-self: stretch;
}

.account:hover, .account:focus, .account:active {
  text-decoration: none;
}

.account__avatar + .account__name,
.account__avatar + .account__details {
  margin-left: 16px;
}

.account__name + .account__avatar, .account__details + .account__avatar {
  margin-left: 16px;
}

.account__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  align-items: center;
}

.account__details {
  flex-grow: 1;
}

.account__name {
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*
*******************************************
Buttons
1. General
2. Sizes
3. Types
4. Colors
5. Group
6. Actions
7. Responsive
*******************************************
*/
/*
*******************************************
1. Buttons - General
*******************************************
*/
.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.3s, background 0.3s, color 0.3s;
  vertical-align: top;
  white-space: nowrap;
  border: 1px solid transparent;
  outline: 0;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  padding: 0 16px;
  height: 44px;
  border-radius: 3px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
}

.btn .btn__icon:first-child {
  margin-left: -6px;
}

.btn .btn__icon:last-child {
  margin-right: -6px;
}

.btn .btn__icon + .btn__text,
.btn .btn__text + .btn__icon {
  margin-left: 10px;
}

.btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: inherit;
  font-size: 24px;
  line-height: 24px;
}

.btn__icon-arrow {
  opacity: 0.4;
  font-size: 19px;
}

.btn__icon-arrow:last-child {
  margin-right: -6px;
}

.btn__text + .btn__icon {
  order: 2;
}

.btn__preloader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  margin: auto;
}

.btn__text .badge {
  background: #f2f3f6;
  border: 1px solid #f2f3f6;
  margin-left: 8px;
}

.btn__label {
  color: #77838e;
  font-weight: 400;
}

.btn__label + .btn__text {
  margin-left: 8px;
}

.btn:hover, .btn:focus, .btn:active, .btn.drop-enabled {
  cursor: pointer;
  text-decoration: none;
  outline: 0;
}

/*
*******************************************
3. Buttons - Types
*******************************************
*/
.btn.btn--block {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex: 1 auto;
}

.btn.btn--outline {
  border: 1px solid;
}

.btn.btn--outline .btn__preloader:before {
  border-top: 2px solid #3A87F2;
}

.btn.btn--rounded {
  border-radius: 100px;
}

.btn.btn--icon {
  padding: 0 !important;
}

.btn.btn--icon .btn__icon {
  margin: 0 !important;
}

.btn.btn--link {
  background: transparent;
  box-shadow: none;
  border: transparent;
  color: #31363B;
}

.btn.btn--link:hover {
  background: transparent;
  color: #3A87F2;
}

.btn.btn--link:active, .btn.btn--link:focus, .btn.btn--link.is-active, .btn.btn--link.drop-enabled {
  background: transparent;
  color: #3A87F2;
}

.btn.btn--link.btn--plain {
  color: #31363B;
}

.btn.is-loading .btn__preloader {
  visibility: visible;
}

.btn.is-loading .btn__text {
  visibility: hidden;
}

.btn.is-loading .btn__icon {
  visibility: hidden;
}

@media (max-width: 759px) {
  .btn.btn--mob-link {
    background: transparent;
    box-shadow: none;
    border: transparent;
    color: #31363B;
  }
  .btn.btn--mob-link:hover {
    background: transparent;
    color: #3A87F2;
  }
  .btn.btn--mob-link:active, .btn.btn--mob-link:focus, .btn.btn--mob-link.is-active, .btn.btn--mob-link.drop-enabled {
    background: transparent;
    color: #3A87F2;
  }
  .btn.btn--mob-link.btn--plain {
    color: #31363B;
  }
  .btn.btn--mob-icon {
    padding: 0;
  }
  .btn.btn--mob-icon .btn__icon {
    margin: 0 !important;
  }
  .btn.btn--mob-icon .btn__text {
    display: none;
  }
  .btn.btn--mob-block {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex: 1 auto;
  }
}

/*
*******************************************
2. Buttons - Sizes
*******************************************
*/
.btn--xs {
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  padding: 0 16px;
  height: 32px;
  border-radius: 2px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
}

.btn--xs .btn__icon {
  font-size: 19px;
}

.btn--xs .btn__icon:first-child {
  margin-left: -8px;
}

.btn--xs .btn__icon:last-child {
  margin-right: -8px;
}

.btn--xs .btn__icon + .btn__text,
.btn--xs .btn__text + .btn__icon {
  margin-left: 8px;
}

.btn--sm {
  font-size: 12px;
  font-weight: 600;
  padding: 0 16px;
  height: 36px;
  border-radius: 2px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
}

.btn--sm .btn__icon {
  font-size: 19px;
}

.btn--sm .btn__icon:first-child {
  margin-left: -8px;
}

.btn--sm .btn__icon:last-child {
  margin-right: -8px;
}

.btn--sm .btn__icon + .btn__text,
.btn--sm .btn__text + .btn__icon {
  margin-left: 8px;
}

.btn--d {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  padding: 0 16px;
  height: 44px;
  border-radius: 3px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
}

.btn--d .btn__icon:first-child {
  margin-left: -6px;
}

.btn--d .btn__icon:last-child {
  margin-right: -6px;
}

.btn--d .btn__icon + .btn__text,
.btn--d .btn__text + .btn__icon {
  margin-left: 10px;
}

.btn--md {
  font-size: 14px;
  font-weight: 700;
  padding: 0 24px;
  height: 48px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
}

.btn--md .btn__icon:first-child {
  margin-left: -8px;
}

.btn--md .btn__icon:last-child {
  margin-right: -8px;
}

.btn--md .btn__icon + .btn__text,
.btn--md .btn__text + .btn__icon {
  margin-left: 16px;
}

.btn--lg {
  font-size: 14px;
  font-weight: 700;
  padding: 0 24px;
  height: 52px;
  border-radius: 4px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
}

.btn--lg .btn__icon:first-child {
  margin-left: -8px;
}

.btn--lg .btn__icon:last-child {
  margin-right: -8px;
}

.btn--lg .btn__icon + .btn__text,
.btn--lg .btn__text + .btn__icon {
  margin-left: 16px;
}

.btn--xlg {
  font-size: 14px;
  font-weight: 700;
  padding: 0 32px;
  height: 56px;
  border-radius: 4px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
}

.btn--xlg .btn__icon:first-child {
  margin-left: -16px;
}

.btn--xlg .btn__icon:last-child {
  margin-right: -16px;
}

.btn--xlg .btn__icon + .btn__text,
.btn--xlg .btn__text + .btn__icon {
  margin-left: 16px;
}

.btn--icon {
  width: 44px;
  min-width: 44px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */
}

.btn--icon.btn--xs {
  width: 32px;
  min-width: 32px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */
}

.btn--icon.btn--sm {
  width: 36px;
  min-width: 36px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */
}

.btn--icon.btn--d {
  width: 44px;
  min-width: 44px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */
}

.btn--icon.btn--md {
  width: 48px;
  min-width: 48px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */
}

.btn--icon.btn--lg {
  width: 52px;
  min-width: 52px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */
}

.btn--icon.btn--xlg {
  width: 56px;
  min-width: 56px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */
}

.btn--rounded {
  padding: 0 24px;
}

.btn--rounded.btn--xs {
  padding: 0 16px;
}

.btn--rounded.btn--sm {
  padding: 0 0;
}

.btn--rounded.btn--d {
  padding: 0 24px;
}

.btn--rounded.btn--md {
  padding: 0 32px;
}

.btn--rounded.btn--lg {
  padding: 0 32px;
}

.btn--rounded.btn--xlg {
  padding: 0 40px;
}

@media (max-width: 759px) {
  .btn--mob-xs {
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    padding: 0 16px;
    height: 32px;
    border-radius: 2px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
  }
  .btn--mob-xs .btn__icon {
    font-size: 19px;
  }
  .btn--mob-xs .btn__icon:first-child {
    margin-left: -8px;
  }
  .btn--mob-xs .btn__icon:last-child {
    margin-right: -8px;
  }
  .btn--mob-xs .btn__icon + .btn__text,
  .btn--mob-xs .btn__text + .btn__icon {
    margin-left: 8px;
  }
  .btn--mob-sm {
    font-size: 12px;
    font-weight: 600;
    padding: 0 16px;
    height: 36px;
    border-radius: 2px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
  }
  .btn--mob-sm .btn__icon {
    font-size: 19px;
  }
  .btn--mob-sm .btn__icon:first-child {
    margin-left: -8px;
  }
  .btn--mob-sm .btn__icon:last-child {
    margin-right: -8px;
  }
  .btn--mob-sm .btn__icon + .btn__text,
  .btn--mob-sm .btn__text + .btn__icon {
    margin-left: 8px;
  }
  .btn--mob-d {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding: 0 16px;
    height: 44px;
    border-radius: 3px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
  }
  .btn--mob-d .btn__icon:first-child {
    margin-left: -6px;
  }
  .btn--mob-d .btn__icon:last-child {
    margin-right: -6px;
  }
  .btn--mob-d .btn__icon + .btn__text,
  .btn--mob-d .btn__text + .btn__icon {
    margin-left: 10px;
  }
  .btn--mob-md {
    font-size: 14px;
    font-weight: 700;
    padding: 0 24px;
    height: 48px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
  }
  .btn--mob-md .btn__icon:first-child {
    margin-left: -8px;
  }
  .btn--mob-md .btn__icon:last-child {
    margin-right: -8px;
  }
  .btn--mob-md .btn__icon + .btn__text,
  .btn--mob-md .btn__text + .btn__icon {
    margin-left: 16px;
  }
  .btn--mob-lg {
    font-size: 14px;
    font-weight: 700;
    padding: 0 24px;
    height: 52px;
    border-radius: 4px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
  }
  .btn--mob-lg .btn__icon:first-child {
    margin-left: -8px;
  }
  .btn--mob-lg .btn__icon:last-child {
    margin-right: -8px;
  }
  .btn--mob-lg .btn__icon + .btn__text,
  .btn--mob-lg .btn__text + .btn__icon {
    margin-left: 16px;
  }
  .btn--mob-xlg {
    font-size: 14px;
    font-weight: 700;
    padding: 0 32px;
    height: 56px;
    border-radius: 4px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        height: map-deep-get($buttons, $size, "mob-height");
    }
    */
  }
  .btn--mob-xlg .btn__icon:first-child {
    margin-left: -16px;
  }
  .btn--mob-xlg .btn__icon:last-child {
    margin-right: -16px;
  }
  .btn--mob-xlg .btn__icon + .btn__text,
  .btn--mob-xlg .btn__text + .btn__icon {
    margin-left: 16px;
  }
  .btn--mob-icon {
    width: 44px;
    min-width: 44px;
  }
  .btn--mob-icon.btn--xs {
    width: 32px;
    min-width: 32px;
  }
  .btn--mob-icon.btn--mob-xs {
    width: 32px;
    min-width: 32px;
  }
  .btn--mob-icon.btn--sm {
    width: 36px;
    min-width: 36px;
  }
  .btn--mob-icon.btn--mob-sm {
    width: 36px;
    min-width: 36px;
  }
  .btn--mob-icon.btn--d {
    width: 44px;
    min-width: 44px;
  }
  .btn--mob-icon.btn--mob-d {
    width: 44px;
    min-width: 44px;
  }
  .btn--mob-icon.btn--md {
    width: 48px;
    min-width: 48px;
  }
  .btn--mob-icon.btn--mob-md {
    width: 48px;
    min-width: 48px;
  }
  .btn--mob-icon.btn--lg {
    width: 52px;
    min-width: 52px;
  }
  .btn--mob-icon.btn--mob-lg {
    width: 52px;
    min-width: 52px;
  }
  .btn--mob-icon.btn--xlg {
    width: 56px;
    min-width: 56px;
  }
  .btn--mob-icon.btn--mob-xlg {
    width: 56px;
    min-width: 56px;
  }
  .btn--mob-icon.btn--mob-d {
    width: 44px;
    min-width: 44px;
  }
}

/*
*******************************************
4. Buttons - colors
*******************************************
*/
.btn--default {
  color: #31363B;
  background: #e9ebf0;
}

.btn--default:hover {
  color: #31363B;
  background: #f2f3f6;
}

.btn--default:active, .btn--default:focus, .btn--default.is-active, .btn--default.drop-enabled {
  color: #31363B;
  background: #e0e3ea;
}

.btn--primary {
  color: #ffffff;
  background: #3a87f2;
}

.btn--primary:hover {
  color: #ffffff;
  background: #2a7df1;
}

.btn--primary:active, .btn--primary:focus, .btn--primary.is-active, .btn--primary.drop-enabled {
  color: #ffffff;
  background: #1a68d2;
}

.btn--secondary {
  color: #ffffff;
  background: #ffa125;
}

.btn--secondary:hover {
  color: #ffffff;
  background: #ffb34e;
}

.btn--secondary:active, .btn--secondary:focus, .btn--secondary.is-active, .btn--secondary.drop-enabled {
  color: #ffffff;
  background: #fb8f00;
}

.btn--success {
  color: #ffffff;
  background: #7ed321;
}

.btn--success:hover {
  color: #ffffff;
  background: #92e13c;
}

.btn--success:active, .btn--success:focus, .btn--success.is-active, .btn--success.drop-enabled {
  color: #ffffff;
  background: #69b01b;
}

.btn--info {
  color: #ffffff;
  background: #50bfff;
}

.btn--info:hover {
  color: #ffffff;
  background: #79ceff;
}

.btn--info:active, .btn--info:focus, .btn--info.is-active, .btn--info.drop-enabled {
  color: #ffffff;
  background: #27b0ff;
}

.btn--warning {
  color: #ffffff;
  background: #ff8f33;
}

.btn--warning:hover {
  color: #ffffff;
  background: #ffa55c;
}

.btn--warning:active, .btn--warning:focus, .btn--warning.is-active, .btn--warning.drop-enabled {
  color: #ffffff;
  background: #ff790a;
}

.btn--danger {
  color: #ffffff;
  background: #f55656;
}

.btn--danger:hover {
  color: #ffffff;
  background: #f77d7d;
}

.btn--danger:active, .btn--danger:focus, .btn--danger.is-active, .btn--danger.drop-enabled {
  color: #ffffff;
  background: #f32f2f;
}

.btn--light-overlay {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.3);
}

.btn--light-overlay:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.4);
}

.btn--light-overlay:active, .btn--light-overlay:focus, .btn--light-overlay.is-active, .btn--light-overlay.drop-enabled {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

.btn--dark-overlay {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.15);
}

.btn--dark-overlay:hover {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.1);
}

.btn--dark-overlay:active, .btn--dark-overlay:focus, .btn--dark-overlay.is-active, .btn--dark-overlay.drop-enabled {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
}

.btn--plain {
  background-color: #e9ebf0;
  color: #31363B;
}

.btn--outline {
  background: transparent;
  box-shadow: none;
}

.btn--outline.btn--default {
  color: #31363B;
  border-color: #e0e3ea;
}

.btn--outline.btn--default:hover {
  color: #31363B;
  background: transparent;
  border-color: #f2f3f6;
}

.btn--outline.btn--default:active, .btn--outline.btn--default:focus, .btn--outline.btn--default.is-active, .btn--outline.btn--default.drop-enabled {
  color: #31363B;
  background: transparent;
  border-color: #e0e3ea;
}

.btn--outline.btn--primary {
  color: #3A87F2;
  border-color: #3A87F2;
}

.btn--outline.btn--primary:hover {
  color: #609ef5;
  background: transparent;
  border-color: #609ef5;
}

.btn--outline.btn--primary:active, .btn--outline.btn--primary:focus, .btn--outline.btn--primary.is-active, .btn--outline.btn--primary.drop-enabled {
  color: #1470ef;
  background: transparent;
  border-color: #1470ef;
}

.btn--outline.btn--secondary {
  color: #ffa125;
  border-color: #ffa125;
}

.btn--outline.btn--secondary:hover {
  color: #ffb34e;
  background: transparent;
  border-color: #ffb34e;
}

.btn--outline.btn--secondary:active, .btn--outline.btn--secondary:focus, .btn--outline.btn--secondary.is-active, .btn--outline.btn--secondary.drop-enabled {
  color: #fb8f00;
  background: transparent;
  border-color: #fb8f00;
}

.btn--outline.btn--success {
  color: #7ed321;
  border-color: #7ed321;
}

.btn--outline.btn--success:hover {
  color: #92e13c;
  background: transparent;
  border-color: #92e13c;
}

.btn--outline.btn--success:active, .btn--outline.btn--success:focus, .btn--outline.btn--success.is-active, .btn--outline.btn--success.drop-enabled {
  color: #69b01b;
  background: transparent;
  border-color: #69b01b;
}

.btn--outline.btn--info {
  color: #50bfff;
  border-color: #50bfff;
}

.btn--outline.btn--info:hover {
  color: #79ceff;
  background: transparent;
  border-color: #79ceff;
}

.btn--outline.btn--info:active, .btn--outline.btn--info:focus, .btn--outline.btn--info.is-active, .btn--outline.btn--info.drop-enabled {
  color: #27b0ff;
  background: transparent;
  border-color: #27b0ff;
}

.btn--outline.btn--warning {
  color: #ff8f33;
  border-color: #ff8f33;
}

.btn--outline.btn--warning:hover {
  color: #ffa55c;
  background: transparent;
  border-color: #ffa55c;
}

.btn--outline.btn--warning:active, .btn--outline.btn--warning:focus, .btn--outline.btn--warning.is-active, .btn--outline.btn--warning.drop-enabled {
  color: #ff790a;
  background: transparent;
  border-color: #ff790a;
}

.btn--outline.btn--danger {
  color: #f55656;
  border-color: #f55656;
}

.btn--outline.btn--danger:hover {
  color: #f77d7d;
  background: transparent;
  border-color: #f77d7d;
}

.btn--outline.btn--danger:active, .btn--outline.btn--danger:focus, .btn--outline.btn--danger.is-active, .btn--outline.btn--danger.drop-enabled {
  color: #f32f2f;
  background: transparent;
  border-color: #f32f2f;
}

.btn--outline.btn--light-overlay {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}

.btn--outline.btn--light-overlay:hover {
  color: #ffffff;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.4);
}

.btn--outline.btn--light-overlay:active, .btn--outline.btn--light-overlay:focus, .btn--outline.btn--light-overlay.is-active, .btn--outline.btn--light-overlay.drop-enabled {
  color: #ffffff;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.1);
}

.btn--outline.btn--dark-overlay {
  color: rgba(0, 0, 0, 0.6);
  border-color: rgba(0, 0, 0, 0.15);
}

.btn--outline.btn--dark-overlay:hover {
  color: rgba(0, 0, 0, 0.6);
  background: transparent;
  border-color: rgba(0, 0, 0, 0.1);
}

.btn--outline.btn--dark-overlay:active, .btn--outline.btn--dark-overlay:focus, .btn--outline.btn--dark-overlay.is-active, .btn--outline.btn--dark-overlay.drop-enabled {
  color: rgba(0, 0, 0, 0.6);
  background: transparent;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn--outline.btn--plain {
  color: #31363B;
  border-color: #e0e3ea;
}

.btn--outline .btn__icon {
  color: inherit;
}

.btn--link.btn--default {
  color: #31363B;
}

.btn--link.btn--default:hover {
  color: #31363B;
}

.btn--link.btn--default:active, .btn--link.btn--default:focus, .btn--link.btn--default.is-active, .btn--link.btn--default.drop-enabled {
  background: transparent !important;
  color: #31363B;
}

.btn--link.btn--primary {
  color: #3A87F2;
}

.btn--link.btn--primary:hover {
  color: #609ef5;
}

.btn--link.btn--primary:active, .btn--link.btn--primary:focus, .btn--link.btn--primary.is-active, .btn--link.btn--primary.drop-enabled {
  background: transparent !important;
  color: #1470ef;
}

.btn--link.btn--secondary {
  color: #ffa125;
}

.btn--link.btn--secondary:hover {
  color: #ffb34e;
}

.btn--link.btn--secondary:active, .btn--link.btn--secondary:focus, .btn--link.btn--secondary.is-active, .btn--link.btn--secondary.drop-enabled {
  background: transparent !important;
  color: #fb8f00;
}

.btn--link.btn--success {
  color: #7ed321;
}

.btn--link.btn--success:hover {
  color: #92e13c;
}

.btn--link.btn--success:active, .btn--link.btn--success:focus, .btn--link.btn--success.is-active, .btn--link.btn--success.drop-enabled {
  background: transparent !important;
  color: #69b01b;
}

.btn--link.btn--info {
  color: #50bfff;
}

.btn--link.btn--info:hover {
  color: #79ceff;
}

.btn--link.btn--info:active, .btn--link.btn--info:focus, .btn--link.btn--info.is-active, .btn--link.btn--info.drop-enabled {
  background: transparent !important;
  color: #27b0ff;
}

.btn--link.btn--warning {
  color: #ff8f33;
}

.btn--link.btn--warning:hover {
  color: #ffa55c;
}

.btn--link.btn--warning:active, .btn--link.btn--warning:focus, .btn--link.btn--warning.is-active, .btn--link.btn--warning.drop-enabled {
  background: transparent !important;
  color: #ff790a;
}

.btn--link.btn--danger {
  color: #f55656;
}

.btn--link.btn--danger:hover {
  color: #f77d7d;
}

.btn--link.btn--danger:active, .btn--link.btn--danger:focus, .btn--link.btn--danger.is-active, .btn--link.btn--danger.drop-enabled {
  background: transparent !important;
  color: #f32f2f;
}

.btn--link.btn--light-overlay {
  color: #ffffff;
}

.btn--link.btn--light-overlay:hover {
  color: #ffffff;
}

.btn--link.btn--light-overlay:active, .btn--link.btn--light-overlay:focus, .btn--link.btn--light-overlay.is-active, .btn--link.btn--light-overlay.drop-enabled {
  background: transparent !important;
  color: #ffffff;
}

.btn--link.btn--dark-overlay {
  color: rgba(0, 0, 0, 0.6);
}

.btn--link.btn--dark-overlay:hover {
  color: rgba(0, 0, 0, 0.6);
}

.btn--link.btn--dark-overlay:active, .btn--link.btn--dark-overlay:focus, .btn--link.btn--dark-overlay.is-active, .btn--link.btn--dark-overlay.drop-enabled {
  background: transparent !important;
  color: rgba(0, 0, 0, 0.6);
}

/*
*******************************************
5. Buttons - Group
*******************************************
*/
.btn-group {
  display: inline-flex;
  /* Group: Type */
}

.btn-group .btn {
  flex: 0 1 auto;
}

.btn-group .btn + .btn {
  margin-left: -1px !important;
}

.btn-group .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-right: 0;
}

.btn-group:not(.btn-group--vertical) .btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group:not(.btn-group--vertical) .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group--vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group--vertical .btn,
.btn-group--vertical .btn-group {
  width: 100%;
}

.btn-group--vertical > .btn + .btn,
.btn-group--vertical > .btn + .btn-group,
.btn-group--vertical > .btn-group + .btn,
.btn-group--vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0 !important;
}

.btn-group--vertical .btn:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group--vertical .btn:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group--space-between .btn:first-child {
  border-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-right: 16px;
}

.btn-group--space-between .btn:not(:first-child):not(:last-child) {
  margin-right: 16px;
  border-radius: 4px;
}

.btn-group--space-between .btn:last-child {
  border-radius: 4px;
}

.btn-group[data-toggle="buttons"] > .btn,
.btn-group[data-toggle="buttons"] > .btn-group > .btn {
  margin: 0;
}

.btn-group[data-toggle="buttons"] > .btn input[type="radio"],
.btn-group[data-toggle="buttons"] > .btn input[type="checkbox"],
.btn-group[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
.btn-group[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/*
*******************************************
6. Buttons - Actions
*******************************************
*/
.actions-group {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
}

.actions-group .btn {
  margin-right: 16px;
  margin-bottom: 16px;
}

.actions-group--spacing-1x {
  margin-right: -8px;
}

.actions-group--spacing-1x .btn {
  margin-right: 8px;
  margin-bottom: 8px;
}

.actions-group--spacing-3x {
  margin-right: -24px;
}

.actions-group--spacing-3x .btn {
  margin-right: 24px;
  margin-bottom: 24px;
}

.actions-group--spacing-4x {
  margin-right: -32px;
}

.actions-group--spacing-4x .btn {
  margin-right: 32px;
  margin-bottom: 32px;
}

.actions-group--spacing-5x {
  margin-right: -40px;
}

.actions-group--spacing-5x .btn {
  margin-right: 40px;
  margin-bottom: 40px;
}

* > .actions-group:last-child {
  margin-bottom: -16px;
}

* > .actions-group--spacing-1x:last-child {
  margin-bottom: -8px;
}

* > .actions-group--spacing-3x:last-child {
  margin-bottom: -24px;
}

* > .actions-group--spacing-4x:last-child {
  margin-bottom: -32px;
}

* > .actions-group--spacing-5x:last-child {
  margin-bottom: -40px;
}

/*
*******************************************
7. Buttons - Responsive
*******************************************
*/
@media (max-width: 759px) {
  .btn--responsive {
    border: none;
    padding: 8px;
  }
  .btn--responsive .btn__icon {
    display: inline-flex;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .btn--responsive .btn__text {
    display: none;
  }
  .btn-group--space-between .btn {
    font-size: 11px;
    max-height: 40px;
    white-space: normal;
    line-height: 14px;
    text-align: left;
    margin-bottom: 16px;
  }
  .btn-group--space-between .btn:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 613px) {
  .btn-group--space-between {
    flex-direction: column;
    margin-right: 0 !important;
  }
}

.collapse {
  display: none !important;
  transition: all .15s ease;
}

.collapse.show {
  display: block !important;
}

.collapse.show + .form-section {
  margin-top: 32px;
}

.collapse__wrapper {
  width: 100%;
}

.collapse + .form-section .form-section__title {
  padding-top: 0;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: all .15s ease;
}

/* COLLAPSE */
.collapse-icon {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  cursor: pointer;
}

.collapse-icon:before {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 2px;
  background-color: #293642;
  left: 4px;
  top: 10px;
}

.collapse-icon:after {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 2px;
  background-color: #293642;
  transform: rotate(0deg);
  transition: all .4s;
}

.collapse-icon.rail__addon {
  margin-right: 0;
}

.collapse-icon.is-active,
[aria-expanded="true"] .collapse-icon {
  transition: all .4s;
}

.collapse-icon.is-active:after,
[aria-expanded="true"] .collapse-icon:after {
  display: none;
}

.accordion--border-left .accordion__collapse {
  position: relative;
  padding-left: 40px;
}

.accordion--border-left .accordion__collapse:before {
  position: absolute;
  left: 10px;
  right: 0;
  bottom: 0;
  top: 16px;
  display: block;
  width: 1px;
  content: '';
  background-color: #f2f3f6;
}

.accordion--border-left .accordion__collapse > .accordion__content {
  padding-top: 16px;
}

.off-canvas {
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  transform: translateX(calc(-100% - 20px));
  max-width: 350px;
  background: #fff;
  box-shadow: 0 2px 30px -1px rgba(30, 45, 70, 0.15);
  transition: transform 0.3s, box-shadow 0.3s;
}

.off-canvas.is-open {
  transform: translateX(0);
}

.off-canvas .off-canvas__top,
.off-canvas-responsive .off-canvas__top {
  padding: 14px 24px;
}

.off-canvas .off-canvas__body,
.off-canvas-responsive .off-canvas__body {
  padding: 24px;
}

.off-canvas--right {
  left: auto;
  right: 0;
  transform: translateX(calc(100% + 20px));
}

.off-canvas--top, .off-canvas--bottom {
  transform: translateX(0);
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 350px;
}

.off-canvas--top.is-open, .off-canvas--bottom.is-open {
  transform: translateX(0);
  transform: translateY(0);
}

.off-canvas--top {
  top: 0;
  transform: translateY(-100%);
}

.off-canvas--bottom {
  top: auto;
  bottom: 0;
  transform: translateY(100%);
}

.off-canvas-is-active {
  overflow: hidden;
}

.off-canvas-is-active:after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: block;
  content: '';
  background: rgba(255, 255, 255, 0.85);
}

.off-canvas-is-active {
  touch-action: none;
  -ms-touch-action: none;
}

.off-canvas-is-active .navbar__burger span:nth-child(1) {
  top: 50%;
  transform: rotate(135deg);
}

.off-canvas-is-active .navbar__burger span:nth-child(2) {
  left: -60px;
  opacity: 0;
}

.off-canvas-is-active .navbar__burger span:nth-child(3) {
  top: 50%;
  transform: rotate(-135deg);
}

@media (max-width: 1011px) {
  .off-canvas-responsive {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    transform: translateX(calc(-100% - 20px));
    max-width: 350px;
    background: #fff;
    box-shadow: 0 2px 30px -1px rgba(30, 45, 70, 0.15);
    transition: transform 0.3s, box-shadow 0.3s;
  }
  .off-canvas-responsive.is-open {
    transform: translateX(0);
  }
  .off-canvas-responsive--right {
    left: auto;
    right: 0;
    transform: translateX(calc(100% + 20px));
  }
  .off-canvas-responsive--top, .off-canvas-responsive--bottom {
    transform: translateX(0);
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 350px;
  }
  .off-canvas-responsive--top.is-open, .off-canvas-responsive--bottom.is-open {
    transform: translateX(0);
    transform: translateY(0);
  }
  .off-canvas-responsive--top {
    top: 0;
    transform: translateY(-100%);
  }
  .off-canvas-responsive--bottom {
    top: auto;
    bottom: 0;
    transform: translateY(100%);
  }
}

/*
*******************************************
Navs
1. General
2. Sizes
3. Types
4. Other
5. Responsive
*******************************************
*/
/*
*******************************************
1. Nav - General
*******************************************
*/
.nav {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-bottom: 0;
  /* Sizes */
}

.nav__item {
  position: relative;
  display: flex;
  flex-shrink: 0;
  min-height: 44px;
}

.nav__item > .btn {
  margin: 0 16px;
}

.nav__item > .btn + .btn {
  margin-left: 0;
}

.nav__item.is-active > .nav__link,
.nav__item.is-active > .nav__link > .nav__link-icon, .nav__item.is-open > .nav__link,
.nav__item.is-open > .nav__link > .nav__link-icon {
  color: #609ef5;
}

.nav__link {
  min-height: 100%;
  color: #31363B;
  transition: color 0.3s;
}

.nav__link-icon {
  position: relative;
  height: 24px;
  width: 24px;
  min-width: 24px;
  font-size: 24px;
  line-height: 24px;
  color: #3d4349;
  transition: color 0.3s;
  text-align: center;
}

.nav__link-icon > .badge {
  position: absolute;
  top: -8px;
  right: -8px;
}

.nav__link-icon + .nav__link-text {
  margin-left: 16px;
}

.nav__link-text {
  flex-grow: 1;
}

.nav__link-text + .nav__link-icon {
  margin-left: 16px;
}

.nav__link-text + .nav__link-arrow {
  margin-left: 8px;
}

.nav__link-arrow {
  margin-left: 8px;
  margin-right: -4px;
  opacity: 0.4;
  font-size: 16px;
  line-height: 24px;
}

.nav__link-arrow + .nav__link-text {
  margin-left: 8px;
}

.nav__link:hover,
.nav__link:hover > .nav__link-icon {
  color: #609ef5;
  text-decoration: none;
}

.nav__link:active, .nav__link:focus {
  color: #609ef5;
  outline: none;
}

.nav__divider {
  margin: 8px 0;
  height: 1px;
  background: #e9ebf0;
}

.nav__header {
  min-height: 44px;
  margin-top: 8px;
}

.nav__header:first-child {
  margin-top: 0;
}

.nav__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.nav__link, .nav__content, .nav__header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 6px 16px;
}

.nav--xs .nav__item,
.nav--xs .nav__header,
.nav .nav__sub--xs .nav__item,
.nav .nav__sub--xs .nav__header {
  min-height: 36px;
}

.nav--xs .nav__link,
.nav .nav__sub--xs .nav__link {
  font-size: 12px;
}

.nav--xs .nav__link,
.nav--xs .nav__header,
.nav .nav__sub--xs .nav__link,
.nav .nav__sub--xs .nav__header {
  padding: 4px 16px;
}

.nav--xs .nav__divider,
.nav .nav__sub--xs .nav__divider {
  margin: 4px 0;
}

.nav--sm .nav__item,
.nav--sm .nav__header,
.nav .nav__sub--sm .nav__item,
.nav .nav__sub--sm .nav__header {
  min-height: 36px;
}

.nav--sm .nav__link,
.nav--sm .nav__header,
.nav .nav__sub--sm .nav__link,
.nav .nav__sub--sm .nav__header {
  padding: 4px 16px;
}

.nav--sm .nav__divider,
.nav .nav__sub--sm .nav__divider {
  margin: 4px 0;
}

.nav--md .nav__item,
.nav--md .nav__header,
.nav .nav__sub--md .nav__item,
.nav .nav__sub--md .nav__header {
  min-height: 48px;
}

.nav--md .nav__link,
.nav .nav__sub--md .nav__link {
  font-size: 14px;
}

.nav--md .nav__link,
.nav--md .nav__header,
.nav .nav__sub--md .nav__link,
.nav .nav__sub--md .nav__header {
  padding: 8px 16px;
}

.nav--md .nav__divider,
.nav .nav__sub--md .nav__divider {
  margin: 8px 0;
}

.nav--lg .nav__item,
.nav--lg .nav__header,
.nav .nav__sub--lg .nav__item,
.nav .nav__sub--lg .nav__header {
  min-height: 52px;
}

.nav--lg .nav__link,
.nav .nav__sub--lg .nav__link {
  font-size: 14px;
}

.nav--lg .nav__link,
.nav--lg .nav__header,
.nav .nav__sub--lg .nav__link,
.nav .nav__sub--lg .nav__header {
  padding: 8px 16px;
}

.nav--lg .nav__divider,
.nav .nav__sub--lg .nav__divider {
  margin: 8px 0;
}

.nav:not(.nav--h) + .nav:not(.nav--h) {
  margin-top: 8px;
}

/*
*******************************************
2. Nav - Elements
*******************************************
*/
.nav {
  /*
    &-swiper {
        position: relative;
        &:after,
        &:before {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: $z-index;
            display: block;
            content: "";
            width: 16px;
        }
        &:before {
            left: 0;
            background: linear-gradient(90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%)
        }
        &:after {
            right: 0;
            background: linear-gradient(90deg,rgba(255,255,255, 0) 0%, rgb(255,255,255) 100%)
        }
    }
    */
}

.nav__sub {
  padding: 6px 0;
}

.nav__item .nav__sub {
  position: relative;
  padding-left: 16px;
}

.nav__item .nav__sub:after {
  position: absolute;
  top: 8px;
  bottom: 8px;
  display: block;
  content: '';
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
}

.nav__item.has-dropdown > .nav__dropdown,
.nav__item.has-dropdown > .nav__sub {
  display: none;
}

.nav__item.has-dropdown.is-open > .nav__dropdown,
.nav__item.has-dropdown.is-open > .nav__sub {
  display: block;
}

.nav__item.has-dropdown.has-no-icon > .nav__link:after {
  display: none;
}

.nav__item.is-open > .nav__link .drop-arrow, .nav__item.is-active > .nav__link .drop-arrow {
  display: block;
}

.nav__item.is-open .drop-arrow {
  z-index: 1000;
}

.nav.has-icons > .nav__item > .nav__sub,
.nav.has-icons > .nav__item > .nav__dropdown > .nav__sub {
  padding-left: 40px;
}

.nav.has-icons > .nav__item > .nav__sub:after,
.nav.has-icons > .nav__item > .nav__dropdown > .nav__sub:after {
  left: 26px;
}

.nav.has-icons.nav--sm > .nav__item > .nav__sub {
  padding-left: 40px;
}

.nav.has-icons.nav--sm > .nav__item > .nav__sub:after {
  left: 26px;
}

.nav.has-icons.nav--md > .nav__item > .nav__sub {
  padding-left: 40px;
}

.nav.has-icons.nav--md > .nav__item > .nav__sub:after {
  left: 26px;
}

.nav.has-icons.nav--lg > .nav__item > .nav__sub {
  padding-left: 40px;
}

.nav.has-icons.nav--lg > .nav__item > .nav__sub:after {
  left: 26px;
}

/*
*******************************************
3. Nav - Types
*******************************************
*/
.nav {
  /* Type: Border  */
  /* Type: Arrow */
}

.nav--h {
  padding: 0;
  margin: 0;
  flex-direction: row;
}

.nav--h.is-right + .nav--h.is-right {
  margin-left: 0 !important;
}

.nav--tabs .nav__item {
  position: relative;
  width: auto;
  white-space: nowrap;
}

.nav--tabs .nav__item.is-active,
.nav--tabs .nav__link.is-active > .nav__link {
  position: relative;
}

.nav--tabs .nav__item.is-active:after,
.nav--tabs .nav__link.is-active > .nav__link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  content: '';
  height: 2px;
  background: #609ef5;
}

.nav--tabs.nav--h .nav__item.is-active:after,
.nav--tabs.nav--h .nav__link.is-active > .nav__link:after {
  left: 12px;
  right: 12px;
}

.nav--border-left .nav__item.is-active:after,
.nav--border-left .nav__link.is-active > .nav__link:after {
  left: 0;
  right: auto;
  height: 100%;
  width: 2px;
}

.nav--arrow .nav__item.is-active:after,
.nav--arrow .nav__item.is-active > .nav__link:after {
  display: block;
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50% !important;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  content: '';
  background: #ffffff;
  border: 1px solid #E4E6F0;
  transform: rotate(45deg);
}

.nav--p-x-0 .nav__item,
.nav--p-x-0 .nav__link {
  padding-left: 0;
  padding-right: 0;
}

.nav--p-x-0.has-icons .nav__sub:before {
  left: 8px !important;
}

@media (min-width: 1012px) {
  .nav--h .nav__dropdown {
    position: absolute;
    top: 100%;
    left: 16px;
    z-index: 999;
    margin: 0;
    display: none;
    min-width: 260px;
    background: #ffffff;
    box-shadow: 0 2px 30px -1px rgba(30, 45, 70, 0.15);
    border-radius: 3px;
    animation-name: fadeInUp;
    animation-duration: 0.3s;
    animation-fill-mode: both;
  }
  .nav--h .nav__dropdown:after {
    display: none;
  }
  .nav--h .nav__dropdown--right {
    left: auto;
    right: 0;
  }
  .nav--h .nav__dropdown--left {
    left: 0;
    right: auto;
  }
  .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__link:after {
    content: '\f2fb';
  }
  .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__link .drop-arrow--right {
    right: -8px;
  }
  .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__link .drop-arrow--left {
    left: -8px;
  }
  .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__dropdown {
    top: 0;
  }
  .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__dropdown--right {
    left: 100%;
    right: auto;
    margin-left: 8px;
  }
  .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__dropdown--left {
    left: auto;
    right: 100%;
    margin-right: 8px;
  }
  .nav--h .is-open .drop-arrow {
    animation-name: fadeInUp;
    animation-duration: 0.3s;
    animation-fill-mode: both;
  }
  .nav--h .nav__sub {
    padding-left: 0;
  }
  .nav--h .nav__sub:after {
    display: none;
  }
}

/*
*******************************************
4. Navs - other
*******************************************
*/
/* move this  */
.brand {
  display: inline-flex;
  align-items: center;
}

.brand .brand__logo {
  display: flex;
  align-items: center;
}

/*
*******************************************
Navbar
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Navbar - general
*******************************************
*/
.navbar {
  width: 100%;
  margin: 0;
  border-radius: 0;
  border: none;
}

.navbar--main {
  background: transparent;
}

.navbar,
.navbar > .container,
.navbar > .container-fluid,
.navbar__top,
.navbar__top > .container,
.navbar__top > .container-fluid {
  display: flex;
  flex-flow: row wrap;
  align-content: start;
}

.navbar,
.navbar > .container,
.navbar > .container-fluid {
  align-items: center;
}

/*
*******************************************
2. Navbar - Elements
*******************************************
*/
.navbar__top {
  width: 100%;
  padding: 16px 0;
}

.navbar__brand {
  flex-shrink: 0;
  padding: 8px 16px;
}

.navbar__burger span {
  background: #e3e8ec;
}

.navbar__menu,
.navbar__menu > .container,
.navbar__menu > .container-fluid, .navbar__off-canvas,
.navbar__off-canvas > .container,
.navbar__off-canvas > .container-fluid {
  display: flex;
  flex-grow: 1;
}

.navbar__nav {
  display: flex;
}

.navbar__nav .nav__item > .nav__link {
  padding-left: 16px;
  padding-right: 16px;
}

.navbar > .container > .navbar__brand:first-child,
.navbar > .container > .navbar__menu:first-child,
.navbar > .container > .navbar__nav:first-child,
.navbar > .container-fluid > .navbar__brand:first-child,
.navbar > .container-fluid > .navbar__menu:first-child,
.navbar > .container-fluid > .navbar__nav:first-child,
.navbar__top > .container > .navbar__brand:first-child,
.navbar__top > .container > .navbar__menu:first-child,
.navbar__top > .container > .navbar__nav:first-child,
.navbar__top > .container-fluid > .navbar__brand:first-child,
.navbar__top > .container-fluid > .navbar__menu:first-child,
.navbar__top > .container-fluid > .navbar__nav:first-child {
  margin-left: -16px;
}

.navbar > .container > .navbar__brand:last-child,
.navbar > .container > .navbar__burger,
.navbar > .container > .navbar__menu:last-child,
.navbar > .container > .navbar__nav:last-child,
.navbar > .container-fluid > .navbar__brand:last-child,
.navbar > .container-fluid > .navbar__burger,
.navbar > .container-fluid > .navbar__menu:last-child,
.navbar > .container-fluid > .navbar__nav:last-child,
.navbar__top > .container > .navbar__brand:last-child,
.navbar__top > .container > .navbar__burger,
.navbar__top > .container > .navbar__menu:last-child,
.navbar__top > .container > .navbar__nav:last-child,
.navbar__top > .container-fluid > .navbar__brand:last-child,
.navbar__top > .container-fluid > .navbar__burger,
.navbar__top > .container-fluid > .navbar__menu:last-child,
.navbar__top > .container-fluid > .navbar__nav:last-child {
  margin-right: -16px;
}

.navbar__menu > .container > .nav:first-child,
.navbar__menu > .container-fluid > .nav:first-child,
.navbar__collapse > .navbar__menu > .container > .nav:first-child,
.navbar__collapse > .navbar__menu > .container-fluid > .nav:first-child,
.navbar__off-canvas > .navbar__menu > .container > .nav:first-child,
.navbar__off-canvas > .navbar__menu > .container-fluid > .nav:first-child {
  margin-left: -16px;
}

.navbar__menu > .container > .nav:last-child,
.navbar__menu > .container-fluid > .nav:last-child,
.navbar__collapse > .navbar__menu > .container > .nav:last-child,
.navbar__collapse > .navbar__menu > .container-fluid > .nav:last-child,
.navbar__off-canvas > .navbar__menu > .container > .nav:last-child,
.navbar__off-canvas > .navbar__menu > .container-fluid > .nav:last-child {
  margin-right: -16px;
}

.navbar > .container .navbar__burger,
.navbar > .container-fluid .navbar__burger {
  order: 2;
  margin-left: 16px;
}

.navbar--main .navbar__nav .nav__item > .nav__link {
  font-size: 14px;
  font-weight: 600;
}

.navbar--main .nav > .nav__item > .nav__link {
  color: #e3e8ec;
}

.navbar--main .nav > .nav__item > .nav__link:hover,
.navbar--main .nav > .nav__item > .nav__link:hover > .nav__link-icon, .navbar--main .nav > .nav__item > .nav__link:active, .navbar--main .nav > .nav__item > .nav__link:focus,
.navbar--main .nav > .nav__item > .nav__link:active > .nav__link-icon,
.navbar--main .nav > .nav__item > .nav__link:focus > .nav__link-icon {
  color: #ffffff;
}

.navbar--main .nav > .nav__item .nav__link-icon {
  color: #e3e8ec;
}

.navbar--main .nav > .nav__item.is-open > .nav__link,
.navbar--main .nav > .nav__item.is-open > .nav__link > .nav__link-icon {
  color: #ffffff;
}

.navbar--main .nav > .nav__item.is-active > .nav__link,
.navbar--main .nav > .nav__item.is-active > .nav__link > .nav__link-icon {
  color: #3A87F2;
}

.navbar--main .navbar__burger span {
  background: #e3e8ec;
}

@media (min-width: 1012px) {
  .navbar {
    min-height: 72px;
  }
  .navbar:not(.navbar--v) {
    align-content: center;
  }
  .navbar__top + .navbar__menu,
  .navbar__top + .navbar__collapse,
  .navbar__top + .navbar__off-canvas {
    background: rgba(0, 0, 0, 0.1);
  }
  .navbar__collapse {
    flex-grow: 1;
    max-width: 100%;
  }
  .navbar__collapse.collapse {
    display: flex !important;
  }
  .navbar__brand, .navbar__menu,
  .navbar__nav > .nav__item {
    min-height: 64px;
  }
}

@media (max-width: 1011px) {
  .navbar {
    flex-wrap: nowrap;
    min-height: 56px;
  }
  .navbar__top {
    padding: 0;
  }
  .navbar__brand .brand__logo,
  .navbar__brand .brand__logo > img {
    max-height: 40px;
  }
  .navbar__brand, .navbar__menu,
  .navbar__nav > .nav__item {
    min-height: 56px;
  }
  .navbar__collapse {
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
  }
  .navbar__collapse.collapse {
    display: none;
  }
  .navbar__collapse .navbar__nav .nav__sub .nav__link,
  .navbar__collapse .navbar__nav .nav__sub .nav__hedaer {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar__collapse .navbar__nav .nav__sub .nav__link {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar__collapse .navbar__nav .nav__sub .nav__link .badge {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
  }
  .navbar__collapse .navbar__nav .nav__sub .nav__link:hover, .navbar__collapse .navbar__nav .nav__sub .nav__link:focus {
    color: rgba(255, 255, 255, 0.9);
  }
  .navbar__collapse .navbar__nav .nav__sub .nav__link:active {
    color: rgba(255, 255, 255, 0.6);
  }
  .navbar__off-canvas {
    top: 56px;
    width: 320px;
    max-width: 100%;
  }
  .navbar__off-canvas .navbar__menu {
    overflow: auto;
  }
  .navbar__collapse .navbar__menu,
  .navbar__collapse .navbar__nav, .navbar__off-canvas .navbar__menu,
  .navbar__off-canvas .navbar__nav {
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
  }
  .navbar__menu .nav > .nav__item.has-dropdown > .nav__link:after {
    margin-left: auto;
  }
  .navbar__menu .nav > .nav__item.is-open > .nav__link .drop-arrow, .navbar__menu .nav > .nav__item.is-active > .nav__link .drop-arrow {
    display: none;
  }
  .navbar__menu .nav__item.is-open > .nav__dropdown.off-canvas-responsive {
    transform: translateX(0);
  }
  .navbar__menu .nav__link:after {
    display: block !important;
    margin-left: auto;
  }
  .navbar__menu .nav__dropdown {
    animation: none;
  }
  .navbar__menu .nav__dropdown.off-canvas-responsive {
    overflow-y: auto;
    display: block !important;
    width: calc(100% - 56px);
  }
  .navbar__menu .nav__dropdown.off-canvas-responsive .nav__header.is-hidden-responsive-up .top__addon:first-child .btn {
    margin-left: -8px;
  }
  .navbar .container .navbar__collapse > .navbar__menu > .nav,
  .navbar .navbar__collapse > .navbar__menu > .container > .nav {
    margin: 0 -16px;
  }
  .navbar > .container > .navbar__collapse {
    background: transparent;
  }
  .navbar .nav > .nav__item > .nav__dropdown.off-canvas-responsive > .nav__sub {
    padding-left: 0;
  }
  .navbar .nav > .nav__item > .nav__dropdown.off-canvas-responsive > .nav__sub:after {
    display: none;
  }
  .navbar__off-canvas, .navbar.off-canvas-responsive {
    top: 56px;
    width: 320px;
    max-width: 100%;
  }
  .navbar__off-canvas .navbar__menu, .navbar.off-canvas-responsive .navbar__menu {
    max-height: 100%;
    overflow: auto;
  }
  .navbar__off-canvas .navbar__nav, .navbar.off-canvas-responsive .navbar__nav {
    width: 100%;
  }
  .navbar__off-canvas .nav__link-arrow:before, .navbar.off-canvas-responsive .nav__link-arrow:before {
    width: 100%;
    transform: rotate(-90deg);
  }
  .navbar__collapse .navbar__menu,
  .navbar__collapse .navbar__nav, .navbar__off-canvas .navbar__menu,
  .navbar__off-canvas .navbar__nav {
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
  }
}

/*
*******************************************
3. Navbar - Vertical
*******************************************
*/
@media (min-width: 1012px) {
  .navbar--v,
  .navbar--v > .navbar__collapse {
    flex-flow: column nowrap;
  }
  .navbar--v .navbar__brand {
    width: 100%;
  }
  .navbar--v .navbar__brand + .navbar__menu {
    padding-top: 0;
  }
  .navbar--v .navbar__actions {
    width: 100%;
  }
  .navbar--v .navbar__menu {
    overflow-y: hidden;
    flex-direction: column;
    max-height: 100%;
  }
  .navbar--v .navbar__nav > .nav__item {
    min-height: 56px;
  }
}

@media (max-width: 1011px) {
  .navbar--v {
    width: 100%;
  }
  .navbar--v .navbar__brand,
  .navbar--v .navbar__actions {
    width: auto;
  }
}

/*
*******************************************
4. Navbar - Vertical Wide
*******************************************
*/
.navbar--v-wide .navbar__nav > .nav__item.is-open.has-dropdown, .navbar--v-wide .navbar__nav > .nav__item.is-active.has-dropdown {
  background: rgba(0, 0, 0, 0.1);
}

.navbar--v-wide .navbar__nav > .nav__item.is-open.has-dropdown .nav__dropdown, .navbar--v-wide .navbar__nav > .nav__item.is-active.has-dropdown .nav__dropdown {
  padding-bottom: 8px;
}

.navbar--v-wide .navbar__nav > .nav__item.is-active.has-dropdown .nav__dropdown {
  display: block;
}

.navbar--v-wide .navbar__nav.has-icons > .nav__sub {
  padding-left: 40px;
}

.navbar--v-wide .navbar__nav.has-icons > .nav__sub:after {
  left: 26px;
}

.navbar--v-wide .navbar__actions {
  background: rgba(0, 0, 0, 0.1);
}

.navbar--v-wide .nav__sub:after {
  display: block;
}

.navbar--v-wide .nav__sub .nav__link,
.navbar--v-wide .nav__sub .nav__hedaer {
  color: rgba(255, 255, 255, 0.7);
}

.navbar--v-wide .nav__sub .nav__link {
  color: rgba(255, 255, 255, 0.7);
}

.navbar--v-wide .nav__sub .nav__link .badge {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}

.navbar--v-wide .nav__sub .nav__link:hover, .navbar--v-wide .nav__sub .nav__link:focus {
  color: rgba(255, 255, 255, 0.9);
}

.navbar--v-wide .nav__sub .nav__link:active {
  color: rgba(255, 255, 255, 0.6);
}

.navbar--v-wide.navbar--main .nav > .nav__header .nav__title {
  opacity: 0.8;
  color: #e3e8ec;
}

@media (min-width: 1012px) {
  .navbar--v-wide {
    width: 260px;
  }
  .navbar--v-wide .navbar__brand {
    height: 96px;
  }
}

@media (max-width: 1011px) {
  .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link {
    color: #31363B;
  }
  .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link:hover {
    color: #609ef5;
  }
  .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link:focus, .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link:active {
    color: #3A87F2;
  }
}

/*
*******************************************
5. Navbar - Vertical Thin
*******************************************
*/
.navbar--v-thin .navbar__menu .navbar__nav.is-open > .nav__link > .drop-arrow, .navbar--v-thin .navbar__menu .navbar__nav.is-active > .nav__link > .drop-arrow {
  display: block;
}

@media (min-width: 1012px) {
  .navbar--v-thin {
    position: relative;
    width: 116px;
  }
  .navbar--v-thin .navbar__brand {
    height: 112px;
    justify-content: center;
  }
  .navbar--v-thin .navbar__nav > .nav__item {
    overflow: hidden;
    position: static;
  }
  .navbar--v-thin .navbar__nav > .nav__item > .nav__link {
    position: relative;
    flex-direction: column;
    padding: 16px 8px;
  }
  .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-icon {
    margin: 0;
  }
  .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-icon + .nav__link-text {
    margin-top: 16px;
  }
  .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-text {
    margin: 0;
    text-align: center;
  }
  .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-arrow {
    display: none;
  }
  .navbar--v-thin .navbar__nav > .nav__item.has-dropdown > .nav__link:after {
    display: none;
  }
  .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown .nav__link,
  .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown .nav__header {
    padding-left: 24px;
    padding-right: 24px;
  }
  .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown > .nav__sub {
    padding-left: 0;
  }
  .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown > .nav__sub:after {
    display: none;
  }
  .navbar--v-thin .navbar__nav.has-open-item > .nav__item.is-active:not(.is-open) > .nav__link .drop-arrow {
    display: none;
  }
  .navbar--v-thin .nav__dropdown {
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1002;
    left: 116px;
    width: 300px;
    margin: 0;
    padding: 8px 0;
    background: #ffffff;
    box-shadow: 0 2px 30px -1px rgba(30, 45, 70, 0.15);
    animation-name: fadeInRight;
    animation-duration: 0.3s;
    animation-fill-mode: both;
  }
}

@media (max-width: 1011px) {
  .navbar--v-thin .navbar__menu .nav > .nav__item {
    position: unset;
  }
  .navbar--v-thin .navbar__menu .nav > .nav__item > .nav__link {
    flex-flow: row;
    padding: 8px 16px;
  }
}

.burger {
  position: relative;
  -ms-grid-row-align: center;
      align-self: center;
  width: 56px;
  height: 56px;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  border: none;
  cursor: pointer;
  overflow: hidden;
}

.burger span {
  position: absolute;
  left: calc(50% - 10px);
  display: block;
  width: 20px;
  height: 2px;
  transition: .25s ease-in-out;
  transform: rotate(0deg);
  opacity: 1;
  border-radius: 9px;
  background: #3d4349;
}

.burger span:nth-child(1) {
  top: calc(50% - 8px);
}

.burger span:nth-child(2) {
  top: 50%;
}

.burger span:nth-child(3) {
  top: calc(50% + 8px);
}

.burger:focus, .burger:active {
  outline: none;
}

.burger[aria-expanded="true"] span:nth-child(1), .burger.is-active span:nth-child(1) {
  top: 50%;
  transform: rotate(135deg);
}

.burger[aria-expanded="true"] span:nth-child(2), .burger.is-active span:nth-child(2) {
  left: -60px;
  opacity: 0;
}

.burger[aria-expanded="true"] span:nth-child(3), .burger.is-active span:nth-child(3) {
  top: 50%;
  transform: rotate(-135deg);
}

@media (min-width: 1012px) {
  .burger {
    display: none;
  }
}

@media (max-width: 1011px) {
  .burger {
    display: flex;
  }
}

/*
*******************************************
Labels
1. General
2. Sizes
3. Colors
*******************************************
*/
/*
*******************************************
1. Labels - general
*******************************************
*/
.label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  text-transform: none;
  vertical-align: middle;
}

/*
*******************************************
2. Labels - sizes
*******************************************
*/
.label {
  font-size: 12px;
  padding: 0 12px;
  height: 24px;
}

.label--sm {
  font-size: 10px;
  padding: 0 8px;
  height: 20px;
}

.label--lg {
  font-size: 13px;
  padding: 0 16px;
  height: 32px;
}

/*
*******************************************
3. Labels - colors
*******************************************
*/
.label {
  color: #31363B;
  background: #e9ebf0;
}

.label--default {
  color: #31363B;
  background: #e9ebf0;
}

.label--primary {
  color: #ffffff;
  background: #3A87F2;
}

.label--secondary {
  color: #ffffff;
  background: #ffa125;
}

.label--success {
  color: #ffffff;
  background: #7ed321;
}

.label--info {
  color: #ffffff;
  background: #50bfff;
}

.label--warning {
  color: #ffffff;
  background: #ff8f33;
}

.label--danger {
  color: #ffffff;
  background: #f55656;
}

.label--light-overlay {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.3);
}

.label--dark-overlay {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.15);
}

.label--outline {
  background: transparent;
  color: #31363B;
  border-color: #e9ebf0;
}

.label--outline.label--default {
  color: #31363B;
  border-color: #e9ebf0;
}

.label--outline.label--primary {
  color: #3A87F2;
  border-color: #3A87F2;
}

.label--outline.label--secondary {
  color: #ffa125;
  border-color: #ffa125;
}

.label--outline.label--success {
  color: #7ed321;
  border-color: #7ed321;
}

.label--outline.label--info {
  color: #50bfff;
  border-color: #50bfff;
}

.label--outline.label--warning {
  color: #ff8f33;
  border-color: #ff8f33;
}

.label--outline.label--danger {
  color: #f55656;
  border-color: #f55656;
}

.label--outline.label--light-overlay {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}

.label--outline.label--dark-overlay {
  color: rgba(0, 0, 0, 0.6);
  border-color: rgba(0, 0, 0, 0.15);
}

.label--status {
  background: transparent;
  border: none;
  padding: 0;
  height: auto;
  color: #31363B;
}

.label--status:before {
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  border: 2px solid;
  border-radius: 6px;
  margin-right: 8px;
}

.label--status.label--default {
  color: #31363B;
}

.label--status.label--primary {
  color: #3A87F2;
}

.label--status.label--secondary {
  color: #ffa125;
}

.label--status.label--success {
  color: #7ed321;
}

.label--status.label--info {
  color: #50bfff;
}

.label--status.label--warning {
  color: #ff8f33;
}

.label--status.label--danger {
  color: #f55656;
}

.label--status.label--light-overlay {
  color: #ffffff;
}

.label--status.label--dark-overlay {
  color: rgba(0, 0, 0, 0.6);
}

/*
*******************************************
Breadcrumbs
1. General
*******************************************
*/
/*
*******************************************
1. Breadcrumbs - General
*******************************************
*/
.breadcrumb {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  background: transparent;
}

.breadcrumb__item:before {
  padding: 0 8px;
  color: #77838e;
  content: "/\00a0";
}

.breadcrumb__item:first-child:before {
  display: none;
}

.breadcrumb__item.is-active .breadcrumb__link {
  color: #31363B;
}

.breadcrumb__item > a {
  opacity: 0.8;
}

.breadcrumb__link {
  display: inline-block;
  color: #31363B;
}

/*
*******************************************
3. Breadcrumbs - Separators
*******************************************
*/
.breadcrumb--sm {
  font-size: 12px;
}

.breadcrumb--lg {
  font-size: 14px;
}

/*
*******************************************
3. Breadcrumbs - Separators
*******************************************
*/
.breadcrumb--arrow-separator .breadcrumb__item:before {
  font-family: 'Material-Design-Iconic-Font';
  content: "\f301";
}

.breadcrumb--angle-separator .breadcrumb__item:before {
  font-family: 'Material-Design-Iconic-Font';
  content: "\f2fb";
}

.breadcrumb--bullet-separator .breadcrumb__item:before {
  content: "\02022";
}

/*
*******************************************
Lists
1. General
2. Sizes
3. Types
*******************************************
*/
/*
*******************************************
1. Lists - general
*******************************************
*/
ul {
  margin-bottom: 16px;
  padding: 0;
  list-style: none;
}

.list {
  margin: 0;
  padding: 0;
}

.list:after {
  display: block;
  content: "";
  clear: both;
}

.list .list__item {
  padding: 4px 0;
}

.list .list__label {
  color: #77838e;
}

.list .list__label:first-child {
  margin-right: 6px;
}

.list .list__label:last-child {
  margin-left: 6px;
}

/*
*******************************************
2. Lists - sizes
*******************************************
*/
.list--sm li {
  font-size: 12px;
  line-height: 16px;
  padding: 1px 0;
}

.list--md li {
  font-size: 14px;
  line-height: 22px;
}

.list--md li .list__icon {
  font-size: 24px;
}

.list--lg li {
  font-size: 14px;
  line-height: 22px;
  padding: 4px 0 4px 32px;
}

.list--lg .list__item {
  margin-bottom: 13px;
}

.list--icon.list--sm li:before,
.list--icon.list--sm li .list__icon {
  font-size: 14px;
  top: 2px;
  width: 16px;
  height: 16px;
}

.list--icon.list--md li:before,
.list--icon.list--md li .list__icon {
  font-size: 24px;
  top: 0;
}

.list--icon.list--lg li:before,
.list--icon.list--lg li .list__icon {
  font-size: 24px;
  top: 2px;
}

/*
*******************************************
3. Lists - types
*******************************************
*/
.list--icon li {
  position: relative;
  padding: 2px 0 2px 32px;
}

.list--icon li:before {
  font-family: "Material-Design-Iconic-Font";
  content: '';
  justify-content: center;
  align-items: center;
}

.list--icon li:before,
.list--icon li .list__icon {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 19px;
  text-align: center;
  line-height: 24px;
}

.list--icon.list--arrow li:before {
  content: "";
}

.list--icon.list--check li:before {
  content: '\f269';
}

.list--icon.list--dots li:before {
  font-size: 8px;
  content: '\f26d';
}

.list--info .list__item {
  display: flex;
}

.list--info .list__label {
  width: 50%;
  flex-basis: 50%;
  max-width: 300px;
}

.list--info .list__value {
  width: 50%;
  flex-basis: 50%;
}

.list--h li {
  float: left;
}

.list--h li + li {
  margin-left: 16px;
}

@media (min-width: 760px) {
  .list--p-1x .list__item {
    padding: 8px 0;
  }
}

/*
*******************************************
Pagination
1. General
*******************************************
*/
/*
*******************************************
1. Pagination - general
*******************************************
*/
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination__item {
  display: flex;
  align-content: center;
  justify-content: center;
  height: 32px;
  min-width: 32px;
  padding: 4px;
  cursor: pointer;
  color: #31363B;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}

.pagination__item:last-child {
  margin-right: 0;
}

.pagination__item.is-active, .pagination__item--active {
  color: #609ef5;
}

.pagination--article .pagination__item {
  width: 36px;
  height: 36px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  margin-right: 12px;
  border-radius: 50%;
  cursor: initial;
}

.pagination--article .pagination__item:nth-last-child(2) {
  margin-right: 0;
}

.pagination--article .pagination__item.pagination__item--active {
  background: #e9ebf0;
}

.pagination--article .pagination__item--previous {
  margin-right: auto;
}

.pagination--article .pagination__item--next {
  margin-left: auto;
}

.package {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  border: solid 1px #e9ebf0;
  box-shadow: 0 2px 10px -1px rgba(30, 45, 70, 0.05);
  text-align: center;
}

.package__body {
  padding: 24px;
}

.package__body + .package__body {
  padding-top: 0;
}

.package__title {
  margin-bottom: 8px;
}

.package__photo {
  margin-bottom: 18px;
  height: 105px;
  height: 105px;
  margin-top: -25px;
  margin-left: -17px;
  margin-right: -17px;
}

.package__photo img {
  height: 100%;
}

.package__price {
  margin-bottom: 16px;
}

.package__price .price__value {
  font-weight: 900;
}

.package__price .price__prefix {
  font-weight: 700;
}

.package__price .price__cycle {
  font-weight: 400;
}

.package__action {
  margin-bottom: 24px;
}

.package__icon {
  margin-bottom: 32px;
}

.package__content {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 24px;
}

.package__content:last-child {
  margin-bottom: 0;
}

.package > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 1011px) {
  .package {
    padding: 8px 2px;
  }
}

/*
*******************************************
Widgets
1. General
2. Elements
2. Sizes
3. Colors
4. Responsive
*******************************************
*/
/*
*******************************************
1. Widgets - general
*******************************************
*/
.widget {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  border-radius: 0;
  box-shadow: 0 2px 10px -1px rgba(30, 45, 70, 0.05);
}

/*
*******************************************
2. Widgets - Elements
*******************************************
*/
.widget__header {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
}

.widget__header + .widget__body {
  border-top: 0;
}

.widget__top {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 48px;
  padding: 0 16px;
}

.widget__top .top__title-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.widget__top + .widget__body,
.widget__top + .widget__header {
  border-top: 0;
  height: auto;
}

.widget__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.widget__body > .widget__actions,
.widget__body > .widget__media {
  border: 0;
}

.widget__body > .widget__alert {
  margin: -1px -1px 0 -1px;
}

.widget__body + .widget__body {
  border-top: 0;
}

.widget__body + .widget__body[class*='bg-'] {
  border-color: transparent;
  margin-top: -1px;
}

.widget__body .list-group {
  border: none;
  overflow: auto;
}

.widget .widget__body .widget__top,
.widget .widget__header .widget__top,
.widget .widget__popup .widget__top {
  border-width: 0;
}

.widget .widget__body .widget__top + .widget__content,
.widget .widget__header .widget__top + .widget__content,
.widget .widget__popup .widget__top + .widget__content {
  padding-top: 0;
}

.widget__nav {
  margin-bottom: -1px;
}

.widget__content {
  flex-grow: 1;
  padding: 16px;
}

.widget__actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  min-height: 44px;
  margin-top: -1px;
}

.widget__actions--xs {
  height: 32px;
  min-height: 32px;
}

.widget__actions--sm {
  height: 36px;
  min-height: 36px;
}

.widget__actions--lg {
  height: 52px;
  min-height: 52px;
}

.widget__actions:not(.widget__actions--raised) > * {
  min-width: 0;
  padding: 0 16px;
}

.widget__actions + .widget__body {
  border-top: 0;
}

.widget__actions .btn + .btn {
  margin-left: 8px;
}

.widget__actions--raised {
  height: auto;
  padding: 10px 16px;
}

.widget__header, .widget__top, .widget__body, .widget__actions {
  border-width: 1px;
  border-style: solid;
}

.widget__alert {
  width: auto;
  border-radius: 0;
}

.widget__alert.is-absolute {
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.widget__divider {
  height: 1px;
  margin: 24px -16px 19px;
}

.widget__media {
  flex: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: -1px;
  background: #f8f9fa;
  text-align: center;
}

.widget__media:before,
.widget__media .widget__overlay:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.widget__media > img {
  max-height: 100%;
  max-width: 100%;
}

.widget__media .widget__alert {
  margin: 0;
}

.widget__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-60deg, rgba(228, 236, 242, 0.9) 0%, rgba(239, 242, 245, 0.75) 100%);
  opacity: 0;
  visibility: hidden;
  transition: ease-in-out 0.3s;
}

.widget__overlay > .widget__content {
  transform: translateY(10px);
  transition: ease-in-out 0.3s;
}

.has-overlay > img,
.has-overlay .widget__media > img,
.has-overlay .widget__overlay + .widget__content {
  transition: ease-in-out 0.3s;
}

.has-overlay:hover .widget__overlay {
  opacity: 1;
  visibility: visible;
}

.has-overlay:hover .widget__overlay > .widget__content {
  transform: translateY(0);
}

.has-overlay:hover > img,
.has-overlay:hover .widget__media > img,
.has-overlay:hover .widget__overlay + .widget__content {
  transform: scale(1.05);
}

/* Type: Dashed */
.widget--dashed {
  box-shadow: none;
}

.widget--dashed .widget__body,
.widget--dashed .widget__header {
  border-style: dashed;
}

.widget--popup {
  overflow: hidden;
}

.widget--group .widget {
  margin-bottom: -1px;
}

.widget--link, .widget--check {
  cursor: pointer;
}

.widget--link .widget__header,
.widget--link .widget__top,
.widget--link .widget__body,
.widget--link .widget__actions,
.widget--link .widget__media, .widget--dashed .widget__header,
.widget--dashed .widget__top,
.widget--dashed .widget__body,
.widget--dashed .widget__actions,
.widget--dashed .widget__media, .widget--check .widget__header,
.widget--check .widget__top,
.widget--check .widget__body,
.widget--check .widget__actions,
.widget--check .widget__media {
  transition: 0.3s;
}

/*
*******************************************
3. Widgets - colors
*******************************************
*/
.widget {
  background: #ffffff;
}

.widget__header, .widget__top, .widget__body, .widget__actions, .widget__media {
  border-color: #e9ebf0;
}

.widget__top__title-text {
  color: #293642;
}

.widget--link:hover, .widget--dashed:hover, .widget--check:hover {
  color: #31363B;
}

.widget--link:hover .widget__header,
.widget--link:hover .widget__top,
.widget--link:hover .widget__body,
.widget--link:hover .widget__actions,
.widget--link:hover .widget__media, .widget--dashed:hover .widget__header,
.widget--dashed:hover .widget__top,
.widget--dashed:hover .widget__body,
.widget--dashed:hover .widget__actions,
.widget--dashed:hover .widget__media, .widget--check:hover .widget__header,
.widget--check:hover .widget__top,
.widget--check:hover .widget__body,
.widget--check:hover .widget__actions,
.widget--check:hover .widget__media {
  border-color: #3A87F2;
}

.widget--link:hover .btn,
.widget--link:hover .btn__icon, .widget--dashed:hover .btn,
.widget--dashed:hover .btn__icon, .widget--check:hover .btn,
.widget--check:hover .btn__icon {
  color: #3A87F2;
}

.widget.is-active {
  color: #3A87F2;
}

.widget.is-active .widget__header,
.widget.is-active .widget__top,
.widget.is-active .widget__body,
.widget.is-active .widget__actions,
.widget.is-active .widget__media {
  border-color: #3A87F2;
}

.widget.is-active .btn--icon .btn__icon {
  color: #3A87F2;
}

.widget.is-active-success {
  color: #7ed321;
}

.widget.is-active-success .widget__header,
.widget.is-active-success .widget__top,
.widget.is-active-success .widget__body,
.widget.is-active-success .widget__actions,
.widget.is-active-success .widget__media {
  border-color: #7ed321;
}

.widget.is-active-success .btn--icon .btn__icon {
  color: #7ed321;
}

/*
*******************************************
4. Widgets - responsive
*******************************************
*/
.has-dark-bg[class*="widget"] {
  overflow: visible;
  border: 0;
}

.has-dark-bg[class*="widget"] > * {
  border: 0;
}

.has-dark-bg[class*="widget"] div, .has-dark-bg[class*="widget"] p, .has-dark-bg[class*="widget"] span, .has-dark-bg[class*="widget"] label, .has-dark-bg[class*="widget"] sub {
  color: #ffffff;
}

.has-dark-bg[class*="widget"] .top__title-text {
  color: #ffffff;
}

.has-dark-bg[class*="widget"] .form-control {
  border-color: transparent;
}

.has-dark-bg.widget {
  background: transparent;
}

/*
*******************************************
List group
1. General
2. Sizes
3. Types
4. Responsive
*******************************************
*/
/*
*******************************************
1. List group - general
*******************************************
*/
.list-group {
  margin: 0;
  border: 1px solid #e9ebf0;
}

.list-group__item {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #f2f3f6;
  color: #31363B;
}

.list-group__item > *:last-child {
  margin-bottom: 0;
}

.list-group__item:last-child {
  border-bottom: 0;
}

.list-group__content {
  flex-grow: 1;
}

.list-group__content > *:last-child {
  margin-bottom: 0;
}

.list-group__addon {
  flex-grow: 0;
}

.list-group__toolbar {
  display: flex;
  flex-grow: 0;
  align-items: center;
  white-space: nowrap;
}

.list-group__toolbar > * + * {
  margin-left: 16px;
}

.list-group__addon:first-child, .list-group__toolbar:first-child {
  margin-right: 16px;
}

.list-group__addon:last-child, .list-group__toolbar:last-child {
  margin-left: 16px;
}

.list-group__top {
  flex: auto;
  width: 100%;
}

.list-group__top + .list-group__content {
  margin-top: 16px;
}

.list-group__footer {
  flex: auto;
  width: 100%;
  margin-top: 16px;
}

.list-group__collapse {
  position: relative;
  width: 100%;
}

.list-group__collapse > .list-group__content {
  margin-top: 16px;
  padding-left: 40px;
}

.list-group__collapse > .list-group__content:before {
  position: absolute;
  left: 10px;
  right: 0;
  bottom: 0;
  top: 16px;
  display: block;
  width: 1px;
  content: '';
  background-color: #f2f3f6;
}

a.list-group__item {
  transition: all 0.3s;
}

a.list-group__item:hover {
  color: #31363B;
  background: #f8f9fa;
}

/*
*******************************************
3. List group - Types
*******************************************
*/
.list-group--simple {
  border: none;
}

.list-group--simple .list-group__item {
  border: none;
}

.list-group--v-middle > .list-group__item {
  align-items: center;
}

.list-group--v-top > .list-group__item {
  align-items: flex-start;
}

.list-group--nowrap > .list-group__item {
  flex-flow: row nowrap;
}

.list-group--collapse .list-group__top {
  cursor: pointer;
}

.list-group--collapse .list-group__top:hover .top__title {
  color: #3A87F2;
}

.list-group--spacing-1x .list-group__item > .list-group__addon:first-child,
.list-group--spacing-1x .list-group__item > .list-group__toolbar:first-child {
  margin-right: 8px;
}

.list-group--spacing-1x .list-group__item > .list-group__addon:last-child,
.list-group--spacing-1x .list-group__item > .list-group__toolbar:last-child {
  margin-left: 8px;
}

.list-group--spacing-3x .list-group__item > .list-group__addon:first-child,
.list-group--spacing-3x .list-group__item > .list-group__toolbar:first-child {
  margin-right: 24px;
}

.list-group--spacing-3x .list-group__item > .list-group__addon:last-child,
.list-group--spacing-3x .list-group__item > .list-group__toolbar:last-child {
  margin-left: 24px;
}

.list-group--spacing-4x .list-group__item > .list-group__addon:first-child,
.list-group--spacing-4x .list-group__item > .list-group__toolbar:first-child {
  margin-right: 32px;
}

.list-group--spacing-4x .list-group__item > .list-group__addon:last-child,
.list-group--spacing-4x .list-group__item > .list-group__toolbar:last-child {
  margin-left: 32px;
}

/*
*******************************************
2. List group - Sizes
*******************************************
*/
.list-group--p-h-0x > .list-group__item {
  padding-left: 0;
  padding-right: 0;
}

.list-group--p-v-3x > .list-group__item {
  padding-top: 24px;
  padding-bottom: 24px;
}

.list-group--p-3x > .list-group__item {
  padding: 24px;
}

.list-group--p-v-4x > .list-group__item {
  padding-top: 32px;
  padding-bottom: 32px;
}

.list-group--p-4x > .list-group__item {
  padding: 32px;
}

@media (max-width: 759px) {
  .list-group--mob-p-v-2x > .list-group__item {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .list-group--mob-p-2x > .list-group__item {
    padding: 16px;
  }
  .list-group--mob-p-v-3x > .list-group__item {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .list-group--mob-p-3x > .list-group__item {
    padding: 24px;
  }
}

.list-group--xs > .list-group__item {
  line-height: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 11px;
}

.list-group--sm {
  font-size: 12px;
  line-height: 16px;
}

.list-group--sm > .list-group__item {
  padding-top: 6px;
  padding-bottom: 6px;
}

/*
*******************************************
4. List group - Responsive
*******************************************
*/
@media (max-width: 759px) {
  .list-group--lg .list-group__item {
    padding: 16px;
  }
}

@media (max-width: 759px) {
  .mob-list-group--collapse {
    padding-left: 0;
  }
  .mob-list-group--collapse :before {
    display: none;
  }
  .mob-list-group--collapse .list-group__content--collapse {
    padding-left: 0;
  }
}

/*
*******************************************
Tabs
1. General
*******************************************
*/
/*
*******************************************
1. Tabs - general
*******************************************
*/
.nav--tabs.nav--horizontal:after {
  background: none;
}

.tabs-container {
  margin-bottom: 64px;
  border-bottom: 1px solid #e9ebf0;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .tab-pane.is-active {
  display: block;
}

.tabs {
  display: flex;
  margin-bottom: 0;
  flex-direction: column;
}

.tabs__nav:first-child {
  margin-bottom: 24px;
}

.tabs__nav:last-child {
  margin-top: 24px;
}

.tabs__nav > .nav.nav--tabs .nav__item {
  margin-right: 4px;
}

.tabs--boxed > .tabs__nav {
  margin: 0;
}

.tabs--boxed > .tabs__nav .nav .nav__item {
  margin-right: 6px;
  background-color: #e9ebf0;
}

.tabs--boxed > .tabs__nav .nav .nav__item.is-active {
  background-color: #f8f9fa;
}

.tabs--boxed > .tab-content {
  background-color: #f8f9fa;
}

.tabs--boxed > .tab-content > .tab-pane {
  padding: 24px;
}

.tabs--boxed .tabs--secondary > .tabs__nav .nav .nav__item.is-active {
  background: #ffa125;
}

.tabs--boxed .tabs--secondary > .tab-content {
  background: #ffa125;
}

.tabs-vertical li {
  margin-bottom: 10px;
}

.tabs-vertical .active .tabs__link {
  border-bottom: 3px solid #3A87F2;
}

.tabs-vertical .tabs__link {
  font-size: 15px;
  display: inline-flex;
  margin-bottom: 8px;
  padding: 3px 0;
}

.tabs-vertical .tabs__link:hover, .tabs-vertical .tabs__link:focus, .tabs-vertical .tabs__link:active {
  text-decoration: none;
}

[data-content-slider] {
  overflow: hidden;
}

.swiper-container {
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  transition-property: transform;
}

.swiper-slide {
  position: relative;
  width: 100%;
  height: unset;
  flex-shrink: 0;
}

.swiper-container {
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 759px) {
  .swiper--mob-full {
    margin-left: -16px;
    margin-right: -16px;
  }
  .swiper--mob-full .swiper-wrapper {
    margin: 0;
  }
  .swiper--mob-full .swiper-wrapper .swiper-slide:first-child {
    padding-left: 16px;
  }
  .swiper--mob-full .swiper-wrapper .swiper-slide:last-child {
    padding-right: 16px;
  }
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  transition-property: transform, height;
  align-items: flex-start;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev a,
.swiper-button-next a {
  color: #31363B;
}

.swiper-nav {
  display: inline-flex;
  align-items: center;
}

.swiper-nav > * {
  margin-right: 8px;
}

.swiper-nav > *:last-child {
  margin-right: 0;
}

.swiper-slide-val {
  display: inline-flex;
  align-self: center;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: red;
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/*
*******************************************
Icons containers
1. General
2. Sizes
3. Responsive
*******************************************
*/
/*
*******************************************
1. Icons containers - general
*******************************************
*/
.mob-i-c,
.i-c,
[class*="mob-i-c-"],
[class*="i-c-"],
[class*="l-i-"] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3d4349;
  line-height: 1;
}

.mob-i-c img,
.i-c img,
[class*="mob-i-c-"] img,
[class*="i-c-"] img,
[class*="l-i-"] img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}

.i-circled {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.i-circled--border {
  border: 1px solid #3A87F2;
}

.i-circled[class*="-faded"] > i {
  color: #31363B;
}

/*
*******************************************
2. Icons containers - sizes
*******************************************
*/
.i-c {
  height: 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  font-size: 24px !important;
  line-height: 24px !important;
}

.i-c-0x {
  height: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.i-c-1x {
  height: 8px !important;
  width: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  font-size: 8px !important;
  line-height: 8px !important;
}

.i-c-2x {
  height: 16px !important;
  width: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  font-size: 16px !important;
  line-height: 16px !important;
}

.i-c-3x {
  height: 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  font-size: 24px !important;
  line-height: 24px !important;
}

.i-c-4x {
  height: 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  font-size: 32px !important;
  line-height: 32px !important;
}

.i-c-5x {
  height: 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  font-size: 40px !important;
  line-height: 40px !important;
}

.i-c-6x {
  height: 48px !important;
  width: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  font-size: 48px !important;
  line-height: 48px !important;
}

.i-c-7x {
  height: 56px !important;
  width: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  font-size: 56px !important;
  line-height: 56px !important;
}

.i-c-8x {
  height: 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  font-size: 64px !important;
  line-height: 64px !important;
}

.i-c-9x {
  height: 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  font-size: 72px !important;
  line-height: 72px !important;
}

.i-c-10x {
  height: 80px !important;
  width: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
  font-size: 80px !important;
  line-height: 80px !important;
}

.i-c-11x {
  height: 88px !important;
  width: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  font-size: 88px !important;
  line-height: 88px !important;
}

.i-c-12x {
  height: 96px !important;
  width: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  font-size: 96px !important;
  line-height: 96px !important;
}

.i-c-13x {
  height: 104px !important;
  width: 104px !important;
  min-width: 104px !important;
  min-height: 104px !important;
  font-size: 104px !important;
  line-height: 104px !important;
}

.i-c-14x {
  height: 112px !important;
  width: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  font-size: 112px !important;
  line-height: 112px !important;
}

.i-c-15x {
  height: 120px !important;
  width: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  font-size: 120px !important;
  line-height: 120px !important;
}

.i-c-16x {
  height: 128px !important;
  width: 128px !important;
  min-width: 128px !important;
  min-height: 128px !important;
  font-size: 128px !important;
  line-height: 128px !important;
}

/*
*******************************************
3. Icons containers - responsive
*******************************************
*/
@media (max-width: 759px) {
  .mob-i-c-0x {
    height: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-1x {
    height: 8px !important;
    width: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    font-size: 8px !important;
    line-height: 8px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-2x {
    height: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-3x {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-4x {
    height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 32px !important;
    line-height: 32px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-5x {
    height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 40px !important;
    line-height: 40px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-6x {
    height: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 48px !important;
    line-height: 48px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-7x {
    height: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    font-size: 56px !important;
    line-height: 56px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-8x {
    height: 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    font-size: 64px !important;
    line-height: 64px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-9x {
    height: 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    font-size: 72px !important;
    line-height: 72px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-10x {
    height: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    font-size: 80px !important;
    line-height: 80px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-11x {
    height: 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    font-size: 88px !important;
    line-height: 88px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-12x {
    height: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    font-size: 96px !important;
    line-height: 96px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-13x {
    height: 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    font-size: 104px !important;
    line-height: 104px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-14x {
    height: 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    font-size: 112px !important;
    line-height: 112px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-15x {
    height: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    font-size: 120px !important;
    line-height: 120px !important;
  }
}

@media (max-width: 759px) {
  .mob-i-c-16x {
    height: 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    font-size: 128px !important;
    line-height: 128px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-0x {
    height: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-1x {
    height: 8px !important;
    width: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    font-size: 8px !important;
    line-height: 8px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-2x {
    height: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-3x {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-4x {
    height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 32px !important;
    line-height: 32px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-5x {
    height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 40px !important;
    line-height: 40px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-6x {
    height: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 48px !important;
    line-height: 48px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-7x {
    height: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    font-size: 56px !important;
    line-height: 56px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-8x {
    height: 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    font-size: 64px !important;
    line-height: 64px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-9x {
    height: 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    font-size: 72px !important;
    line-height: 72px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-10x {
    height: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    font-size: 80px !important;
    line-height: 80px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-11x {
    height: 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    font-size: 88px !important;
    line-height: 88px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-12x {
    height: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    font-size: 96px !important;
    line-height: 96px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-13x {
    height: 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    font-size: 104px !important;
    line-height: 104px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-14x {
    height: 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    font-size: 112px !important;
    line-height: 112px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-15x {
    height: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    font-size: 120px !important;
    line-height: 120px !important;
  }
}

@media (max-width: 1011px) {
  .responsive-i-c-16x {
    height: 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    font-size: 128px !important;
    line-height: 128px !important;
  }
}

/*
*******************************************
Forms
1. General
2. Elements
3. Sizes
4. States
5. Layout
6. Types
7. Input Group
8. Switch
9. Responsive
*******************************************
*/
/*
*******************************************
1. Form - General
*******************************************
*/
.form {
  width: 100%;
}

.input-group,
.form-control,
.form-indicator {
  color: #636166;
  border: 1px solid #e0e3ea;
  background-color: #ffffff;
  box-shadow: none;
}

.input-group:hover ,
.input-group .form-check label:hover .form-indicator,
.form-control:hover ,
.form-control .form-check label:hover .form-indicator,
.form-indicator:hover ,
.form-indicator .form-check label:hover .form-indicator {
  border-color: #e9ebf0;
}

.input-group:active, .input-group:focus,
.input-group .form-check label:active .form-indicator,
.input-group .form-check label:focus .form-indicator,
.form-control:active,
.form-control:focus,
.form-control .form-check label:active .form-indicator,
.form-control .form-check label:focus .form-indicator,
.form-indicator:active,
.form-indicator:focus,
.form-indicator .form-check label:active .form-indicator,
.form-indicator .form-check label:focus .form-indicator {
  border-color: #3A87F2;
  outline: 0;
}

.form-label,
.form-feedback {
  color: #77838e;
}

/*
*******************************************
2. Form - Elements
*******************************************
*/
.form {
  /* Element: Feedback */
  /* Element: Upload */
}

.form-group {
  position: relative;
  margin-bottom: 16px;
}

.form-group > *:last-child {
  margin-bottom: 0 !important;
}

.form-control {
  padding: 0 16px;
  height: 44px;
  border-radius: 3px;
  font-size: 13px;
  display: block;
  width: 100%;
  transition: border linear 0.3s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.form-label,
.form-group > label,
.form-check > label {
  display: flex;
  align-items: center;
  flex-basis: auto;
  margin-bottom: 4px;
  line-height: 20px;
  font-weight: 400;
}

.form-label + .form-check,
.form-group > label + .form-check,
.form-check > label + .form-check {
  margin-top: 8px;
}

.form-feedback {
  margin-top: 4px;
  font-size: 13px;
}

.form-feedback--icon {
  display: flex;
  align-items: center;
}

.form-feedback--icon:before {
  display: inline-block;
  font: normal normal normal 16px/1 "Material-Design-Iconic-Font";
  font-size: 16px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 10px;
  content: '';
  text-align: center;
}

.form-tooltip-helper {
  cursor: pointer;
  color: #b3b5b9;
  vertical-align: text-bottom;
  margin-left: 8px;
}

.form-upload {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  border: 1px dashed #3A87F2;
}

.form-upload .msg {
  padding: 16px 0;
}

.form-upload .msg__title {
  margin: 10px 0;
}

.form-separator {
  display: inline-flex;
  align-items: center;
}

textarea.form-control {
  line-height: 1.4;
  max-width: 100%;
  min-height: 150px;
  padding: 10px 12px;
  resize: none;
}

.help-block {
  margin-top: 8px;
  color: #77838e;
  font-size: 12px;
  line-height: 16px;
}

/*
*******************************************
3. Form - Sizes
*******************************************
*/
.form-control--xs,
.input-group--xs,
.input-group--xs .form-control {
  padding: 0 8px;
  height: 32px;
  border-radius: 2px;
  font-size: 11px;
}

.form-control--sm,
.input-group--sm,
.input-group--sm .form-control {
  padding: 0 16px;
  height: 36px;
  border-radius: 2px;
  font-size: 12px;
}

.form-control--d,
.input-group--d,
.input-group--d .form-control {
  padding: 0 16px;
  height: 44px;
  border-radius: 3px;
  font-size: 13px;
}

.form-control--md,
.input-group--md,
.input-group--md .form-control {
  padding: 0 16px;
  height: 52px;
  border-radius: 4px;
  font-size: 14px;
}

.form-control--lg,
.input-group--lg,
.input-group--lg .form-control {
  padding: 0 16px;
  height: 52px;
  border-radius: 4px;
  font-size: 14px;
}

.form-control--xlg,
.input-group--xlg,
.input-group--xlg .form-control {
  padding: 0 16px;
  height: 56px;
  border-radius: 4px;
  font-size: 14px;
}

@media (max-width: 759px) {
  .form-control--mob-xs,
  .input-group--mob-xs,
  .input-group--mob-xs .form-control {
    padding: 0 8px;
    height: 32px;
    border-radius: 2px;
    font-size: 11px;
  }
  .form-control--mob-sm,
  .input-group--mob-sm,
  .input-group--mob-sm .form-control {
    padding: 0 16px;
    height: 36px;
    border-radius: 2px;
    font-size: 12px;
  }
  .form-control--mob-d,
  .input-group--mob-d,
  .input-group--mob-d .form-control {
    padding: 0 16px;
    height: 44px;
    border-radius: 3px;
    font-size: 13px;
  }
  .form-control--mob-md,
  .input-group--mob-md,
  .input-group--mob-md .form-control {
    padding: 0 16px;
    height: 52px;
    border-radius: 4px;
    font-size: 14px;
  }
  .form-control--mob-lg,
  .input-group--mob-lg,
  .input-group--mob-lg .form-control {
    padding: 0 16px;
    height: 52px;
    border-radius: 4px;
    font-size: 14px;
  }
  .form-control--mob-xlg,
  .input-group--mob-xlg,
  .input-group--mob-xlg .form-control {
    padding: 0 16px;
    height: 56px;
    border-radius: 4px;
    font-size: 14px;
  }
}

.form-control--rounded {
  border-radius: 100px;
  padding: 0 18px;
}

.form-control--rounded.form-control--xs {
  padding: 0 16px;
}

.form-control--rounded.form-control--xlg {
  padding: 0 34px;
}

/*
*******************************************
4. Forms - States
*******************************************
*/
.form-group .is-loading {
  position: relative;
}

.form-group .is-loading .preloader {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  display: block;
  height: 100%;
}

.form-group.is-loading .preloader {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
}

.form-group.is-success .input-group,
.form-group.is-success .form-control,
.form-group.is-success .form-indicator {
  color: #7ed321;
  border: 1px solid #7ed321;
  background-color: #ffffff;
  box-shadow: none;
}

.form-group.is-success .input-group:hover ,
.form-group.is-success .input-group .form-check label:hover .form-indicator,
.form-group.is-success .form-control:hover ,
.form-group.is-success .form-control .form-check label:hover .form-indicator,
.form-group.is-success .form-indicator:hover ,
.form-group.is-success .form-indicator .form-check label:hover .form-indicator {
  border-color: #7ed321;
}

.form-group.is-success .input-group:active, .form-group.is-success .input-group:focus,
.form-group.is-success .input-group .form-check label:active .form-indicator,
.form-group.is-success .input-group .form-check label:focus .form-indicator,
.form-group.is-success .form-control:active,
.form-group.is-success .form-control:focus,
.form-group.is-success .form-control .form-check label:active .form-indicator,
.form-group.is-success .form-control .form-check label:focus .form-indicator,
.form-group.is-success .form-indicator:active,
.form-group.is-success .form-indicator:focus,
.form-group.is-success .form-indicator .form-check label:active .form-indicator,
.form-group.is-success .form-indicator .form-check label:focus .form-indicator {
  border-color: #7ed321;
  outline: 0;
}

.form-group.is-success .form-label,
.form-group.is-success .form-feedback {
  color: #77838e;
}

.form-group.is-success .form-feedback--icon:before {
  content: "";
}

.form-group.is-warning .input-group,
.form-group.is-warning .form-control,
.form-group.is-warning .form-indicator {
  color: #ff8f33;
  border: 1px solid #ff8f33;
  background-color: #ffffff;
  box-shadow: none;
}

.form-group.is-warning .input-group:hover ,
.form-group.is-warning .input-group .form-check label:hover .form-indicator,
.form-group.is-warning .form-control:hover ,
.form-group.is-warning .form-control .form-check label:hover .form-indicator,
.form-group.is-warning .form-indicator:hover ,
.form-group.is-warning .form-indicator .form-check label:hover .form-indicator {
  border-color: #ff8f33;
}

.form-group.is-warning .input-group:active, .form-group.is-warning .input-group:focus,
.form-group.is-warning .input-group .form-check label:active .form-indicator,
.form-group.is-warning .input-group .form-check label:focus .form-indicator,
.form-group.is-warning .form-control:active,
.form-group.is-warning .form-control:focus,
.form-group.is-warning .form-control .form-check label:active .form-indicator,
.form-group.is-warning .form-control .form-check label:focus .form-indicator,
.form-group.is-warning .form-indicator:active,
.form-group.is-warning .form-indicator:focus,
.form-group.is-warning .form-indicator .form-check label:active .form-indicator,
.form-group.is-warning .form-indicator .form-check label:focus .form-indicator {
  border-color: #ff8f33;
  outline: 0;
}

.form-group.is-warning .form-label,
.form-group.is-warning .form-feedback {
  color: #77838e;
}

.form-group.is-warning .form-feedback--icon:before {
  content: "";
}

.form-group.is-error .input-group,
.form-group.is-error .form-control,
.form-group.is-error .form-indicator {
  color: #636166;
  border: 1px solid #f55656;
  background-color: #ffffff;
  box-shadow: none;
}

.form-group.is-error .input-group:hover ,
.form-group.is-error .input-group .form-check label:hover .form-indicator,
.form-group.is-error .form-control:hover ,
.form-group.is-error .form-control .form-check label:hover .form-indicator,
.form-group.is-error .form-indicator:hover ,
.form-group.is-error .form-indicator .form-check label:hover .form-indicator {
  border-color: #f55656;
}

.form-group.is-error .input-group:active, .form-group.is-error .input-group:focus,
.form-group.is-error .input-group .form-check label:active .form-indicator,
.form-group.is-error .input-group .form-check label:focus .form-indicator,
.form-group.is-error .form-control:active,
.form-group.is-error .form-control:focus,
.form-group.is-error .form-control .form-check label:active .form-indicator,
.form-group.is-error .form-control .form-check label:focus .form-indicator,
.form-group.is-error .form-indicator:active,
.form-group.is-error .form-indicator:focus,
.form-group.is-error .form-indicator .form-check label:active .form-indicator,
.form-group.is-error .form-indicator .form-check label:focus .form-indicator {
  border-color: #f55656;
  outline: 0;
}

.form-group.is-error .form-label,
.form-group.is-error .form-feedback {
  color: #31363b;
}

.form-group.is-error .form-feedback--icon:before {
  content: "";
}

.form-group.is-info .input-group,
.form-group.is-info .form-control,
.form-group.is-info .form-indicator {
  color: #50bfff;
  border: 1px solid #50bfff;
  background-color: #ffffff;
  box-shadow: none;
}

.form-group.is-info .input-group:hover ,
.form-group.is-info .input-group .form-check label:hover .form-indicator,
.form-group.is-info .form-control:hover ,
.form-group.is-info .form-control .form-check label:hover .form-indicator,
.form-group.is-info .form-indicator:hover ,
.form-group.is-info .form-indicator .form-check label:hover .form-indicator {
  border-color: #50bfff;
}

.form-group.is-info .input-group:active, .form-group.is-info .input-group:focus,
.form-group.is-info .input-group .form-check label:active .form-indicator,
.form-group.is-info .input-group .form-check label:focus .form-indicator,
.form-group.is-info .form-control:active,
.form-group.is-info .form-control:focus,
.form-group.is-info .form-control .form-check label:active .form-indicator,
.form-group.is-info .form-control .form-check label:focus .form-indicator,
.form-group.is-info .form-indicator:active,
.form-group.is-info .form-indicator:focus,
.form-group.is-info .form-indicator .form-check label:active .form-indicator,
.form-group.is-info .form-indicator .form-check label:focus .form-indicator {
  border-color: #50bfff;
  outline: 0;
}

.form-group.is-info .form-label,
.form-group.is-info .form-feedback {
  color: #77838e;
}

.form-group.is-info .form-feedback--icon:before {
  content: "";
}

/*
*******************************************
5. Forms - Layout
*******************************************
*/
.form-group--horizontal {
  display: flex;
}

.form-group--horizontal .form-label {
  flex-basis: 0;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 120px;
  margin-right: 16px;
  margin-bottom: 0;
}

.form-group--horizontal .form-label + .form-check {
  margin-top: 0;
}

.form-group--horizontal .form-controls {
  display: flex;
  flex-basis: 0;
  flex-grow: 5;
  flex-shrink: 1;
}

.form-group--horizontal .form-check {
  margin-bottom: 0;
}

.form-group--horizontal > * {
  margin-right: 16px;
}

.form-group--horizontal > * :last-child {
  margin-right: 0;
}

.form-group.row > .form-label[class*="col-"] {
  margin-bottom: 0;
}

.form--inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form--inline .form-group {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form--inline .form-group + .form-group {
  margin-left: 16px;
}

/*
*******************************************
6. Form - Types
*******************************************
*/
.form-control--rounded {
  border-radius: 70px;
}

.form-boxed {
  padding: 16px;
  background-color: #f8f9fa;
}

/*
*******************************************
7. Forms - Input Group
*******************************************
*/
.input-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  height: 44px;
  border-radius: 3px;
  font-size: 13px;
  transition: border linear 0.3s;
  padding: 0 !important;
}

.input-group .form-control,
.input-group .selectize-control.form-control,
.input-group .selectize-control.form-control .selectize-input {
  min-height: 100%;
  border: none !important;
  background: transparent !important;
}

.input-group .form-control {
  height: auto;
  flex: 1 1 auto;
}

.input-group .selectize-input, .input-group .selectize-control {
  height: 100%;
}

.input-group__icon {
  height: 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  font-size: 24px !important;
  line-height: 24px !important;
}

.input-group__icon:first-child {
  margin-left: 16px;
}

.input-group__icon:last-child {
  margin-right: 16px;
}

.input-group__btn:not(.btn--rounded) {
  margin-right: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group__addon {
  height: 100%;
  display: flex;
  align-items: center;
  min-height: inherit;
  padding: 0 16px;
  background: #f2f3f6;
  border-radius: inherit;
}

.input-group__addon + .form-control {
  padding-left: 16px;
}

.input-group__addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group__addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: auto;
  height: 100%;
}

.input-group__actions > .selectize-control:before {
  position: absolute;
  top: 25%;
  left: 0;
  content: '';
  display: block;
  align-items: center;
  width: 1px;
  height: 50%;
  background-color: #f2f3f6;
}

.input-group.input-group--simple {
  border-color: transparent;
}

.input-group.input-group--simple:hover, .input-group.input-group--simple:focus, .input-group.input-group--simple:active, .input-group.input-group--simple.is-focus {
  border-color: transparent;
}

.input-group.is-focus {
  border: 1px solid #3A87F2;
}

.input-group--rounded {
  border-radius: 70px;
}

.input-group--rounded > .btn.btn--rounded {
  margin-right: -1px;
}

.input-group--toggle:not(.is-open) {
  background: transparent;
  border-color: transparent;
  transition: none;
}

.input-group--toggle:not(.is-open):hover, .input-group--toggle:not(.is-open):focus, .input-group--toggle:not(.is-open):active, .input-group--toggle:not(.is-open).is-focus {
  background: transparent;
  border-color: transparent;
  transition: none;
}

.input-group--boxed {
  height: auto !important;
}

.input-group--boxed .input-group__actions {
  padding: 4px;
}

.input-group--boxed .input-group__actions > * {
  margin-left: 4px;
}

.input-group--xs {
  height: 32px;
}

.input-group--xs .input-group__icon {
  font-size: 19px;
}

.input-group--xs .input-group__icon:first-child {
  margin-left: 4px;
  margin-right: -4px;
}

.input-group--xs .input-group__addon {
  padding: 0 8px;
}

.input-group--xs .input-group__addon + .form-control {
  padding-left: 8px;
}

.input-group--xs.input-group--boxed .input-group__actions {
  padding: 2px;
}

.input-group--xs.input-group--boxed .input-group__actions > * {
  margin-left: 2px;
}

.input-group--sm {
  height: 36px;
}

.input-group--sm.input-group--boxed .input-group__actions {
  padding: 3px;
}

.input-group--sm.input-group--boxed .input-group__actions > * {
  margin-left: 3px;
}

.input-group--d {
  height: 44px;
}

.input-group--md {
  height: 52px;
}

.input-group--lg {
  height: 52px;
}

.input-group--lg .input-group__icon {
  height: 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  font-size: 32px !important;
  line-height: 32px !important;
}

.input-group--lg .input-group__icon:first-child {
  margin-left: 8px;
  margin-right: -8px;
}

.input-group--lg .input-group__icon:last-child {
  margin-right: 8px;
  margin-left: -8px;
}

.input-group--lg.input-group--boxed .input-group__actions {
  padding: 6px;
}

.input-group--xlg {
  height: 56px;
}

.input-group--xlg .input-group__icon:first-child {
  margin-left: 16px;
}

.input-group--xlg .input-group__addon {
  padding: 0 24px;
}

.input-group--xlg .input-group__addon + .form-control {
  padding-left: 24px;
}

.input-group--xlg.input-group--boxed .input-group__actions {
  padding: 8px;
}

.input-group--xlg.input-group--boxed .input-group__actions > * {
  margin-left: 8px;
}

@media (max-width: 759px) {
  .input-group--mob-xs {
    height: 32px;
  }
  .input-group--mob-xs .input-group__icon {
    font-size: 19px;
  }
  .input-group--mob-xs .input-group__icon:first-child {
    margin-left: 4px;
    margin-right: -4px;
  }
  .input-group--mob-xs .input-group__addon {
    padding: 0 8px;
  }
  .input-group--mob-xs .input-group__addon + .form-control {
    padding-left: 8px;
  }
  .input-group--mob-xs.input-group--boxed .input-group__actions {
    padding: 2px;
  }
  .input-group--mob-xs.input-group--boxed .input-group__actions > * {
    margin-left: 2px;
  }
  .input-group--mob-sm {
    height: 36px;
  }
  .input-group--mob-sm.input-group--boxed .input-group__actions {
    padding: 3px;
  }
  .input-group--mob-sm.input-group--boxed .input-group__actions > * {
    margin-left: 3px;
  }
  .input-group--mob-d {
    height: 44px;
  }
  .input-group--mob-md {
    height: 52px;
  }
  .input-group--mob-lg {
    height: 52px;
  }
  .input-group--mob-lg .input-group__icon {
    height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 32px !important;
    line-height: 32px !important;
  }
  .input-group--mob-lg .input-group__icon:first-child {
    margin-left: 8px;
    margin-right: -8px;
  }
  .input-group--mob-lg .input-group__icon:last-child {
    margin-right: 8px;
    margin-left: -8px;
  }
  .input-group--mob-lg.input-group--boxed .input-group__actions {
    padding: 6px;
  }
  .input-group--mob-xlg {
    height: 56px;
  }
  .input-group--mob-xlg .input-group__icon:first-child {
    margin-left: 16px;
  }
  .input-group--mob-xlg .input-group__addon {
    padding: 0 24px;
  }
  .input-group--mob-xlg .input-group__addon + .form-control {
    padding-left: 24px;
  }
  .input-group--mob-xlg.input-group--boxed .input-group__actions {
    padding: 8px;
  }
  .input-group--mob-xlg.input-group--boxed .input-group__actions > * {
    margin-left: 8px;
  }
}

.form {
  /* Element: Text */
}

.form-check label {
  cursor: pointer;
  margin: 0;
}

.form-check label + .form-check {
  margin-top: 16px;
}

.form-check:not(.form-check--basic) {
  position: relative;
  display: inline-block;
  margin-bottom: 8px;
}

.form-check:not(.form-check--basic) .form-checkbox,
.form-check:not(.form-check--basic) .form-radio {
  display: none;
}

.form-check > .form-check {
  margin-left: 40px;
}

.form-check--switcher label {
  width: 100%;
}

.form-check--inline {
  display: inline-flex !important;
  margin-bottom: 0 !important;
}

.form-check--inline + .form-check--inline {
  margin-left: 16px;
}

.form-checkbox:checked + .form-indicator {
  border: 2px solid #3A87F2 !important;
  background: #3A87F2 !important;
}

.form-checkbox:checked + .form-indicator:after {
  display: inline-flex;
}

.form-checkbox + .form-indicator {
  position: relative;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.form-checkbox + .form-indicator:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: normal normal normal 16px/1 'Material-Design-Iconic-Font';
  content: '\f26b';
  display: none;
  color: #fff;
}

.form-radio:checked + .form-indicator:after {
  content: '';
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  z-index: 1;
  border: 6px solid #3A87F2;
  border-radius: 100%;
}

.form-radio + .form-indicator {
  position: relative;
  display: flex;
  width: 22px;
  height: 22px;
  border-radius: 22px;
  align-items: center;
  justify-content: center;
}

.form-checkbox:disabled + .form-indicator, .form-checkbox.is-disabled + .form-indicator, .form-radio:disabled + .form-indicator, .form-radio.is-disabled + .form-indicator {
  opacity: 0.5;
}

.form-checkbox:disabled + .form-indicator + .form-text, .form-checkbox.is-disabled + .form-indicator + .form-text, .form-radio:disabled + .form-indicator + .form-text, .form-radio.is-disabled + .form-indicator + .form-text {
  opacity: 0.5;
}

.form-checkbox:disabled:not(:checked) + .form-indicator, .form-checkbox.is-disabled:not(:checked) + .form-indicator, .form-radio:disabled:not(:checked) + .form-indicator, .form-radio.is-disabled:not(:checked) + .form-indicator {
  border-color: #e0e3ea !important;
}

.form-indicator {
  border-width: 2px;
}

.form-text {
  margin-left: 16px;
}

.form-text:first-child {
  margin-left: 0;
  margin-right: 16px;
}

.form-check.is-success .form-indicator {
  border-color: #7ed321;
}

.form-check.is-success:not(.form-check--basic) label:hover .form-indicator {
  border-color: #7ed321;
}

.form-check.is-success:not(.form-check--basic) label:active .form-indicator, .form-check.is-success:not(.form-check--basic) label:focus .form-indicator {
  border-color: #7ed321;
}

.form-check.is-success .form-checkbox:checked + .form-indicator {
  border-color: #7ed321 !important;
  background-color: #7ed321 !important;
}

.form-check.is-success .form-text {
  color: #7ed321;
}

.form-check.is-warning .form-indicator {
  border-color: #ff8f33;
}

.form-check.is-warning:not(.form-check--basic) label:hover .form-indicator {
  border-color: #ff8f33;
}

.form-check.is-warning:not(.form-check--basic) label:active .form-indicator, .form-check.is-warning:not(.form-check--basic) label:focus .form-indicator {
  border-color: #ff8f33;
}

.form-check.is-warning .form-checkbox:checked + .form-indicator {
  border-color: #ff8f33 !important;
  background-color: #ff8f33 !important;
}

.form-check.is-warning .form-text {
  color: #ff8f33;
}

.form-check.is-error .form-indicator {
  border-color: #f55656;
}

.form-check.is-error:not(.form-check--basic) label:hover .form-indicator {
  border-color: #f55656;
}

.form-check.is-error:not(.form-check--basic) label:active .form-indicator, .form-check.is-error:not(.form-check--basic) label:focus .form-indicator {
  border-color: #f55656;
}

.form-check.is-error .form-checkbox:checked + .form-indicator {
  border-color: #f55656 !important;
  background-color: #f55656 !important;
}

.form-check.is-error .form-text {
  color: #636166;
}

.form-check.is-info .form-indicator {
  border-color: #50bfff;
}

.form-check.is-info:not(.form-check--basic) label:hover .form-indicator {
  border-color: #50bfff;
}

.form-check.is-info:not(.form-check--basic) label:active .form-indicator, .form-check.is-info:not(.form-check--basic) label:focus .form-indicator {
  border-color: #50bfff;
}

.form-check.is-info .form-checkbox:checked + .form-indicator {
  border-color: #50bfff !important;
  background-color: #50bfff !important;
}

.form-check.is-info .form-text {
  color: #50bfff;
}

/*
*******************************************
8. Form - Switch
*******************************************
*/
.switch {
  position: relative;
  height: 24px;
  width: 40px;
  cursor: pointer;
  /* Switch: Checkbox */
  /* Switch: Handle */
  /* Switch: Container */
  /* Switch: Types */
}

.switch + .form-text {
  margin-left: 16px;
}

.switch__checkbox {
  position: absolute;
  opacity: 0;
}

.switch__checkbox + .switch__container .switch__handle {
  right: 18px;
}

.switch__checkbox:checked + .switch__container {
  background-color: #7ed321;
}

.switch__checkbox:checked + .switch__container .switch__handle {
  right: 2px;
}

.switch__handle {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 2;
  display: block;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 12px;
  transition: all ease 0.3s;
}

.switch__container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #e0e3ea;
  border-radius: 12px;
  transition: all ease 0.3s;
}

.switch--icon {
  width: 45px;
}

.switch--icon .switch__checkbox + .switch__container .switch__handle {
  right: 23px;
}

.switch--icon .switch__checkbox + .switch__container:after {
  font: "Material-Design-Iconic-Font";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  z-index: 1;
  align-items: center;
  display: flex;
  content: "\f136";
  color: #3A87F2;
  font-size: 15px;
}

.switch--icon .switch__checkbox:checked + .switch__container {
  background-color: #3A87F2;
}

.switch--icon .switch__checkbox:checked + .switch__container:after {
  font: "Material-Design-Iconic-Font";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  display: flex;
  z-index: 1;
  align-items: center;
  content: "\f26b";
  color: #fff;
  font-size: 15px;
}

.switch--icon .switch__checkbox:checked + .switch__container .switch__handle {
  right: 2px;
}

.switch--text {
  width: 50px;
}

.switch--text .switch__checkbox + .switch__container .switch__handle {
  right: 28px;
}

.switch--text .switch__checkbox + .switch__container:after {
  position: absolute;
  top: 1px;
  bottom: 0;
  display: flex;
  right: 6px;
  z-index: 1;
  align-items: center;
  content: "off";
  color: #3A87F2;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.switch--text .switch__checkbox:checked + .switch__container {
  background-color: #3A87F2;
}

.switch--text .switch__checkbox:checked + .switch__container:after {
  position: absolute;
  top: 1px;
  bottom: 0;
  display: flex;
  left: 8px;
  z-index: 1;
  align-items: center;
  content: "on";
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.switch--text .switch__checkbox:checked + .switch__container .switch__handle {
  right: 2px;
}

.switch--primary .switch__handle {
  background: #3A87F2;
}

.switch--primary .switch__checkbox:checked + .switch__container .switch__handle {
  background: #fff;
}

.switch--primary .switch__container {
  background: #e9ebf0;
}

.form-text + .switch {
  margin-left: auto;
}

/*
*******************************************
Rail
1. General
*******************************************
*/
/*
*******************************************
1. Rail - general
*******************************************
*/
.rail {
  display: flex;
  align-items: center;
}

.rail > * + * {
  margin-left: 16px;
}

.rail__content {
  flex-grow: 1;
}

.rail__content > *:last-child {
  margin-bottom: 0;
}

.rail__addon {
  flex-grow: 0;
}

.rail__toolbar {
  display: flex;
  flex-grow: 0;
  align-items: center;
  white-space: nowrap;
}

.rail__toolbar > * + * {
  margin-left: 16px;
}

.rail--space-between {
  justify-content: space-between;
}

.rail--spacing-1x > * + * {
  margin-left: 8px;
}

.rail--spacing-3x > * + * {
  margin-left: 24px;
}

.rail--spacing-4x > * + * {
  margin-left: 32px;
}

.rail--spacing-5x > * + * {
  margin-left: 40px;
}

@media (min-width: 1012px) {
  .rail-responsive-up {
    display: flex;
    align-items: center;
  }
  .rail-responsive-up > * + * {
    margin-left: 16px;
  }
  .rail-responsive-up__content {
    flex-grow: 1;
  }
  .rail-responsive-up__content > *:last-child {
    margin-bottom: 0;
  }
  .rail-responsive-up__addon {
    flex-grow: 0;
  }
  .rail-responsive-up__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap;
  }
  .rail-responsive-up__toolbar > * + * {
    margin-left: 16px;
  }
}

@media (max-width: 1011px) {
  .rail-responsive-down {
    display: flex;
    align-items: center;
  }
  .rail-responsive-down > * + * {
    margin-left: 16px;
  }
  .rail-responsive-down__content {
    flex-grow: 1;
  }
  .rail-responsive-down__content > *:last-child {
    margin-bottom: 0;
  }
  .rail-responsive-down__addon {
    flex-grow: 0;
  }
  .rail-responsive-down__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap;
  }
  .rail-responsive-down__toolbar > * + * {
    margin-left: 16px;
  }
}

@media (min-width: 760px) {
  .rail-mob-up {
    display: flex;
    align-items: center;
  }
  .rail-mob-up > * + * {
    margin-left: 16px;
  }
  .rail-mob-up__content {
    flex-grow: 1;
  }
  .rail-mob-up__content > *:last-child {
    margin-bottom: 0;
  }
  .rail-mob-up__addon {
    flex-grow: 0;
  }
  .rail-mob-up__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap;
  }
  .rail-mob-up__toolbar > * + * {
    margin-left: 16px;
  }
}

@media (max-width: 759px) {
  .rail-mob-down {
    display: flex;
    align-items: center;
  }
  .rail-mob-down > * + * {
    margin-left: 16px;
  }
  .rail-mob-down__content {
    flex-grow: 1;
  }
  .rail-mob-down__content > *:last-child {
    margin-bottom: 0;
  }
  .rail-mob-down__addon {
    flex-grow: 0;
  }
  .rail-mob-down__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap;
  }
  .rail-mob-down__toolbar > * + * {
    margin-left: 16px;
  }
}

@media (min-width: 614px) {
  .rail-xs-up {
    display: flex;
    align-items: center;
  }
  .rail-xs-up > * + * {
    margin-left: 16px;
  }
  .rail-xs-up__content {
    flex-grow: 1;
  }
  .rail-xs-up__content > *:last-child {
    margin-bottom: 0;
  }
  .rail-xs-up__addon {
    flex-grow: 0;
  }
  .rail-xs-up__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap;
  }
  .rail-xs-up__toolbar > * + * {
    margin-left: 16px;
  }
}

@media (max-width: 613px) {
  .rail-xs-down {
    display: flex;
    align-items: center;
  }
  .rail-xs-down > * + * {
    margin-left: 16px;
  }
  .rail-xs-down__content {
    flex-grow: 1;
  }
  .rail-xs-down__content > *:last-child {
    margin-bottom: 0;
  }
  .rail-xs-down__addon {
    flex-grow: 0;
  }
  .rail-xs-down__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap;
  }
  .rail-xs-down__toolbar > * + * {
    margin-left: 16px;
  }
}

.top__toolbar:first-child > .btn--link:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link,
.list-group__toolbar:first-child > .btn--link:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link,
.rail__toolbar:first-child > .btn--link:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link,
.cell-actions:first-child > .btn--link:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link {
  margin-left: -16px;
}

.top__toolbar:first-child > .btn--link.btn--icon:first-child,
.top__toolbar:first-child > .btn--link.btn--icon:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon,
.list-group__toolbar:first-child > .btn--link.btn--icon:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon,
.rail__toolbar:first-child > .btn--link.btn--icon:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon,
.cell-actions:first-child > .btn--link.btn--icon:first-child,
.cell-actions:first-child > .btn--link.btn--icon:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon {
  margin-left: -10px;
}

.top__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs,
.cell-actions:first-child > .btn--link.btn--icon.btn--xs:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--xs:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs {
  margin-left: -4px;
}

.top__toolbar:first-child > .btn--link.btn--xs:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xs,
.list-group__toolbar:first-child > .btn--link.btn--xs:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xs,
.rail__toolbar:first-child > .btn--link.btn--xs:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xs,
.cell-actions:first-child > .btn--link.btn--xs:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--xs {
  margin-left: -16px;
}

.top__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm,
.cell-actions:first-child > .btn--link.btn--icon.btn--sm:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--sm:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm {
  margin-left: -6px;
}

.top__toolbar:first-child > .btn--link.btn--sm:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--sm,
.list-group__toolbar:first-child > .btn--link.btn--sm:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--sm,
.rail__toolbar:first-child > .btn--link.btn--sm:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--sm,
.cell-actions:first-child > .btn--link.btn--sm:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--sm {
  margin-left: -16px;
}

.top__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d,
.cell-actions:first-child > .btn--link.btn--icon.btn--d:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--d:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d {
  margin-left: -10px;
}

.top__toolbar:first-child > .btn--link.btn--d:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--d,
.list-group__toolbar:first-child > .btn--link.btn--d:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--d,
.rail__toolbar:first-child > .btn--link.btn--d:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--d,
.cell-actions:first-child > .btn--link.btn--d:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--d {
  margin-left: -16px;
}

.top__toolbar:first-child > .btn--link.btn--icon.btn--md:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--md:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--md,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--md:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--md:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--md,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--md:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--md:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--md,
.cell-actions:first-child > .btn--link.btn--icon.btn--md:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--md:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--md {
  margin-left: -12px;
}

.top__toolbar:first-child > .btn--link.btn--md:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--md,
.list-group__toolbar:first-child > .btn--link.btn--md:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--md,
.rail__toolbar:first-child > .btn--link.btn--md:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--md,
.cell-actions:first-child > .btn--link.btn--md:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--md {
  margin-left: -24px;
}

.top__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg,
.cell-actions:first-child > .btn--link.btn--icon.btn--lg:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--lg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg {
  margin-left: -14px;
}

.top__toolbar:first-child > .btn--link.btn--lg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--lg,
.list-group__toolbar:first-child > .btn--link.btn--lg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--lg,
.rail__toolbar:first-child > .btn--link.btn--lg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--lg,
.cell-actions:first-child > .btn--link.btn--lg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--lg {
  margin-left: -24px;
}

.top__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg,
.cell-actions:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg {
  margin-left: -16px;
}

.top__toolbar:first-child > .btn--link.btn--xlg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xlg,
.list-group__toolbar:first-child > .btn--link.btn--xlg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xlg,
.rail__toolbar:first-child > .btn--link.btn--xlg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xlg,
.cell-actions:first-child > .btn--link.btn--xlg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--xlg {
  margin-left: -32px;
}

.top__toolbar:last-child > .btn--link:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link,
.list-group__toolbar:last-child > .btn--link:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link,
.rail__toolbar:last-child > .btn--link:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link,
.cell-actions:last-child > .btn--link:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link {
  margin-right: -16px;
}

.top__toolbar:last-child > .btn--link.btn--icon:last-child,
.top__toolbar:last-child > .btn--link.btn--icon:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon,
.list-group__toolbar:last-child > .btn--link.btn--icon:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon,
.rail__toolbar:last-child > .btn--link.btn--icon:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon,
.cell-actions:last-child > .btn--link.btn--icon:last-child,
.cell-actions:last-child > .btn--link.btn--icon:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon {
  margin-right: -10px;
}

.top__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
.cell-actions:last-child > .btn--link.btn--icon.btn--xs:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--xs:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs {
  margin-right: -4px;
}

.top__toolbar:last-child > .btn--link.btn--xs:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
.list-group__toolbar:last-child > .btn--link.btn--xs:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
.rail__toolbar:last-child > .btn--link.btn--xs:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
.cell-actions:last-child > .btn--link.btn--xs:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xs {
  margin-right: -16px;
}

.top__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
.cell-actions:last-child > .btn--link.btn--icon.btn--sm:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--sm:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm {
  margin-right: -6px;
}

.top__toolbar:last-child > .btn--link.btn--sm:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
.list-group__toolbar:last-child > .btn--link.btn--sm:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
.rail__toolbar:last-child > .btn--link.btn--sm:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
.cell-actions:last-child > .btn--link.btn--sm:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--sm {
  margin-right: -16px;
}

.top__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
.cell-actions:last-child > .btn--link.btn--icon.btn--d:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--d:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d {
  margin-right: -10px;
}

.top__toolbar:last-child > .btn--link.btn--d:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
.list-group__toolbar:last-child > .btn--link.btn--d:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
.rail__toolbar:last-child > .btn--link.btn--d:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
.cell-actions:last-child > .btn--link.btn--d:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--d {
  margin-right: -16px;
}

.top__toolbar:last-child > .btn--link.btn--icon.btn--md:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--md:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--md,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--md:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--md:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--md,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--md:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--md:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--md,
.cell-actions:last-child > .btn--link.btn--icon.btn--md:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--md:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--md {
  margin-right: -12px;
}

.top__toolbar:last-child > .btn--link.btn--md:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--md,
.list-group__toolbar:last-child > .btn--link.btn--md:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--md,
.rail__toolbar:last-child > .btn--link.btn--md:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--md,
.cell-actions:last-child > .btn--link.btn--md:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--md {
  margin-right: -24px;
}

.top__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
.cell-actions:last-child > .btn--link.btn--icon.btn--lg:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--lg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg {
  margin-right: -14px;
}

.top__toolbar:last-child > .btn--link.btn--lg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
.list-group__toolbar:last-child > .btn--link.btn--lg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
.rail__toolbar:last-child > .btn--link.btn--lg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
.cell-actions:last-child > .btn--link.btn--lg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--lg {
  margin-right: -24px;
}

.top__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
.cell-actions:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg {
  margin-right: -16px;
}

.top__toolbar:last-child > .btn--link.btn--xlg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
.list-group__toolbar:last-child > .btn--link.btn--xlg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
.rail__toolbar:last-child > .btn--link.btn--xlg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
.cell-actions:last-child > .btn--link.btn--xlg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xlg {
  margin-right: -32px;
}

@media (max-width: 759px) {
  .top__toolbar:first-child > .btn--mob-link:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link,
  .list-group__toolbar:first-child > .btn--mob-link:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link,
  .rail__toolbar:first-child > .btn--mob-link:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link,
  .cell-actions:first-child > .btn--mob-link:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link {
    margin-left: -16px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon {
    margin-left: -10px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs {
    margin-left: -4px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--xs:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs,
  .list-group__toolbar:first-child > .btn--mob-link.btn--xs:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs,
  .rail__toolbar:first-child > .btn--mob-link.btn--xs:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs,
  .cell-actions:first-child > .btn--mob-link.btn--xs:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs {
    margin-left: -16px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm {
    margin-left: -6px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--sm:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm,
  .list-group__toolbar:first-child > .btn--mob-link.btn--sm:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm,
  .rail__toolbar:first-child > .btn--mob-link.btn--sm:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm,
  .cell-actions:first-child > .btn--mob-link.btn--sm:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm {
    margin-left: -16px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d {
    margin-left: -10px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--d:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d,
  .list-group__toolbar:first-child > .btn--mob-link.btn--d:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d,
  .rail__toolbar:first-child > .btn--mob-link.btn--d:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d,
  .cell-actions:first-child > .btn--mob-link.btn--d:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d {
    margin-left: -16px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--md:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--md:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--md,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--md:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--md:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--md,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--md:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--md:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--md,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--md:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--md:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--md {
    margin-left: -12px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--md:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--md,
  .list-group__toolbar:first-child > .btn--mob-link.btn--md:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--md,
  .rail__toolbar:first-child > .btn--mob-link.btn--md:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--md,
  .cell-actions:first-child > .btn--mob-link.btn--md:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--md {
    margin-left: -24px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg {
    margin-left: -14px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--lg:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg,
  .list-group__toolbar:first-child > .btn--mob-link.btn--lg:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg,
  .rail__toolbar:first-child > .btn--mob-link.btn--lg:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg,
  .cell-actions:first-child > .btn--mob-link.btn--lg:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg {
    margin-left: -24px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg {
    margin-left: -16px;
  }
  .top__toolbar:first-child > .btn--mob-link.btn--xlg:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg,
  .list-group__toolbar:first-child > .btn--mob-link.btn--xlg:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg,
  .rail__toolbar:first-child > .btn--mob-link.btn--xlg:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg,
  .cell-actions:first-child > .btn--mob-link.btn--xlg:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg {
    margin-left: -32px;
  }
  .top__toolbar:last-child > .btn--link:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link,
  .list-group__toolbar:last-child > .btn--link:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link,
  .rail__toolbar:last-child > .btn--link:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link,
  .cell-actions:last-child > .btn--link:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link {
    margin-right: -16px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon {
    margin-right: -10px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs {
    margin-right: -4px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-xs:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-xs:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-xs:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
  .cell-actions:last-child > .btn--mob-link.btn--mob-xs:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xs {
    margin-right: -16px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm {
    margin-right: -6px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-sm:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-sm:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-sm:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
  .cell-actions:last-child > .btn--mob-link.btn--mob-sm:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--sm {
    margin-right: -16px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d {
    margin-right: -10px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-d:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-d:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-d:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
  .cell-actions:last-child > .btn--mob-link.btn--mob-d:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--d {
    margin-right: -16px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-md:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-md:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--md,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-md:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-md:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--md,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-md:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-md:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--md,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-md:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-md:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--md {
    margin-right: -12px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-md:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--md,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-md:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--md,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-md:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--md,
  .cell-actions:last-child > .btn--mob-link.btn--mob-md:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--md {
    margin-right: -24px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg {
    margin-right: -14px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-lg:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-lg:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-lg:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
  .cell-actions:last-child > .btn--mob-link.btn--mob-lg:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--lg {
    margin-right: -24px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg {
    margin-right: -16px;
  }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-xlg:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-xlg:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-xlg:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
  .cell-actions:last-child > .btn--mob-link.btn--mob-xlg:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xlg {
    margin-right: -32px;
  }
}

/*
*******************************************
Dropdown
1.
*******************************************
*/
/*
*******************************************
1. Dropdown - General
*******************************************
*/
.dropdown {
  position: relative;
  display: none;
  min-width: 260px;
  background: #ffffff;
  box-shadow: 0 2px 30px -1px rgba(30, 45, 70, 0.15);
  border-radius: 3px;
  animation-name: fadeInUp;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  max-width: 320px;
}

.dropdown > .list-group,
.dropdown .dropdown__body > .list-group {
  border: none;
}

/*
*******************************************
2. Dropdown - Elements
*******************************************
*/
.dropdown {
  /* Sizes */
}

.dropdown__header:first-child {
  border-radius: 3px 3px 0 0;
}

.dropdown__content {
  padding: 16px;
}

.dropdown__content *:last-child {
  margin-bottom: 0;
}

.dropdown__menu {
  overflow: auto;
  max-height: 50vh;
  padding: 8px 0;
  margin: 0;
}

.dropdown__item {
  cursor: pointer;
}

.dropdown__item {
  position: relative;
  display: flex;
  flex-shrink: 0;
  min-height: 44px;
}

.dropdown__item > .btn {
  margin: 0 16px;
}

.dropdown__item > .btn + .btn {
  margin-left: 0;
}

.dropdown__item.is-active > .dropdown__link,
.dropdown__item.is-active > .dropdown__link > .dropdown__link-icon, .dropdown__item.is-open > .dropdown__link,
.dropdown__item.is-open > .dropdown__link > .dropdown__link-icon {
  color: #609ef5;
}

.dropdown__link {
  min-height: 100%;
  color: #31363B;
  transition: color 0.3s;
}

.dropdown__link-icon {
  position: relative;
  height: 24px;
  width: 24px;
  min-width: 24px;
  font-size: 24px;
  line-height: 24px;
  color: #3d4349;
  transition: color 0.3s;
  text-align: center;
}

.dropdown__link-icon > .badge {
  position: absolute;
  top: -8px;
  right: -8px;
}

.dropdown__link-icon + .nav__link-text {
  margin-left: 16px;
}

.dropdown__link-text {
  flex-grow: 1;
}

.dropdown__link-text + .nav__link-icon {
  margin-left: 16px;
}

.dropdown__link-text + .nav__link-arrow {
  margin-left: 8px;
}

.dropdown__link-arrow {
  margin-left: 8px;
  margin-right: -4px;
  opacity: 0.4;
  font-size: 16px;
  line-height: 24px;
}

.dropdown__link-arrow + .nav__link-text {
  margin-left: 8px;
}

.dropdown__link:hover,
.dropdown__link:hover > .dropdown__link-icon {
  color: #609ef5;
  text-decoration: none;
}

.dropdown__link:active, .dropdown__link:focus {
  color: #609ef5;
  outline: none;
}

.dropdown__divider {
  margin: 8px 0;
  height: 1px;
  background: #e9ebf0;
}

.dropdown__header {
  min-height: 44px;
  margin-top: 8px;
}

.dropdown__header:first-child {
  margin-top: 0;
}

.dropdown__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.dropdown__link, .dropdown__content, .dropdown__header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 6px 16px;
}

.dropdown--xs .dropdown__item,
.dropdown--xs .dropdown__header,
.dropdown .nav__sub--xs .dropdown__item,
.dropdown .nav__sub--xs .dropdown__header {
  min-height: 36px;
}

.dropdown--xs .dropdown__link,
.dropdown .nav__sub--xs .dropdown__link {
  font-size: 12px;
}

.dropdown--xs .dropdown__link,
.dropdown--xs .dropdown__header,
.dropdown .nav__sub--xs .dropdown__link,
.dropdown .nav__sub--xs .dropdown__header {
  padding: 4px 16px;
}

.dropdown--xs .dropdown__divider,
.dropdown .nav__sub--xs .dropdown__divider {
  margin: 4px 0;
}

.dropdown--sm .dropdown__item,
.dropdown--sm .dropdown__header,
.dropdown .nav__sub--sm .dropdown__item,
.dropdown .nav__sub--sm .dropdown__header {
  min-height: 36px;
}

.dropdown--sm .dropdown__link,
.dropdown--sm .dropdown__header,
.dropdown .nav__sub--sm .dropdown__link,
.dropdown .nav__sub--sm .dropdown__header {
  padding: 4px 16px;
}

.dropdown--sm .dropdown__divider,
.dropdown .nav__sub--sm .dropdown__divider {
  margin: 4px 0;
}

.dropdown--md .dropdown__item,
.dropdown--md .dropdown__header,
.dropdown .nav__sub--md .dropdown__item,
.dropdown .nav__sub--md .dropdown__header {
  min-height: 48px;
}

.dropdown--md .dropdown__link,
.dropdown .nav__sub--md .dropdown__link {
  font-size: 14px;
}

.dropdown--md .dropdown__link,
.dropdown--md .dropdown__header,
.dropdown .nav__sub--md .dropdown__link,
.dropdown .nav__sub--md .dropdown__header {
  padding: 8px 16px;
}

.dropdown--md .dropdown__divider,
.dropdown .nav__sub--md .dropdown__divider {
  margin: 8px 0;
}

.dropdown--lg .dropdown__item,
.dropdown--lg .dropdown__header,
.dropdown .nav__sub--lg .dropdown__item,
.dropdown .nav__sub--lg .dropdown__header {
  min-height: 52px;
}

.dropdown--lg .dropdown__link,
.dropdown .nav__sub--lg .dropdown__link {
  font-size: 14px;
}

.dropdown--lg .dropdown__link,
.dropdown--lg .dropdown__header,
.dropdown .nav__sub--lg .dropdown__link,
.dropdown .nav__sub--lg .dropdown__header {
  padding: 8px 16px;
}

.dropdown--lg .dropdown__divider,
.dropdown .nav__sub--lg .dropdown__divider {
  margin: 8px 0;
}

/*
*******************************************
3. Dropdown - Drop
*******************************************
*/
.drop {
  position: absolute;
  z-index: 1002;
  display: none;
}

.drop-open,
.drop-content .dropdown,
.drop-content .drop-nav,
.drop .dropdown__arrow {
  display: block;
}

.drop-element-attached-bottom .dropdown__arrow {
  top: auto;
  bottom: -8px;
}

.drop-element-attached-bottom .dropdown__arrow:after {
  top: -16px;
}

.drop-element-attached-top .dropdown__arrow {
  top: -8px;
  bottom: auto;
}

.drop-target-attached-bottom.drop-element .dropdown {
  margin: 8px 0 0 0;
}

.drop-target-attached-top.drop-element .dropdown, .drop-target-attached-top.drop-target-attached-center.drop-element .dropdown {
  margin: 0 0 8px 0;
}

.drop-target-attached-left.drop-target-attached-middle.drop-element .dropdown {
  margin: 0 8px 0 0;
}

.drop-target-attached-right.drop-target-attached-middle.drop-element .dropdown {
  margin: 0 0 0 8px;
}

/*
*******************************************
4. Dropdown - Arrow
*******************************************
*/
.drop-arrow,
.dropdown__arrow {
  position: absolute;
  bottom: 0;
  right: 16px;
  z-index: 1000;
  height: 8px;
  width: 16px;
  overflow: hidden;
  display: none;
}

.drop-arrow:after,
.dropdown__arrow:after {
  display: block;
  content: '';
  position: absolute;
  top: 4px;
  left: -2px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  transform: rotate(45deg);
}

.drop-arrow--right,
.dropdown__arrow--right {
  bottom: 50%;
  right: 0;
  height: 16px;
  width: 8px;
  margin-bottom: -8px;
}

.drop-arrow--right:after,
.dropdown__arrow--right:after {
  top: -2px;
  left: 4px;
}

.drop-arrow--left,
.dropdown__arrow--left {
  bottom: 50%;
  left: 0;
  height: 16px;
  width: 8px;
  margin-bottom: -8px;
}

.drop-arrow--left:after,
.dropdown__arrow--left:after {
  top: -2px;
  left: 4px;
}

.drop-arrow--bottom,
.dropdown__arrow--bottom {
  bottom: -8px;
  left: 0;
}

.drop-arrow--bottom:after,
.dropdown__arrow--bottom:after {
  top: -16px;
}

.drop-arrow {
  animation-name: fadeInUp;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

.is-open > .nav__link > .drop-arrow,
.is-open > .drop-arrow {
  display: block;
}

.fade-in-right {
  animation-name: fadeInRight;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

.fade-in-left {
  animation-name: fadeInLeft;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

/*
*******************************************
5. Dropdown - Responsive
*******************************************
*/
@media (min-width: 760px) {
  .mob-dropdown-toggle {
    display: none;
  }
  .mob-dropdown .btn > .btn__text {
    display: none;
  }
}

@media (max-width: 759px) {
  .has-mob-dropdown {
    position: relative;
  }
  .mob-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 999;
    flex-direction: column;
  }
  .mob-dropdown > .btn {
    width: auto;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
  }
  .mob-dropdown > .btn .btn__icon + .btn__text {
    margin-left: 16px;
  }
  .is-open .mob-dropdown {
    display: flex;
  }
}

@font-face {
  font-family: 'lg';
  src: url("../fonts/light-gallery/lg.eot?n1z373");
  src: url("../fonts/light-gallery/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/light-gallery/lg.woff?n1z373") format("woff"), url("../fonts/light-gallery/lg.ttf?n1z373") format("truetype"), url("../fonts/light-gallery/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 10080;
  border: none;
  outline: none;
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}

.lg-actions .lg-next {
  right: 20px;
}

.lg-actions .lg-next:before {
  content: "\e095";
}

.lg-actions .lg-prev {
  left: 20px;
}

.lg-actions .lg-prev:after {
  content: "\e094";
}

@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

.lg-outer.lg-right-end .lg-object {
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 10082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
  color: #FFF;
}

.lg-toolbar .lg-next {
  font-size: 22px;
}

.lg-toolbar .lg-next:before {
  content: "\e095";
}

.lg-toolbar .lg-prev {
  font-size: 22px;
}

.lg-toolbar .lg-prev:after {
  content: "\e094";
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 10080;
  display: none;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 0;
  line-height: 49px;
  height: 47px;
  vertical-align: middle;
  white-space: nowrap;
  padding-right: 10px;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

@media (max-width: 1011px) {
  #lg-counter {
    padding-left: 16px;
  }
}

@media (max-width: 759px) {
  .lg-toolbar.group .lg-autoplay-button {
    display: none;
  }
  .lg-outer .lg-inner .lg-img-wrap {
    padding: 62px 8px 97px 8px;
  }
}

@media (max-width: 613px) {
  .lg-toolbar.group {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .lg-toolbar.group > span {
    display: flex;
    justify-content: center;
  }
  .lg-toolbar.group #lg-counter {
    order: -3;
    padding-left: 13px;
  }
  .lg-toolbar.group .lg-prev {
    order: -2;
  }
  .lg-toolbar.group .lg-next {
    order: -1;
  }
  .lg-toolbar.group .lg-actual-size {
    order: 0;
  }
  .lg-toolbar.group .lg-close {
    order: 5;
  }
  .lg-toolbar.group .lg-fullscreen {
    order: 4;
  }
  .lg-toolbar.group .lg-autoplay-button {
    display: none;
  }
  .lg-toolbar.group #lg-zoom-in {
    order: 2;
  }
  .lg-toolbar.group #lg-zoom-out {
    order: 1;
  }
  .lg-outer .lg-thumb-outer .lg-toogle-thumb {
    right: 0;
    text-align: right;
  }
}

@media (min-width: 1500px) {
  .lg-toolbar .lg-prev,
  .lg-toolbar .lg-next {
    display: none;
  }
  .lg-img-wrap {
    padding: 0 82px;
  }
}

@media (max-width: 1499px) {
  .lg-actions .lg-prev,
  .lg-actions .lg-next {
    display: none;
  }
  .lg-img-wrap {
    padding: 0 16px;
  }
}

.lg-on {
  scroll-behavior: unset;
  overflow: hidden;
}

.lg-outer .lg-thumb-outer {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 10080;
  max-height: 350px;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    transition: border-color 0.25s ease;
  }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
  background-color: transparent;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}

.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}

.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 10080;
  cursor: pointer;
}

.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10083;
  opacity: 0;
  transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  transform: scale3d(1, 1, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}

#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

#lg-zoom-out:after {
  content: "\e312";
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 10080;
  height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10081;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  transition-delay: 0s;
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 5px, 0);
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

.lg-outer #lg-share {
  position: relative;
}

.lg-outer #lg-share:after {
  content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10050;
  text-align: left;
  opacity: 0;
  transition: unset;
}

.lg-outer * {
  box-sizing: border-box;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.lg-outer .lg-item .lg-img-wrap {
  z-index: 2;
}

.lg-outer .lg-item {
  display: none !important;
}

.lg-outer .lg-item.is-loading:after {
  content: '';
  border: 2px solid #fff;
  border-top: 2px solid #0a5bcb;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: absolute;
  top: calc(50% - 64px);
  left: calc(50% - 24px);
  z-index: 1;
  animation: rotate 2.0s infinite linear;
}

.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 62px 5px 97px 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 10060;
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
  will-change: transform;
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-empty-html {
  display: none;
}

.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-outer #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10040;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
  opacity: 0.8;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-outer .lg-img-wrap {
  transition: padding 0.16s linear;
}

.lg-outer .lg-img-wrap.lg-img-wrap-p-b {
  padding-bottom: 50px;
}

.lg-outer:not(.lg-thumb-open) .lg-img-wrap {
  padding-bottom: 50px;
}

.lg-outer.lg-thumb-open .lg-img-wrap {
  padding-bottom: 116px;
}

/*
*******************************************
Section
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Section - general
*******************************************
*/
.section {
  position: relative;
  padding: 112px 0 120px;
  /*&--extension-desc,*/
}

.section + .container {
  position: relative;
  z-index: 2;
}

.section + .section--dark {
  border-top: none;
}

.section__content, .section__graphic {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section__content .section__padding p a, .section__graphic .section__padding p a {
  text-decoration: none;
}

.section__content {
  min-height: 100%;
  position: relative;
  z-index: 20;
}

.section__content .section__actions {
  margin-top: 32px;
}

.section__content > *:last-child {
  margin-bottom: 0;
}

.section__content + * {
  margin-top: 64px;
}

.section__content + .section__graphic {
  margin-top: 0;
}

.section__content .section__features .row--features {
  margin-top: 0;
}

.section__graphic {
  min-height: 100%;
}

.section__graphic.section--graphic-left .section__padding .btn, .section__graphic.section--graphic-right .section__padding .btn {
  padding-left: 0;
}

.section__subtitle {
  z-index: 20;
  position: relative;
  color: #b7c4d2;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.section__title {
  margin-top: 0;
  margin-bottom: 24px;
  position: relative;
  z-index: 20;
}

.section__title strong {
  display: block;
}

.section__header {
  margin-bottom: 65px;
}

.section__header.has-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section__header.has-icon .section__title {
  margin-left: 35px;
  margin-bottom: 0;
  line-height: 48px;
}

.section__header.has-icon .section__desc {
  display: block;
  margin-top: 0;
  text-align: left;
  font-size: 16px;
  color: #636166;
  line-height: 24px;
  margin-bottom: 0;
}

.section__features + .section__actions {
  margin-top: 32px;
}

.section__features + * {
  margin-top: 80px;
}

.section__features > .feature:nth-child(1) {
  margin-top: 0;
}

.section__actions .btn {
  min-width: 200px;
}

.section__desc {
  position: relative;
  z-index: 20;
  max-width: 700px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 64px;
  font-weight: 400;
  color: #31363b;
}

.section__desc > *:last-child {
  margin-bottom: 0;
}

.section__anchor {
  margin-top: -40px;
  margin-bottom: 40px;
  height: 1px;
}

.section--dark {
  background: linear-gradient(128.78deg, #357EE4 10.52%, #1D66CC 65.45%) no-repeat;
}

.section--dark .section__subtitle {
  color: #c2dffe;
}

.section--dark .section__desc {
  color: #fff;
}

.section--dark .section__title {
  color: #fff;
}

.section--dark .section__desc {
  color: rgba(255, 255, 255, 0.7);
}

.section--dark .feature:not(.feature--boxed) {
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.section--dark .feature:not(.feature--boxed) .feature__title {
  color: #fff;
}

.section--dark .feature:not(.feature--boxed) .feature__desc {
  color: rgba(255, 255, 255, 0.7);
}

.section--feature {
  padding: 110px 0 120px;
}

.section--feature .section__title {
  font-size: 40px;
  line-height: 48px;
}

.section--feature .section__content {
  overflow: visible;
  margin-right: 68px;
}

.section--feature .section__dashboard-view {
  margin-left: 37px;
}

.section--feature.section--graphic-right .section__content {
  margin-left: 68px;
  margin-right: 0;
}

.section--feature.section--graphic-right .section__dashboard-view {
  margin-left: 0;
  margin-right: 37px;
}

.section--primary {
  background: #3A87F2;
}

.section--primary > .container {
  position: relative;
  z-index: 3;
}

.section--primary .section__title {
  color: #fff;
}

.section--primary .section__desc {
  color: #fff;
}

.section--primary .feature:not(.feature--boxed) {
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.section--primary .feature:not(.feature--boxed) .feature__title {
  color: #fff;
}

.section--primary .feature:not(.feature--boxed) .feature__desc {
  color: rgba(255, 255, 255, 0.7);
}

.section--posts {
  padding-bottom: 90px;
}

.section--posts .section__category {
  margin-bottom: 25px;
  position: relative;
  z-index: 555;
  display: flex;
  align-items: center;
  color: #e9e5ff;
  font-size: 18px;
  font-weight: 300;
}

.section--posts .section__category .btn {
  padding: 0 10px;
  margin-left: -10px;
}

.section--posts .section__category .btn .btn__text {
  font-size: 18px;
  color: #e9e5ff;
  font-weight: 300;
}

.section--posts .section__category .btn .btn__text .btn__cat {
  color: #fff;
  font-weight: 700;
  margin-left: 15px;
}

.section--posts .section__category .btn .btn__icon {
  color: #fff;
  font-size: 19px;
}

.section--categories-list + .section--articles {
  padding-top: 0;
}

.section--main-categories-list {
  padding-top: 0;
  padding-bottom: 40px;
  margin-top: -75px;
}

.section--main-categories-list + .section--faq {
  margin-top: 0;
  background-color: #fff;
}

.section--hero .section__title {
  margin-bottom: 10px;
}

.section--hero .section__desc {
  margin-bottom: 0;
}

.section--hero .section__actions {
  margin-bottom: 0;
  margin-top: 24px;
}

.section--testimonials {
  position: relative;
  overflow: hidden;
}

.section--extensions-details .container .list-group__content {
  padding: 0;
  margin-left: 0;
}

.section--extensions-details .container .list-group__content .list {
  padding-left: 57px;
}

.section--extensions-details .changelog {
  max-width: 100%;
}

.section--extensions-details .section__title {
  margin-bottom: 45px;
}

.section--extensions-details .list-group--features {
  max-width: 100%;
}

.section--extensions-details .list-group--features .list-group__item {
  padding: 18px 0;
}

.section--extensions-details .list-group--features .list-group__item .list li:before {
  top: 13px;
}

.section--extensions-details + .section .section__title {
  margin-bottom: 45px;
}

.section--extension-features .section__content {
  max-width: 928px;
  margin: auto;
}

.section--extension-desc .section__extension-desc {
  max-width: 968px;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
}

.section--extension-desc .section__extension-desc strong {
  font-weight: 700;
}

.section--mobile-gallery {
  padding-bottom: 0 !important;
}

.section--extension-features {
  background: #f8f9fa;
}

.section--extension-features .list-group {
  margin-top: -32px;
}

.section--extension-features .list-group__content {
  border-left: none;
}

.section--image .section__background {
  width: 100%;
}

.section--image .section__background img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 660px;
  max-height: 100%;
  width: 100%;
}

.section--our-team {
  background: #f8f9fa;
}

.section--our-goals .feature {
  padding-right: 16px;
}

.section--our-goals .feature .feature__title {
  font-size: 36px;
  line-height: 52px;
  color: #3A87F2;
  font-weight: 400;
}

.section--our-goals .feature .feature__subtitle {
  font-size: 18px;
  margin: 16px 0 8px;
}

.section--our-goals .feature .feature__desc {
  font-size: 14px;
}

.section--our-goals .section__actions .btn {
  min-width: 225px;
  font-size: 15px;
  height: 58px;
}

.section--our-results .section__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.section--our-results .section__graphic {
  margin-left: 160px;
  position: relative;
  z-index: 1000;
  width: 367px;
  min-width: 367px;
}

.section--our-results .section__right-title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}

.section--our-results .section__right {
  margin-left: 145px;
}

.section--our-results .section__right p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 20px;
}

.section--our-results .section__right p:last-child {
  margin-bottom: 0;
}

.section--powerful-features .section__header {
  text-align: left;
  margin-bottom: 0;
}

.section--powerful-features .section__header--mobile {
  margin-bottom: 20px;
}

.section--powerful-features .section__title {
  text-align: left;
}

.section--powerful-features .section__subtitle {
  text-align: left;
}

.section--powerful-features [data-content-slider] {
  overflow: visible;
}

.section--powerful-features .section__title.section__title--icon {
  font-size: 40px;
  line-height: 48px;
}

.section--powerful-features .section__key-features .section__title {
  margin-bottom: 33px;
}

.section--faq {
  background-color: rgba(183, 196, 210, 0.1);
}

.section--contact {
  margin-top: -170px;
  padding-top: 0;
}

.section--contact .contact-content {
  background-color: #fff;
  max-width: 970px;
  width: 100%;
  margin: auto;
  padding: 70px;
  box-shadow: 0 15px 45px 0px rgba(53, 61, 69, 0.1);
  border-radius: 3px;
  text-align: center;
}

.section--contact .contact-content .contact__captcha-container {
  margin: 0 auto 32px auto;
}

.section--contact .contact-content--success {
  padding: 0;
}

.section.section--login-ca {
  margin-top: -75px;
  padding-top: 0;
}

.section.section--login-ca .login-content {
  background-color: #fff;
  max-width: 462px;
  width: 100%;
  margin: auto;
  padding: 40px;
  box-shadow: 0 15px 45px 0px rgba(53, 61, 69, 0.1);
  border-radius: 3px;
  text-align: center;
}

.section.section--login-ca .login-content label {
  width: 100%;
  display: flex;
  align-items: center;
}

.section.section--login-ca .login-content label .form-check {
  margin-bottom: 0;
  margin-right: 8px;
  display: flex;
  align-items: center;
}

.section.section--login-ca a {
  font-size: 14px;
}

.section--features-list {
  background-color: rgba(183, 196, 210, 0.1);
}

.section--features-list .list-group {
  max-width: 100%;
}

.section--features-list .list-group .list-group__top {
  position: relative;
  z-index: 1;
}

.section--features-list .list-group .list-group__top h4 {
  font-size: 18px;
  font-weight: 600;
}

.section--features-list .list-group .list-group__top .collapse-icon {
  margin-right: 21px;
}

.section--features-list .list-group .collapse .table-header {
  display: table-cell;
  /*visibility: hidden;*/
  opacity: 0;
  transition: opacity 0.2s;
}

.section--features-list .list-group .collapse.show .table-header {
  /*visibility: visible;*/
  opacity: 1;
}

.section--features-list .list-group .table-header {
  display: none;
}

.section--features-list .list-group a {
  display: flex;
  align-items: center;
}

.section--features-list .list-group a:hover h5 {
  color: #3A87F2;
}

.section--features-list .list-group .more {
  margin-left: 16px;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section--features-list .list-group .more img {
  height: 14px;
  width: 14px;
}

.section--features-list .list-group .list-group__content {
  margin-top: 0;
  border: none;
  margin-left: 0;
  padding-right: 32px;
}

.section--features-list .list-group .list-group__item {
  border: 1px solid rgba(221, 224, 228, 0.6);
  border-radius: 4px;
  padding: 18px 26px 18px 26px;
  margin-bottom: 16px;
  /*&.support {
					.list-group__top {
						cursor: default;
						&:hover .top__title{
							color: #323133;
						}
					}
					.support-collapse {
						width: 100%;
					}
					.collapse-icon {
						cursor: default;
						&:before {
							background-color: #B7C4D2;
						}
						&:after {
							display: none;
						}
					}
				}*/
}

.section--features-list .top__item span.h3,
.section--features-list .top__item h3 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.section--features-list .table-header span.h3 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.section--features-list table {
  width: 100%;
  /*margin-top: -35px;*/
}

.section--features-list table tr:not(:last-child) {
  border-bottom: 1px solid rgba(221, 224, 228, 0.6);
}

.section--features-list table tbody tr:first-child {
  border-top: 1px solid rgba(221, 224, 228, 0.6);
}

.section--features-list table tbody tr:last-child td {
  padding-bottom: 0;
}

.section--features-list table td, .section--features-list table th {
  text-align: center;
  padding: 8px 16px;
}

.section--features-list table td h5, .section--features-list table th h5 {
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  margin: 0;
  transition: 0.4s;
  line-height: 22px;
}

.section--features-list table th {
  padding-bottom: 18px;
}

.section--features-list table td:first-child {
  padding-left: 0;
  width: 50%;
}

.section--features-list table td {
  width: 10%;
}

.section--features-list table .zmdi {
  font-size: 24px;
}

.section--features-list table .zmdi-check {
  color: #3A87F2;
}

.section--features-list table .zmdi-close {
  color: #B7C4D2;
}

.section--features-list table .table-mobile-header {
  display: none;
}

.section--features-list .list-group--collapse .collapsing {
  width: 100%;
}

.section--features-list + .section .section__desc {
  margin-bottom: 32px;
}

.section--features-list .list-group.list-group--simple.list-group--documentation.list-group--collapse table {
  margin-top: 8px;
}

.section--banner-changelog {
  padding: 50px 40px;
  border-radius: 3px;
  margin: 35px 0 60px 0;
}

.section--banner-changelog > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.section--banner-changelog .section__title {
  margin-bottom: 0;
}

.section--banner-changelog .section__content .section__actions {
  margin-top: 0;
}

.section--banner-changelog .section__content .section__actions .btn {
  font-size: 16px;
}

.section--order-form {
  margin-top: -170px;
  padding-top: 0;
}

.section--order-form .order-content {
  background-color: #fff;
  box-shadow: 0 15px 45px 0px rgba(53, 61, 69, 0.1);
  border-radius: 3px;
  padding: 48px 64px 64px 64px;
  max-width: 970px;
  margin: auto;
}

.section--order-form .order-content h3 {
  margin-bottom: 42px;
}

.section--order-form .order-content hr {
  width: 100%;
  margin-top: 14px;
}

.section--order-form .order-content .col-md-6 .form-group {
  max-width: 405px;
  width: 100%;
}

.section--order-form .order-content input.form-control {
  height: 47px;
}

.section--order-form .order-content .btn--primary {
  min-width: 236px;
}

.section.section--account-info .section--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.section.section--account-info .section--header h2 {
  margin-bottom: 0;
}

.section.section--account-info .swiper-container--tabs .container.swiper-container-horizontal {
  padding: 0;
}

.section.section--account-info .swiper-container--tabs:after {
  top: 0;
  bottom: auto;
}

.section.section--account-info .swiper-container--tabs .nav--tabs .nav__item.is-active:after {
  top: 0;
  bottom: auto;
}

.section.section--account-info .swiper-container--tabs .nav--tabs .nav__item.is-active > .nav__link:after {
  top: 0;
  bottom: auto;
}

.section.section--account-info .tab-content .section {
  padding: 24px;
  background-color: #fff;
  box-shadow: 0 15px 45px 0px rgba(53, 61, 69, 0.1);
  border-radius: 3px;
}

.section.section--account-info .tab-content .section--header {
  border-left: 2px solid #3A87F2;
}

.section.section--account-info .tab-content .section--header h3 {
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-left: 12px;
  color: #636166;
}

.section--legal ul {
  padding-left: 40px;
}

.section--legal ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  position: relative;
  text-align: justify;
  margin: 4px 0;
}

.section--legal ul li:before {
  content: "";
  position: absolute;
  left: -16px;
  top: 13px;
  background-color: #3A87F2;
  display: block;
  height: 5px;
  width: 5px;
  border-radius: 100%;
}

.section--legal ul li ol > li:before {
  display: none;
}

.section--legal ul.lists {
  padding-left: 20px;
}

.section--legal ul.lists > li {
  margin: 8px 0;
}

.section--legal ul.lists > li ol {
  padding-left: 0;
  counter-reset: li;
  list-style: none;
}

.section--legal ul.lists > li ol li {
  padding-left: 20px;
  counter-increment: li;
}

.section--legal ul.lists > li ol li:before {
  display: none;
}

.section--legal ul.lists > li ol li:after {
  content: counter(li) ". ";
  color: #3A87F2;
  position: absolute;
  left: 1px;
  top: 0;
  font-weight: 500;
}

.section--legal p + h4 {
  margin-top: 40px;
}

.section--legal h4 {
  margin-bottom: 24px;
  line-height: 30px;
}

.section--legal.j-align p {
  text-align: justify;
}

.section--legal .p-2 {
  text-align: justify;
}

.section--partners {
  padding-top: 45px;
}

.section--partners .partners-logo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 24px;
}

.section--partners .partners-logo > div {
  display: flex;
  margin: 0 30px 45px 30px;
}

.section--partners .partners-logo > div img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.2;
  transition: 0.4s;
  margin: auto;
}

.section--partners .partners-logo > div:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

.section--partners .partners-logo > div.dell-logo img {
  width: 64px;
}

.section--partners .partners-logo > div.supermicro-logo img {
  width: 118px;
}

.section--partners .partners-logo > div.hp-logo img {
  width: 54px;
}

.section--partners .partners-logo > div.juniper-logo img {
  width: 137px;
}

.section--partners .partners-logo > div.cisco-logo img {
  width: 107px;
}

.section--partners .partners-logo > div.apc-logo img {
  width: 109px;
}

.section--partners .partners-logo > div.raritan-logo img {
  width: 101px;
}

.section--partners .partners-logo > div.netgear-logo img {
  width: 183px;
}

.section--partners .partners-logo > div.mikro-logo img {
  width: 149px;
}

.section--partners .partners-logo > div.ami-logo img {
  width: 134px;
}

.section--partners .partners-logo > div.lenovo-logo img {
  width: 132px;
}

.section--partners .partners-logo > div.asus-logo img {
  margin-bottom: 1px;
}

.section--remote-features, .section.section--map {
  background-image: url(../img/about-us/map.png);
  background-position: 50%;
  height: 458px;
}

.section--remote-features .map-pin, .section.section--map .map-pin {
  position: absolute;
  top: 40%;
  left: 48%;
}

.section--remote-features .map-pin img, .section.section--map .map-pin img {
  width: 49px;
  height: 62px;
}

.section--remote-features .map-panel, .section.section--map .map-panel {
  max-width: 316px;
  margin-left: auto;
  background-color: #fff;
  padding: 32px;
  box-shadow: 0px 3px 6px 0px rgba(53, 61, 69, 0.05);
  margin-top: 80px;
}

.section--automation #unlimited-distribution + .row .features-screenshot-slider__bottom {
  display: none;
}

.drop.tooltip {
  border: 1px solid #f0f5fc;
  box-shadow: 0px 3px 6px 0px rgba(53, 61, 69, 0.06);
  color: #6e747a;
  background-color: white;
  padding: 0px 8px;
  font-size: 11px;
  max-width: 250px;
  text-align: center;
}

/*
*******************************************
2. Section - responsive
*******************************************
*/
@media (min-width: 1012px) {
  .section--powerful-features {
    padding: 180px 0 150px;
  }
}

@media (min-width: 760px) and (max-width: 1239px) {
  .section--powerful-features .section__key-features .section__title {
    margin-bottom: 80px;
    font-size: 32px;
  }
  .section--powerful-features .section__subtitle {
    font-size: 14px;
    margin-bottom: 0;
  }
  .section--powerful-features .list-group {
    margin-top: 0;
  }
  .section--powerful-features .section__right {
    display: flex;
    align-items: center;
  }
  .section--powerful-features .section__dashboard-container {
    margin-top: 45px;
    margin-left: -232px;
  }
}

@media (min-width: 1012px) {
  .section--articles .section__title {
    font-size: 32px;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 48px;
    position: relative;
    z-index: 20;
  }
  .section--testimonial {
    padding: 170px 0 120px;
  }
  .section--extension-desc .section__title {
    margin-bottom: 34px;
  }
  .section--order-form .order-content h3 {
    font-size: 28px;
  }
  .section .section--graphic-left > .row {
    margin-left: -50px;
  }
  .section .section--graphic-left .section__padding {
    padding-left: 50px;
  }
}

@media (max-width: 1239px) {
  .section--our-goals .feature {
    margin-left: 0;
    max-width: 100%;
  }
}

@media (max-width: 1011px) {
  .section {
    padding: 88px 0;
  }
  .section .section__title {
    margin-bottom: 16px;
  }
  .section--categories-list + .section--articles {
    padding-top: 40px;
  }
  .section--main-categories-list {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -119px;
  }
  .section--extension-features .list-group {
    margin-top: 0;
  }
  .section.section--extensions-details .list-group__content .list {
    padding-left: 48px;
  }
  .section.section--extensions-details .changelog {
    margin-top: 30px;
  }
  .section--faq {
    margin-top: 0;
  }
  .section--our-results .section__graphic {
    margin-left: 62px;
    width: 224px;
    min-width: 224px;
  }
  .section--our-results .section__right {
    margin-left: 62px;
    margin-top: 62px;
  }
  .section--image .section__background {
    height: 300px;
  }
  .section--contact .contact-content {
    padding: 30px;
  }
  .section--banner-changelog {
    padding: 30px 40px;
  }
  .section--banner-changelog > .container {
    flex-direction: column;
  }
  .section--our-goals .section__actions .btn {
    height: 52px;
  }
  .section--order-form .order-content {
    padding: 32px;
  }
  .section--order-form .order-content h3 {
    line-height: 34px;
  }
  .section--order-form .order-content .col-md-6 .form-group {
    max-width: 100%;
  }
  .section .partners-logo > div {
    margin: 0 24px 24px;
  }
  .section--legal h4 {
    line-height: 30px;
  }
  .section--legal ul li, .section--legal ol li {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }
  .section--legal ul li::before, .section--legal ol li::before {
    top: 8px;
  }
  .section.section--map .map-pin {
    left: 47%;
  }
}

@media (min-width: 760px) and (max-width: 1011px) {
  .section--feature .section--graphic-right {
    margin: 0;
  }
  .section--feature .section--graphic-right .section__dashboard-view {
    margin: 0;
  }
  .section--extension-desc .section__title, .section--extensions-details .section__title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 8px;
  }
}

@media (min-width: 760px) {
  .section__graphic {
    margin-bottom: 96px;
  }
  .section__graphic.section--graphic-right > .row {
    margin-right: -50px;
  }
  .section__graphic.section--graphic-right .section__padding {
    padding-right: 70px;
  }
  .section__graphic .section__padding p {
    width: 95%;
  }
  .section__graphic:not(:first-child) {
    padding-top: 24px;
  }
  h2 {
    font-size: 36px;
    line-height: 46px;
  }
}

@media (max-width: 1011px) {
  .section__desc {
    margin-bottom: 54px;
  }
  .section--feature .section__title {
    margin-top: 40px;
  }
  .section--feature .section__dashboard-view {
    margin: 0 auto;
  }
  .section--feature .section__content {
    margin-right: 0;
  }
  .section--feature.section--graphic-right .section__content {
    margin-left: 0;
  }
  .section--feature.section--graphic-right .section__dashboard-view {
    margin: 0 auto;
  }
  .section--categories-list {
    padding-bottom: 0;
  }
  .section--hero .section__actions .btn {
    height: 42px;
    min-width: 120px;
    font-size: 12px;
    font-weight: 700;
  }
  .section--hero .section__actions .btn:last-child {
    margin-left: 24px;
  }
  .section__graphic {
    margin-bottom: 24px;
  }
  .section__graphic.section--graphic-right .browser, .section__graphic.section--graphic-left .browser {
    margin: 0 auto 40px auto;
  }
  .section__graphic.section--graphic-right .section__padding, .section__graphic.section--graphic-left .section__padding {
    padding: 0 8px;
  }
}

@media (max-width: 759px) {
  .section {
    padding: 72px 0;
  }
  .section__header {
    margin-bottom: 38px;
  }
  .section__subtitle {
    font-size: 10px;
    margin-bottom: 0;
  }
  .section__title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 18px;
    font-weight: 600;
  }
  .section__desc {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 41px;
    color: #636166;
    margin-top: 0;
  }
  .section__content + * {
    margin-top: 32px;
  }
  .section--feature .section__title {
    font-size: 32px;
    line-height: 40px;
  }
  .section--feature .section__content {
    justify-content: flex-start;
    margin: 0;
    margin-top: 0;
    min-height: auto;
  }
  .section--feature .section__dashboard-view {
    margin: 0 auto;
  }
  .section--posts .section__category {
    margin-top: 8px;
  }
  .section--our-results .section__content {
    flex-direction: column;
  }
  .section--our-results .section__graphic {
    position: relative;
    margin-left: 0;
  }
  .section--our-results .section__right {
    margin-left: 0;
  }
  .section--extensions-details .changelog {
    margin-top: 0;
  }
  .section--image .section__background {
    height: 170px;
  }
  .section.section--contact {
    padding: 0 0 80px 0;
    margin-top: -20px;
  }
  .section--features-list table {
    margin-top: 0;
  }
  .section.section--banner-changelog {
    padding: 30px;
  }
  .section.section--banner-changelog > .container {
    padding: 0;
  }
  .section.section--banner-changelog .section__actions .btn:last-child {
    margin: 0;
  }
  .section--order-form {
    margin-top: -80px;
  }
  .section--extension-features .list-group--features .list-group__content {
    margin-left: 0;
    padding-left: 22px;
  }
  .section--extension-features .list-group--features .list-group__content ul ul {
    padding-left: 5px;
  }
  .section .section__graphic {
    position: relative;
    margin-left: 0;
  }
  .section--legal ul li, .section--legal ol li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: justify;
  }
  .section--legal ul li::before, .section--legal ol li::before {
    top: 9px;
  }
  .section.section--map .map-panel {
    margin-right: auto;
  }
}

@media (min-width: 614px) {
  .section__content + .section__graphic {
    align-items: flex-end;
  }
}

@media (max-width: 759px) {
  .section {
    padding: 48px 0 64px;
  }
  .section .section__title {
    margin-bottom: 16px;
  }
  .section__content + * {
    margin-top: 32px;
  }
  .section__features + .section__actions {
    margin-top: 40px;
  }
  .section--features-list .list-group .list-group__item {
    padding: 16px;
  }
  .section--features-list .list-group .list-group__top .collapse-icon {
    margin-right: 12px;
  }
  .section--features-list .list-group .list-group__content {
    padding-left: 38px;
  }
  .section--features-list table {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
  }
  .section--features-list table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .section--features-list table tr td, .section--features-list table tr th {
    padding: 4px 16px;
  }
  .section--features-list table thead {
    display: none;
  }
  .section--features-list table tbody tr td {
    display: flex;
    flex-basis: 50%;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
  }
  .section--features-list table tbody tr td:first-child {
    flex-basis: 100%;
  }
  .section--features-list table tbody tr td h5 {
    font-weight: 600;
    font-size: 13px;
  }
  .section--features-list table .table-mobile-header {
    display: block;
    color: #31363B;
    font-size: 12px;
    font-weight: 500;
  }
  .section.section--extensions-details .list-group__content {
    padding-left: 20px;
  }
  .section.section--extensions-details .list-group__content .list {
    padding-left: 28px;
  }
  .section.section--extensions-details .list-group__content .list ul {
    padding-left: 16px;
  }
}

@media (max-width: 613px) {
  .section .section__content.section__content-xs-center {
    text-align: center;
  }
  .section .section__content.section__content-xs-center .section__title:after {
    margin: 24px auto 0;
  }
  .section .section__content.section__content-xs-center .btn {
    min-width: 100%;
  }
  .section .section__content .section__desc + .section__actions {
    margin-top: 0;
  }
  .section--features-list .list-group .list-group__content {
    padding: 0;
  }
  .section .partners-logo {
    margin-bottom: 48px;
  }
  .section .partners-logo > div {
    margin: 0 10px 35px 10px;
    flex-basis: 20%;
  }
  .section .partners-logo > div.dell-logo, .section .partners-logo > div.hp-logo {
    flex-basis: 12%;
  }
  .section .partners-logo > div.lenovo-logo, .section .partners-logo > div.mikro-logo, .section .partners-logo > div.ami-logo {
    flex-basis: 25%;
  }
  .section .partners-logo > div.netgear-logo {
    flex-basis: 27%;
  }
  .section .partners-logo > div.asus-logo {
    flex-basis: 25%;
  }
  .section .partners-logo > div.asus-logo img {
    margin-bottom: 2px;
  }
}

@media (max-width: 613px) {
  .section--feature .section__title {
    text-align: left;
  }
  .section--feature .section__dashboard-view {
    margin-right: 0 !important;
  }
  .section--order-form .order-content {
    max-width: 100%;
    padding: 16px;
  }
  .section.section--extensions-details .list-group__content {
    padding-left: 0px;
  }
  .section.section--extensions-details .list-group__content .list {
    padding-left: 0px;
  }
  .section.section--extensions-details .list-group__content .list ul {
    padding-left: 16px;
  }
}

@media (min-width: 614px) and (max-width: 768px) {
  .section--feature .section__title {
    text-align: left;
  }
  .section--feature .section__dashboard-view {
    transform: translate(0);
  }
  .section--feature.section--graphic-right .section__dashboard-view {
    transform: translate(0);
  }
}

@media (max-width: 480px) {
  .section .partners-logo > div {
    margin: 6px 10px;
  }
}

@media (max-width: 1011px) {
  .section--powerful-features .section__title {
    text-align: left;
  }
  .section--powerful-features .section__subtitle {
    text-align: left;
  }
  .section--powerful-features .section__title.section__title--icon {
    font-size: 32px;
    line-height: 40px;
    margin-left: 23px;
  }
  .section__key-features {
    order: 2;
  }
}

@media (max-width: 759px) {
  .section--powerful-features .section__key-features {
    order: 10;
  }
  .section--powerful-features .section__key-features .btn {
    display: flex;
    width: 100%;
    margin-left: 0;
  }
}

@media (min-width: 760px) and (max-width: 1011px) {
  .section--powerful-features {
    padding-bottom: 70px;
  }
  .section--powerful-features .section__key-features .section__title {
    margin-bottom: 40px;
  }
  .section--powerful-features .section__right {
    align-items: flex-start;
  }
  .section--powerful-features .section__dashboard-container {
    margin-top: 0;
    margin-top: 220px;
    margin-left: -180px;
  }
}

@media (max-width: 759px) {
  .section--powerful-features .section__subtitle {
    text-align: left;
  }
  .section--powerful-features .section__title {
    text-align: left;
  }
}

@media (max-width: 613px) {
  .section.section--login-ca .login-content {
    padding: 32px;
  }
  .section.section--login-ca .login-content h3 {
    font-size: 18px;
  }
}

.section--features-list .top__item {
  display: none;
}

.section--features-list .top__item-0 {
  width: calc(50% + 60px);
  display: flex;
  align-items: center;
}

.section--features-list .list-group.list-group--simple.list-group--documentation.list-group--collapse table {
  margin-top: 8px;
}

@media (min-width: 1011px) {
  .section--features-list .list-group__top.top {
    padding-right: 34px;
  }
  .section--features-list .top__item {
    width: 10%;
    text-align: center;
    padding: 8px 16px 18px 16px;
    display: table-cell;
    opacity: 0;
    transition: opacity 0.2s;
  }
  .section--features-list .top__item-2 {
    padding-right: 12px;
  }
  .section--features-list .list-group__top.top[aria-expanded="true"] .top__item {
    opacity: 1;
    padding-right: 12px;
  }
  .section--features-list .top__item-3,
  .section--features-list .top__item-4 {
    padding-right: 0;
  }
}

@media (max-width: 1239px) and (min-width: 1011px) {
  .section--features-list .top__item-1 {
    padding-right: 0 !important;
  }
  .section--features-list .top__item-2 {
    padding-right: 0;
  }
  .section--features-list .top__item-2.top__item-col {
    padding-right: 0;
  }
  .section--features-list .top__item-3 {
    padding-right: 2px;
  }
  .section--features-list .top__item-4 {
    padding-right: 16px;
  }
  .section--features-list .list-group__top.top {
    padding-right: 0px !important;
  }
  .section--features-list .list-group__content {
    padding-right: 0px !important;
  }
  .section--features-list .top__item-0 {
    width: calc(40% + 38px);
  }
  .section--features-list .top__item {
    width: 11%;
  }
  .section--features-list table td {
    width: 11%;
  }
  .section--features-list table td:first-child {
    width: 40%;
  }
  .section--features-list .list-group__top.top[aria-expanded="true"] .top__item {
    padding-right: 0px;
  }
}

@media (min-width: 759px) and (max-width: 1010px) {
  .section--features-list .top__item-0 {
    width: calc(50% + 7px);
    display: flex;
    align-items: center;
  }
  .section--features-list .top__item {
    width: 18%;
    text-align: center;
    padding: 8px 0 18px 0;
    display: table-cell;
    opacity: 1;
    transition: opacity 0.2s;
  }
  .section--features-list table td {
    width: 11%;
  }
  .section--features-list table td:first-child {
    width: 25%;
  }
  .section--features-list table td:first-child a {
    justify-content: space-between;
  }
  .section--features-list .list-group .list-group__item {
    padding: 18px;
  }
  .section--features-list .list-group .list-group__content {
    padding-right: 0px;
  }
  .section--features-list .list-group .more {
    margin-left: 10px;
  }
  .section--features-list .list-group .more.billing {
    margin-left: 7px;
  }
}

@media (min-width: 759px) {
  .section--dark .section__title {
    line-height: 42px;
  }
  .section--features-list .list-group.list-group--collapse table thead {
    display: none;
  }
  .section--features-list .list-group__top.top .top__item {
    opacity: 0;
  }
  .section--features-list .list-group__top.top[aria-expanded="true"] .top__item {
    opacity: 1;
  }
}

@media (max-width: 759px) {
  .section--features-list .top__item-0 {
    width: 100%;
  }
}

@media (max-width: 550px) {
  .section--our-results .section__graphic img {
    width: 160px;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .section .partners-logo > div {
      display: -webkit-inline-box;
      -webkit-box-pack: center;
      -webkit-box-align: center;
    }
  }
}

.site {
  position: relative;
}

.site-contact {
  position: fixed;
  transform: rotate(-90deg);
  left: -87px;
  top: 55%;
  z-index: 99;
  font-size: 16px;
  min-width: 190px;
}

.site-main {
  z-index: 10;
}

.site-mobile-header {
  display: none;
  align-items: center;
}

.site-mobile-header .mobile__actions {
  margin-left: auto;
  margin-right: 8px;
}

.site-mobile-header .btn--outline {
  color: #fff;
  border-color: #fff;
  font-size: 14px;
  display: none;
}

.site-mobile-header .btn--outline .btn__text {
  top: 1px;
  position: relative;
}

.site-mobile-header .btn--icon {
  overflow: hidden;
  margin-left: auto;
}

.site-mobile-header .btn--icon--icon {
  width: 40px !important;
}

.site-mobile-header .btn--icon .btn__icon {
  position: relative;
  display: flex;
  padding: 2px;
  margin-top: 1px;
  position: relative;
  z-index: 2;
}

.site-mobile-header .btn--icon .btn__icon .zmdi {
  font-size: 18px;
  color: #1f2932;
}

.site-mobile-header .btn--icon .btn__icon .zmdi:hover {
  color: #3A87F2;
}

.site-mobile-header .btn--icon .btn__icon span {
  position: absolute;
  left: 4px;
  display: block;
  width: 16px;
  height: 2px;
  transition: .25s ease-in-out;
  transform: rotate(0deg);
  opacity: 1;
  border-radius: 0px;
  background: #333333;
}

.site-mobile-header .btn--icon .btn__icon span:nth-child(1) {
  top: 6px;
}

.site-mobile-header .btn--icon .btn__icon span:nth-child(2) {
  top: 10px;
}

.site-mobile-header .btn--icon .btn__icon span:nth-child(3) {
  top: 14px;
}

.site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(1) {
  top: 10px;
  transform: rotate(135deg);
}

.site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(2) {
  left: -60px;
  opacity: 0;
}

.site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(3) {
  top: 10px;
  transform: rotate(-135deg);
}

@media (max-width: 1011px) {
  .site {
    position: static;
  }
  .site-mobile-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    z-index: 101;
    display: flex;
    padding-right: 8px;
    background: #fff;
  }
  .site-mobile-header .btn {
    margin-left: auto;
  }
  .site-mobile-header .btn + .btn {
    margin-left: 8px;
  }
  .site-mobile-header .btn--icon {
    background: linear-gradient(to right, #e81f2c 0%, #a71f5a 100%);
    z-index: 1;
    border-radius: 100%;
    position: relative;
  }
  .site-mobile-header .btn--icon.btn__icon {
    position: relative;
    z-index: 2;
  }
  .site-mobile-header .btn--icon:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 44px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: #fff;
    border-radius: 100%;
    margin: auto;
  }
  .site-mobile-header .brand__logo {
    padding: 12px 16px;
  }
  .site-mobile-header .brand__logo img {
    width: 53px;
  }
  .site.no-scroll .site-mobile-header {
    background: #fff;
  }
  .scroll-up .site-mobile-header {
    position: fixed;
    top: 0;
    width: 100%;
    animation-name: fadeInDown;
    animation-duration: .3s;
    animation-fill-mode: both;
  }
  .no-scroll .site-mobile-header {
    top: 30px;
  }
  .scroll-down .site-mobile-header {
    top: 8px;
  }
}

@media (max-width: 759px) {
  .site .site-mobile-header {
    top: 0;
  }
  .site .no-scroll .site-mobile-header {
    top: 0;
  }
  .site-contact {
    display: none;
  }
  .site-mobile-header .btn:not([data-toggle="navbar"]):not(.btn--icon) {
    display: none;
  }
  .no-scroll .site-mobile-header {
    position: fixed;
  }
  .scroll-up .site-mobile-header {
    position: fixed;
    top: 0 !important;
  }
}

.site.scroll-up .site-mobile-header {
  background-color: #fff;
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.2);
}

.site-overlay {
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  z-index: 4;
  background: rgba(0, 0, 0, 0.6);
  transition: linear 0.5s;
}

.nav--tabs .nav__link {
  font-size: 15px;
  font-weight: 500;
}

.nav--tabs .nav__item {
  opacity: 0.7;
  transition: all linear 0.3s;
}

.nav--tabs .nav__item:hover {
  opacity: 1;
}

.nav--tabs .nav__item.is-active {
  opacity: 1;
}

.auth {
  display: flex;
  min-height: 100vh;
  background: #2587ba;
  /*&:before, &:after{
        content: '';
        position: absolute;
        z-index: 10;
        width: 100%;
        height: 100%;
    }*/
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .auth {
    height: 100vh;
  }
}

.auth:after {
  z-index: 3;
  background: url(../img/gradients/blue-light.png) no-repeat;
  background-size: cover;
  opacity: 0.7;
  background-position: top left;
  background-attachment: fixed;
}

.auth__left {
  position: relative;
  z-index: 10;
  width: 680px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .auth__left {
    justify-content: flex-start;
  }
}

.auth__right {
  position: relative;
  z-index: 10;
  padding: 20px;
  background: #1d66cc url(../img/gradients/bg-light.png) no-repeat;
  background-position: bottom right;
}

.auth__logo {
  margin-top: 109px;
  height: 48px;
  margin-bottom: 170px;
}

.auth__logo img {
  height: 100%;
}

.auth__title {
  text-align: center;
  padding-top: 30px;
  margin-bottom: 50px;
}

.auth__form {
  margin-top: auto;
  margin: 0 10px;
  width: 100%;
  max-width: 375px;
}

.auth__form .form-group {
  margin-bottom: 18px;
}

.auth__forgot-password {
  font-weight: 600;
  font-size: 14px;
  color: #3a87f2;
  margin-top: 10px;
}

.auth__bottom-link {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  border-top: 1px solid #e1e2e6;
  min-height: 60px;
  height: 60px;
  width: 100%;
}

.auth__bottom-link a {
  color: #5c4bd1;
}

.auth__right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth__box-container {
  min-width: 880px;
  display: flex;
  justify-content: center;
}

.auth-box {
  padding: 65px 68px 57px 68px;
  border-radius: 8px;
  background: rgba(40, 145, 201, 0.7) url(../img/gradients/blue-light.png) no-repeat;
  background-size: cover;
  background-position: top left;
  background-attachment: fixed;
  color: #fff;
  text-align: center;
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.2);
  max-width: 810px;
  margin-right: 0;
}

.auth-box__title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: Montserrat;
  color: #fff;
}

.auth-box__content {
  margin-top: 27px;
  font-weight: 300;
  font-size: 24px;
  line-height: 40px;
}

.auth-box__actions {
  margin-top: 37px;
}

.auth-box__actions .btn {
  border: 1px solid rgba(240, 240, 245, 0.3);
  color: #fff;
  font-weight: 700;
  min-width: 150px;
}

.auth-box__actions .btn:hover, .auth-box__actions .btn:focus, .auth-box__actions .btn:active {
  box-shadow: none !important;
  border: 1px solid #f0f0f5;
}

.auth--404 {
  background-color: #1d66cc;
}

.auth--404:before {
  z-index: 5;
}

.auth--404:after {
  z-index: 3;
  background: url(../img/gradients/bg-light.png) no-repeat;
  background-size: cover;
  opacity: 0.7;
  background-position: top left;
  background-attachment: fixed;
}

.auth--404 .auth__title {
  margin-bottom: 25px;
}

.auth--404 .auth__desc {
  text-align: center;
  color: #344358;
  font-size: 18px;
  line-height: 26px;
}

.auth--404 .auth__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: auto;
  transform: translateY(-50px);
}

.auth--404 .auth__form .btn:not(.auth__forgot-password) {
  margin-top: 80px;
  min-width: 260px;
}

.ilustration-404 {
  display: flex;
  justify-content: center;
  color: #fff;
}

.ilustration-404__number {
  font-size: 250px;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 72px;
}

.ilustration-404__circle {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 282px;
  width: 282px;
  min-width: 282px;
  background: linear-gradient(60deg, #6a54d8 0%, #5544be 100%);
  border-radius: 1000px;
  margin: -30px -20px 0 -20px;
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.2);
}

.ilustration-404__circle:after {
  background: linear-gradient(60deg, #4430a6 0%, #5544be 100%);
  box-shadow: inset 0px 14px 35px 0px rgba(0, 0, 0, 0.15);
  content: '';
  display: block;
  min-width: 180px;
  width: 180px;
  height: 180px;
  border-radius: 1000px;
}

@media (min-width: 1012px) and (max-width: 1368px) {
  .auth:before {
    background-size: calc(100% - 400px) auto;
  }
  .auth__left {
    width: 500px;
    min-width: 500px;
  }
  .auth__logo {
    margin-bottom: 30px;
  }
  .auth__form {
    margin: auto 34px;
    width: auto;
    max-width: 100%;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .auth__form .input-group {
    width: calc(100% - 2px);
  }
  .auth__box-container {
    min-width: 100%;
  }
  .auth .ilustration-404__number {
    font-size: 220px;
  }
}

@media (max-width: 1011px) {
  .auth {
    width: 100%;
  }
  .auth__left {
    min-width: 100%;
  }
  .auth__logo {
    height: 44px;
    margin-top: 58px;
    margin-bottom: 125px;
  }
  .auth__title {
    font-size: 32px;
    line-height: 42px;
    padding-top: 0;
  }
  .auth__form {
    margin-top: auto;
  }
  .auth__right {
    display: none;
  }
}

@media (max-width: 759px) {
  .auth__left {
    width: 100%;
    min-width: 0;
  }
  .auth__left .btn, .auth__left .input-group {
    height: 52px;
  }
  .auth__logo {
    padding: 0 25px;
    height: 36px;
    margin-top: 46px;
    margin-bottom: 36px;
  }
  .auth__title {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  .auth__form {
    padding: 0 25px;
    width: 100%;
  }
  .auth__forgot-password {
    margin-bottom: 0;
  }
  .auth__bottom-link {
    min-height: 53px;
  }
  .auth__right {
    display: none;
  }
  .auth--404 {
    min-width: 100%;
  }
  .auth--404 .auth__form {
    margin-top: 100px;
    transform: none;
  }
  .auth--404 .auth__form .btn:not(.auth__forgot-password) {
    margin-top: 100px;
  }
  .auth--404 .auth__title {
    margin-bottom: 16px;
  }
  .auth--404 .auth__desc {
    font-size: 16px;
    line-height: 22px;
  }
}

/*
*******************************************
Footer
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Footer - general
*******************************************
*/
.footer {
  background: #0d4ca5;
  padding: 72px 0 0 0;
  color: #fff;
}

.footer.footer--rows {
  padding: 0;
}

.footer.footer--rows .footer__copyrights {
  flex-direction: row;
  width: auto;
  margin: 0;
  font-size: 13px;
}

.footer.footer--rows .footer__copyrights a {
  margin-left: 4px;
}

.footer.footer--rows .footer__brand {
  flex-basis: 145px;
  padding-right: 24px;
}

.footer.footer--rows .brand__logo {
  height: 44px;
  align-self: stretch;
  align-items: center;
  display: flex;
  flex: 1;
}

.footer.footer--rows .nav--btn {
  margin-left: 8px;
}

.footer p {
  color: rgba(233, 229, 255, 0.8);
}

.footer__form .input-group {
  border-color: #fff;
}

.footer__form .input-group:hover, .footer__form .input-group:focus, .footer__form .input-group:active {
  border-color: #fff;
}

.footer__form .btn {
  min-width: 210px;
}

.footer__form-title {
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
}

.footer__form-wrapper {
  justify-content: center;
  margin-bottom: 112px;
}

.footer__top {
  padding: 80px 0;
  background: #fff;
}

.footer__top .footer__nav .nav__link {
  font-size: 14px;
}

.footer__column:last-child {
  min-width: 345px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .footer__column:last-child {
    width: 345px;
    flex: 0 0 auto;
  }
}

.footer__column .form-control {
  background: rgba(0, 0, 0, 0.2);
  border: 0;
  color: #fff;
}

.footer__column ::-webkit-input-placeholder {
  color: rgba(233, 229, 255, 0.8);
}

.footer__column :-ms-input-placeholder {
  color: rgba(233, 229, 255, 0.8);
}

.footer__column ::-moz-placeholder {
  color: rgba(233, 229, 255, 0.8);
}

.footer__column :-moz-placeholder {
  color: rgba(233, 229, 255, 0.8);
}

.footer__column .footer__title + p {
  padding-top: 7px;
}

.footer__bottom {
  margin-top: 64px;
  padding: 24px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footer__bottom .container {
  display: flex;
  align-items: center;
}

.footer__bottom .footer__nav {
  margin-left: auto;
  flex-direction: row;
}

.footer .copyrights {
  font-size: 13px;
  color: rgba(233, 229, 255, 0.8);
  margin-bottom: 0;
}

.footer__site-map {
  flex: 1;
}

.footer__brand {
  margin-right: 42px;
  justify-content: flex-start;
}

.footer__brand .brand__logo {
  /*height: 28px;*/
  align-items: flex-start;
}

.footer__brand .brand__logo img {
  height: auto;
}

.footer__title {
  color: #fff;
  margin-bottom: 19px;
  line-height: 26px;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  margin: 0 0 16px 0;
}

.footer__nav .nav__item {
  min-height: 0;
}

.footer__nav .nav__link {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0;
  white-space: initial;
  min-height: 33px;
}

.footer__nav .nav__link:hover {
  color: white;
}

.footer .nav--btn .nav__item:not(:last-of-type) {
  margin-right: 8px;
}

.footer .nav--btn .nav__item {
  border-radius: 100%;
  position: relative;
}

.footer .nav--btn .nav__item .btn--icon:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: #fff;
  border-radius: 100%;
  margin: auto;
}

.footer .nav--btn .nav__item .btn__icon {
  position: relative;
  z-index: 2;
}

.footer__social-nav {
  margin-left: auto;
  margin-right: -10px;
  display: flex;
  align-items: center;
}

.footer__social-nav .btn.btn--icon.btn--xs {
  width: auto;
  min-width: 24px;
  padding: 0 8px !important;
}

.footer__social-nav .btn.btn--icon.btn--xs svg path {
  transition: fill 0.3s;
}

.footer__social-nav .btn.btn--icon.btn--xs svg:hover path {
  fill: #fff;
}

.footer .nav--sub:before {
  background: #fff;
  opacity: 0.5;
}

.footer .mc-field-group .form-control {
  margin-bottom: 10px;
}

.footer .mc-field-group .form-control:-webkit-autofill, .footer .mc-field-group .form-control:-webkit-autofill:hover, .footer .mc-field-group .form-control:-webkit-autofill:focus, .footer .mc-field-group .form-control:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #0a3d84 inset !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-background-clip: text;
}

/*
*******************************************
2. Features - responsive
*******************************************
*/
@media (max-width: 1239px) {
  .footer {
    background-size: 1144px;
  }
}

@media (max-width: 1011px) {
  .footer {
    padding: 88px 0 0 0;
    background-size: 817px;
  }
  .footer__form-wrapper {
    margin-bottom: 88px;
  }
  .footer__site-map .row {
    justify-content: center;
  }
  .footer__column:last-child {
    margin-top: 50px;
    max-width: 440px;
  }
  .footer__column:last-child .footer__title {
    display: none;
  }
  .footer__column:last-child .footer__subscribe {
    display: flex;
  }
  .footer__column:last-child .footer__subscribe .form-control, .footer__column:last-child .footer__subscribe .btn {
    min-height: 52px;
    height: 52px;
  }
  .footer__column:last-child .footer__subscribe .btn {
    min-width: 188px;
    width: 188px;
    margin-left: 16px;
  }
}

@media (max-width: 759px) {
  .footer {
    padding: 0;
    background-size: 817px;
  }
  .footer > .container {
    flex-direction: column;
    max-width: 100%;
  }
  .footer .footer__bottom {
    position: relative;
    margin-top: 55px;
    padding: 30px 0;
  }
  .footer .footer__bottom > .container {
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
  }
  .footer__form {
    padding: 0 8px;
    margin-bottom: 35px;
  }
  .footer__form .input-group {
    display: none;
  }
  .footer__form-wrapper {
    margin-bottom: 0;
  }
  .footer.footer--rows .footer__brand {
    flex-basis: inherit;
    padding: 0;
    width: 100%;
    margin-bottom: 8px;
  }
  .footer.footer--rows .footer__copyrights {
    margin-bottom: 0;
    text-align: center;
    padding: 16px 0;
    line-height: 20px;
    position: relative;
    z-index: 1;
  }
  .footer.footer--rows .footer__copyrights:before {
    content: none;
  }
  .footer.footer--rows .footer__bottom {
    padding: 0;
  }
  .footer.footer--rows .footer__bottom .footer__nav {
    padding: 8px 0;
  }
  .footer.footer--rows .footer__bottom .col-lg-5:after {
    content: "";
    background: #f5f5f5;
    min-width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    right: -100%;
    bottom: 0;
    z-index: 0;
  }
  .footer.footer--rows .nav--btn {
    margin-left: 0;
  }
  .footer__site-map {
    padding: 0 32px;
  }
  .footer__bottom {
    flex: 0;
    border-top-color: #0c4494;
  }
  .footer__brand {
    padding: 0;
    width: 100%;
    margin-bottom: 0;
    justify-content: center;
  }
  .footer__brand .brand__logo {
    justify-content: center;
    align-items: center;
  }
  .footer__social-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .footer .copyrights {
    text-align: center;
    font-size: 13px;
    color: rgba(233, 229, 255, 0.8);
  }
  .footer .nav--btn {
    margin: 0;
    justify-content: center;
  }
  .footer .nav--btn .nav__item:not(:last-of-type) {
    margin-right: 8px;
  }
}

@media (max-width: 759px) {
  .footer {
    padding-top: 45px;
  }
  .footer > .container {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .footer.footer--rows .footer__top {
    padding: 40px 0 24px;
  }
  .footer.footer--rows .footer__top > .container {
    padding: 0 16px;
  }
  .footer.footer--rows .footer__top .footer__nav {
    display: none;
    padding-left: 16px;
  }
  .footer.footer--rows .footer__top .is-open .footer__nav {
    display: block;
  }
  .footer.footer--rows .footer__bottom > .footer__nav {
    flex-direction: column;
    align-items: center;
  }
  .footer__site-map .footer__nav {
    display: none;
  }
  .footer__site-map .footer__nav .nav__link {
    font-size: 13px;
  }
  .footer__column {
    min-width: 100%;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
  }
  .footer__column:last-child {
    margin-top: 0;
    min-width: 100%;
  }
  .footer__column:last-child .footer__title {
    display: block;
  }
  .footer__column:last-child .footer__subscribe {
    flex-direction: column;
  }
  .footer__column:last-child .footer__subscribe .btn {
    margin: 0;
    width: 100%;
  }
  .footer__column .form-control {
    margin-bottom: 16px !important;
  }
  .footer__column .btn, .footer__column .form-control {
    height: 52px;
    max-width: 100%;
  }
  .footer__title {
    font-weight: 500;
    cursor: pointer;
    position: relative;
    padding: 0;
    font-size: 14px;
    line-height: 48px;
    margin-bottom: 0;
    border-radius: 2px;
  }
  .footer__title:before, .footer__title:after {
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    transform-origin: center center;
  }
  .footer__title:before {
    position: absolute;
    background: #fff;
    position: absolute;
    content: '';
    height: 2px;
    width: 18px;
  }
  .footer__title:after {
    position: absolute;
    background: #fff;
    position: absolute;
    content: '';
    height: 2px;
    width: 18px;
    transform: rotate(90deg);
  }
  .footer__title.footer__title--no-icon {
    margin-bottom: 10px;
  }
  .footer__title.footer__title--no-icon:before, .footer__title.footer__title--no-icon:after {
    display: none;
  }
  .footer .footer__nav .nav__item {
    min-height: 30px;
  }
  .footer__section + .footer__section {
    margin-top: 0;
  }
  .footer__copyrights {
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .footer__copyrights .footer__brand {
    flex-basis: 40px;
    margin-bottom: 8px;
  }
  .footer__copyrights .nav--btn {
    margin: 0;
  }
  .footer__brand {
    margin-right: 0;
    margin-bottom: 16px;
    justify-content: center;
  }
  .footer.footer--horizontal .footer__copyrights {
    flex-direction: column-reverse;
  }
  .footer.footer--horizontal .footer__nav {
    flex-wrap: wrap-reverse;
  }
  .footer.footer--horizontal .nav--horizontal:after {
    content: "";
    width: 100%;
  }
  .footer.footer--horizontal .nav--horizontal .nav__item:nth-child(n+4) {
    order: 1;
  }
  .footer .brand__logo {
    height: 40px;
    max-width: 178px;
    width: 100%;
  }
  .footer .copyrights {
    padding: 0;
    margin: 8px 0 16px;
  }
  .footer .footer__title {
    margin-top: 0;
  }
  .footer .is-open {
    padding: 0 24px;
    width: calc(100% + 48px);
    min-width: calc(100% + 48px);
    background: rgba(0, 0, 0, 0.1);
  }
  .footer .is-open .footer__nav {
    display: block;
    margin-bottom: 16px;
  }
  .footer .is-open .footer__title:after {
    display: none;
  }
}

@media (max-width: 613px) {
  .footer__bottom > .container > .row > div:last-of-type {
    flex-direction: column-reverse;
  }
  .footer.footer--rows .footer__bottom .footer__nav:not(.nav--btn) {
    padding: 0;
    margin-bottom: 16px;
    flex-direction: column-reverse;
    align-items: center;
  }
  .footer.footer--rows .footer__bottom .footer__nav:not(.nav--btn) .nav__item {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .footer.footer--rows .nav--btn {
    padding-bottom: 16px !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .footer__site-map {
    flex: auto;
  }
}

/*
*******************************************
Features
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Features - general
*******************************************
*/
.features {
  margin-top: -32px;
}

.feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 48px;
  width: 100%;
}

.feature__icon {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.feature__icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
}

.feature__icon + .feature__body {
  margin-top: 24px;
}

.feature__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

.feature__body .feature__actions {
  margin-bottom: -8px;
}

.feature__body + .feature__actions {
  background: rgba(59, 165, 255, 0.1);
}

.feature__body > *:last-child:not(.feature__actions) {
  margin-bottom: 0;
}

.feature__body + .feature__actions {
  padding-left: 16px;
  padding-right: 16px;
}

.feature__desc {
  font-size: 16px;
  line-height: 28px;
}

.feature__title {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 24px;
}

.feature__title + .feature__desc {
  margin-top: 16px;
}

.feature__title .subtitle {
  width: 100%;
  font-size: 17px;
  font-weight: 400;
}

.feature__actions {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  width: 100%;
}

.feature--icon-left {
  flex-direction: row;
  flex: 1 0 auto;
  max-width: 100%;
}

.feature--icon-left .feature__icon {
  flex-shrink: 0;
  align-self: flex-start;
}

.feature--icon-left .feature__icon + .feature__body {
  margin-top: 0;
  margin-left: 32px;
}

.feature--icon-left .feature__body {
  text-align: left;
}

.feature--icon-left .feature__title {
  font-weight: 500;
  font-size: 20px;
}

.feature--icon-left .feature__actions > .btn--link {
  padding-left: 0;
  padding-right: 0;
  justify-content: flex-start;
}

.feature--boxed {
  background: #fff;
}

.feature--boxed .feature__icon {
  margin-top: 32px;
}

.feature--boxed .feature__icon + .feature__body {
  margin-top: 0;
}

.feature--boxed .feature__body {
  padding: 32px 24px;
}

.feature--boxed .feature__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  width: 100%;
  position: relative;
}

.feature--boxed .feature__header:after {
  content: "";
  width: calc(100% - 64px);
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.feature--boxed .feature__header .feature__title {
  text-align: left;
  padding-right: 16px;
}

.feature--boxed .feature__header .feature__icon {
  margin-top: 0;
}

.feature--boxed .feature__header + .feature__body {
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
}

.feature--boxed.feature--bordered .feature__body + .feature__actions {
  border-top: 1px solid #e6e6eb;
}

.feature--boxed.feature--sm .feature__icon {
  margin-top: 16px;
}

.feature--boxed.feature--sm .feature__body {
  padding: 16px;
}

.feature--boxed.feature--lg .feature__icon {
  margin-top: 32px;
}

.feature--boxed.feature--lg .feature__body {
  padding: 32px;
}

.feature--content-left {
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
}

.feature--content-left .feature__actions .btn {
  justify-content: flex-start;
}

.feature--bordered {
  border: 1px solid #e6e6eb;
}

.feature--bordered .feature__icon {
  margin-top: 24px;
}

.feature--bordered .feature__icon + .feature__body {
  margin-top: 0;
}

.feature--bordered .feature__body {
  padding: 24px;
}

.feature--bordered.feature--sm .feature__icon {
  margin-top: 16px;
}

.feature--bordered.feature--sm .feature__body {
  padding: 16px;
}

.feature--bordered.feature--lg .feature__icon {
  margin-top: 32px;
}

.feature--bordered.feature--lg .feature__body {
  padding: 32px;
}

.feature--shadow {
  box-shadow: 0px 6px 16.4px 0.6px rgba(37, 47, 66, 0.1);
  transition: all ease-in-out 0.2s;
}

.feature--shadow.feature--link:hover {
  box-shadow: 0px 7px 17.4px 0.6px rgba(37, 47, 66, 0.15);
  transform: translateY(-5px);
}

.feature .ribbon {
  position: absolute;
  top: 20px;
  left: -112px;
  width: 290px;
  height: 26px;
  color: #fff;
  background-color: #3A87F2;
  transform: rotate(-45deg);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  font-size: 10px;
}

.nav .feature__desc {
  opacity: 0.6;
}

.nav .feature.feature--bordered {
  border-color: rgba(33, 131, 217, 0.8);
  transition: border 0.3s;
}

.nav .feature.feature--bordered:hover {
  border-color: rgba(255, 255, 255, 0.4);
}

.nav .feature:hover {
  box-shadow: 0px 6px 16.4px 0.6px rgba(37, 47, 66, 0.1);
}

.row--eq-height .feature {
  margin-top: 0;
  height: 100%;
}

.row--eq-height .feature--exploring {
  margin-top: 32px;
  overflow: hidden;
}

.row--eq-height .feature--exploring .feature__body {
  padding: 24px 24px 32px;
  position: relative;
}

.row--eq-height .feature--exploring .feature__icon {
  margin: 0 auto;
}

.row--eq-height .feature--exploring .feature__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.row--eq-height .feature--exploring .feature__desc {
  font-size: 14px;
  line-height: 26px;
  color: #344358;
}

.row--eq-height .widget {
  margin: 0 auto;
  height: 100%;
}

.row--eq-height.row.features--exploring {
  margin-top: 56px;
  justify-content: flex-start;
}

/*
*******************************************
2. Features - responsive
*******************************************
*/
@media (max-width: 1239px) {
  .row--eq-height.row.features--exploring {
    margin-top: 16px;
  }
}

@media (max-width: 1011px) {
  .nav--sub .row--features {
    margin-top: -8px;
    margin-left: -4px;
    margin-right: -4px;
  }
  .nav--sub .row--features > div[class*=col-] {
    padding-left: 4px;
    padding-right: 4px;
  }
  .nav--sub .feature--boxed,
  .nav--sub .feature--bordered {
    padding: 24px;
  }
  .nav--sub .feature--boxed .feature__icon,
  .nav--sub .feature--bordered .feature__icon {
    width: 64px;
    height: 64px;
  }
  .nav--sub .feature--boxed .feature__body,
  .nav--sub .feature--bordered .feature__body {
    padding: 0;
  }
}

@media (min-width: 760px) and (max-width: 1011px) {
  .tab-v-feature--default {
    flex-direction: column;
  }
  .tab-v-feature--default .feature__icon {
    -ms-grid-row-align: initial;
        align-self: initial;
  }
  .tab-v-feature--default .feature__body {
    margin-top: 24px !important;
    margin-left: 0 !important;
    text-align: center;
  }
}

@media (max-width: 1011px) {
  .feature.feature--boxed .feature__body {
    padding: 24px 16px;
  }
  .feature.feature--boxed .feature__header {
    padding: 24px 16px;
  }
  .feature.feature--icon-left {
    margin-top: 32px !important;
  }
  .feature.feature--boxed-js {
    padding-right: 32px;
    position: relative;
    max-width: 340px;
  }
  .feature.feature--boxed-js:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: transparent;
    z-index: 1;
  }
  .feature.feature--boxed-js:after {
    font: normal normal normal 18px/1 'Material-Design-Iconic-Font';
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    width: 32px;
    height: 100%;
    content: '\f278';
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  .feature.feature--boxed-open {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0;
    z-index: 10;
  }
  .feature.feature--boxed-open .feature__header + .feature__body {
    position: relative;
    display: flex;
  }
  .feature.feature--boxed-open .feature__header:after {
    content: none;
  }
  .feature.feature--boxed-open:after {
    content: "\f273";
  }
  .feature .feature__actions .hide-md + .btn {
    width: 100%;
  }
  .feature .feature__header + .feature__body {
    display: none;
  }
  .justify-content-md-center .feature {
    margin-top: 16px;
  }
}

@media (max-width: 1011px) {
  .feature.feature--boxed-open .feature__header + .feature__body {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    padding-right: 32px;
    background: #fff;
    border: 1px solid #e6e6eb;
    width: auto;
    max-width: initial;
  }
  .row--eq-height.row.features--exploring {
    margin-top: 0;
  }
}

@media (max-width: 759px) {
  .feature {
    margin-top: 32px;
  }
  .feature__icon + .feature__body {
    margin-top: 16px;
  }
  .feature__desc {
    word-break: break-word;
    font-size: 13px;
    line-height: 22px;
  }
  .feature--arrow {
    position: relative;
  }
  .feature--arrow:after {
    bottom: -16px;
  }
  .feature--arrow:before {
    bottom: -22px;
  }
  .feature.feature--boxed-js {
    max-width: 100%;
  }
  .mob-feature--simple .feature__icon {
    width: 104px;
    height: 104px;
  }
  .mob-feature--simple .feature__actions,
  .mob-feature--simple .feature__desc {
    display: none;
  }
  .mob-feature--center {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .mob-feature--icon-left {
    flex-direction: row;
  }
  .mob-feature--icon-left .feature__icon {
    margin-top: 0 !important;
    flex-shrink: 0;
    align-self: flex-start;
  }
  .mob-feature--icon-left .feature__icon + .feature__body {
    margin-top: 0;
    margin-left: 16px;
  }
  .mob-feature--icon-left .feature__body {
    text-align: left;
  }
  .mob-feature--icon-left .feature__actions > .btn--link {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start;
  }
  .row--eq-height .feature {
    margin-top: 24px;
  }
  .row--eq-height.row.features--exploring .feature__title {
    font-size: 16px;
  }
  .nav--sub .row--features {
    margin-top: -8px;
  }
  .nav--sub .feature {
    padding: 16px;
    margin-top: 8px;
  }
  .nav--sub .feature__body {
    padding: 0;
  }
  .nav--sub .feature__icon {
    margin-top: 0;
  }
  .nav--sub .feature__title {
    font-size: 14px;
    line-height: 20px;
  }
  .nav--sub .feature__desc {
    font-size: 13px;
    line-height: 18px;
  }
  .nav--sub .feature--boxed {
    padding: 24px;
  }
  .nav--sub .feature--boxed .feature__icon {
    width: 64px;
    height: 64px;
  }
  .nav--sub .feature--boxed .feature__body {
    padding: 0;
  }
}

@media (max-width: 758px) and (min-width: 730px) {
  .feature .ribbon {
    top: 43px;
    left: -29%;
    width: 380px;
  }
}

@media (max-width: 729px) and (min-width: 700px) {
  .feature .ribbon {
    left: -21%;
    top: 43px;
  }
}

@media (max-width: 699px) and (min-width: 660px) {
  .feature .ribbon {
    top: 35px;
    left: -18%;
  }
}

@media (max-width: 613px) {
  .feature.mob-feature--link {
    align-items: flex-start;
  }
  .feature.mob-feature--link .feature__actions {
    display: none;
  }
  .feature.mob-feature--link .feature__desc {
    display: none;
  }
  .feature.mob-feature--link .feature__body {
    padding: 16px;
  }
  .feature.mob-feature--link .feature__title {
    font-size: 17px;
  }
  .feature.mob-feature--link .feature__title .subtitle {
    font-size: 15px;
  }
  .feature.mob-feature--link .feature__body {
    width: 100%;
    position: relative;
  }
  .feature.mob-feature--link .feature__body:after {
    content: '\f301';
    font: normal normal normal 24px/1 "Material-Design-Iconic-Font";
    height: 24px;
    width: 24px;
    display: flex;
    position: absolute;
    right: 16px;
    top: calc(50% - 12px);
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mob-slider {
    display: flex;
    width: 100%;
  }
  .navbar__nav .feature__icon {
    justify-content: flex-start;
  }
  .feature__body {
    flex: 1 0 auto;
  }
  .feature--icon-left {
    width: inherit;
  }
  .feature--icon-left .feature__body {
    flex: 1 0 0%;
  }
}

@media screen and (-ms-high-contrast: active) and (min-width: 760px) and (max-width: 1011px), (-ms-high-contrast: none) and (min-width: 760px) and (max-width: 1011px) {
  .tab-v-feature--default .feature__body {
    flex: 1 0 auto;
  }
  .tab-v-feature--default .feature__icon {
    -ms-grid-row-align: center;
        align-self: center;
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 1011px), (-ms-high-contrast: none) and (max-width: 1011px) {
  .navbar__nav .feature__body {
    flex: 1 0 0%;
  }
  .mob-slider {
    display: block;
  }
  .mob-slider[data-size="mobile"] .swiper-slide {
    flex: 0 0 100%;
    height: 100%;
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 759px), (-ms-high-contrast: none) and (max-width: 759px) {
  .mob-slider .swiper-slide {
    height: auto;
  }
  .mob-slider[data-size="tablet"] .swiper-slide {
    flex: 0 1 auto;
  }
}

/*
*******************************************
Block
1. General
2. Elements
3. Responsive
*******************************************
*/
/*
*******************************************
1. Block - general
*******************************************
*/
.block {
  display: flex;
  flex-wrap: nowrap;
}

/*
*******************************************
2. Block - elements
*******************************************
*/
.service-section {
  margin-top: 35px;
}

.service-section:first-child {
  margin-top: 0;
}

.service-section__header {
  margin-bottom: 30px;
}

.service-section__title {
  margin-bottom: 0;
}

.service-section__description {
  margin-top: 8px;
  margin-bottom: 0;
}

.block__sidebar .widget__content .form-group:last-child {
  margin-bottom: 0;
}

.block__sidebar .widget__header h4 {
  margin-bottom: 24px;
  color: #fff;
}

.inline {
  display: inline-block;
}

.block:not(.block--boxed) .block__sidebar .widget {
  color: #293642;
  overflow: visible;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.block:not(.block--boxed) .block__sidebar .widget:last-child {
  border-bottom: none;
}

.block:not(.block--boxed) .block__sidebar .widget__header, .block:not(.block--boxed) .block__sidebar .widget__body {
  border: none;
}

.block:not(.block--boxed) .block__sidebar .widget__actions {
  border-color: transparent;
  background: transparent;
  padding: 15px;
  padding-top: 0;
}

.block:not(.block--boxed) .block__sidebar .widget .form-control, .block:not(.block--boxed) .block__sidebar .widget .selectize-input {
  border-color: #fff;
}

.block:not(.block--boxed) .block__sidebar .btn--default {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
}

.block:not(.block--boxed) .block__sidebar .btn--default:hover {
  background: rgba(255, 255, 255, 0.4);
}

.block:not(.block--boxed) .block__sidebar .btn--default:focus, .block:not(.block--boxed) .block__sidebar .btn--default:active {
  background: rgba(255, 255, 255, 0.1);
}

.block__sidebar {
  width: 368px;
  margin-right: 32px;
  background-color: #293642;
}

.block__sidebar .nav {
  margin-left: -16px;
}

.block__sidebar.block__sidebar--md {
  width: 320px;
}

.block__body {
  padding: 24px;
  border: 1px solid #e9ebf0;
  background: #fff;
  flex: 1;
}

.block__body.block__body--no-data {
  min-height: 540px;
  display: flex;
  align-items: center;
}

.block__body.block__body--no-data .msg:not(.msg--lg) .msg__description {
  font-size: 13px;
}

.block__body.block__body--no-data .msg:not(.msg--lg) .msg__title {
  font-size: 18px;
}

.block__body .form-section:first-of-type .form-section__title {
  padding-top: 0;
}

.block__body .btn__icon {
  font-size: 14px;
  margin-right: 0;
  margin-left: -4px;
}

.block__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-top: 32px;
  background: #fff;
  position: fixed;
  width: 768px;
  padding: 32px;
  bottom: 0 !important;
  margin-left: -32px;
  z-index: 10;
  display: none;
}

.block__summary.absolute {
  position: absolute;
  left: 0px;
  width: 100%;
  margin-left: 0;
}

.block__summary.fixed {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
}

.block__summary.fixed:before {
  content: none;
}

.block__summary:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 1px;
  background: #eaeaea;
}

.block__summary .h6 {
  font-size: 14px;
}

.block__summary .type-3 {
  line-height: 26px;
}

.block__summary #cloud-price,
.block__summary #total-price {
  display: inline-block;
}

.block__content + .block__actions {
  margin-top: 24px;
}

.block--sidebar-right .block__sidebar {
  margin-right: 0;
  margin-left: -1px;
  order: 2;
}

.block--boxed {
  justify-content: space-between;
}

.block--boxed > .block__body {
  padding: 32px;
  border: none;
  border-radius: 3px;
  position: relative;
  padding-bottom: 120px;
}

.block--boxed > .block__body .package {
  width: 100%;
}

.block--boxed #show-calculator {
  display: flex;
}

.block--boxed #show-calculator .btn__text {
  width: 100%;
  text-align: center;
  display: block;
}

.block--boxed .block__section {
  margin-top: 40px;
}

.block--boxed .block__section .h5 {
  margin-bottom: 24px;
}

.block--boxed .block__sidebar {
  background-color: transparent;
}

.block--boxed .block__sidebar .widget:first-child {
  border: none;
}

.block--boxed .block__sidebar--sm {
  width: 150px;
}

.block--boxed.block--sidebar-right .block__sidebar, .block--boxed.block--sidebar-dobule .block__sidebar {
  margin-right: 0;
  margin-left: 24px;
}

.block.block--msg .block__body {
  padding-left: 56px;
  padding-right: 56px;
}

.block.block--msg .block__body > .top {
  flex-wrap: wrap;
  padding: 15px 16px;
}

.block.block--msg .block__body > .top .top__title {
  width: 100%;
  overflow: visible;
  white-space: initial;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 22px;
}

.block.block--msg .block__body > .top .top__status {
  margin-left: auto;
  margin-right: 0;
  font-weight: 500;
}

.block.block--sidebar-dobule .block__sidebar.block__sidebar--left {
  margin-left: 0;
  margin-right: 24px;
  margin-left: 0;
}

.block.block--sidebar-dobule .block__sidebar.block__sidebar--right {
  margin-right: 0;
  margin-left: 24px;
}

.block.block--ticket .block__body {
  padding-left: 60px;
  padding-right: 60px;
}

.block.block--ticket .top {
  flex-wrap: wrap;
  padding: 15px 16px;
}

.block.block--ticket .top__title {
  width: 100%;
  overflow: visible;
  white-space: initial;
  margin-bottom: 10px;
}

.block.block--ticket .top__title.p-2 {
  font-size: initial;
  line-height: initial;
}

.block.block--ticket .top__status {
  margin-left: auto;
  margin-right: 0;
  font-weight: bold;
}

@media (min-width: 1012px) {
  .block.block--article .block__body {
    padding-right: 24px;
  }
}

.block.block--services .block__body + .block__sidebar {
  margin-left: 30px;
}

.block.block--auth {
  height: auto;
  width: 100%;
  margin: 16px;
}

.block.block--auth .block__body {
  padding: 56px;
  border: none;
  height: 100%;
  display: flex;
  flex-flow: column wrap;
}

.block.block--auth .block__body.has-actions {
  padding-bottom: 0;
}

.block.block--auth .block__body.has-actions .block__content {
  margin-bottom: 48px;
}

.block.block--auth .brand {
  width: 100%;
  height: auto;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 48px;
}

.block.block--auth .brand img {
  max-width: 160px;
}

.block.block--auth .block__content {
  margin-bottom: auto;
}

.block.block--auth .block__actions {
  margin-left: -56px;
  margin-right: -56px;
  margin-top: auto;
}

.block.block--auth .block__actions .btn {
  min-height: 48px;
}

.block.block--auth .block__actions .btn span {
  margin-right: 6px;
}

.block.block--auth .form-group--inline + .btn {
  margin-top: 16px;
}

.block.block--auth .form-check {
  margin-bottom: 0;
}

.block.block--center {
  align-items: center;
  justify-content: center;
}

.package.is-touched {
  pointer-events: none !important;
  touch-action: none !important;
}

/*
*******************************************
3. Block - responsive
*******************************************
*/
@media (max-width: 1239px) {
  .block__sidebar {
    width: 270px;
    margin-right: 16px;
  }
}

@media (max-width: 1011px) {
  .block__sidebar {
    width: 100%;
  }
}

@media (max-width: 759px) {
  .block__sidebar {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 1011px) {
  .block__sidebar.block__sidebar--md {
    width: 100%;
  }
}

@media (max-width: 1239px) {
  .block__summary {
    width: 654px;
  }
}

@media (max-width: 1011px) {
  .block__summary {
    width: 684px;
  }
}

@media (max-width: 759px) {
  .block__summary {
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 16px;
  }
  .block__summary .price .type-3 {
    margin: 0px;
  }
}

@media (max-width: 759px) {
  .block .section__container {
    display: none;
  }
  .block .section__container.is--open {
    display: block;
    padding-bottom: 60px;
  }
}

@media (max-width: 759px) {
  .block .block__header .content h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 759px) {
  .block__body.block__body--no-data {
    min-height: initial;
  }
}

@media (max-width: 759px) {
  .block__body {
    padding: 17px 10px;
    border: none;
  }
  .block__body > .list-group {
    margin: -24px -16px;
  }
  .block__body > .list-group .list-group__item {
    padding: 16px;
  }
  .block__body > *:not(.well) + .list-group {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 759px) {
  .block--sidebar-right .block__sidebar {
    margin-left: 0;
  }
}

.block.block--boxed .block__body {
  padding-bottom: 160px;
}

@media (max-width: 759px) {
  .block.block--boxed .block__body {
    padding: 24px 16px;
  }
}

@media (max-width: 759px) {
  .block.block--boxed .block__body.is--open {
    padding-bottom: 120px !important;
  }
}

@media (min-width: 1012px) {
  .block.block--boxed .block__sidebar--sm {
    min-width: 150px;
  }
}

@media (min-width: 1012px) {
  .block.block--boxed .block__sidebar--sm + .block__body {
    width: calc(100% - 150px);
  }
}

@media (max-width: 1011px) {
  .block.block--boxed.block--sidebar-right .block__sidebar, .block.block--boxed.block--sidebar-dobule .block__sidebar {
    margin-left: 0;
  }
}

.block.block--domains .block__body {
  padding-bottom: 32px;
}

.block.block--domains .block__body .list-group .btn__icon {
  font-size: 19px;
  color: #3A87F2;
}

.block.block--domains .block__sidebar {
  width: 268px;
}

.block.block--domains .list-group__item {
  padding: 6px 0;
  margin-bottom: 9px;
}

.block.block--domains .list-group__item.is-unavaliable .zmdi,
.block.block--domains .list-group__item.is-unavaliable .list-group__content {
  opacity: 0.5;
  color: #404040;
}

.block.block--domains .list-group__item.is-unavaliable .rail .type-5 {
  opacity: 0.5;
  color: #404040;
}

.block.block--domains .list-group__content + .list-group__addon {
  padding-left: 32px;
}

.block.block--domains .list-group__content + .list-group__addon .btn {
  margin-right: 1px;
}

.block.block--domains .rail {
  color: #3A87F2;
}

.block.block--domains .rail > * {
  margin-right: 32px;
}

.block.block--domains .list-group .rail .btn {
  width: 127px;
}

.block.block--domains .list-group .rail .btn__icon {
  color: #fff;
  margin: 0;
}

@media (max-width: 759px) {
  .block.block--msg .block__body {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 760px) {
  .block.block--msg .block__body > .top {
    display: none;
  }
}

@media (max-width: 1011px) {
  .block.block--msg .block__sidebar {
    padding-left: 56px;
    padding-right: 56px;
  }
}

@media (max-width: 1011px) {
  .block.block--sidebar-dobule .block__sidebar.block__sidebar--right {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media (max-width: 759px) {
  .block.block--ticket .block__body {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1011px) {
  .block.block--ticket .block__sidebar {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (min-width: 760px) {
  .block.block--ticket .top {
    display: none;
  }
}

@media (max-width: 1011px) {
  .block.block--services .block__body + .block__sidebar {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media (max-width: 1011px) {
  .block.block--domains .block__sidebar {
    width: 100%;
  }
}

@media (max-width: 759px) {
  .block.block--domains .block__body {
    padding-bottom: 24px;
  }
}

@media (max-width: 759px) {
  .block.block--services .block__body + .block__sidebar {
    margin-left: 0;
  }
}

@media (max-width: 1011px) {
  .block {
    flex-direction: column;
  }
}

@media (max-width: 759px) {
  .block.block--auth .block__body.has-actions .block__content {
    margin-bottom: 32px;
  }
}

@media (max-width: 759px) {
  .block.block--auth .block__body {
    padding: 32px 56px;
  }
  .block.block--auth .block__actions {
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media (max-width: 613px) {
  .block.block--auth .block__body {
    align-items: stretch;
    padding: 32px 24px;
  }
  .block.block--auth .block__actions {
    margin-left: -24px;
    margin-right: -24px;
  }
  .block.block--auth .brand {
    margin-bottom: 32px;
  }
  .block.block--auth .form-group--inline + .btn {
    margin-top: 8px;
  }
}

@media (max-width: 759px) {
  .block.block--domains .list-group__item {
    flex-direction: column;
  }
  .block.block--domains .list-group__item .list-group__addon:first-child {
    display: none;
  }
  .block.block--domains .list-group__content {
    width: 100%;
  }
  .block.block--domains .list-group__addon.rail {
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
  }
}

.rs-overlay,
.rs-overlay1,
.rs-overlay2 {
  position: absolute;
  background-color: white;
  z-index: 3;
  top: 0;
  height: 50%;
}

.rs-control {
  position: relative;
  outline: 0 none;
  margin: 0 auto;
}

.rs-control .rs-overlay1,
.rs-control .rs-overlay2 {
  transform-origin: 50% 100%;
}

.rs-control .rs-overlay {
  transform-origin: 100% 100%;
}

.rs-control.rs-error {
  border: 1px dotted;
  text-align: center;
}

.rs-control .rs-split .rs-path {
  transform-origin: 50% 100%;
}

.rs-container {
  position: relative;
}

.rs-bar {
  transform-origin: 100% 50%;
  position: absolute;
  height: 0;
  z-index: 10;
}

.rs-bar.rs-rounded {
  z-index: 5;
}

.rs-bar .rs-seperator {
  height: 0;
  display: none;
  float: left;
}

.rs-bar.rs-start .rs-seperator {
  border-top: none;
}

.rs-bar.rs-start.rs-rounded .rs-seperator {
  border-radius: 0 0 1000px 1000px;
}

.rs-bar.rs-end .rs-seperator {
  border-bottom: none;
}

.rs-bar.rs-end.rs-rounded .rs-seperator {
  border-radius: 1000px 1000px 0 0;
}

.rs-bar:not(.rs-rounded) .rs-seperator {
  border-left: none;
  border-right: none;
}

.rs-readonly {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 100;
}

.rs-readonly .rs-handle.rs-move {
  cursor: default;
}

.rs-readonly .rs-tooltip.edit:hover {
  border-color: transparent;
  cursor: default;
}

.rs-disabled {
  opacity: 0.35;
}

.rs-inner-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.quarter .rs-bar {
  width: 100%;
}

.quarter div.rs-block {
  height: 200%;
  width: 200%;
}

.quarter.right .rs-bar {
  right: 100%;
}

.half.top div.rs-block, .half.bottom div.rs-block {
  height: 200%;
  width: 100%;
}

.half.left .rs-bar {
  width: 100%;
  top: 50%;
}

.half.left .rs-tooltip {
  top: 50%;
}

.half.left div.rs-block {
  height: 100%;
  width: 200%;
}

.half.right .rs-bar {
  width: 100%;
  top: 50%;
  right: 100%;
}

.half.right .rs-tooltip {
  top: 50%;
}

.half.right div.rs-block {
  height: 100%;
  width: 200%;
}

.half .rs-bar {
  width: 50%;
}

.bottom .rs-bar,
.bottom .rs-tooltip {
  top: 0;
}

.bottom > .rs-inner-container > .rs-block {
  top: auto;
  bottom: 0;
}

.right .rs-tooltip {
  left: 0;
}

.right .rs-inner-container > .rs-block {
  right: 0;
}

.rs-block {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 6;
}

.rs-block .rs-inner {
  border-radius: 1000px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}

.rs-overlay {
  width: 50%;
}

.rs-overlay1,
.rs-overlay2 {
  width: 100%;
}

.full .rs-bar {
  width: 50%;
  top: 50%;
}

.full .rs-tooltip {
  top: 50%;
  left: 50%;
}

.rs-handle {
  border-radius: 100px;
  outline: 0 none;
  float: left;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.rs-handle.rs-move {
  cursor: move;
}

.rs-handle.rs-handle-square {
  border-radius: 0;
}

.rs-path {
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid #ededed;
}

.rs-tooltip .rs-input {
  outline: 0 none;
  border: none;
  background: transparent;
  padding: 5px 8px;
}

.rs-tooltip.edit {
  padding: 5px 8px;
}

.rs-tooltip.edit:hover {
  border: 1px solid #aaaaaa;
  cursor: pointer;
}

.rs-tooltip.hover {
  border: 1px solid #aaaaaa;
  cursor: pointer;
}

.rs-tooltip-text {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  position: absolute;
  bottom: -35px;
  z-index: 10;
  left: 0;
  right: 0;
}

.rs-handle-dot {
  border: 1px solid #aaaaaa;
  padding: 6px;
  background-color: white;
}

.rs-handle-dot:after {
  display: block;
  content: "";
  border: 1px solid #aaaaaa;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  background-color: #838383;
}

.rs-seperator,
.rs-border {
  border: none;
}

.rs-path-color {
  background-color: #ededed;
}

.rs-range-color {
  background-color: #cd1c35;
}

.rs-bg-color {
  background-color: white;
}

.rs-animation .rs-transition {
  transition: all 0.5s linear 0s;
}

div.rs-block {
  border-radius: 100%;
}

.rs-split .rs-path {
  border-radius: 1000px 1000px 0 0;
  overflow: hidden;
  height: 50%;
  position: absolute;
  top: 0;
  z-index: 0;
}

/*
*******************************************
Graphic container
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Graphic container - general
*******************************************
*/
.g-c {
  width: 424px;
  height: 424px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 165, 255, 0.1);
}

.g-c img {
  max-height: 100%;
  max-width: 100%;
}

.g-c--sm {
  width: 214px;
  height: 214px;
}

.section--dark .g-c {
  background: rgba(255, 255, 255, 0.15);
}

.banner .g-c {
  background: rgba(255, 255, 255, 0.15);
}

/*
*******************************************
2. Graphic container - responsive
*******************************************
*/
@media (max-width: 1011px) {
  .g-c {
    width: 304px;
    height: 304px;
  }
}

@media (max-width: 759px) {
  .g-c {
    height: 224px;
    width: 224px;
  }
}

.banner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #1d66cc url(../img/gradients/bg-light.png) no-repeat;
  background-position: 0% 0%;
  padding: 190px 0 130px;
}

.banner__title {
  text-align: center;
  color: #fff;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 0;
  font-weight: 700;
}

.banner__desc {
  font-weight: 400;
  text-align: center;
  margin-top: 14px;
  font-size: 19px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 830px;
}

.banner .banner__content {
  position: relative;
  z-index: 20;
}

.banner__actions {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 70px;
}

.banner__actions .btn:not(.btn--icon) {
  min-width: 200px;
}

.banner__actions > * {
  margin-left: 24px;
}

.banner__actions > *:first-child {
  margin-left: 0;
}

.banner__actions h6 {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.banner__actions .zmdi-twitter {
  font-size: 26px;
  padding-top: 1px;
}

.banner__tiles-container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -56px;
}

.banner__tiles {
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}

.banner__tiles.is-animated {
  opacity: 1;
  visibility: visible;
}

.banner .btn {
  box-shadow: 0px 5px 10px 0px rgba(6, 67, 153, 0.15);
}

.banner .btn.btn--link, .banner .btn.btn--outline {
  box-shadow: none;
}

.banner--homepage {
  padding-top: 184px;
  padding-bottom: 115px;
}

.banner--homepage .banner__title {
  max-width: 1005px;
  margin: 0 auto;
}

.banner--homepage .input-group {
  border-color: #fff;
}

.banner--homepage .input-group:hover, .banner--homepage .input-group:focus, .banner--homepage .input-group:active {
  border-color: #fff;
}

.banner--homepage .banner__form {
  margin-top: 40px;
  width: 100%;
  justify-content: center;
  margin-bottom: 65px;
}

.banner--homepage .banner__form .input-group {
  min-width: 300px;
}

.banner--homepage .banner__form .btn {
  min-width: 210px;
}

.banner--homepage .banner__actions {
  justify-content: flex-start;
  margin-bottom: 0;
}

.banner--homepage .banner__actions .btn {
  min-width: 170px;
}

.banner--homepage .banner__actions .btn i {
  font-size: 22px;
  margin-right: 10px;
}

.banner--homepage .banner__actions .btn.btn--outline:focus, .banner--homepage .banner__actions .btn.btn--outline:active {
  background-color: transparent;
}

.banner--homepage > .container {
  display: flex;
  align-items: center;
}

.banner--homepage > .container .banner__content .banner__title,
.banner--homepage > .container .banner__content .banner__desc {
  text-align: left;
}

.banner--homepage > .container .banner__content .banner__desc {
  max-width: 400px;
  margin-left: 0;
  margin-right: 0;
}

.banner--homepage-2, .banner--homepage-3 {
  overflow: hidden;
  margin-bottom: 0;
  height: 875px;
}

.banner--homepage-2 .banner__content, .banner--homepage-3 .banner__content {
  z-index: 10;
  display: flex;
  align-items: center;
}

.banner--homepage-2 .banner__title, .banner--homepage-3 .banner__title {
  text-align: left;
}

.banner--homepage-2 .banner__desc, .banner--homepage-3 .banner__desc {
  text-align: left;
}

.banner--homepage-2 .banner__actions, .banner--homepage-3 .banner__actions {
  margin-bottom: 0;
}

.banner--homepage-2 .banner__circle, .banner--homepage-3 .banner__circle {
  position: absolute;
  top: -80px;
  z-index: 5;
  left: 50vw;
}

.banner--homepage-2 .banner__circle:after, .banner--homepage-3 .banner__circle:after {
  content: '';
  background: #fff;
  position: absolute;
  height: 100%;
  top: 0;
  left: 30%;
  width: 100vw;
}

.banner--homepage-2 .banner__circle svg, .banner--homepage-3 .banner__circle svg {
  fill: #fff;
  height: 1268px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .banner--homepage-2 .banner__circle svg, .banner--homepage-3 .banner__circle svg {
    width: 1477px;
  }
}

.banner--homepage-2 .btn, .banner--homepage-3 .btn {
  min-width: 155px;
}

.banner--homepage-2 .banner__circle svg {
  fill: #fff;
}

.banner--homepage-3 .banner__circle:after {
  background: #1d66cc;
}

.banner--homepage-3 .banner__circle svg {
  fill: #1d66cc;
}

.banner--pricing {
  text-align: left;
  padding-bottom: 140px;
}

.banner--pricing .banner__content {
  text-align: center;
}

.banner--pricing .banner__left {
  max-width: 600px;
}

.banner--pricing .banner__checkbox {
  display: block;
  z-index: 11;
  margin-top: 96px;
}

.banner--pricing .banner__checkbox label,
.banner--pricing .banner__checkbox span.form-text {
  color: #fff;
  font-weight: 500;
  min-height: 24px;
  align-items: center;
  font-size: 18px;
  text-transform: none;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 20px;
}

.banner--pricing .banner__checkbox label .label,
.banner--pricing .banner__checkbox span.form-text .label {
  margin-left: 16px;
}

.banner--pricing .banner__checkbox h2 {
  color: #fff;
  font-size: 24px;
}

.banner--pricing .banner__checkbox .form-check--container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner--pricing .banner__checkbox .form-check--container label {
  display: flex;
}

.banner--pricing .banner__checkbox .form-check--container .switch__container {
  height: 40px;
  width: 67px;
  top: -9px;
}

.banner--pricing .banner__checkbox .form-check--container .switch__container .switch__handle {
  height: 36px;
  width: 35px;
}

.banner--pricing .banner__checkbox .form-check--container span.label {
  padding: 0 16px;
  height: 26px;
}

.banner--pricing .banner__checkbox .form-check--container .switch + .form-text {
  margin-left: 45px;
}

.banner--pricing .banner__checkbox .form-check--container .nav--tabs {
  background-color: #064399;
  border-radius: 50px;
}

.banner--pricing .banner__checkbox .form-check--container .nav--tabs .nav__item {
  margin: 0;
}

.banner--pricing .banner__checkbox .form-check--container .nav--tabs .nav__item .nav__link {
  background-color: transparent;
  border: none;
  padding: 14px 36px;
  border-radius: 50px;
}

.banner--pricing .banner__checkbox .form-check--container .nav--tabs .nav__item .nav__link h3 {
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0;
}

.banner--pricing .banner__checkbox .form-check--container .nav--tabs .nav__item:active, .banner--pricing .banner__checkbox .form-check--container .nav--tabs .nav__item:focus {
  outline: none;
}

.banner--pricing .banner__checkbox .form-check--container .nav--tabs .nav__item.is-active .nav__link {
  background-color: #3A87F2;
}

.banner--pricing .banner__checkbox .form-check--container .nav--tabs .nav__item.is-active:after {
  display: none;
}

.banner--pricing .switch__checkbox + .switch__container .switch__handle {
  right: 29px;
}

.banner--pricing + .section {
  padding-top: 0;
  margin-top: -60px;
}

@media (min-width: 1012px) {
  .banner--extensions {
    padding-bottom: 185px;
  }
}

.banner--extensions .banner__actions {
  margin-bottom: 0;
}

.banner--extensions + .section {
  margin-top: -100px;
  padding-top: 0;
}

.banner--extensions .banner__search {
  height: 85px;
}

.banner--extensions .banner__search .input-group__inner {
  margin: 10px 15px;
}

.banner--extensions .banner__search .input-group__input {
  height: 57px;
}

.banner--extensions .banner__search .input-group__btn {
  height: 57px;
  min-width: unset;
}

.banner--extensions .banner__search .input-group__btn .btn {
  width: 150px;
  min-width: unset;
  height: 57px;
  color: #fff;
  font-size: 14px;
  background-color: #3A87F2;
  border-color: transparent;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.banner--extensions .banner__search .input-group__btn .btn i {
  color: #fff;
  margin: 0;
}

.banner--extensions .banner__search .dropdown__menu:empty {
  display: none !important;
}

.banner--extension-details {
  padding-bottom: 90px;
}

.banner--extension-details .banner__title {
  margin-bottom: 36px;
}

.banner--extension-details .banner__subtitle {
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 15px;
}

.banner--extension-details .banner__content {
  display: flex;
  align-items: center;
}

.banner--extension-details .banner__left {
  flex: 1;
}

.banner--extension-details .banner__right {
  flex: 1;
}

.banner--extension-details .banner__title {
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px;
}

.banner--extension-details .banner__desc {
  text-align: left;
}

.banner--extension-details .banner__biliing-cycles .rail {
  position: relative;
  margin-bottom: 16px;
}

.banner--extension-details .banner__biliing-cycles .btn {
  min-width: 250px;
}

.banner--extension-details .billing-cycle {
  margin-left: 0;
}

.banner--extension-details .billing-cycle:last-child:not(.free) {
  margin-left: 50px;
  padding-left: 20px;
  position: relative;
  display: flex;
  align-items: center;
}

.banner--extension-details .billing-cycle:last-child:not(.free):before {
  content: '';
  background: #ffffff;
  opacity: 0.2;
  left: -5px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 1px;
  height: 40px;
}

.banner--extension-details .billing-cycle .price {
  color: #fff;
}

.banner--extension-details .billing-cycle.free {
  margin-left: 0;
  padding-left: 0;
}

.banner--extension-details .billing-cycle.free .label {
  font-size: 13px;
  padding: 0 32px;
  height: 37px;
  text-transform: uppercase;
}

.banner--extension-details .label {
  margin-right: 20px;
  font-weight: 500;
}

.banner--extension-details .banner__biliing-desc {
  margin-bottom: 24px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  padding: 24px;
  line-height: 27px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
}

.banner--extension-details .banner__biliing-desc ul {
  margin: 8px 0 0 0;
}

.banner--extension-details .banner__biliing-desc ul li {
  position: relative;
  padding: 0 24px;
  color: #fff;
  display: table-cell;
  text-transform: uppercase;
  font-weight: 600;
}

.banner--extension-details .banner__biliing-desc ul li span {
  font-weight: 600;
}

.banner--extension-details .banner__biliing-desc ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 23px;
  background-color: rgba(255, 255, 255, 0.3);
}

.banner--extension-details .banner__biliing-desc ul li:first-of-type {
  padding-left: 0;
}

.banner--extension-details .banner__biliing-desc ul li:first-of-type:before {
  display: none;
}

.banner--extension-details .banner__biliing-desc ul.small-ul li {
  padding-inline: 13px;
}

.banner--extension-details .banner__biliing-desc ul.small-ul li:first-of-type {
  padding-left: 0px;
}

.banner--extension-details .banner__biliing-desc ul.small-ul li:last-of-type {
  padding-right: 0px;
}

.banner--extension-details .banner__icon-container {
  display: none;
}

.banner--blogs-list + .section {
  padding-top: 0;
  margin-top: -148px;
}

.banner--featuers {
  position: static;
}

.banner--post {
  height: auto;
}

.banner--post .banner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.banner--post .banner__back-button {
  margin: 0 auto;
  color: #e9e5ff;
  font-weight: 700;
  text-transform: uppercase;
}

.banner--post .banner__back-button:hover, .banner--post .banner__back-button:focus, .banner--post .banner__back-button:active {
  color: #fff;
}

.banner--post .banner__title {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  text-align: center;
  font-weight: 400;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .banner--post .banner__title {
    width: 900px;
  }
}

.banner--post .banner__author {
  margin-top: 40px;
  justify-content: center;
  display: flex;
  text-align: center;
  font-size: 16px;
  align-items: center;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}

.banner--post .banner__author .avatar {
  font-weight: 700;
  margin-right: 25px;
}

.banner--category, .banner--help-article {
  height: auto;
  padding: 187px 0 144px;
}

.banner--help-article .banner__title {
  max-width: 830px;
  margin: 0 auto;
  font-weight: 800;
}

.banner--help-article .banner__desc {
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1012px) {
  .banner--order-form {
    padding-bottom: 256px;
  }
}

@media (min-width: 1012px) {
  .banner--about-us {
    padding-bottom: 256px;
  }
}

.banner--about-us .banner__content, .banner--partners .banner__content {
  position: static;
}

.banner--about-us .banner__title, .banner--about-us .banner__desc, .banner--partners .banner__title, .banner--partners .banner__desc {
  position: relative;
  z-index: 20;
}

.banner--about-us .banner__actions, .banner--partners .banner__actions {
  z-index: 20;
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  margin-bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  bottom: 40px;
  text-align: center;
}

.banner--documentation .banner__content, .banner--extensions .banner__content {
  z-index: auto;
}

.banner--documentation .banner__actions, .banner--documentation .banner__title, .banner--documentation .banner__desc, .banner--extensions .banner__actions, .banner--extensions .banner__title, .banner--extensions .banner__desc {
  position: relative;
  z-index: 50;
}

.banner--extensions .banner__search .input-group__btn .input-group__icon {
  display: none;
}

.banner.has-breadcrumbs {
  padding-bottom: 0;
}

.banner.has-breadcrumbs .banner__breadcrumb {
  z-index: 20;
  position: relative;
  margin-top: 82px;
  width: 100%;
  border-top: 1px solid rgba(233, 229, 255, 0.1);
}

.banner.has-breadcrumbs .breadcrumb {
  padding: 10px 0;
  min-height: 64px;
  z-index: 20;
  position: relative;
}

.banner.has-breadcrumbs .breadcrumb__item {
  display: flex;
}

.banner.has-breadcrumbs .breadcrumb__item:before {
  padding: 0 22px;
  font-size: 16px;
}

.banner.has-breadcrumbs .breadcrumb__item:last-child .breadcrumb__link {
  pointer-events: none;
  opacity: 1;
  color: #ffffff;
}

.banner.has-breadcrumbs .breadcrumb__item:hover .breadcrumb__link {
  opacity: 1;
  color: #ffffff;
}

.banner.has-breadcrumbs .breadcrumb__link {
  opacity: 0.8;
  font-size: 16px;
  font-weight: 400;
  color: #e9e5ff;
}

@media (min-width: 1012px) {
  .banner--contact {
    padding-bottom: 290px;
  }
}

.banner--help .input-group--banner-search {
  width: 770px;
  height: 53px;
  max-width: 100%;
  background: rgba(6, 67, 153, 0.6);
  border: none;
}

.banner--help .input-group--banner-search.is-focus {
  border: none;
}

.banner--help .input-group--banner-search .input-group__inner {
  margin: 10px 0 10px 0px;
  background: transparent;
}

.banner--help .input-group--banner-search .input-group__icon {
  font-size: 30px;
  height: 30px;
  width: 30px;
  color: #98a2ad;
  margin: auto;
  top: 0;
  bottom: 0;
}

.banner--help .input-group--banner-search .input-group__btn {
  min-width: unset;
}

.banner--help .input-group--banner-search .input-group__btn .btn {
  width: 69px;
  min-width: unset;
  height: 53px;
  background-color: #3A87F2;
  border-color: transparent;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.banner--help .input-group--banner-search .input-group__btn .btn i {
  color: #fff;
  margin: 0;
}

.banner--help .input-group--banner-search .form-control {
  background: transparent;
  color: #fff;
}

.banner--help .input-group--banner-search .form-control::-webkit-input-placeholder {
  font-size: 14px;
  color: #C2DFFE;
}

.banner--help .input-group--banner-search .form-control:-ms-input-placeholder {
  font-size: 14px;
  color: #C2DFFE;
}

.banner--help .input-group--banner-search .form-control::placeholder {
  font-size: 14px;
  color: #C2DFFE;
}

.banner--automation .banner__actions {
  margin-bottom: 0;
}

.banner__graph {
  display: flex;
  justify-content: center;
  margin: 40px 0 48px 0;
}

.banner__graph .graph-box {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 91px;
  width: 161px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  padding: 0 16px;
}

.banner__graph .graph-box p {
  color: #C2DFFE;
  margin-bottom: 0;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
}

.banner__graph .arrow-right {
  max-width: 30px;
  width: 100%;
  margin: 0 14px;
}

.banner__graph .arrow-down {
  display: none;
  max-width: 30px;
  width: 100%;
  margin: 0 14px;
}

.banner.banner--features .banner__actions {
  margin-bottom: 0;
}

.banner--reselling .banner__graph .graph-box {
  width: 20%;
  height: auto;
  padding: 32px 16px;
}

.banner--reselling .banner__actions {
  margin-bottom: 0;
}

@media (min-width: 1012px) and (max-width: 1239px) {
  .banner--homepage {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .banner--homepage .banner__laptop {
    margin-left: 0;
    margin-bottom: -160px;
  }
  .banner--extension-details .billing-cycle:last-child:not(.free) {
    margin-left: 30px;
    padding-left: 10px;
  }
  .banner--extension-details .billing-cycle:last-child:not(.free) .label {
    padding: 0 2px;
    margin-right: 10px;
  }
  .banner__graph {
    display: flex;
    justify-content: center;
    margin: 40px 0 48px 0;
  }
  .banner__graph .graph-box p {
    font-size: 12px;
  }
}

.banner {
  background-size: 1144px;
}

@media (min-width: 1012px) {
  .banner--post {
    padding: 210px 0 80px;
  }
  .banner--post .banner__title {
    font-weight: 700;
    line-height: 66px;
  }
  .banner--documentation + .section--main-categories-list {
    margin-top: -115px;
  }
  .banner--homepage-3 {
    background: #fff;
  }
  .banner--homepage-3 .banner__title {
    color: #293341;
    font-weight: 800;
  }
  .banner--homepage-3 .banner__desc {
    color: #566882;
    font-weight: 500;
  }
}

@media (max-width: 1239px) {
  .banner--homepage {
    margin-bottom: 220px;
    padding-top: 170px;
  }
  .banner--extension-details .banner__biliing-desc ul.small-ul li {
    padding: 0 7px;
  }
}

@media (max-width: 1011px) {
  .banner {
    padding: 136px 0 140px;
    height: auto;
  }
  .banner__title {
    font-size: 34px;
    line-height: 44px;
    font-weight: 600;
  }
  .banner__desc {
    margin-top: 23px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
  }
  .banner--homepage {
    padding-bottom: 0;
    margin-bottom: 63px;
  }
  .banner--homepage .banner__actions .btn {
    height: 42px;
    min-width: 120px;
    font-size: 12px;
    font-weight: 700;
  }
  .banner--homepage .banner__actions .btn:last-child {
    margin-left: 24px;
  }
  .banner--homepage .banner__laptop {
    margin-bottom: -70px;
  }
  .banner--homepage-2, .banner--homepage-3 {
    overflow: visible;
    background: #3079df;
  }
  .banner--homepage-2 .banner__title, .banner--homepage-3 .banner__title {
    text-align: center;
  }
  .banner--homepage-2 .banner__desc, .banner--homepage-3 .banner__desc {
    text-align: center;
  }
  .banner--homepage-2 .banner__content, .banner--homepage-3 .banner__content {
    flex-direction: column;
  }
  .banner--homepage-2 .banner__circle, .banner--homepage-3 .banner__circle {
    display: none;
  }
  .banner--homepage-2 .banner__actions, .banner--homepage-3 .banner__actions {
    margin-bottom: 49px;
  }
  .banner--our-story, .banner--integration {
    padding-bottom: 267px;
  }
  .banner--our-story + .section, .banner--integration + .section {
    margin-top: -170px;
  }
  .banner--extensions + .section {
    margin-top: 0;
    padding-top: 30px;
  }
  .banner--extension-details {
    padding: 136px 0 60px;
  }
  .banner--extension-details .banner__content {
    align-items: flex-start;
  }
  .banner--extension-details .banner__subtitle {
    margin-bottom: 0;
  }
  .banner--extension-details .banner__left {
    max-width: 140px;
    width: 140px;
    margin-right: 30px;
  }
  .banner--extension-details .banner__right {
    margin-top: 0;
  }
  .banner--extension-details .banner__icon-container {
    margin-top: -28px;
    display: block;
    position: relative;
    width: 138px;
    min-width: 138px;
    height: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .banner--extension-details .banner__icon {
    z-index: 20;
    position: relative;
    margin-left: -5px;
  }
  .banner--extension-details .banner__icon-shape {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
  }
  .banner--post {
    padding: 134px 0 60px;
  }
  .banner--pricing {
    padding: 90px 0 110px;
  }
  .banner--pricing .banner__left {
    max-width: 388px;
  }
  .banner--pricing + .section {
    margin-top: 0;
    padding-top: 40px;
  }
  .banner--pricing .banner__checkbox {
    margin-top: 34px;
    text-align: center;
  }
  .banner--pricing .banner__checkbox .form-check--container {
    flex-direction: column;
    justify-content: center;
  }
  .banner--pricing .banner__checkbox .tabs {
    margin-bottom: 40px;
  }
  .banner--pricing + .section {
    padding-top: 0;
    margin-top: -100px;
  }
  .banner--pricing + .section .pricing__prev .btn__content,
  .banner--pricing + .section .pricing__next .btn__content,
  .banner--pricing + .section .pricing__prev .btn__icon,
  .banner--pricing + .section .pricing__next .btn__icon {
    color: #fff;
  }
  .banner--blogs-list + .section {
    padding-top: 0;
    margin-top: -109px;
  }
  .banner.has-breadcrumbs .banner__breadcrumb {
    margin-top: 40px;
  }
  .banner--help .input-group--banner-search, .banner--extensions .input-group--banner-search {
    height: 47px;
  }
  .banner--help .input-group--banner-search .input-group__input, .banner--extensions .input-group--banner-search .input-group__input {
    height: 47px;
  }
  .banner--help .input-group--banner-search .input-group__btn .btn, .banner--extensions .input-group--banner-search .input-group__btn .btn {
    height: 47px;
  }
  .banner--extensions .input-group--banner-search {
    height: 75px;
  }
  .banner__graph:not(.banner__graph--reselling) {
    flex-direction: column;
  }
  .banner__graph:not(.banner__graph--reselling) .graph-box {
    height: 71px;
    max-width: 424px;
    width: 100%;
    margin: auto;
  }
  .banner__graph:not(.banner__graph--reselling) .arrow-right {
    display: none;
  }
  .banner__graph:not(.banner__graph--reselling) .arrow-down {
    display: block;
    margin: 14px auto;
  }
  .banner--legal {
    padding: 136px 0 100px;
  }
}

@media (min-width: 760px) and (max-width: 1011px) {
  .banner--extensions {
    padding: 136px 0 92px;
  }
  .banner--extension-details .banner__icon-container {
    display: flex;
  }
  .banner--extension-details .banner__biliing-desc ul li {
    padding: 0 20px;
  }
  .banner--reselling .banner__graph--reselling .graph-box {
    width: 30%;
  }
}

@media (max-width: 759px) {
  .banner {
    height: auto;
    background-size: 817px;
    padding: 90px 0 50px;
  }
  .banner--pricing {
    padding: 90px 0 110px;
  }
  .banner__title {
    font-size: 24px;
    line-height: 30px;
  }
  .banner__desc {
    font-size: 13px;
    line-height: 22px;
    margin-top: 10px;
  }
  .banner__actions .btn {
    height: 52px;
  }
  .banner--homepage, .banner--homepage-2, .banner--homepage-3 {
    height: auto;
    padding-bottom: 0;
  }
  .banner--homepage .banner__actions, .banner--homepage-2 .banner__actions, .banner--homepage-3 .banner__actions {
    margin-top: 18px;
    margin-bottom: 49px;
  }
  .banner--homepage .banner__form, .banner--homepage-2 .banner__form, .banner--homepage-3 .banner__form {
    display: flex;
    margin-top: 35px;
    margin-bottom: 24px;
    flex-direction: column;
    align-items: stretch;
  }
  .banner--homepage .banner__form .input-group, .banner--homepage-2 .banner__form .input-group, .banner--homepage-3 .banner__form .input-group {
    min-width: 200px;
    margin-left: 0;
    margin-bottom: 8px;
  }
  .banner--homepage .banner__form .btn, .banner--homepage-2 .banner__form .btn, .banner--homepage-3 .banner__form .btn {
    margin-left: 0;
  }
  .banner--homepage-2 .banner__right, .banner--homepage-3 .banner__right {
    margin-left: auto;
  }
  .banner--our-story, .banner--integration {
    padding-bottom: 191px;
  }
  .banner--our-story + .section, .banner--integration + .section {
    margin-top: -148px;
  }
  .banner--pricing .banner__content {
    flex-direction: column;
  }
  .banner--pricing .banner__right, .banner--pricing .banner__left {
    width: 100%;
    max-width: 100%;
  }
  .banner--pricing .banner__tiles-container {
    bottom: -24px;
  }
  .banner--pricing .banner__checkbox {
    margin-bottom: 24px;
  }
  .banner--pricing .banner__checkbox .form-check--container {
    margin-bottom: 24px;
  }
  .banner--pricing .banner__checkbox .form-check--container .nav--tabs .nav__item .nav__link {
    padding: 8px 16px;
  }
  .banner--pricing .banner__checkbox .form-check--container .nav--tabs .nav__item .nav__link h3 {
    font-size: 11px;
  }
  .banner--blogs-list + .section {
    padding-top: 0;
    margin-top: -54px;
  }
  .banner--extension-details {
    padding-top: 100px;
  }
  .banner--extension-details .banner__subtitle {
    font-size: 14px;
    line-height: 1.2;
  }
  .banner--extension-details .banner__title {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 18px;
  }
  .banner--extension-details .banner__content {
    flex-direction: column;
  }
  .banner--extension-details .banner__left {
    margin-bottom: 16px;
  }
  .banner--extension-details .banner__icon-container {
    width: 80px;
    min-width: 80px;
    height: 80px;
  }
  .banner--extension-details .banner__biliing-cycles .rail {
    align-items: flex-start;
    margin-bottom: 16px;
  }
  .banner--extension-details .banner__biliing-cycles .btn {
    min-width: 160px;
    height: 43px;
    font-size: 12px;
  }
  .banner--extension-details .billing-cycle-radio:last-child {
    margin-left: 0;
    padding-left: 0;
  }
  .banner--extension-details .billing-cycle-radio:last-child:before {
    display: none;
  }
  .banner--extension-details .banner__biliing-desc {
    padding: 16px;
    font-size: 13px;
  }
  .banner--extension-details .banner__biliing-desc ul li {
    padding: 0 16px;
  }
  .banner--post {
    padding: 100px 0 50px;
  }
  .banner--about-us .banner__actions {
    position: relative;
    bottom: 0;
  }
  .banner.has-breadcrumbs .banner__breadcrumb {
    min-height: 48px;
  }
  .banner.has-breadcrumbs .breadcrumb {
    min-height: 48px;
  }
  .banner.has-breadcrumbs .breadcrumb__item:before {
    padding: 0 10px;
  }
  .banner.has-breadcrumbs .breadcrumb__item .breadcrumb__link {
    font-size: 14px;
  }
  .banner--automation .banner__actions .btn, .banner--features .banner__actions .btn, .banner--reselling .banner__actions .btn {
    height: 42px;
    min-width: 120px;
    font-size: 12px;
    font-weight: 700;
  }
  .banner.banner--ca {
    padding: 136px 0 140px;
  }
  .banner__search .input-group__dropdown--search .dropdown__item.zero-results {
    padding: 16px;
  }
  .banner--reselling .banner__graph--reselling {
    flex-direction: column;
  }
  .banner--reselling .banner__graph--reselling .graph-box {
    height: 71px;
    max-width: 424px;
    width: 100%;
    margin: auto;
  }
  .banner--reselling .banner__graph--reselling .arrow-right {
    display: none;
  }
  .banner--reselling .banner__graph--reselling .arrow-down {
    display: block;
    margin: 14px auto;
  }
}

@media (max-width: 613px) {
  .banner--pricing .banner__checkbox .form-check--container .nav--tabs .nav__item {
    white-space: inherit;
    display: block;
    flex-shrink: unset;
    min-height: 45px;
  }
  .banner--pricing .banner__checkbox .form-check--container span.label {
    padding: 0 8px;
  }
  .banner--extensions .input-group--banner-search {
    height: 53px;
  }
  .banner--extensions .input-group--banner-search .input-group__inner {
    height: 43px;
    margin: 8px 6px;
  }
  .banner--extensions .input-group--banner-search .input-group__input {
    height: 43px;
  }
  .banner--extensions .input-group--banner-search .input-group__btn .btn {
    width: 50px;
    height: 43px;
  }
  .banner--extensions .input-group--banner-search .input-group__btn .btn span {
    display: none;
  }
  .banner--extensions .input-group--banner-search .input-group__btn .input-group__icon {
    display: block;
  }
  .banner--extensions .input-group--banner-search .input-group__icon {
    display: none;
  }
  .banner--extension-details {
    /*.billing-cycle {
                &:last-child {
                    margin-left: spacing(4x);
                }
            }*/
  }
  .banner--extension-details .banner__right {
    width: 100%;
  }
  .banner__search.input-group--banner-search .input-group__input {
    padding: 0;
  }
  .banner--extension-details .banner__biliing-cycles .rail {
    flex-direction: column;
  }
  .banner--extension-details .banner__biliing-cycles .btn {
    width: 100%;
  }
  .banner--extension-details .banner__biliing-cycles .btn + .btn {
    margin: 24px 0 0 0;
  }
  .banner--extension-details .banner__biliing-cycles .banner__biliing-desc {
    margin-bottom: 32px;
  }
  .banner--extension-details .billing-cycle {
    margin-bottom: 0 !important;
  }
  .banner--extension-details .billing-cycle:last-child:not(.free) {
    margin-left: 0;
    padding-left: 0;
  }
  .banner--extension-details .billing-cycle .price {
    font-size: 24px;
    line-height: 36px;
    position: relative;
    padding-left: 16px;
  }
  .banner--extension-details .billing-cycle .price:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 100%;
  }
  .banner--extension-details .billing-cycle:last-child {
    margin: 0 0 8px 0;
    padding: 0;
  }
  .banner--extension-details .billing-cycle:last-child .label {
    order: 2;
    margin: 0 0 0 16px;
  }
  .banner--extension-details .billing-cycle:last-child:before {
    display: none;
  }
  .banner--extension-details .billing-cycle:last-child.free .label {
    margin: 0;
  }
  .banner--extension-details .banner__biliing-desc {
    overflow: auto;
  }
  .banner--extension-details .banner__biliing-desc ul li {
    display: block;
    padding: 0 0 0 16px;
  }
  .banner--extension-details .banner__biliing-desc ul li:before {
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 100%;
  }
  .banner--extension-details .banner__biliing-desc ul li:first-of-type {
    padding-left: 16px;
  }
  .banner--extension-details .banner__biliing-desc ul li:first-of-type:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
  }
  .banner--extension-details .banner__biliing-desc ul.small-ul li {
    padding: 0 0 0 16px;
  }
  .banner--extension-details .banner__biliing-desc ul.small-ul li:first-of-type {
    padding-left: 16px;
  }
  .banner__search .input-group__icon {
    display: none;
  }
}

@media (max-width: 480px) {
  .banner--pricing .banner__checkbox .form-check--container .form-text:first-child {
    margin-right: 8px;
  }
  .banner--pricing .banner__checkbox .form-check--container .switch + .form-text {
    margin-left: 32px;
  }
  .banner--pricing .banner__checkbox .form-check--container span.label {
    margin-left: 8px;
  }
  .section--dark .section__actions .btn:last-child {
    margin-left: 10px;
  }
  .banner--homepage .banner__actions .btn:last-child {
    margin-left: 10px;
  }
}

.browers {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.2);
  background: linear-gradient(110deg, #5a47c8 0%, #4134a3 100%);
  width: 955px;
  max-width: 100%;
}

.browers__bar {
  height: 26px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 11px;
}

.browers__dot {
  background: #31277a;
  width: 8px;
  min-width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 100px;
}

.browers__nav {
  position: relative;
  margin-left: auto;
  height: 2px;
  width: 14px;
  background: #31277a;
}

.browers__nav:after, .browers__nav::before {
  position: absolute;
  content: '';
  left: 0;
  background: #31277a;
  height: 2px;
  width: 14px;
}

.browers__nav:before {
  top: -5px;
}

.browers__nav:after {
  bottom: -5px;
}

.browers__screen {
  height: 100%;
  overflow: hidden;
  max-width: 100%;
  width: 955px;
  max-width: 100%;
  height: 520px;
}

.browers--light {
  background: #fff;
}

.browers--light .browers__dot {
  background: #eaedf0;
}

.browers--light .browers__nav {
  background: #c0c0c4;
}

.browers--light .browers__nav:after, .browers--light .browers__nav::before {
  background: #c0c0c4;
}

.browser {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0px 9px 25px 8px rgba(33, 41, 58, 0.1);
}

.browser--md {
  width: 575px;
}

.browser__top {
  background-color: #fff;
  height: 24px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  width: 100%;
}

.browser__top .browser__dots {
  display: flex;
}

.browser__top .browser__dots > span {
  display: block;
  height: 7px;
  width: 7px;
  margin-right: 6px;
  background-color: #EAEDF0;
  border-radius: 100%;
}

@media (max-width: 1011px) {
  .browers__dot {
    background: #31277a;
    width: 5px;
    min-width: 5px;
    height: 5px;
    margin-right: 3px;
    border-radius: 100px;
  }
  .browers__nav {
    height: 1px;
    width: 10px;
  }
  .browers__nav:after, .browers__nav::before {
    height: 1px;
    width: 10px;
  }
  .browers__nav:before {
    top: -3px;
  }
  .browers__nav:after {
    bottom: -3px;
  }
  .browers__screen {
    max-height: 400px;
  }
}

@media (max-width: 759px) {
  .browers__screen {
    max-height: 220px;
  }
}

.phone {
  border-radius: 23px;
}

.phone__screen {
  overflow: hidden;
  border-radius: 13px;
}

@media (max-width: 1011px) {
  .phone {
    border-radius: 8px;
  }
  .phone__screen {
    overflow: hidden;
    border-radius: 4px;
  }
}

.request-demo {
  display: flex;
  min-height: 100vh;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .request-demo {
    height: 100vh;
  }
}

.request-demo__left {
  display: flex;
  width: 688px;
  max-width: 50%;
  flex-direction: column;
  justify-content: space-between;
  background: #2a73d9;
  padding: 70px 76px 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.request-demo__brand {
  position: relative;
  z-index: 20;
  height: 48px;
}

.request-demo__brand img {
  height: 48px;
}

.request-demo__header {
  margin-bottom: 48px;
}

.request-demo__title {
  font-size: 36px;
  line-height: 52px;
  font-weight: 500;
  margin: 0 0 8px;
}

.request-demo-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 2.143;
  margin: 0;
  max-width: 715px;
}

.request-demo__right {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
}

.request-demo__right .alert {
  margin-top: -20px;
  margin-bottom: 30px;
}

.request-demo__captcha-container {
  margin-bottom: 32px;
  width: 100%;
  max-width: 370px;
}

.request-demo__slider {
  position: relative;
  z-index: 20;
  margin-bottom: 45px;
}

.request-demo__form {
  width: 100%;
  max-width: 600px;
}

.request-demo__form .form-group {
  margin-bottom: 30px;
}

.request-demo__form .btn {
  width: 100%;
  max-width: 370px;
}

.request-demo-slider {
  color: #fefeff;
  margin-left: -76px;
  width: calc( 100% + 152px);
  padding: 0 76px;
  transition: 0.5s;
}

.request-demo-slider__logo {
  border-radius: 100px;
  min-width: 200px;
  width: 202px;
  height: 202px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.request-demo-slider__content {
  position: relative;
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 38px;
  left: 0;
  top: 0;
}

.request-demo-slider__content:after {
  content: '';
  position: absolute;
  top: -32px;
  left: -36px;
  width: 60px;
  height: 48px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAxCAYAAABpoKGSAAAC0klEQVRoge2YbU8UMRDHf1eUpwsQiCIinkFjMBu/y37Wfpma+IjydIgoYBROoPiiPTyP2912btlodn/vbq/TmX9n2s5uCyHa2FVgFviQJupSOs84aGOngWfAVpqok1C7ltDZCvDI/+wB79JEnUrmkqKNnQI2gLv+0S6wlyaq0DZatDZ2GXg89NgCn9JEHcbOJ0EbO4kTPDn01zEBlRclWhu7CDzNGXKAK7WrmHkjY5jACZ7JGNID3qeJ+pk1R7BobWzbOyuy+eGd/gqdOyKGFvAcmCsYmlt5QaJ9Ob3gz/4p4gJXZsGHS2AcHeB+hMnIyisU7Vd3A2hHRejYAbohh0tAHEvAusD0RuWFRLOGTDC4E35eaHuNv5qeCM3bQGfwQa5obew8sCx0BrA7bon7SlsnLEGjOAM2Bx9kTuRPSenqAnxOE7U3hn2fh7gmSMI58CZN1MXgw7zVW+XmPRjKCbAttL3Gl/WK0NwCb0fdIiNFa2NnkJf1Ge7gKOOu7iDsGoHNrLs6K9NrQkcWJ3jsXlwbu0DxfZzFQZqob1l/3hCtjZ1DfuJul9GDa2PBbS8Jp8BW3oBRmZbuoRNcM1AGC8gOrytcWedurb9Ea2NnkWXZAh/LaEI8D4R23byeu89wlPfGcFZKr+1fGSV7+Rzohgy8Fu2bgCWhs32BXRbShd9JE2VDBg5meh6YEDjrhjoLZFFg0wO+hg4eFC1xdgl8EdiNxPcHUwLT/Zi+YFC0ZB8dlpxl6SEanGXwon27J2k5o5wFIBF9FNsM9TMteXU8x72rloJvSCRxHMcatLzD2C8SEr6niXqd9ae/ql7ecgwAr/qZnq7AWRFZH/pKpy+6Moc5VLbwShurgDtVOcxBclWJUMg/FJRNZXH8K1mGCuNQyFrP26CyOGorWvoNqmwqi6O0t/7/iUZ0XWhE14VGdF1oRNeFRnRdaETXhUZ0XWhE14XfB1XIzfD06tgAAAAASUVORK5CYII=");
}

.request-demo-slider__name {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.request-demo-slider__company {
  font-weight: 500;
  font-size: 13px;
}

.request-demo-slider__wrapper {
  position: relative;
  min-height: 450px;
  transition: 0.5s;
}

.request-demo-slider__slide {
  width: 100%;
  height: auto;
  transition: transform 1000ms, opacity 1000ms;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-60px);
}

.request-demo-slider__slide.hide-animation {
  animation-fill-mode: forwards;
  animation-name: hideSlide;
  visibility: visible;
  animation-timing-function: cubic-bezier(1, 0, 1, 1);
  animation-duration: 0.50s;
}

.request-demo-slider__slide.show-animation {
  animation-delay: 0.80s;
  animation-duration: 0.50s;
  animation-delay: 0.60s;
  animation-fill-mode: forwards;
  animation-name: showSlide;
  visibility: visible;
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
}

.request-demo-slider__pagination {
  margin-top: 40px;
}

.request-demo-slider__pagination .pagination-timer {
  display: none;
}

.request-demo-slider__pagination .swiper-pagination-bullet {
  height: 20px;
  background: none;
  width: 20px;
  min-width: 20px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
}

.request-demo-slider__pagination .swiper-pagination-bullet .pagination-bullet {
  opacity: 0.4;
}

.request-demo-slider__pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}

.request-demo-slider__pagination .swiper-pagination-bullet .pagination-timer {
  position: absolute;
  top: 0;
  left: 0;
}

.request-demo-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-bullet {
  opacity: 1;
}

.request-demo-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-timer {
  display: block;
}

.pagination-bullet {
  height: 10px;
  width: 10px;
  border-radius: 40px;
  min-width: 10px;
  background: #fff;
  z-index: 40;
  position: relative;
}

.pagination-timer {
  display: inline-block;
  position: relative;
  margin: 0;
  background: #2a73da;
}

.pagination-timer.is-paused .spinner,
.pagination-timer.is-paused .filler,
.pagination-timer.is-paused .mask {
  animation-play-state: paused !important;
}

.pagination-timer .spinner {
  animation: rotate 11s linear;
}

.pagination-timer .filler {
  animation: opa 11s steps(1, end) reverse;
}

.pagination-timer .mask {
  animation: opa 11s steps(1, end);
}

.pagination-timer {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}

.pagination-timer .pie {
  width: 50%;
  height: 100%;
  transform-origin: 100% 50%;
  position: absolute;
  background: #2a73d9;
  border: 2px solid #fff;
}

.pagination-timer .spinner {
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  z-index: 20;
  border-right: none;
}

.pagination-timer .filler {
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  left: 50%;
  opacity: 0;
  z-index: 10;
  border-left: none;
}

.pagination-timer .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: 1;
  z-index: 30;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes opa {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}

@keyframes showSlide {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes hideSlide {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(60px);
  }
}

@media (min-width: 1012px) {
  .site.is-active-notification .request-demo__right {
    margin-bottom: 0;
  }
  .site.is-active-notification .request-demo__title {
    margin-top: 8px;
  }
}

@media (min-width: 1012px) {
  .request-demo .request-scroll {
    padding: 40px 30px 0;
    margin-left: 50%;
    flex: 1;
    height: 100vh;
    overflow-y: auto;
  }
  .request-demo .request-scroll .request-demo__right {
    padding-bottom: 40px;
  }
}

@media (min-width: 1376px) {
  .request-demo .request-scroll {
    margin-left: 688px;
  }
}

@media (max-width: 1239px) {
  .request-demo__form {
    min-width: 0;
  }
  .request-demo__left {
    max-width: 40%;
    padding-right: 32px;
  }
  .request-demo .request-scroll {
    margin-left: 40%;
  }
}

@media (min-width: 760px) and (max-width: 1011px) {
  .request-demo-slider {
    padding-top: 70px;
    max-width: 752px;
    margin: 0 auto;
  }
}

@media (max-width: 1011px) {
  .request-demo {
    flex-direction: column;
  }
  .request-demo__left {
    order: 2;
    max-width: 100%;
    width: 100%;
    padding: 56px 16px;
    position: relative;
    z-index: 0;
  }
  .request-demo__brand {
    display: none;
  }
  .request-demo__right {
    order: 1;
    width: 100%;
    margin: 100px 0 70px 0;
  }
  .request-demo__title {
    font-size: 34px;
    line-height: 52px;
    font-weight: 600;
  }
  .request-demo__desc {
    font-size: 14px;
    line-height: 30px;
  }
  .request-demo__content {
    width: 100%;
    margin: 0 auto;
    margin: 0 16px;
    max-width: 600px;
  }
  .request-demo__form {
    min-width: 0;
    width: 100%;
  }
  .request-demo .request-scroll {
    margin-left: 0;
    padding-top: 0 !important;
  }
  .request-demo-slider__wrapper {
    min-height: 190px;
  }
  .request-demo-slider__slide {
    padding-left: 160px;
    width: 100% !important;
  }
  .request-demo-slider__pagination {
    padding-left: 160px;
    margin-top: 42px;
  }
  .request-demo-slider__logo {
    position: absolute;
    left: 0;
    width: 120px;
    height: 120px;
    min-width: 120px;
  }
}

@media (max-width: 759px) {
  .request-demo__left {
    padding-left: 0;
    padding-right: 0;
  }
  .request-demo__right {
    margin: 90px 0 56px 0;
  }
  .request-demo__title {
    font-size: 22px;
    line-height: 30px;
  }
  .request-demo__desc {
    font-size: 14px;
    line-height: 30px;
  }
  .request-demo-slider {
    padding: 0 16px;
    max-width: 632px;
    margin: 0 auto;
    width: 100%;
  }
  .request-demo-slider__slide {
    padding-left: 0;
  }
  .request-demo-slider__content {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 16px;
  }
  .request-demo-slider__content:after {
    height: 36px;
    width: 46px;
    background-size: cover;
    top: -20px;
    left: -7px;
  }
  .request-demo-slider__name {
    font-weight: 700;
  }
  .request-demo-slider__logo {
    position: static;
  }
  .request-demo-slider__pagination {
    padding-left: 0;
  }
}

@media (max-width: 1010px) {
  .request-demo {
    margin-top: 0 !important;
  }
  .request-demo .background-animation {
    display: none;
  }
}

@media (min-width: 1012px) {
  .overflow-0 {
    overflow: hidden;
  }
}

@media (max-height: 700px) and (min-width: 1012px) {
  .request-demo__left .request-demo__slider {
    margin-top: 32px;
  }
  .request-demo__left .request-demo-slider__wrapper {
    min-height: 350px;
  }
  .request-demo__left .request-demo-slider__logo {
    min-width: 150px;
    width: 150px;
    height: 150px;
    margin-bottom: 24px;
  }
  .request-demo__left .request-demo-slider__pagination {
    margin-top: 24px;
  }
}

@media (max-height: 590px) and (min-width: 1012px) {
  .request-demo__left {
    display: block;
    height: 100vh;
    overflow-y: auto;
  }
}

.laptop {
  position: relative;
  z-index: 20;
  margin: 0 auto;
  width: 725px;
  height: 490px;
}

.laptop .browser .browser__top {
  position: absolute;
  right: -100px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.laptop__screen img {
  position: absolute;
  top: 21px;
  right: -100px;
  width: 725px;
  height: 490px;
  border-radius: 4px;
  background-color: #fff;
}

.laptop--2 .laptop__screen, .laptop--3 .laptop__screen {
  top: 32px;
  left: 149px;
  height: 492px;
  width: 752px;
}

.laptop--2 .laptop__case, .laptop--3 .laptop__case {
  height: 572px;
}

.laptop--2 .laptop__case img, .laptop--3 .laptop__case img {
  height: 670px;
}

@media (max-width: 1239px) {
  .banner.banner--homepage > .container {
    flex-direction: column;
  }
  .banner.banner--homepage > .container .banner__title,
  .banner.banner--homepage > .container .banner__desc {
    text-align: center;
  }
  .banner.banner--homepage > .container .banner__desc {
    max-width: 100%;
  }
  .banner.banner--homepage .banner__actions {
    justify-content: center;
  }
  .banner .banner__laptop {
    margin-top: 64px;
  }
  .banner .banner__laptop .browser__top {
    position: relative;
    right: 0;
  }
  .banner .banner__laptop .laptop__screen img {
    position: relative;
    right: 0;
    top: 0;
  }
}

@media (max-width: 1011px) {
  .laptop {
    height: 100%;
    width: 100%;
  }
}

@media (max-width: 759px) {
  .banner .banner__laptop {
    margin-top: 0;
  }
  .banner .banner__laptop .laptop__screen img {
    width: 590px;
    height: 400px;
  }
}

@media (max-width: 613px) {
  .banner .banner__laptop .laptop__screen img {
    width: 378px;
    height: 255px;
  }
}

/*
*******************************************
Overlap
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Overlap - general
*******************************************
*/
.overlap {
  margin-bottom: -100px;
  padding-bottom: 0;
}

.overlap + * {
  padding-top: 180px;
}

/*
*******************************************
2. Overlap - responsive
*******************************************
*/
@media (max-width: 1011px) {
  .overlap + * {
    padding-top: 172px;
  }
}

@media (max-width: 759px) {
  .overlap + * {
    padding-top: 140px;
  }
}

/*
*******************************************
Widgets
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Widgets - general
*******************************************
*/
.widget {
  box-shadow: 0px 20px 40px 0px rgba(53, 61, 69, 0.2);
  border-radius: 3px;
}

.widget .widget__header {
  position: relative;
}

.widget .widget__header .ribbon {
  position: absolute;
  top: 13px;
  left: -117px;
  width: 290px;
  height: 26px;
  color: #fff;
  background-color: #3A87F2;
  transform: rotate(-45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  font-size: 12px;
}

.widget .widget__actions .btn {
  justify-content: center;
}

.widget__content {
  padding: 32px;
}

.widget--boxed {
  background: #fff;
}

.widget--boxed .widget__header,
.widget--boxed .widget__actions,
.widget--boxed .widget__body {
  border: none;
}

.widget--primary {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}

.widget--primary > .widget__content {
  color: #fff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.widget--primary .widget__header p {
  margin-bottom: 0;
}

.widget--primary .widget__body {
  position: relative;
}

.widget--primary .widget__body:after {
  content: '';
  position: absolute;
  width: calc(100% - 64px);
  left: 32px;
  height: 1px;
  background: #eaeaea;
  bottom: 0;
}

.widget--primary .widget__actions {
  padding: 32px;
}

.widget--primary .widget__actions .btn {
  min-width: 130px;
}

.widget--primary .widget__price {
  display: flex;
  align-items: center;
}

.widget .list--icon li {
  margin-bottom: 16px;
}

.widget .list-group__item {
  padding: 8px 24px;
}

.widget--shadow {
  box-shadow: 0px 15px 30px -8px rgba(0, 0, 0, 0.2);
}

.widget--outline {
  color: #fff;
}

.widget--outline .widget__body,
.widget--outline .widget__actions {
  background: transparent;
}

.widget--outline .widget__actions {
  border-top: none;
}

.widget--outline .widget__body {
  border-bottom: none;
}

.widget--event > * {
  background: none;
}

.widget--event .widget__body {
  border: none;
}

.widget--event .widget__actions {
  border: none;
}

.widget--event .widget__actions .btn {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.widget--event .event {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 27px 32px 24px;
  min-height: 230px;
}

.widget--event .event:after {
  content: '';
  position: absolute;
  right: -121px;
  top: -142px;
  width: 284px;
  height: 328px;
  background: url(../img/upcoming_events/corner_graphic.png) no-repeat;
}

.widget--event .event__graphic {
  width: 134px;
  height: 134px;
  display: flex;
  align-content: center;
  align-items: center;
  margin-top: 24px;
  margin-right: 20px;
  position: relative;
  z-index: 1;
}

.widget--event .event__content {
  display: flex;
  flex-direction: column;
}

.widget--event .event__subtitle {
  text-transform: uppercase;
  font-weight: 800;
  color: #000;
}

.widget--event .event__subtitle + .event__title {
  margin-top: 12px;
}

.widget--event .event__info span {
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
}

.widget--event .event__info span i {
  margin-right: 16px;
}

.widget--event .event__info span + span {
  margin-top: 8px;
}

.widget--event .event__title {
  margin-bottom: 16px;
  color: #fff;
  font-size: 28px;
  max-width: 440px;
  font-weight: 300;
}

.widget--event .event__title strong {
  font-weight: 800;
}

.widget--event .event__title + .event__info {
  margin-top: auto;
}

.widget--event + .widget--event {
  margin-top: 44px;
}

.widget--news .widget__top {
  padding: 0 24px;
}

.widget--news .widget__title-text {
  margin-bottom: 0;
}

.widget--annoucement > * {
  border: 0;
  background: none;
}

.widget--annoucement .type-4 {
  color: #3A87F2;
  font-size: 24px;
  line-height: 28px;
}

.widget--annoucement .type-4 .heading {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  margin-top: 8px;
}

.widget--annoucement .type-4 .heading--light {
  color: rgba(255, 255, 255, 0.5);
}

.widget--annoucement .type-4 .heading--dark {
  color: rgba(0, 0, 0, 0.5);
}

.widget--annoucement .type-4 .heading > i {
  margin-right: 10px;
}

.widget--annoucement .i-c-8x {
  margin-bottom: 16px;
}

.widget--annoucement .widget__content {
  padding: 20px;
}

.widget--annoucement .widget__actions .btn {
  color: #fff;
}

.widget--whmcs {
  overflow: hidden;
}

.widget--whmcs .widget__header {
  position: relative;
}

.widget--whmcs .widget__title img {
  max-width: 12px;
  max-height: 12px;
  margin: 0 0 4px 8px;
}

.widget__media {
  position: relative;
}

.widget__media-background-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.widget__media-background-img-left, .widget__media-background-img-right {
  opacity: 0.2;
  position: absolute;
  width: 110px;
  height: 110px;
  max-height: none !important;
  margin: 0;
}

.widget__media-background-img-left img, .widget__media-background-img-right img {
  margin: 0 !important;
}

.widget__media-background-img-left {
  right: unset !important;
  left: -50px !important;
  bottom: -60px !important;
}

.widget__media-background-img-right {
  left: unset !important;
  right: -50px !important;
  top: -60px !important;
}

.row--eq-height .widget {
  min-height: 260px;
}

/*
*******************************************
2. Widgets - responsive
*******************************************
*/
@media (max-width: 1239px) {
  .widget--primary .widget__price {
    margin-bottom: 16px;
  }
  .widget--primary .widget__actions {
    flex-direction: column;
  }
}

@media (max-width: 1011px) {
  .widget--news .widget__top {
    padding-left: 16px;
    padding-right: 16px;
  }
  .widget--primary .widget__price {
    margin-bottom: 0;
  }
  .widget--primary .widget__actions {
    flex-direction: row;
  }
  .widget .list-group__item {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 759px) {
  .widget--primary .widget__price {
    margin-bottom: 0;
  }
  .widget--primary .widget__actions {
    padding: 16px;
  }
  .widget--primary .widget__content {
    padding: 16px;
  }
  .widget--event .event {
    flex-direction: column;
  }
  .widget--event .event__content {
    order: 1;
  }
  .widget--event .event__title {
    font-size: 24px;
    line-height: 28px;
    margin-top: 4px !important;
    margin-bottom: 4px;
  }
  .widget--event .event__graphic {
    order: 0;
    margin: 0 0 16px;
    width: 64px;
    height: 64px;
  }
  .widget--event .event__info {
    flex-direction: column;
  }
  .widget--event .event__info span + span {
    margin: 8px 0 0;
  }
  .widget--event + .widget--event {
    margin-top: 8px;
  }
  .row--eq-height .widget {
    min-height: initial;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .widget--annoucement .btn--block, .widget--event .btn--block {
      padding-top: 14px;
    }
  }
}

/*
*******************************************
Forms
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Forms - general
*******************************************
*/
.form-floating .form-label {
  position: absolute;
  left: 24px;
  top: 19px;
  margin: 0;
  pointer-events: none;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.form-floating .form-control {
  padding-top: 18px;
}

.form-floating.is-required:after {
  content: '*';
  width: 13px;
  height: 13px;
  background: #fff;
  color: red;
  position: absolute;
  top: 0px;
  padding-top: 1px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.form-floating.has-focus .form-label, .form-floating.has-value .form-label {
  font-size: 12px;
  opacity: 0.6;
  top: 7px;
}

.form-floating input::-webkit-contacts-auto-fill-button {
  position: absolute;
  right: 20px;
  top: 24px;
}

.contact__form .form-group {
  margin-bottom: 32px;
}

textarea.form-control.form-control--xlg {
  padding-top: 19px;
  padding-bottom: 19px;
  resize: vertical;
}

.form-check .form-indicator {
  border: 1px solid #e0e3ea !important;
  min-width: 16px;
  width: 16px;
  height: 16px;
  max-height: 16px;
}

.form-checkbox:checked + .form-indicator {
  background-color: #fff !important;
  border: 1px solid #3A87F2 !important;
}

.form-checkbox:checked + .form-indicator:after {
  color: #3A87F2;
}

.form-group {
  /*
            *******************************************
            2. Forms - responsive
            *******************************************
            */
}

.form-group--account label {
  width: 100%;
  margin-bottom: 0;
}

.form-group--account input.form-control {
  min-width: 300px;
  max-width: 300px;
  width: 100%;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .form-group .btn--block {
      display: block;
    }
    .form-group .form-floating {
      flex: 1;
    }
  }
}

.form-group .form-control--invalid {
  border-color: red;
}

.form-group .form-control[type="number"] {
  -moz-appearance: textfield;
}

.form-group .form-control[type="number"]::-webkit-outer-spin-button, .form-group .form-control[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-control {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

.contact__form .form-group--select {
  position: relative;
}

.contact__form .form-group--select select.form-control {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

.contact__form .form-group--select:after {
  content: "\F2F9";
  font: normal normal normal 14px/1 "Material-Design-Iconic-Font";
  display: block;
  position: absolute;
  top: 32px;
  right: 16px;
  color: #636166;
}

.contact__form.was-validated input:invalid, .contact__form.was-validated textarea:invalid {
  border: 1px solid red;
}

.contact__form .error-list {
  margin-top: 8px;
  text-align: left;
  color: red;
}

.contact__form .error-list p {
  margin: 0;
}

.background-animation {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.background-animation__item {
  opacity: 1;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
}

.background-animation__item img {
  position: absolute;
  height: 850px;
  width: 850px;
}

.background-animation__item:nth-child(1) img {
  left: -19%;
  bottom: -38%;
  transform: rotate(371deg);
}

.background-animation__item:nth-child(2) img {
  right: -22%;
  top: -41%;
  transform: rotate(0deg);
}

.background-animation--hero .background-animation__item {
  opacity: 0.40;
}

.background-animation--hero .background-animation__item img {
  height: 820px;
  width: 820px;
}

.background-animation--hero .background-animation__item:nth-child(1) img {
  left: -19%;
  bottom: -145%;
  transform: rotate(293deg);
}

.background-animation--hero .background-animation__item:nth-child(2) img {
  right: -19%;
  top: -131%;
  transform: rotate(220deg);
}

.background-animation--hero .background-animation__item:nth-child(2) {
  transform: rotate(200deg);
}

.background-animation--powerfull-features .background-animation__item img {
  height: 357px;
  width: 357px;
}

.background-animation--powerfull-features .background-animation__item:nth-child(1) img {
  left: auto;
  right: -2%;
  top: -3%;
  transform: rotate(346deg);
}

.background-animation--pricing .background-animation__item:nth-child(3) img {
  height: 357px;
  width: 357px;
  left: auto;
  right: 28%;
  top: 37%;
  transform: rotate(319deg);
}

.background-animation--our-results {
  overflow: visible;
}

.background-animation--our-results .background-animation__item {
  overflow: visible;
  opacity: 1;
}

.background-animation--our-results .background-animation__item img {
  left: 16px;
  bottom: -10px;
  height: 520px;
  width: 520px;
  transform: rotate(53deg);
}

.background-animation--request-demo .background-animation__item img:nth-child(1) {
  left: auto;
  right: -54%;
  top: -53%;
  transform: rotate(345deg);
}

.background-animation--error .background-animation__item {
  opacity: 0.40;
}

.background-animation--error .background-animation__item img {
  height: 820px;
  width: 820px;
}

.background-animation--error .background-animation__item:nth-child(1) img {
  left: -19%;
  bottom: -60%;
  transform: rotate(293deg);
}

.background-animation--error .background-animation__item:nth-child(2) img {
  right: -19%;
  top: -60%;
  transform: rotate(220deg);
}

@media (max-width: 1239px) {
  .background-animation__item img {
    position: absolute;
    height: 850px;
    width: 850px;
  }
  .background-animation__item:nth-child(1) img {
    left: -47%;
    bottom: -69%;
    transform: rotate(10deg);
  }
  .background-animation__item:nth-child(2) img {
    right: -44%;
    top: -83%;
    transform: rotate(0deg);
  }
  .background-animation--our-results .background-animation__item img {
    left: 3%;
    bottom: 5%;
  }
}

@media (max-width: 1011px) {
  .background-animation--our-results .background-animation__item:nth-child(1) img, .background-animation--our-results .background-animation__item:nth-child(2) img, .background-animation--our-results .background-animation__item:nth-child(3) img, .background-animation--pricing .background-animation__item:nth-child(1) img, .background-animation--pricing .background-animation__item:nth-child(2) img, .background-animation--pricing .background-animation__item:nth-child(3) img {
    height: 240px;
    width: 240px;
  }
  .background-animation--our-results .background-animation__item:nth-child(1) img, .background-animation--pricing .background-animation__item:nth-child(1) img {
    bottom: 20%;
    transform: rotate(10deg);
  }
  .background-animation--our-results .background-animation__item:nth-child(2) img, .background-animation--pricing .background-animation__item:nth-child(2) img {
    right: -11%;
    top: -8%;
  }
}

@media (min-width: 760px) and (max-width: 1011px) {
  .background-animation--hero .background-animation__item:nth-child(1) {
    left: -57%;
    bottom: -154%;
  }
  .background-animation--hero .background-animation__item:nth-child(2) {
    right: -49%;
    top: -160%;
    transform: rotate(190deg);
  }
}

@media (max-width: 759px) {
  .background-animation .background-animation__item:nth-child(1) img {
    left: -71%;
    bottom: -131%;
    transform: rotate(293deg);
  }
  .background-animation .background-animation__item:nth-child(2) img {
    right: -84%;
    top: -83%;
    transform: rotate(0deg);
  }
  .background-animation--our-results .background-animation__item:nth-child(1) img {
    left: 20%;
    bottom: 56%;
    transform: rotate(293deg);
    width: 300px;
    height: 300px;
  }
  .background-animation--hero .background-animation__item:nth-child(1) img {
    left: -71%;
    bottom: -131%;
    transform: rotate(293deg);
  }
  .background-animation--hero .background-animation__item:nth-child(2) img {
    left: 88%;
    top: -158%;
    right: 0;
    transform: rotate(87deg);
  }
  .background-animation--pricing .background-animation__item:nth-child(2) {
    display: none;
  }
}

@media (max-width: 550px) {
  .background-animation--our-results .background-animation__item:nth-child(1) img {
    left: 13%;
    bottom: 70%;
    width: 200px;
    height: 200px;
  }
}

.price,
.price h6,
.price .h6 {
  color: #3A87F2;
  font-size: 42px;
  font-weight: 600;
  display: inline-flex;
  align-items: flex-end;
  line-height: 42px;
}

.price .price__yearly,
.price h6 .price__yearly,
.price .h6 .price__yearly {
  display: none;
}

.price__value.is-monthly .price__monthly,
.price h6__value.is-monthly .price__monthly,
.price .h6__value.is-monthly .price__monthly {
  display: inline-flex;
  margin-top: 8px;
}

.price__value.is-monthly .price__yearly,
.price h6__value.is-monthly .price__yearly,
.price .h6__value.is-monthly .price__yearly {
  display: none;
}

.price__value.is-yearly .price__monthly,
.price h6__value.is-yearly .price__monthly,
.price .h6__value.is-yearly .price__monthly {
  display: none;
}

.price__value.is-yearly .price__yearly,
.price h6__value.is-yearly .price__yearly,
.price .h6__value.is-yearly .price__yearly {
  display: inherit;
}

.price__value .price__yearly > div,
.price h6__value .price__yearly > div,
.price .h6__value .price__yearly > div {
  display: flex;
  align-items: center;
  margin-left: -24px;
}

.price__value .price__yearly-old,
.price h6__value .price__yearly-old,
.price .h6__value .price__yearly-old {
  color: #8DA2B8;
  font-size: 15px;
  text-decoration: line-through;
  font-weight: 400;
  margin-right: 8px;
}

.price__value .price__yearly b,
.price h6__value .price__yearly b,
.price .h6__value .price__yearly b {
  margin-left: 4px;
  font-weight: 600;
}

.price__suffix,
.price h6__suffix,
.price .h6__suffix {
  font-size: 14px;
  vertical-align: baseline;
  bottom: 11px;
  font-weight: 400;
}

.price__suffix.is-monthly,
.price h6__suffix.is-monthly,
.price .h6__suffix.is-monthly {
  margin-left: 0 !important;
}

.price__suffix.is-monthly .price__monthly,
.price h6__suffix.is-monthly .price__monthly,
.price .h6__suffix.is-monthly .price__monthly {
  display: inline-flex;
}

.price__suffix.is-monthly .price__yearly,
.price h6__suffix.is-monthly .price__yearly,
.price .h6__suffix.is-monthly .price__yearly {
  display: none;
}

.price__suffix.is-yearly .price__monthly,
.price h6__suffix.is-yearly .price__monthly,
.price .h6__suffix.is-yearly .price__monthly {
  display: none;
}

.price__suffix.is-yearly .price__yearly,
.price h6__suffix.is-yearly .price__yearly,
.price .h6__suffix.is-yearly .price__yearly {
  display: inherit;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .pricing__plan .pricing__price .price__suffix.is-yearly {
      bottom: 2px;
    }
  }
}

.price--md {
  font-size: 32px;
  line-height: 32px;
}

.price--md .price__suffix {
  font-size: 13px;
}

@media (max-width: 1011px) {
  .price {
    font-size: 32px;
  }
  .price__suffix {
    font-size: 13px;
    bottom: 16px;
  }
  .price h6,
  .price .h6 {
    font-size: 32px;
  }
  .price--md .price__suffix {
    bottom: 11px;
  }
}

/*
*******************************************
Time
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Time - general
*******************************************
*/
.time-stamp {
  width: 72px;
  height: 72px;
  background: #ffa125;
  border-radius: 100%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
  font-size: 28px;
  font-weight: 800;
  box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.2);
}

.time-stamp__unit {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: -1px;
  margin-top: -4px;
}

.time-stamp + .time-tip {
  margin-left: 16px;
}

.timeline {
  position: relative;
}

.timeline .timeline__element {
  display: flex;
  margin-bottom: 24px;
  width: 100%;
  position: relative;
  z-index: 2;
}

.timeline .timeline__element:last-of-type {
  margin-bottom: 0;
}

.timeline .time-tip {
  padding: 24px;
  background: #fff;
  box-shadow: 0 15px 30px -8px rgba(0, 0, 0, 0.15), 0 -4px 30px -8px rgba(0, 0, 0, 0.1);
  width: 100%;
  position: relative;
}

.timeline .time-tip:before {
  position: absolute;
  z-index: 4;
  top: 24px;
  display: block !important;
  width: 0;
  width: 0;
  height: 0;
  left: -8px;
  content: '';
  transform-origin: right center;
  border-width: 8.5px 9px 8.5px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}

.timeline:before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 34px;
  border-left: 2px dashed #ffa125;
  height: calc(100% + 80px);
}

/*
*******************************************
2. Time - responsive
*******************************************
*/
@media (max-width: 759px) {
  .timeline {
    margin-top: 24px;
  }
  .timeline:before {
    height: calc(100% + 40px);
  }
}

.posts {
  margin-top: -32px;
}

.posts > * {
  display: flex;
}

.posts .widget {
  margin-bottom: 0;
  margin-top: 32px;
}

.widget--post {
  border: 1px solid #eff0f1;
  display: flex;
  overflow: hidden;
  box-shadow: 0px 15px 45px 0px rgba(53, 61, 69, 0.1);
  transition: all ease-in-out 0.2s;
}

.widget--post:hover {
  box-shadow: 0px 15px 45px 0px rgba(53, 61, 69, 0.15);
  transform: translateY(-5px);
}

.widget--post:hover .widget__title {
  color: #3079df;
}

.widget--post:active {
  transform: translateY(0);
  box-shadow: 0 5px 20px 0 rgba(15, 24, 51, 0.1);
}

.widget--post .widget__top {
  justify-content: space-between;
  border: 0;
  height: auto;
  padding: 0;
}

.widget--post .widget__content {
  display: flex;
  flex-direction: column;
}

.widget--post .widget__title {
  transition: all ease-in-out 0.2s;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.333;
}

.widget--post .widget__title a {
  color: #323133;
}

.widget--post .widget__photo {
  overflow: hidden;
  margin-bottom: 24px;
}

.widget--post .widget__photo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.widget--post .widget__title {
  margin-top: 10px;
  margin-bottom: 14px;
}

.widget--post .widget__post-content {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.857;
  font-weight: 400;
  color: #54616f;
}

.widget--post .widget__categories {
  display: flex;
}

.widget--post .widget__category {
  font-size: 11px;
  line-height: 21px;
  color: #9BA1AC;
  font-weight: 400;
  transition: 0.3s;
  border: 1px solid #DCDEE2;
  background: #F8F8F9;
  padding: 0 12px;
  margin-left: 8px;
  border-radius: 4px;
}

.widget--post .widget__category:first-child {
  margin-left: 0;
}

.widget--post .widget__category:hover, .widget--post .widget__category:focus, .widget--post .widget__category:active {
  color: #3079df;
}

.widget--post .widget__name {
  font-weight: 500;
  font-size: 13px;
  color: #31363b;
}

.widget--post .widget__date {
  font-weight: 300;
  text-transform: none;
  color: #9ba1ac;
}

.widget--post .widget__meta {
  margin-top: auto;
  display: flex;
}

.widget--post .widget__meta .avatar {
  margin-right: 16px;
}

.widget--first-post {
  margin-bottom: 44px;
  border: none;
}

.widget--first-post .widget__inner {
  display: flex;
  align-items: center;
}

.widget--first-post .widget__content-wrapper {
  margin-left: 56px;
  max-width: 550px;
}

.widget--first-post .widget__photo {
  min-width: 470px;
  margin-bottom: 0;
}

.widget--first-post .widget__title {
  margin-top: 25px;
  margin-bottom: 19px;
  font-size: 28px;
  line-height: 1.214;
}

.post {
  max-width: 770px;
  margin: 0 auto;
  padding: 90px 0 0 0;
}

.post__content {
  margin-bottom: 65px;
  padding-bottom: 0;
  color: #636166;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}

.post__content p {
  margin-bottom: 20px;
}

.post__content p img {
  margin-bottom: 0;
}

.post__content img {
  max-width: 100%;
  margin-bottom: 42px;
}

.post__content > *:last-child {
  margin-bottom: 0;
}

.post__content h2, .post__content .h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  margin: 0 0 40px 0;
}

.post__content h3, .post__content .h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 32px 0;
}

.post__content h4, .post__content .h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 24px 0;
}

.post__content h5, .post__content .h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 16px 0;
}

.post__content h6, .post__content .h6 {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 16px 0;
}

.post__content * + h2, .post__content * + .h2 {
  margin-top: 56px;
}

.post__content * + h3, .post__content * + .h3 {
  margin-top: 40px;
}

.post__content * + h4, .post__content * + .h4 {
  margin-top: 32px;
}

.post__content .h4, .post__content h4 {
  margin-bottom: 24px;
}

.post__content h3, .post__content .h3 {
  margin-bottom: 32px;
}

.post__content ol, .post__content ul {
  margin-bottom: 30px;
}

.post__content ol {
  margin-bottom: 30px;
}

.post__content ol li {
  margin-bottom: 4px;
}

.post__content ol p {
  margin-bottom: 0;
}

.post__content ol img {
  margin-bottom: 0;
}

.post__content ul {
  padding-left: 0;
  line-height: 26px;
  font-size: 16px;
}

.post__content ul li {
  margin-bottom: 4px;
}

.post__content ul li:before {
  color: #3a87f2;
  top: 12px;
  height: 4px;
  width: 4px;
  min-width: 4px;
}

.post__content ul li ul li:before {
  top: 3px;
}

.post__content ul > li:last-child > *:last-child {
  margin-bottom: 0;
}

.post__content ul p {
  margin-bottom: 0;
}

.post__content ul img {
  margin-bottom: 0;
}

.post__content ul a {
  color: #3a87f2;
  text-decoration: underline;
}

.post__add-new-comment .comment-respond {
  padding-top: 30px;
  margin-bottom: 48px;
}

.post__add-new-comment .form-group {
  margin-bottom: 24px;
}

.post__form-title {
  margin-top: 0;
  margin-bottom: 0;
}

.post__form-title .leave-reply-to {
  display: inline-block;
}

.post__form-title .leave-reply-to a {
  color: #3a87f2;
  margin-left: 5px;
}

.post__form-title .leave-reply-to + small {
  display: inline-block;
}

.post__form-title .leave-reply-to + small a {
  margin-left: 10px;
  transition: box-shadow 0.3s, border-color 0.3s, background 0.3s, color 0.3s;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  padding: 0 16px;
  height: 32px;
  border-radius: 2px;
  background: transparent;
  box-shadow: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  white-space: nowrap;
  border: 1px solid #e1e1e1;
  color: #626264;
  outline: 0;
}

.post__form-title .leave-reply-to + small a:hover, .post__form-title .leave-reply-to + small a:active, .post__form-title .leave-reply-to + small a:focus {
  color: #3a87f2;
}

.post .post__form-subtitle {
  font-size: 14px;
  color: #949199;
  font-weight: 400;
  line-height: 18px;
  margin-top: 7px;
}

.post__comments {
  margin-bottom: 48px;
}

.post__comments textarea {
  min-height: 220px;
}

.post__comments .form-group {
  margin-bottom: 24px;
}

.post__section-title {
  position: relative;
  text-align: center;
  height: 11px;
}

.post__section-title:after {
  content: '';
  background: #f0f0f5;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 5;
}

.post__section-title span {
  padding: 0 31px;
  top: -3px;
  display: inline-block;
  position: relative;
  z-index: 10;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #949199;
}

.post--documentation p {
  margin-bottom: 20px;
}

.post--documentation ul ul {
  margin-bottom: 0;
}

.post--documentation h3 {
  margin-bottom: 25px;
}

.post--documentation * + h3, .post--documentation * + .h3 {
  margin-top: 45px;
}

.post--documentation .img-container {
  overflow: hidden;
  padding: 10px;
  border: 1px solid #dde0e4;
  border-radius: 4px;
  margin-bottom: 20px;
}

.post--documentation .img-container img {
  margin-bottom: 0;
}

.post-author {
  display: flex;
  padding: 60px 0 70px 0;
}

.post-author__avatar {
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
}

.post-author__content {
  margin-left: 48px;
}

.post-author__name {
  color: #323133;
}

.post-author__desc {
  font-size: 16px;
  line-height: 28px;
  color: #636166;
  margin-bottom: 0;
}

.post-comments {
  margin-bottom: 80px;
}

.post-comments__item {
  display: flex;
  flex-direction: column;
}

.post-comments__item.is-parent {
  padding-bottom: 0;
}

.post-comments__item:last-child {
  border-bottom: 0;
}

.post-comments > .post-comments__item:last-child .post-comments__wrapper {
  border-bottom: none;
}

.post-comments__wrapper {
  padding: 40px 0;
  display: flex;
  border-bottom: 1px solid #f0f0f5;
}

.post-comments__children {
  margin-left: 88px;
}

.post-comments__avatar {
  margin-right: 24px;
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
}

.post-comments__name {
  font-family: Montserrat;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #323133;
}

.post-comments__top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: -5px;
}

.post-comments__content {
  width: 100%;
}

.post-comments__reply.btn {
  font-size: 14px;
  font-weight: 500;
  color: #3a87f2;
  margin-left: auto;
  margin-right: -16px;
}

.post-comments__reply.btn a {
  color: #3a87f2;
}

.post-comments__date {
  color: #949199;
  font-size: 14px;
  font-weight: 300;
  margin-left: 30px;
}

.post-comments__text {
  font-size: 16px;
  line-height: 28px;
  color: #636166;
  margin-bottom: 0;
}

.post-comments__text p {
  font-size: 16px;
  line-height: 28px;
  color: #636166;
  margin-bottom: 0;
}

.docs {
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
}

.docs__sidebar {
  padding-top: 30px;
  padding-bottom: 30px;
  box-shadow: 0 5px 15px 2px rgba(37, 47, 66, 0.1);
  margin-right: 70px;
  min-width: 230px;
  width: 230px;
}

.docs__sidebar .nav .nav__item {
  margin-bottom: 16px;
  min-height: 24px;
}

.docs__sidebar .nav .nav__item:last-child {
  margin-bottom: 0;
}

.docs__sidebar .nav .nav__item.is-active:after {
  height: 100% !important;
}

.docs__sidebar .nav .nav__item:hover .nav__link-text {
  color: #3a87f2;
}

.docs__sidebar .nav .nav__link {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.docs__sidebar .nav .nav__link-text {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-transform: none;
}

.docs__sidebar-title {
  font-size: 18px;
  font-weight: 600;
  padding-left: 30px;
  padding-right: 30px;
  color: #31363B;
}

.docs__tab-title {
  font-size: 30px;
  line-height: 1.333;
  margin-top: 32px;
}

@media (max-width: 1011px) {
  .widget--first-post {
    margin-bottom: 36px;
  }
  .widget--first-post .widget__photo {
    width: 100%;
  }
  .widget--first-post .widget__title {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .widget--first-post .widget__inner {
    flex-direction: column;
    overflow: hidden;
  }
  .widget--first-post .widget__photo {
    max-width: 100%;
    min-width: 0;
  }
  .widget--first-post .widget__content-wrapper {
    margin-top: 24px;
    margin-left: 0;
    max-width: none;
  }
  .widget--post .widget__title, .widget--first-post .widget__title {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .post {
    padding: 50px 0 0 0;
  }
  .post-comments {
    margin-bottom: 20px;
  }
  .docs {
    flex-direction: column;
  }
  .docs__sidebar {
    width: 100%;
  }
  .docs__sidebar-title {
    font-size: 18px;
    font-weight: 600;
    padding-left: 30px;
    padding-right: 30px;
    color: #31363B;
  }
  .docs__tab-title {
    font-size: 30px;
    line-height: 1.333;
    margin-top: 32px;
  }
}

@media (max-width: 759px) {
  .widget--post .widget__content {
    padding: 16px;
  }
  .post-author {
    flex-direction: column;
    align-items: center;
    padding: 30px 0 30px 0;
  }
  .post-author__avatar {
    margin-bottom: 16px;
  }
  .post-author__name {
    text-align: center;
  }
  .post-author__content {
    margin-left: 0;
  }
  .post-comments__avatar {
    display: none;
  }
  .post-comments__children {
    margin-left: 22px;
  }
  .post {
    padding: 40px 0 0 0;
  }
  .post-comments {
    margin-bottom: 15px;
  }
}

/*
*******************************************
Pagination
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Pagination - general
*******************************************
*/
.pagination {
  display: flex;
  justify-content: space-between;
}

.pagination__items {
  display: flex;
}

.pagination__item, .pagination__control {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #ebf6ff;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}

.pagination__item + .pagination__item {
  margin-left: 16px;
}

.pagination__item.is-active {
  background: #3A87F2;
  color: #fff;
  border-color: #3A87F2;
  box-shadow: 0px 15px 30px -8px rgba(0, 0, 0, 0.2);
}

.pagination__control.btn {
  width: 48px;
}

/*
*******************************************
2. Pagination - responsive
*******************************************
*/
@media (max-width: 759px) {
  .pagination {
    padding: 0 16px;
  }
}

/*
*******************************************
Box
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
Alert
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Alert - general
*******************************************
*/
.site-alert {
  position: fixed;
  margin-bottom: 0;
  top: -100%;
  z-index: 102;
  width: 100%;
  padding: 16px 0;
  border: 0;
  border-radius: 0;
}

.site-alert .btn {
  color: #fff;
  transition: opacity 0.3s, border 0.3s;
  flex-shrink: 0;
}

.site-alert .btn > * {
  color: #fff !important;
}

.site-alert .container {
  display: flex;
  justify-content: space-between;
  align-content: center;
  position: relative;
}

.site-alert .alert__title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: -3px;
}

.site-alert .alert__body {
  overflow: hidden;
}

.site-alert .alert__body:not(.ls-swiper) .alert__item {
  position: relative;
}

.site-alert .alert__actions {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.site-alert .alert__actions .btn {
  opacity: 0.7;
}

.site-alert .alert__actions .btn:hover {
  opacity: 1;
}

.site-alert .alert__actions .btn > i {
  font-size: 24px;
}

.site-alert .rail {
  align-items: center;
}

.site-alert .rail > *:not(:last-child) {
  margin-right: 24px;
}

.site-alert .rail__item {
  display: flex;
  align-items: center;
}

.site-alert .rail__item .alert__content p {
  color: rgba(255, 255, 255, 0.7);
  display: flex;
}

.site-alert .rail__item .alert__content p span {
  display: flex;
  align-items: center;
}

.site-alert .rail__item .alert__content p span:first-of-type {
  margin-left: -4px;
}

.site-alert .rail__item .alert__content p span + span {
  margin-left: 20px;
}

.site-alert .rail__item .alert__content p span i {
  font-size: 19px;
  margin-right: 5px;
}

.site-alert .rail .btn {
  border-color: #3A87F2;
  color: #fff;
  margin-left: 32px;
}

.site-alert .rail .btn:hover {
  border-color: #fff;
}

.site-alert .swiper__controls {
  display: flex;
  align-items: center;
  align-self: center;
  margin-right: 8px;
  margin-left: 24px;
  flex-shrink: 0;
}

.site-alert .swiper__controls > * {
  color: #fff;
  flex-shrink: 0;
}

.site-alert .swiper__pagination {
  width: 36px;
  font-size: 15px;
  text-align: center;
}

/*
*******************************************
1. Alert - responsive
*******************************************
*/
@media (max-width: 1011px) {
  .site-alert .rail {
    padding-bottom: 50px;
  }
  .site-alert .rail__item {
    min-height: 70px;
  }
  .site-alert .rail__item .alert__content p {
    flex-direction: column;
  }
  .site-alert .rail__item .alert__content p span + span {
    margin: 0 0 0 -4px;
  }
  .site-alert .rail__item .btn {
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
  }
  .site-alert .alert__actions,
  .site-alert .swiper__controls {
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
  .site-alert .alert__actions {
    right: 0;
  }
  .site-alert .swiper__controls {
    right: 40px;
  }
}

@media (max-width: 759px) {
  .site-alert {
    position: absolute;
    z-index: 9;
  }
  .site-alert .container {
    width: 100%;
  }
  .site-alert .alert__actions {
    right: 16px;
  }
  .site-alert .alert__actions .btn {
    margin-bottom: 0;
  }
  .site-alert .swiper__pagination {
    display: none;
  }
  .site-alert .swiper__controls {
    margin-left: 0;
  }
  .site-alert .rail > :first-child:not(.rail__item) {
    display: none;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .site-alert .alert__actions {
      margin-left: 20px;
    }
    .site-alert .swiper__controls {
      right: 60px;
    }
    @media (max-width: 1011px) {
      .alert__body:not(.ls-swiper) .alert__item {
        position: relative;
      }
      .alert__body:not(.ls-swiper) .alert__item .rail__item {
        flex-direction: column;
      }
    }
  }
}

.packages {
  display: flex;
  align-items: stretch;
  width: 815px;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .packages {
    width: 815px;
  }
}

.packages .package {
  visibility: visible !important;
}

.packages .package:first-child {
  transform: translate(-80px);
}

.packages .package:last-child {
  transform: translate(80px);
}

.packages.is-animated .package {
  transform: translate(0) !important;
  opacity: 1;
}

.package--pricing {
  background: #fff;
  border: 0;
  margin: 0;
  position: relative;
  border-radius: 8px;
  max-width: 410px;
  flex: 1 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  padding: 48px;
  opacity: 0;
  transition: 0.5s transform, 0.5s opacity;
  visibility: visible !important;
}

.package--pricing:first-child {
  margin: 35px 0;
  z-index: 10;
  padding-top: 35px;
  background: #fff;
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
  margin-right: -50px;
}

.package--pricing:first-child .package__price {
  font-size: 48px;
}

.package--pricing:last-child {
  box-shadow: none;
  background: #f0f0f5;
  padding: 70px 50px 70px 100px;
  width: 455px;
  max-width: 100%;
}

.package--pricing .package__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.package--pricing .package__price {
  font-size: 40px;
  font-weight: 300;
  line-height: 58px;
  color: #5b48cb;
  margin-top: 15px;
  margin-bottom: 8px;
}

.package--pricing .package__action {
  margin-bottom: 30px;
}

.package--pricing .package__heading {
  color: #636166;
  line-height: 26px;
  font-size: 13px;
  font-weight: 400;
  margin: 0 0 20px 0;
}

.package--pricing .list-group .list-group__title {
  color: #636166;
  font-size: 16px;
  line-height: 28px;
}

@media (max-width: 1011px) {
  .package--pricing {
    padding: 30px;
  }
  .package--pricing:first-child {
    width: 370px;
    max-width: 370px;
  }
  .package--pricing:last-child {
    padding: 70px 30px 70px 70px;
    width: 370px;
    max-width: 370px;
  }
}

@media (max-width: 759px) {
  .packages {
    flex-direction: column;
  }
  .packages .package {
    width: 100%;
    max-width: 100%;
  }
  .package--pricing {
    padding: 40px 25px;
  }
  .package--pricing:first-child {
    margin-top: 0;
    margin-bottom: 18px;
  }
  .package--pricing:last-child {
    padding: 40px 25px;
  }
}

/*
*******************************************
Testimonials
*******************************************
*/
.testimonials {
  position: relative;
  perspective: 970px;
  overflow: visible;
}

.testimonials__wrapper {
  transform-style: preserve-3d;
  will-change: transform;
  padding-top: 10px;
}

.testimonials__slide {
  overflow: hidden;
  visibility: visible;
  width: 370px;
  padding: 44px 16px;
  display: flex;
  height: auto;
}

.testimonials__slide.swiper-slide-prev, .testimonials__slide.swiper-slide-next, .testimonials__slide.swiper-slide-active {
  visibility: visible;
}

.testimonials__slide.swiper-slide-prev .testimonials__item, .testimonials__slide.swiper-slide-next .testimonials__item, .testimonials__slide.swiper-slide-active .testimonials__item {
  display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .testimonials__slide.swiper-slide-prev, .testimonials__slide.swiper-slide-next {
    visibility: hidden;
  }
}

.testimonials__item {
  box-shadow: 0px 6px 16.4px 0.6px rgba(37, 47, 66, 0.1);
  background: #fff;
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding: 0 22px 24px 22px;
  transition: all ease-in-out 0.2s;
}

.testimonials__item:hover {
  box-shadow: 0px 7px 17.4px 0.6px rgba(37, 47, 66, 0.15);
  transform: translateY(-5px);
}

.testimonials__item:hover .testimonials__logo {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -moz-backface-visibility: hidden;
}

.testimonials__item.rayobyte .testimonials__logo img {
  width: 177px;
}

.testimonials__item.libyan .testimonials__logo img {
  width: 161px;
  -webkit-backface-visibility: hidden;
}

.testimonials__photo {
  overflow: hidden;
  height: 88px;
  width: 88px;
  margin: auto auto 16px auto;
  border-radius: 100px;
}

.testimonials__logo {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.35;
  transition: 0.4s;
}

.testimonials__info {
  margin-bottom: 16px;
}

.testimonials__name {
  color: #31363b;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
}

.testimonials__company {
  color: #8da2b8;
  margin-top: 3px;
  font-weight: 500;
}

.testimonials__content {
  color: #344358;
  font-size: 14px;
  line-height: 26px;
}

.testimonials__read-more {
  color: #3a87f2;
  text-decoration: underline;
  font-weight: 600;
  font-size: 14px;
}

.testimonials__nav {
  z-index: 10;
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: calc(50% - 56px / 2);
  width: 100%;
}

.testimonials__arrow {
  fill: #3a87f2;
  height: 31px;
  width: 57px;
  cursor: pointer;
  transition: fill 0.4s;
}

.testimonials__arrow.swiper-button-disabled {
  fill: #d6dee6;
}

.testimonials__arrow.testimonials__arrow--next {
  transform: rotate(180deg);
  transform-origin: center center;
}

.testimonials__pagination__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}

.testimonials__pagination__bottom .testimonials-next {
  margin-left: 10px;
}

.testimonials__pagination__bottom .btn--icon .btn__icon {
  color: #3a87f2;
}

.testimonials__pagination__bottom .btn--icon.is-disabled .btn__icon {
  color: #D6DEE6;
}

.testimonials__pagination {
  display: flex;
  justify-content: center;
  z-index: 10;
  position: relative;
}

.section--our-team + .section--testimonial {
  padding: 150px 0;
}

.section--our-team + .section--testimonial .testimonial {
  flex-direction: column;
}

.section--our-team + .section--testimonial .testimonial .testimonials__logo {
  height: auto;
  margin-bottom: 32px;
}

.section--our-team + .section--testimonial .testimonial .testimonial__avatar {
  height: 88px;
  min-width: 88px;
  width: 88px;
  margin: 16px 16px 0 0;
}

.section--our-team + .section--testimonial .testimonial .testimonial__body {
  max-width: 82%;
}

.section--our-team + .section--testimonial .testimonial .testimonial__body:before {
  top: -38px;
  left: -39px;
}

.section--our-team + .section--testimonial .testimonial .testimonial__content {
  text-align: center;
}

.section--our-team + .section--testimonial .testimonial:hover .testimonials__logo {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.section--our-team + .section--testimonial .testimonial .testimonial__name {
  margin-top: 16px;
}

@media (max-width: 1200px) {
  .testimonials {
    overflow: hidden;
  }
  .section--our-team + .section--testimonial {
    padding: 88px 0;
  }
  .section--our-team + .section--testimonial .testimonial .testimonial__body:before {
    top: -25px;
    left: -31px;
  }
}

@media (max-width: 759px) {
  .testimonials__nav {
    display: none;
  }
  .testimonials__slide {
    width: 310px;
    padding: 44px 15px 30px;
  }
  .testimonials__title {
    font-size: 14px;
    line-height: 18px;
  }
  .testimonials__info {
    margin-bottom: 18px;
  }
  .testimonials__company {
    font-size: 12px;
    line-height: 18px;
  }
  .testimonials__content {
    font-size: 12px;
    line-height: 1.833;
  }
  .testimonials__photo {
    top: -33px;
  }
  .section--our-team + .section--testimonial {
    padding: 48px 0 64px;
  }
}

/*
*******************************************
Testimonial
*******************************************
*/
.testimonial {
  display: flex;
  align-items: center;
}

.testimonial__avatar {
  border-radius: 180px;
  overflow: hidden;
  height: 180px;
  width: 180px;
  min-width: 180px;
  margin-right: 90px;
}

.testimonial__body {
  position: relative;
}

.testimonial__body:before {
  top: -42px;
  left: -42px;
  position: absolute;
  content: '';
  height: 60px;
  width: 76px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAA9CAYAAAAH6Y9PAAADmklEQVR4nO2aWVLbQBCGPwxhJwRCgECW6+gUuoTOoUvoFDpQEkLhgoTdbM7DjCjHluzpmRa2q+Z7syW3uv7p6elueQEl8qL8CPSyNLnWsqlNXpQLwAFwkaVJz8fGgpIje8Cu/XgOdLM00TCthhXrGFgH+sBpliaXUjvBgg2JVXELnGRp8hxqXwMr1hGwMXTpD3CWpUnf1VaQYHlR7gCfGi4/Ab+yNLkPeUYoeVECfAa2Gm65x/j55GKvE+DIe5rFAlgCvuZFue37DCX2aRYLYBX4nhfluosxrwizxo8Fv7/E5Azn0Ndgwg6oowucj8u/YsHyolwGviGPzh4m9B+lz/QhL8oNzKJKuQZ+Z2nyUndRJFhelB2MWMsejgC8YA6DG8/fOxGwqBWPmMUdKT2cBbPJ8wjY9HRikNZKD4VFragtPSQrsIOOWGDKkLYOgwPCxQITTId5Ua4OfukkWF6UK8CeghMVV8BfRXvA68k97kSUcjZcFk0UzBZ9hyh1BcANJqkqmTPkRbmEKSG0uMjS5GL4S5cI2wVWlJzoYZJ+G+XFAQF15RBXwFndhbEPsKfNcNvjyzPm5Kk9rkPIi3KL0bbHl3vG7IBJK7KPzlbsAz/bqMHsqSgpTsdRtXONO6BRMFv4ObULDnRb7Cl3MG2YBieTespawWzNpXUqXgMjyVODvCgXMYJp0M3S5G7STU0RtoVOon/GFH8KpmrZQSfR32GK6Yk0PUwr0Z+2NROzueuDgqmqone6eUQwO4nQiK6rlsfV2+hEVzdLkwfXm+seqNGy9GmoYzSwOVbDzwfM1NWZ/wSzSVSluXadYHqyhk6/KBpPw2iEbRJedz3T0qk4wHsFG3c+Y6ZhwTQa14s2qvkKux21RkxiXgWzp05oodpHmBM8WAMWA230fIeYgxGmUdVfthldFo2e0Xu0NCjYVB0RoLELxC9wKwYFWwt05AnT6beGTRurE28cz23ILugMOBJ6TN+8wd8DQsUC09t6swCv1f0XBWd8Oaubbg7j8Z5Rmx/VltQoAt8CrcmvN/Mm2NT9nDfB3k3bgUowrYlla9iDKbRgDaYSbOor58BMLGrHvnfUeufYJlOPLjARNhOOOKD1zjGIDjPiiAMzsbAd5mM7zgzzJNjMRNi8bMmZIIolJAomJAomJAomJAomJAomJAomJAomJAomJAomJAomJAomJAomJAomJAomJAomJAomJAomJAomJAom5B8nz/bf/F1EIgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}

.testimonial__content {
  font-size: 24px;
  color: #344358;
  line-height: 1.5;
  text-align: left;
}

.testimonial__name {
  margin-top: 42px;
  color: #31363b;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
}

.testimonial__company {
  color: #8da2b8;
  margin-top: 3px;
  font-weight: 500;
}

@media (max-width: 1011px) {
  .testimonial__avatar {
    height: 120px;
    width: 120px;
    min-width: 120px;
    margin-right: 40px;
  }
  .testimonial__body:before {
    background-size: contain;
    height: 45px;
    width: 50px;
    top: -25px;
    left: -39px;
  }
  .testimonial__content {
    font-size: 18px;
    line-height: 1.667;
  }
  .testimonial__name {
    font-size: 16px;
    margin-top: 10px;
  }
  .testimonial__company {
    font-size: 13px;
  }
}

@media (max-width: 759px) {
  .testimonial {
    flex-direction: column;
    align-items: flex-start;
  }
  .testimonial__avatar {
    margin-bottom: 40px;
  }
  .testimonial__body:before {
    background-size: contain;
    height: 37px;
    width: 45px;
    top: -22px;
    left: -8px;
  }
  .testimonial__content {
    font-size: 14px;
    line-height: 1.857;
  }
  .testimonial__name {
    font-size: 14px;
    margin-top: 6px;
  }
  .section--our-team + .section--testimonial .testimonial {
    align-items: center;
  }
}

/*
*******************************************
Feature slider
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Feature slider - general
*******************************************
*/
.mob-slider ~ .swiper-button-prev.swiper-button-disabled,
.mob-slider ~ .swiper-button-next.swiper-button-disabled {
  display: none;
}

.mob-slider {
  width: 100%;
}

.features-screenshot-slider {
  margin-bottom: -1px;
}

.features-screenshot-slider .screenshots__link {
  margin-bottom: 0;
  cursor: pointer;
}

.features-screenshot-slider__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  width: 575px;
  max-width: 100%;
}

.features-screenshot-slider__bottom .swiper-button-disabled {
  color: #D6DEE6;
}

.features-screenshot-slider__bottom .btn--prev {
  margin-right: 28px;
}

.features-screenshot-slider__bottom .btn--next {
  margin-left: 28px;
}

/*
*******************************************
2. Feature slider - responsive
*******************************************
*/
@media (min-width: 1012px) {
  .mob-slider ~ .swiper-pagination,
  .mob-slider ~ .swiper-button-prev,
  .mob-slider ~ .swiper-button-next {
    display: none;
  }
}

@media (max-width: 1011px) {
  .has-slider .container {
    position: relative;
  }
  .has-slider .swiper-wrapper {
    width: auto;
    padding: 0 8px;
  }
  .has-slider .section__features {
    width: inherit;
  }
  .has-slider div[class*=row--] {
    width: inherit;
  }
  .has-slider .mob-slider {
    width: inherit;
  }
  .has-slider .swiper-pagination {
    bottom: -56px;
    left: 0;
    right: 0;
  }
  .has-slider .swiper-pagination-bullet {
    height: 16px;
    width: 16px;
  }
  .has-slider .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 10px;
  }
  .has-slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #ffa125;
    box-shadow: 0px 15px 30px -8px rgba(0, 0, 0, 0.2);
  }
  .has-slider .row {
    margin-left: -16px;
  }
  .has-slider div[class^=swiper-button-] {
    color: #fff;
    position: absolute;
    top: 47px;
    z-index: 1;
    cursor: pointer;
    bottom: 0;
    background: #fff;
    display: flex;
    align-items: center;
    font-size: 30px;
    padding-left: 0;
  }
  .has-slider div[class^=swiper-button-] i {
    font-size: 40px;
  }
  .has-slider [data-size="tablet"] ~ div[class^=swiper-button-] {
    top: 102px;
  }
  .has-slider [data-size="mobile"] ~ div[class^=swiper-button-] {
    top: 16px;
  }
  .has-slider .swiper-button-prev {
    left: -100%;
    right: calc(100% - 5px);
    justify-content: flex-end;
  }
  .has-slider .swiper-button-next {
    left: calc(100% - 5px);
    right: -100%;
  }
  .has-slider [data-size="mobile"] ~ .swiper-button-next {
    left: 100%;
  }
  .has-slider [data-size="mobile"] ~ .swiper-button-prev {
    right: 100%;
  }
  .has-slider.overlap + .section {
    padding-top: 200px;
  }
  .has-slider:not(.overlap) {
    padding-bottom: 98px;
  }
  .features-screenshot-slider__bottom {
    margin: 15px auto 32px auto;
  }
}

@media (max-width: 759px) {
  .has-slider {
    padding-top: 40px;
  }
  .has-slider [data-size="tablet"] .swiper-wrapper {
    padding: 0 4px;
  }
  .has-slider .section__content + .section__features {
    margin-top: 16px;
  }
  .has-slider div[class^=swiper-button-] {
    top: 16px;
  }
  .has-slider .swiper-pagination {
    bottom: -40px;
  }
  .has-slider:not(.overlap) {
    padding-bottom: 64px;
  }
  .mob-slider {
    position: relative;
    width: inherit !important;
  }
  .mob-slider .swiper-slide {
    width: inherit !important;
    margin-top: 0;
    height: initial;
  }
  .mob-slider[data-size="tablet"] .swiper-wrapper {
    display: flex;
    flex-direction: column;
  }
  .mob-slider[data-size="tablet"] + .swiper-pagination {
    display: none;
  }
  .mob-slider[data-size="tablet"] ~ div[class^=swiper-button-] {
    display: none;
  }
  .has-slider.overlap + .section {
    padding-top: 140px;
  }
  .has-slider:not(.has-slider--mob) .row {
    margin: 0;
  }
}

@media (max-width: 613px) {
  .has-slider:not(.has-slider--mob) .container {
    padding: 0;
  }
  .has-slider .container {
    width: 100%;
    padding-right: 0;
  }
  .has-slider .swiper-button-prev {
    left: -8px;
    right: auto !important;
    justify-content: flex-end;
  }
  .has-slider .swiper-button-next {
    right: -8px;
    left: auto !important;
  }
  .has-slider .swiper-button-prev i {
    position: relative;
    right: -5px;
  }
  .has-slider .swiper-button-next i {
    position: relative;
    left: -5px;
  }
  .mob-slider[data-size="mobile"] .swiper-wrapper .swiper-slide:nth-of-type(2) {
    padding-left: 24px;
  }
}

@media (min-width: 1012px) {
  .swiper-centered--lg {
    justify-content: center;
  }
  .swiper-pagination--hidden-lg {
    display: none !important;
  }
}

@media (min-width: 760px) {
  .swiper-pagination--hidden-md {
    display: none !important;
  }
}

.package-slider .swiper-container {
  overflow: visible;
}

.package-slider .swiper-container-android .swiper-slide, .package-slider .swiper-wrapper {
  transform: none;
}

.nav-packages {
  display: none;
}

@media (min-width: 760px) and (max-width: 1011px) {
  .nav-packages {
    display: flex;
    justify-content: space-between;
    margin: -20px -20px 40px;
  }
  .nav-packages .btn__text {
    line-height: 23px;
  }
}

@media (max-width: 759px) {
  .package-slider .row.swiper-wrapper {
    display: block;
  }
}

.site--components {
  background: #e5f3ff;
}

.component__navbar {
  display: flex;
  justify-content: space-between;
  padding: 64px;
}

.component__body {
  height: 100%;
}

.component__body .component__item {
  margin: 0 64px 64px;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.15);
}

.component .site-navbar {
  position: relative;
}

.component .site-mobile-header {
  position: relative;
}

@media (max-width: 1011px) {
  .component__navbar {
    padding: 16px;
  }
  .component__body .component__item {
    margin: 0 16px 16px;
  }
  .component .site-navbar {
    margin-top: 0;
  }
}

@media (max-width: 759px) {
  .component__navbar {
    padding: 8px;
    flex-direction: column;
  }
  .component__navbar .btn {
    margin-bottom: 8px;
  }
  .component__body .component__item {
    margin: 0 8px 16px;
  }
}

.extensions-list {
  display: flex;
}

.extensions-list__sticky-container {
  min-width: 230px;
  margin-right: 40px;
}

.extensions-list__categories {
  min-width: 230px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.extensions-list__categories-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin: 0 0 24px 0;
}

.extensions-list__categories-inner {
  box-shadow: 0px 5px 14.7px 0.3px rgba(37, 47, 66, 0.1);
  background: #fff;
  padding: 40px 24px 40px 30px;
  width: 100%;
}

.extensions-list .inner-wrapper-sticky {
  width: 100%;
}

.extensions-list__clear-all {
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  cursor: pointer;
  display: none;
}

.extensions-list__grid {
  opacity: 1;
  margin-top: -24px;
  flex: 1;
}

.extensions-list__grid.is-loading {
  opacity: 0;
}

.extensions-list__grid.is-transition {
  transition: 0.3s opacity;
}

.extensions-list__grid .widget {
  margin-bottom: 0;
  margin-top: 24px;
}

.extensions-list__grid [class^="col-"] {
  display: flex;
}

.extensions-list__tags {
  display: flex;
  flex-direction: column;
}

.extensions-list__tags .form-check {
  margin-bottom: 16px;
}

.extensions-list__tags .form-check:last-child {
  margin-bottom: 0;
}

.extensions-list__zero-results {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: #FFF;
  align-items: center;
  justify-content: center;
  padding: 48px;
  box-shadow: 0px 5px 14.7px 0.3px rgba(37, 47, 66, 0.1);
  margin-top: 24px;
}

.extensions-list__zero-results img {
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
}

.extensions-list__zero-results .zero-results__text {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
  text-align: center;
}

.extensions-list__zero-results .zero-results__text--sm {
  font-size: 14px;
  line-height: 28px;
}

.extensions-list__zero-results .zero-results__text + .zero-results__text {
  margin-top: 8px;
}

.extensions-list__zero-results .zero-results__search-value {
  font-weight: 700;
}

.billing-cycle-radio {
  cursor: pointer;
}

.billing-cycle-radio .billing-cycle-radio__inner {
  display: inline-flex;
  align-items: center;
}

.billing-cycle-radio .form-indicator {
  margin-right: 16px;
}

.billing-cycle-radio .heading {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.billing-cycle-radio .heading .label {
  margin-left: 8px;
}

.billing-cycle-radio__price {
  color: #fff;
}

.extension-screenshot-slider {
  max-width: 525px;
  margin-left: 0;
}

.extension-screenshot-slider--mobile {
  width: 100%;
  max-width: unset;
}

.extension-screenshot-slider--mobile .swiper-pagination-bullet {
  background: #d6dee6 !important;
  opacity: 1 !important;
}

.extension-screenshot-slider--mobile .swiper-pagination-bullet-active {
  background: #3a87f2 !important;
}

.extension-screenshot-slider__slide {
  -o-object-fit: cover;
     object-fit: cover;
}

.extension-screenshot-slider__slide img {
  height: 100%;
  width: 100%;
}

.extension-screenshot-slider__pagination .swiper-pagination-bullet {
  display: inline-flex;
}

.extension-screenshot-slider__pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}

.extension-screenshot-slider .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.4;
}

.extension-screenshot-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

.extension-screenshot-slider .swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.extension-screenshot-slider .testimonials-prev {
  margin-right: 16px;
}

.extension-screenshot-slider .testimonials-next {
  margin-left: 16px;
}

.extension-screenshot-slider__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}

.screenshot-container {
  height: 470px;
  width: 570px;
  position: relative;
}

.screenshot-container [class^="screenshot-item"] {
  position: absolute;
  height: 340px;
  width: 400px;
  box-shadow: 0px 10px 30px 0px rgba(53, 61, 69, 0.12);
}

.screenshot-container .screenshot-item-1 {
  top: 130px;
  left: 0;
}

.screenshot-container .screenshot-item-2 {
  top: 0;
  left: 170px;
}

.screenshots__link {
  margin-bottom: 16px;
  display: block;
  width: 100%;
  cursor: pointer;
}

.screenshots__link img {
  width: 100%;
  min-height: 100%;
}

.related-products {
  max-width: 974px;
  padding: 20px 12px;
  margin: 0 auto;
}

.related-products .row {
  margin: 0;
}

.related-products .row > div[class*=col-] {
  display: flex;
  height: auto;
}

.related-products .row:not(.swiper-wrapper) {
  justify-content: center;
}

.related-products .pagination {
  justify-content: center;
}

.related-products .related-products-arrows {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}

.related-products .related-products-arrows .swiper-pagination-bullet:first-child {
  margin-left: 0;
}

.related-products .related-products-arrows .btn__icon.zmdi-chevron-left {
  margin-right: 16px !important;
}

.related-products .related-products-arrows .btn__icon.zmdi-chevron-right {
  margin-left: 16px !important;
}

.related-products .widget--extension:hover {
  transform: -5px;
  box-shadow: 0px 13px 28px 0px rgba(33, 52, 74, 0.1);
}

.widget--extension {
  box-shadow: 0px 3px 4.95px 0.05px rgba(37, 47, 66, 0.06);
  transition: all ease-in-out 0.2s;
  overflow: hidden;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .widget--extension {
    width: 100%;
  }
}

.widget--extension:hover .widget__desc, .widget--extension:active .widget__desc, .widget--extension:focus .widget__desc {
  color: #31363b;
}

.widget--extension:hover .widget__title, .widget--extension:active .widget__title, .widget--extension:focus .widget__title {
  color: #3A87F2;
}

.widget--extension:hover {
  box-shadow: 0px 15px 45px 0px rgba(33, 52, 74, 0.1);
  transform: translateY(-5px);
}

.widget--extension:active {
  transform: translateY(0);
  box-shadow: 0 5px 20px 0 rgba(33, 52, 74, 0.06);
}

.widget--extension .widget__content {
  padding: 24px;
}

.widget--extension .widget__header {
  border: none;
}

.widget--extension .widget__media {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin: 0;
  min-height: 134px;
  background: #ebf4ff;
}

.widget--extension .widget__media img {
  max-height: 80px;
  height: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .widget--extension .widget__media img {
    width: 100%;
  }
}

.widget--extension .widget__media:before {
  border: none;
}

.widget--extension .widget__body {
  transition: 0;
  border-color: #f4f6f9;
}

.widget--extension .widget__desc {
  color: #31363b;
  margin-bottom: 0;
}

.widget--extension .widget__title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 13px;
  transition: all ease-in-out 0.2s;
}

.widget--extension .widget__price {
  margin-bottom: 10px;
}

.changelog {
  max-width: 968px;
}

.changelog__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

.changelog__section {
  display: flex;
  position: relative;
}

.changelog__section:last-child {
  padding-bottom: 10px;
}

.changelog__section:after, .changelog__section:before {
  content: '';
  position: absolute;
  top: 0;
  left: 143px;
}

.changelog__section:before {
  height: 100%;
  width: 2px;
  background: #e4e9ee;
}

.changelog__section:after {
  left: 136px;
  top: -1px;
  background: #fff;
  border: 3px solid #3a87f2;
  border-radius: 50px;
  height: 16px;
  width: 16px;
}

.changelog__section ul {
  margin-bottom: 16px;
}

.changelog__section:last-child .changelog__content {
  margin-bottom: 0;
  padding-bottom: 0;
}

.changelog .label {
  margin-top: -10px;
  text-transform: uppercase;
}

.changelog .list li:before {
  color: #3A87F2;
}

.changelog .list > li:before {
  background-color: #3A87F2;
}

.changelog__date {
  max-width: 100px;
  margin-right: 115px;
  font-size: 13px;
  color: #31363b;
  white-space: nowrap;
  display: flex;
  flex-basis: 20%;
  margin-top: -4px;
}

.changelog .changelog__content {
  margin-bottom: 40px;
}

.changelog--page {
  max-width: 1040px;
  margin: auto;
}

.changelog--page .changelog__section:before {
  left: 0;
}

.changelog--page .changelog__section:after {
  display: none;
}

.changelog--page .changelog__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 48px;
}

.changelog--page .changelog__title h2 {
  margin-bottom: 0;
}

.changelog--page .changelog__title .changelog__date {
  margin: 0;
  font-weight: 500;
}

.changelog--page .changelog__content {
  margin-left: 48px;
  margin-bottom: 0;
}

.changelog--page .changelog__content .changelog__version-content {
  margin-bottom: 48px;
}

.changelog--page .changelog__content .changelog__subtitle {
  position: relative;
  margin-top: 24px;
  line-height: 24px;
}

.changelog--page .changelog__content .changelog__subtitle h3 {
  color: #3a87f2;
}

.changelog--page .changelog__content .changelog__subtitle span {
  text-transform: uppercase;
  color: #293642;
}

.changelog--page .changelog__content .changelog__subtitle:before {
  content: '';
  position: absolute;
  left: -55px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: 3px solid #3a87f2;
  border-radius: 50px;
  height: 16px;
  width: 16px;
}

.changelog--page .changelog__content .list li {
  font-weight: 500;
}

.changelog--page .changelog__content .list li:before {
  background-color: #3A87F2;
}

.changelog--page .changelog__content .list li strong {
  font-weight: 700;
}

.changelog--page .changelog__content .list li ul {
  padding-left: 16px;
}

.changelog--page .changelog__content .list li ul li:before {
  background-color: transparent;
  color: #3A87F2;
}

.changelog--page .changelog__content .list li ul li ul li:before {
  left: 0;
  top: 14px;
  margin: auto;
  position: absolute;
  content: '';
  background: #3a87f2;
  border-radius: 100px;
  height: 3px;
  width: 3px;
  min-width: 3px;
}

.changelog--page .changelog__content .list + .changelog__title {
  margin-top: 60px;
}

@media (min-width: 1012px) {
  /*.related-products{
        overflow: visible;
        .swiper-wrapper{
            transform: none !important;
        }
    }*/
}

@media (min-width: 1012px) and (max-width: 1239px) {
  .extension-screenshot-slider {
    max-width: 363px;
  }
}

@media (max-width: 1011px) {
  .extensions-list {
    flex-direction: column;
  }
  .extensions-list__categories {
    position: relative;
  }
  .extensions-list__sticky-container {
    margin-right: 0;
    margin-bottom: 30px;
    position: static !important;
  }
  .extensions-list__counter {
    font-size: 12px;
    color: #33363b;
    font-weight: 500;
    margin-bottom: 10px;
  }
  .extensions-list .inner-wrapper-sticky {
    position: static !important;
    transform: none !important;
  }
  .extensions-list__choose-tags {
    margin-left: -16px;
  }
  .extensions-list__choose-tags:after, .extensions-list__choose-tags:before {
    display: none;
    top: 35px;
    right: 17px;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    height: 10px;
    width: 10px;
    background: #fff;
    border: 1px solid #edeff2;
  }
  .extensions-list__choose-tags:before {
    border: none;
    z-index: 20;
    top: 36px;
    right: 17px;
    z-index: 200;
  }
  .extensions-list__choose-tags.is-open:after, .extensions-list__choose-tags.is-open:before {
    display: inline-block;
  }
  .extensions-list__choose-tags.is-open .btn__icon {
    transform: rotate(180deg);
  }
  .extensions-list__tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .extensions-list__tags .form-check {
    padding-right: 5px;
    min-width: 25%;
    width: 25%;
  }
  .extensions-list__categories-title {
    font-size: 16px;
    line-height: 28px;
  }
  .extensions-list__categories-inner {
    display: none;
    z-index: 100;
    position: absolute;
    top: 40px;
    width: 100%;
    padding: 25px 30px;
    box-shadow: 0px 10px 20px 0px rgba(41, 47, 65, 0.2);
    border: 1px solid #edeff2;
  }
  .extensions-list__categories-inner.is-open {
    display: block;
  }
  .extensions-list__mobile-tags {
    margin-top: -8px;
  }
  .extensions-list__mobile-tags .tag {
    margin-top: 8px;
    margin-right: 5px;
  }
  .changelog__section:before {
    left: 117px;
  }
  .changelog__section:after {
    left: 110px;
  }
  .changelog__date {
    margin-right: 90px;
  }
}

@media (max-width: 759px) {
  .related-products {
    margin-left: -16px;
    width: calc(100% + 32px);
  }
  .related-products .swiper-wrapper > * {
    padding: 0 8px;
  }
  .related-products .swiper-slide {
    flex-basis: auto;
    width: 320px;
    max-width: 100%;
  }
  .extensions-list__tags .form-check {
    width: 50%;
    min-width: 50%;
  }
  .changelog__title {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.75;
  }
  .changelog__section {
    padding: 0;
    padding-left: 24px;
    flex-direction: column;
  }
  .changelog__section:before {
    left: 6px;
  }
  .changelog__section:after {
    left: 0;
    height: 14px;
    width: 14px;
    min-width: 14px;
    border: 3px solid #3a87f2;
  }
  .changelog .list {
    font-size: 13px;
    line-height: 22px;
  }
  .changelog .list li {
    margin-bottom: 10px;
  }
  .changelog .label {
    margin: 0;
  }
  .changelog__date {
    margin-top: -5px;
    margin-bottom: 8px;
  }
  .changelog--page {
    max-width: 100%;
  }
  .changelog--page .changelog__section {
    padding-left: 0;
  }
  .changelog--page .changelog__content {
    margin-left: 24px;
  }
  .changelog--page .changelog__content .changelog__subtitle:before {
    left: -31px;
  }
  .changelog--page .changelog__content .list li:before {
    top: 9px;
  }
  .changelog--page .changelog__content .list li ul li:before {
    top: 2px;
  }
  .changelog--page .changelog__content .list li ul li ul li:before {
    top: 10px;
  }
}

@media (max-width: 613px) {
  .changelog--page .changelog__title {
    flex-direction: column;
    align-items: flex-start;
  }
  .changelog--page .changelog__title h2 {
    margin-bottom: 8px;
  }
}

@media (max-width: 600px) {
  .widget--extension .widget__media {
    display: block;
  }
  .widget--extension .widget__media img {
    height: auto;
    position: absolute;
    top: 30px;
    margin: auto;
    display: block;
    left: 0;
    right: 0;
  }
}

@media (max-width: 1239px) {
  .pricing-container {
    position: relative;
  }
  .pricing-container:after {
    content: "";
    position: absolute;
    top: 64px;
    left: 0px;
    right: 0;
    bottom: 67px;
    box-shadow: 0px 3px 30px 0px rgba(53, 61, 69, 0.08);
  }
}

.pricing {
  position: relative;
  overflow: visible;
}

.pricing__col {
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: visible;
  flex: 1;
}

.pricing__col:nth-child(1) {
  z-index: 1;
}

.pricing__col:nth-child(2) {
  z-index: 10;
}

.pricing__col:nth-child(3) {
  z-index: 5;
}

.pricing__col:nth-child(5) {
  z-index: 5;
}

.pricing__col.pricing__col--highlight {
  display: flex;
  flex-direction: column;
}

.pricing__col.pricing__col--highlight .pricing__plan {
  margin-bottom: -25px;
  margin-top: -32px;
  padding-top: 65px;
  padding-bottom: 65px;
  box-shadow: 0px 10px 25px 0px rgba(53, 61, 69, 0.2);
}

.pricing__plan {
  position: relative;
  background: #fff;
  padding: 40px 30px 40px 30px;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  overflow: hidden;
}

.pricing__plan-new {
  position: absolute;
  width: 160px;
  height: 22px;
  color: #fff;
  background-color: #D1B16B;
  transform: rotate(-45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  font-size: 12px;
  line-height: 15px;
  top: 11px;
  left: -58px;
}

.pricing__plan .pricing__price .price__suffix {
  margin-left: -10px;
  vertical-align: bottom;
}

.pricing__higlight-bar {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  background: #d1b16b;
  color: #fff;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
}

.pricing__title {
  margin-top: -2px;
  color: #31363b;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 20px;
}

.pricing__subtitle {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 16px;
  margin-top: 0;
  line-height: 20px;
}

.pricing__shadow {
  box-shadow: 0px 10px 30px 0px rgba(53, 61, 69, 0.1);
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.pricing__header {
  margin-bottom: 8px;
  border-bottom: 1px solid #dde0e4;
}

.pricing__price {
  margin-bottom: 16px;
}

.pricing__price .price--custom {
  font-size: 14px;
  line-height: 20px;
  margin: 8px 0 0 0;
  display: inline-block;
}

.pricing__price .price--custom > div {
  margin-bottom: 8px;
  align-items: center;
  display: none;
}

.pricing__price .price--custom > div span:not(.label) {
  color: #8DA2B8;
  font-size: 15px;
  font-weight: 400;
  margin-right: 8px;
}

.pricing__price .price--custom > div b {
  margin-left: 4px;
  font-weight: 600;
}

.pricing__price .price--custom.is-yearly > div {
  display: flex;
}

.pricing__action {
  margin-top: 25px;
}

.pricing__grid .pricing__shadow {
  border-radius: 3px;
}

.pricing__grid > *:nth-child(2) {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pricing__grid > *:nth-child(2) .pricing__plan {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pricing__grid > *:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pricing__grid > *:last-child .pricing__plan {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pricing__requirments {
  font-size: 13px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: 600;
}

.pricing__features.list li {
  color: #31363B;
  padding: 5px 0 5px 12px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}

.pricing__features.list li:before {
  top: 12px !important;
  height: 3px !important;
  width: 3px !important;
  min-width: 3px !important;
}

.pricing__features.list li p {
  margin-bottom: 0px;
}

.pricing__features.list li p i img {
  vertical-align: bottom;
  margin-bottom: -1px;
}

.pricing__features.list .bold {
  font-weight: 700;
}

.pricing__features .is-highlighted {
  font-weight: 500;
}

.pricing__features .is-highlighted span {
  border-bottom: 1px dotted #3a87f2;
}

.pricing__footer {
  margin-top: auto;
  /*border-top: 1px solid #dde0e4;*/
}

.pricing__nav {
  display: none;
}

.pricing__prev .btn__content, .pricing__next .btn__content {
  color: #5d84ef;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.pricing__prev .btn__icon, .pricing__next .btn__icon {
  font-size: 20px;
  color: #5d84ef;
}

.pricing__prev {
  margin-left: -17px;
}

.pricing__next {
  margin-right: -17px;
}

.pricing__pagiantion {
  margin-top: 50px;
  display: none;
}

.pricing__explanation {
  margin-top: 20px;
}

.widget--plan {
  margin-bottom: 0;
  box-shadow: 0px 20px 40px 0px rgba(53, 61, 69, 0.2);
  width: 367px;
  max-width: 100%;
}

.widget--plan .widget__header, .widget--plan .widget__body {
  border: none;
}

.widget--plan .widget__title {
  margin: 0;
  margin-top: -4px;
  color: #31363b;
  font-size: 20px;
  line-height: 1.3;
}

.widget--plan .widget__subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #31363b;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 15px;
}

.widget--plan .widget__price {
  margin: 24px 0 16px;
}

.widget--plan .price__suffix {
  font-weight: 400;
}

.widget--plan .widget__content {
  padding: 48px;
}

.widget--plan .widget__content .list li {
  padding-left: 16px;
}

.widget--plan .widget__content .list li:before {
  top: 16px;
  height: 3px !important;
  width: 3px !important;
  min-width: 3px !important;
}

.widget--plan .widget__header .widget__content {
  padding-bottom: 0;
}

.widget--plan .widget__header .widget__content:after {
  content: '';
  display: block;
  border-bottom: 1px solid #dde0e4;
}

.widget--plan .widget__body .widget__content {
  padding-top: 0;
}

.widget--plan .widget__action {
  margin-top: 16px;
}

@supports (-moz-appearance: none) {
  .price__yearly-old {
    white-space: nowrap !important;
  }
}

@media (min-width: 1240px) {
  .pricing {
    overflow: visible;
  }
  .pricing__grid {
    transform: none !important;
  }
  .pricing__grid {
    display: flex;
  }
  .pricing__grid > *:nth-child(2) {
    box-shadow: 0px 3px 6px 0px rgba(53, 61, 69, 0.06);
  }
  .pricing__grid > *:nth-child(3) {
    box-shadow: 0px 3px 6px 0px rgba(53, 61, 69, 0.06);
  }
  .pricing__grid > *:nth-child(4) {
    box-shadow: 0px 3px 6px 0px rgba(53, 61, 69, 0.06);
  }
}

@media (min-width: 1012px) and (max-width: 1239px) {
  .pricing__prev .btn__content,
  .pricing__next .btn__content,
  .pricing__prev .btn__icon,
  .pricing__next .btn__icon {
    color: #fff;
  }
  .banner--pricing + .section--pricing {
    margin-top: -90px;
  }
  .banner--pricing + .section--pricing > .container {
    max-width: 974px;
  }
}

@media (max-width: 1239px) {
  .pricing {
    overflow: hidden;
  }
  .pricing__grid {
    margin-top: 32px;
  }
  .pricing__col {
    flex: auto;
    min-width: 314px;
  }
  .pricing__col.pricing__col--highlight .pricing__plan {
    padding-bottom: 40px;
    margin-bottom: 0;
    box-shadow: 0px 0px 6px 0px rgba(53, 61, 69, 0.13);
  }
  .pricing__plan {
    box-shadow: 0px 0px 10px 0px rgba(53, 61, 69, 0.08);
  }
  .pricing__shadow {
    display: none;
  }
  .pricing__nav {
    display: flex;
    justify-content: space-between;
  }
  .pricing__pagiantion {
    margin-top: 57px;
    display: flex;
    justify-content: center;
  }
  .pricing__pagiantion:first-child {
    margin-left: 0;
  }
  .widget--plan {
    width: 286px;
  }
  .widget--plan .widget__title {
    font-size: 16px;
    font-weight: 600;
    margin-top: -4px;
  }
  .widget--plan .widget__subtitle {
    font-size: 13px;
    font-weight: 400;
    margin-top: 2px;
  }
  .widget--plan .widget__price {
    margin: 8px 0;
  }
  .widget--plan .widget__content {
    padding: 32px;
  }
}

@media (max-width: 1011px) {
  .pricing__col {
    min-width: 50%;
  }
}

@media (max-width: 759px) {
  .pricing {
    overflow: visible;
    box-shadow: none;
    margin: 0;
    width: 100%;
  }
  .pricing__grid {
    overflow: visible;
    box-shadow: none;
  }
  .pricing__col {
    flex: auto;
    min-width: 100%;
    margin-right: 24px;
  }
  .pricing__col:last-child {
    margin-right: 0;
  }
  .pricing__plan {
    box-shadow: 0px 3px 10px 0px rgba(49, 61, 69, 0.1);
  }
  .widget--plan {
    width: 100%;
  }
}

.panel.panel__bordered {
  border-left: 3px solid #fff;
  padding-left: 32px;
  color: #fff;
  text-align: left;
}

.panel.panel__boxed {
  background: #fff;
  padding: 24px 32px;
  border-radius: 3px;
  margin-top: 16px;
}

.panel--checkbox {
  border: 1px solid #e0e3ea;
  border-radius: 4px;
  background-color: #fff;
  max-width: 405px;
  width: 100%;
}

.panel--checkbox label {
  padding: 12px 18px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
}

.panel .panel-icon {
  max-width: 34px;
  width: 100%;
  margin-right: 16px;
}

.panel .panel-content {
  flex-grow: 2;
}

.panel .panel-content h4, .panel .panel-content span.h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  color: #293642;
  display: block;
}

.panel .panel-content span {
  font-size: 12px;
  color: #98A2AD;
}

.panel .panel-checkbox.form-check {
  margin-bottom: 0;
}

.panel .panel-checkbox.form-check .form-indicator {
  border: 1px solid #e0e3ea;
  min-width: 16px;
  width: 16px;
  height: 16px;
  max-height: 16px;
}

.panel .panel-checkbox.form-check .form-checkbox:checked + .form-indicator {
  background-color: #fff !important;
  border: 1px solid #3A87F2 !important;
}

.panel .panel-checkbox.form-check .form-checkbox:checked + .form-indicator:after {
  color: #3A87F2;
}

.panel-mesage .mesage__content {
  padding: 70px;
  border-radius: 4px;
}

.panel-mesage .mesage__content .mesage__body {
  border: 0;
  text-align: center;
  padding: 0 0 16px 0;
}

.panel-mesage .mesage__content .mesage__body .mesage-status {
  font-size: 36px;
  line-height: 34px;
  font-weight: 600;
}

.panel-mesage .mesage__content .mesage__body p {
  font-size: 17px;
  font-weight: 500;
}

.panel-mesage .mesage__content .mesage__icon {
  max-width: 80px;
  max-height: 80px;
  margin-bottom: 32px;
}

.panel-mesage .mesage__content .mesage__actions {
  text-align: center;
  margin-top: 16px;
}

.panel-mesage .mesage__content .mesage__actions .btn {
  min-width: 267px;
}

.panel--checked {
  border-color: #3A87F2;
}

@media (max-width: 1011px) {
  .panel--checkbox {
    max-width: 100%;
  }
}

@media (max-width: 759px) {
  .panel.panel__bordered {
    padding-left: 16px;
  }
  .panel.panel__boxed {
    padding: 24px 16px;
  }
  .panel--checkbox .panel-content p {
    max-width: 60%;
  }
  .panel-mesage .mesage__content {
    padding: 0px;
  }
}

@media (max-width: 613px) {
  .panel-mesage .mesage__content .mesage__actions .btn {
    width: 100%;
    min-width: auto;
  }
}

.tiles {
  transition: 0.6s transform;
  transform: translateY(40px);
  visibility: hidden;
}

.tiles.is-animated {
  transform: translateY(0);
}

.tiles.swiper-container {
  overflow: visible;
}

.tiles .swiper-wrapper {
  align-items: stretch;
}

.tiles .swiper-wrapper > * {
  height: auto;
  display: flex;
}

.tiles--documentation {
  margin-top: -32px;
}

.tiles--documentation .tile {
  margin-top: 32px;
}

.tiles--documentation .tile--help .tile__icon {
  height: auto !important;
  width: auto !important;
  min-width: 110px !important;
  min-height: 110px !important;
}

@media (max-width: 1011px) {
  .tiles--documentation .row {
    margin-right: -8px;
    margin-left: -8px;
  }
  .tiles--documentation .row > * {
    padding: 0 5px;
  }
}

.tile.is-disabled {
  opacity: 1;
  cursor: not-allowed;
}

.tile.is-disabled .tile__icon {
  opacity: 0.5;
}

.tile {
  transition: all ease-in-out 0.2s;
  cursor: pointer;
  transition: border 0.3s;
  padding: 25px 16px 15px 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  box-shadow: 0px 5px 15px 0px rgba(15, 24, 51, 0.1);
  border-radius: 3px;
  transition: 0.3s;
}

.tile:not(.is-disabled):hover {
  box-shadow: 0px 10px 25px 0px rgba(15, 24, 51, 0.1);
  transform: translateY(-5px);
}

.tile:not(.is-disabled):active {
  transform: translateY(0px);
  box-shadow: 0px 2px 10px 0px rgba(15, 24, 51, 0.1);
}

.tile.is-disabled:hover, .tile.is-disabled:active {
  cursor: not-allowed;
}

.tile__title {
  max-width: 100%;
  transition: all ease-in-out 0.2s;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 3px;
  font-size: 18px;
  line-height: 20px;
  color: #323133;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tile__title .heading {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 20px;
  color: #949199;
}

.tile--banner {
  background: #fff;
  min-width: 140px;
}

.tile--banner.is-disabled {
  background: #5544be url(../img/gradients/bg-light.png) no-repeat;
  background-position: 0% 0%;
  background-attachment: fixed;
}

.tile--banner.is-disabled .tile__icon {
  opacity: 1;
}

.tile--banner.is-disabled .tile__title {
  color: #fff;
  font-weight: 500;
}

.tile--banner.is-disabled .tile__title .heading {
  color: #e9e5ff;
  opacity: 0.5;
}

.tile--category {
  padding: 30px;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
}

.tile--category .tile__title {
  font-weight: 500;
  margin-top: 16px;
  margin-bottom: 0;
}

@media (min-width: 1012px) {
  .banner .tiles .swiper-wrapper {
    flex-wrap: wrap;
    transform: none !important;
  }
  .banner .tiles .swiper-wrapper > * {
    height: auto;
    display: flex;
  }
  .banner .tiles .swiper-wrapper > *:last-child {
    padding-right: 0;
  }
  .tile--category {
    min-height: 225px;
  }
  .tile--category .tile__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 760px) {
  .section .tiles .swiper-wrapper {
    flex-wrap: wrap;
    transform: none !important;
  }
  .banner--documentantion .tiles .swiper-wrapper {
    flex-wrap: wrap;
    transform: none !important;
  }
  .banner--documentantion .tiles .swiper-wrapper > * {
    height: auto;
    display: flex;
  }
  .banner--documentantion .tiles .swiper-wrapper > *:last-child {
    padding-right: 0;
  }
}

@media (max-width: 1011px) {
  .tiles {
    margin-top: -16px;
  }
  .tiles .swiper-wrapper {
    margin-left: -4px;
    margin-right: -4px;
  }
  .tiles .swiper-wrapper .tile {
    min-width: 140px;
  }
  .tiles .tile {
    padding: 17px 16px 8px 16px;
    margin-top: 10px;
  }
  .tiles .swiper-slide {
    display: flex;
    padding-right: 8px;
    padding-left: 8px;
  }
}

@media (min-width: 760px) and (max-width: 1011px) {
  .tiles .swiper-wrapper .tile {
    margin-bottom: 8px;
  }
  .tiles .tile--category {
    padding-bottom: 10px;
  }
  .tiles .tile--category .tile__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  .tiles > * {
    display: flex;
  }
}

@media (max-width: 759px) {
  .tiles .swiper-wrapper {
    margin-left: -4px;
    margin-right: -4px;
  }
  .tiles .swiper-wrapper > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .tile__title {
    margin-top: 14px;
    line-height: 20px;
    font-size: 14px;
  }
  .tile__icon {
    height: 56px;
    min-width: 56px;
    width: 56px;
  }
}

.modal {
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10050;
  display: flex !important;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  /* Element: Dialog */
  /* Element: Content */
  /* Element: Body */
  /* Element: Top */
  /* Element: Nav */
  /* Element: Actions */
}

.modal.show {
  overflow: auto;
  opacity: 1;
  visibility: visible;
}

.modal__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__top h4 {
  margin-bottom: 0;
}

.modal__dialog {
  width: 768px;
  transform: scale(0.5);
  transition: all 0.3s;
}

.modal__content {
  background-color: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}

.modal__body {
  padding: 16px;
  border-top: 1px solid #e9ebf0;
  border-bottom: 1px solid #e9ebf0;
}

.modal__body--scroll {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal__top {
  height: 48px;
  min-height: 48px;
  padding: 8px 16px;
}

.modal__nav {
  margin-bottom: -1px;
}

.modal__actions {
  padding: 16px 16px;
}

.modal__actions .btn {
  margin-right: 8px;
}

.modal__actions .btn:last-child {
  margin-right: 0;
}

.modal iframe {
  border: 1px solid #e9ebf0;
}

.modal--hero .modal__content, .modal--info .modal__content {
  padding: 14px 24px 24px;
}

.modal--hero .modal__content > .top, .modal--info .modal__content > .top {
  padding: 0;
}

.modal--hero .modal__content > .top__title, .modal--info .modal__content > .top__title {
  overflow: initial;
  white-space: initial;
  font-size: 18px;
  text-overflow: initial;
}

.modal--hero .modal__body, .modal--info .modal__body {
  padding: 0;
  border: 0;
  margin: 24px 0 16px;
}

.modal--hero .modal__body + .modal__actions, .modal--info .modal__body + .modal__actions {
  margin-top: 32px;
}

.modal--hero .modal__actions, .modal--info .modal__actions {
  padding: 0;
}

.modal.show .modal__dialog {
  transform: scale(1);
}

.modal .close.is-absolute {
  top: 8px;
  right: 8px;
}

.modal--contact .modal__dialog {
  max-width: 800px;
  width: 100%;
}

.modal--contact .modal__content {
  border-radius: 4px;
}

.modal--contact .modal__content .modal__top {
  justify-content: flex-end;
  padding: 8px;
}

.modal--contact .modal__content .modal__top .btn--link {
  color: #B7C4D2;
}

.modal--contact .modal__content .modal__body {
  border: 0;
  text-align: center;
}

.modal--contact .modal__content .modal__body .mesage-status {
  font-size: 36px;
  line-height: 34px;
  font-weight: 600;
}

.modal--contact .modal__content .modal__body p {
  font-size: 17px;
  font-weight: 500;
}

.modal--contact .modal__content .modal__icon {
  max-width: 80px;
  max-height: 80px;
  margin-bottom: 32px;
}

.modal--contact .modal__content .modal__actions {
  text-align: center;
  padding-bottom: 60px;
}

.modal--contact .modal__content .modal__actions .btn {
  min-width: 267px;
}

.modal .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.modal .embed-responsive::before {
  display: block;
  content: "";
}

.modal .embed-responsive .embed-responsive-item,
.modal .embed-responsive iframe,
.modal .embed-responsive embed,
.modal .embed-responsive object,
.modal .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.modal .embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.modal#videoModal .modal__body {
  border: 0;
  padding: 5px;
}

/* Modal contact page */
.banner--contact .background-animation {
  z-index: 0;
}

.section--contact .section__content {
  z-index: unset;
}

/*
*******************************************
2. Modals - sizes
*******************************************
*/
.modal--xs .modal__dialog {
  width: 430px;
}

.modal--sm .modal__dialog {
  width: 580px;
}

.modal--lg.modal--default .modal__content .top,
.modal--lg.modal--default .modal__body,
.modal--lg.modal--default .modal__actions, .modal--xlg.modal--default .modal__content .top,
.modal--xlg.modal--default .modal__body,
.modal--xlg.modal--default .modal__actions {
  padding-left: 32px;
  padding-right: 32px;
}

.modal--lg.modal--hero .modal__content, .modal--lg.modal--info .modal__content, .modal--xlg.modal--hero .modal__content, .modal--xlg.modal--info .modal__content {
  padding: 22px 32px 32px;
}

.modal--full .modal__dialog {
  width: 100%;
}

.modal--preview .modal__dialog {
  width: auto;
}

@media (max-width: 613px) {
  .modal .modal__dialog, .modal--sm .modal__dialog, .modal--lg .modal__dialog {
    width: 100%;
  }
}

/*
*******************************************
3. Modals - other
*******************************************
*/
.is-open .modal,
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10040;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 1;
}

.modal.fade.show {
  opacity: 1;
}

.modal.fade {
  opacity: 0;
  transition: 0.15s linear;
}

@media (min-width: 1350px) {
  .modal#videoModal .modal__dialog {
    min-width: 1310px;
  }
}

@media (max-width: 1349px) and (min-width: 1012px) {
  .modal#videoModal .modal__dialog {
    min-width: 1000px;
  }
}

@media (max-width: 1011px) {
  .modal--contact .modal__dialog {
    padding: 0 20px;
  }
}

@media (max-width: 613px) {
  .modal--contact .modal__content .modal__actions {
    padding-bottom: 20px;
  }
  .modal--contact .modal__content .modal__actions .btn {
    min-width: 100%;
  }
}

@media (max-width: 812px) and (orientation: landscape) {
  .modal#videoModal .modal__dialog {
    transform: scale(0.7);
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .modal#videoModal .modal__dialog {
    transform: scale(0.7);
  }
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
  .modal#videoModal .modal__body {
    padding: 3px;
  }
}

@media screen and (max-device-width: 767px) and (orientation: landscape) {
  .modal#videoModal .modal__body {
    padding: 4px;
  }
}

.modal-cloud-fest .modal-dialog {
  max-width: 872px;
  width: 100%;
  position: relative;
}

.modal-cloud-fest .modal-dialog .close:not(.btn) {
  position: absolute;
  right: -23px;
  top: -31px;
  font-size: 24px;
  color: #fff;
  opacity: 1;
  background: transparent;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: unset !important;
}

.modal-cloud-fest .modal-dialog .promo-content {
  display: flex;
}

.modal-cloud-fest .modal-dialog .promo-content--right {
  height: 448px;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 477px;
  padding: 80px 50px;
  position: relative;
}

.modal-cloud-fest .modal-dialog .promo-content--right p {
  font-weight: 400;
  font-size: 26px;
  line-height: 36px;
  color: #293642;
  margin-bottom: 8px;
  text-align: center;
}

.modal-cloud-fest .modal-dialog .promo-content--right h2 {
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  margin-bottom: 32px;
  margin-top: 0px;
  text-align: center;
}

.modal-cloud-fest .modal-dialog .promo-content--right .promo-code {
  margin-bottom: 32px;
  padding: 18px 24px;
  border: 1px dashed #064399;
}

.modal-cloud-fest .modal-dialog .promo-content--right .promo-code span {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #293642;
}

.modal-cloud-fest .modal-dialog .promo-content--right button {
  border-radius: 3px;
  width: 214px;
  height: 64px;
  background-color: #FF932F;
}

.modal-cloud-fest .modal-dialog .promo-content--right button:hover {
  background-color: #ffb34e;
}

.modal-cloud-fest .modal-dialog .promo-content--right button span {
  font-size: 18px;
}

.modal-cloud-fest .modal-dialog .promo-content--right.active-code {
  padding: 74px 42px;
}

.modal-cloud-fest .modal-dialog .promo-content--right.active-code p {
  font-size: 22px;
  line-height: 31px;
}

.modal-cloud-fest .modal-dialog .promo-content--right.active-code h2 {
  font-size: 24px;
  line-height: 34px;
}

.modal-cloud-fest .modal-dialog .promo-content--right.active-code button {
  padding: 0px;
}

.modal-cloud-fest .modal-dialog .promo-content--right.active-code button a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  height: 100%;
  width: 100%;
  color: #fff;
}

.modal-cloud-fest .modal-dialog .promo-content--left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(../img/modals/cloudfest-dekstop.png), linear-gradient(60deg, #357ee4 0%, #1d66cc 100%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 102%;
  width: 395px;
}

.modal-cloud-fest .modal-dialog .promo-content--left span {
  text-align: center;
  font-size: 42px;
  line-height: 59px;
  color: #F4FBFA;
}

.modal-cloud-fest .modal-dialog .promo-content--left span strong {
  font-weight: 700;
}

.modal-cloud-fest .modal-dialog .promo-content--left h3 {
  text-align: center;
  font-size: 32px;
  line-height: 45px;
  color: #F4FBFA;
  font-weight: 700;
  margin-top: 34px;
}

@media (max-width: 991px) {
  .modal-cloud-fest .modal-dialog {
    width: 94%;
  }
  .modal-cloud-fest .modal-dialog .modal-content {
    margin-inline: 30px;
    position: relative;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content {
    flex-direction: column;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--left {
    width: unset;
    padding: 29px 24px;
    position: relative;
    background: linear-gradient(75deg, #357ee4 0%, #1d66cc 100%);
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--left::after {
    content: '';
    height: 63px;
    width: 156px;
    background-image: url(../img/modals/cloudfest-right.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--left::before {
    content: '';
    height: 62px;
    width: 205px;
    background-image: url(../img/modals/cloudfest-left.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--left br {
    display: none;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--left span {
    z-index: 2;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--right {
    height: unset;
    width: unset;
    padding: 42px;
  }
}

@media (max-width: 600px) {
  .modal-cloud-fest .modal-dialog .modal-content {
    margin-inline: 20px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--left {
    padding: 52px 24px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--left span {
    font-size: 26px;
    line-height: 36px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--right {
    padding: 32px 24px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--right p {
    font-size: 18px;
    line-height: 22px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--right h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--right .promo-code {
    padding: 12px 18px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--right .promo-code span {
    font-size: 16px;
    line-height: 23px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--right button {
    width: 184px;
    height: 55px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--right.active-code {
    padding: 32px 24px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--right.active-code p {
    font-size: 22px;
    line-height: 31px;
  }
  .modal-cloud-fest .modal-dialog .modal-content .promo-content--right.active-code h2 {
    font-size: 24px;
    line-height: 34px;
  }
}

.notification {
  width: 100%;
  background: #0D4CA5;
  box-shadow: 0 5px 10px 0px rgba(6, 67, 153, 0.15);
  /*padding: 10px 0;*/
  z-index: 1500;
  position: fixed;
  top: -56px;
  left: 0;
  opacity: 1;
}

.notification.is-visible {
  top: 0;
}

.notification .container {
  display: flex;
  align-items: center;
}

.notification__icon {
  margin-right: 16px;
  color: #fff;
  margin-left: 0;
}

.notification__icon img {
  min-width: 18px;
  margin-bottom: 2px;
}

.notification__icon svg {
  min-width: 18px;
  margin-bottom: 2px;
  display: block;
}

.notification__content {
  color: var(--notification-font-color, #fff);
  padding: 18px 0;
  font-weight: 500;
}

.notification__content strong {
  font-weight: 700;
}

.notification__content:hover, .notification__content:focus, .notification__content:active {
  color: var(--notification-font-hover-color, rgba(255, 255, 255, 0.8));
}

.notification__actions {
  margin-left: auto;
  padding: 16px 0;
  display: flex;
  align-items: center;
}

.notification__actions .btn {
  border-radius: 3px;
  max-height: 26px;
  font-weight: 700;
  transition: opacity 0.3s;
}

.notification__actions .btn:hover {
  opacity: 0.92;
}

.notification__dismiss {
  margin-left: 24px;
  margin-right: -14px;
}

.notification__dismiss .btn__icon {
  color: #B7C4D2;
}

.notification .btn:hover, .notification .btn:focus, .notification .btn:active {
  box-shadow: none !important;
}

body {
  will-change: padding-top;
}

.is-active-notification .navbar {
  z-index: 1200;
}

@media (min-width: 1012px) and (max-width: 1239px) {
  .notification__icon {
    top: 18px;
  }
}

@media (min-width: 1012px) {
  body.auth-page {
    padding-top: 0 !important;
  }
}

@media (max-width: 1239px) {
  .notification__icon {
    margin: 0;
    position: absolute;
    left: 16px;
  }
  .notification .container {
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
  }
  .notification__actions {
    padding: 0 0 18px 32px;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .notification__content {
    padding-left: 32px;
  }
  .notification__dismiss {
    margin-right: -8px;
  }
  .notification__icon img {
    margin-bottom: 1px;
  }

  .notification__icon svg {
    margin-bottom: 1px;
  }
}

@media (max-width: 1011px) {
  .is-active-notification {
    overflow: hidden;
  }
  .is-active-notification .site {
    position: relative;
  }
  .is-active-notification.off-canvas-is-active .site {
    position: static;
  }
  .is-active-notification.off-canvas-is-active .navbar {
    z-index: 1600;
    margin-top: 0 !important;
  }
  .notification__content {
    padding: 18px 0 18px 32px;
  }
  .notification__icon {
    top: 18px;
  }
}

@media (max-width: 759px) {
  .notification__content, .notification__actions {
    padding-left: 0;
  }
  .notification__icon {
    display: none;
  }
}

@media (max-width: 855px) {
  .notification__actions .zmdi-close {
    margin-top: 2px;
  }
}

html,
body {
  overflow-x: hidden;
  background: #fff;
  position: relative;
}

html.no-scroll {
  overflow: visible;
}

.row.row--eq-height {
  justify-content: center;
}

.row.row--eq-height div[class*=col-] {
  display: flex;
}

.row.row--eq-height .row {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}

.row--features {
  justify-content: center;
  margin-top: -48px;
}

.row--features div[class*=col-] {
  display: flex;
}

.row--features .widget {
  margin-top: 48px;
  margin-bottom: 0;
  border: none;
  box-shadow: 0px 15px 30px -8px rgba(0, 0, 0, 0.2);
}

.row--features .widget__body {
  border: none;
}

.row--features .widget__actions {
  border: none;
}

.row--features .widget__actions .btn {
  justify-content: center;
  font-weight: 500;
}

.row--features .flex-column .widget {
  height: 100%;
}

.row--md {
  margin-left: -12px;
  margin-right: -12px;
}

.row--md div[class*=col-] {
  padding-left: 12px;
  padding-right: 12px;
}

.m-a {
  margin: auto;
}

.m-h-430 {
  min-height: 430px;
}

.date {
  display: flex;
  width: 100%;
}

.i-c-5x {
  width: 214px;
  height: 214px;
}

a.list-group__item {
  color: inherit;
}

a.list-group__item.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.list-group__text br {
  display: none;
}

.list-group--toolset .list-group__item {
  font-size: 17px;
  font-weight: 700;
}

.list-icon--circle li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-radius: 100%;
  border: 2px solid #ffa125;
  top: calc(50% - 5px);
}

.m-w-268 {
  max-width: 268px;
}

.p-64 {
  padding: 64px;
}

.p-b-0 {
  padding-bottom: 0;
}

.p-t-0 {
  padding-top: 0;
}

.has-shadow {
  box-shadow: 0 10px 25px 0px rgba(33, 41, 58, 0.1);
}

.date .zmdi {
  margin-right: 24px;
}

.hide-md {
  display: block;
}

.hide-md.box,
.hide-md.btn {
  display: flex;
}

.show-md {
  display: none;
}

@media (max-width: 1011px) {
  .p-m-32 {
    padding: 32px;
  }
}

@media (max-width: 759px) {
  .row--features {
    margin-top: -16px;
  }
  .mob-i-c-2x {
    width: 64px;
    height: 64px;
  }
  .row--eq-height .widget {
    height: auto;
    margin-top: 16px;
  }
  .row--eq-height .feature {
    height: auto;
    margin-top: 16px;
  }
  .p-m-8 {
    padding: 8px;
  }
  .m-t-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 1011px) {
  .i-c-5x {
    width: 152px;
    height: 152px;
  }
}

@media (max-width: 1011px) {
  .hide-md {
    display: none !important;
  }
  .show-md {
    display: block !important;
  }
  .show-md.box {
    display: flex !important;
  }
  .md-order-2 {
    order: 2;
  }
}

.text-lighter {
  font-weight: 200;
}

.text-light {
  font-weight: 300;
}

.alert--success {
  background-color: #3fa62a;
  border-color: #3fa62a;
}

.alert--success p {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  margin-bottom: 0;
}

.alert--success li {
  color: rgba(255, 255, 255, 0.9);
}

.alert-danger {
  background-color: #d11445;
  border-color: #d11445;
  color: #fff;
  font-weight: 500;
}

.alert-danger ul {
  margin: 0;
}

.alert-danger ul li {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

.alert-danger ul li a {
  color: #fff;
}

.alert-danger ul li a:hover {
  color: #fff;
}

.response a {
  color: #fff;
}

.contact__form .alert {
  margin: -24px 0 32px 0;
}

.p-5 {
  font-weight: 400;
}

.font-weight-bolder {
  font-weight: 700;
}

.font-weight-extra-bold {
  font-weight: 900;
}

.animated {
  animation: 0.5s transform;
}

.wow {
  visibility: hidden;
  will-change: transform;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: #FFFFFF !important;
  color: #555 !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #555555 !important;
}

::-webkit-input-placeholder {
  color: #54616f;
  opacity: 1;
  font-size: 13px;
}

:-ms-input-placeholder {
  color: #54616f;
  opacity: 1;
  font-size: 13px;
}

::-moz-placeholder {
  color: #54616f;
  opacity: 1;
  font-size: 13px;
}

:-moz-placeholder {
  color: #54616f;
  opacity: 1;
  font-size: 13px;
}

.strong {
  font-weight: 700;
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
}

.pagination--posts {
  margin: 0 auto;
  margin-top: 70px;
  display: flex;
  justify-content: center;
}

.pagination__item {
  display: flex;
  font-size: 16px;
  line-height: 1.75;
  color: #636166;
  font-weight: 700;
  border: none;
  width: 40px;
  height: 40px;
  margin: 0;
  box-shadow: none;
  background: none;
  border: 0;
  margin-left: 0;
  height: 40px;
  width: 40px;
  color: #636166;
  min-width: 40px;
}

.pagination__item.is-active {
  box-shadow: none;
  background: none;
  border: #3a87f2 1px solid;
  cursor: default;
}

.pagination__item.is-active a {
  color: #3a87f2;
}

.pagination__item.is-active a:hover, .pagination__item.is-active a:focus, .pagination__item.is-active a:active {
  color: #3a87f2;
}

.pagination__item.is-disabled {
  opacity: 0.5;
}

.pagination__item.pagination__item--previous, .pagination__item.pagination__item--next {
  font-size: 24px;
}

.pagination__item + .pagination__item {
  margin-left: 0;
}

.pagination__item a {
  text-align: center;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
}

.pagination__item.pagination__item--previous {
  margin-right: 8px;
}

.pagination__item.pagination__item--next {
  margin-left: 8px;
}

.avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.avatar--md {
  height: 64px;
  width: 64px;
  min-width: 64px;
}

.avatar--lg {
  height: 120px;
  width: 120px;
  min-width: 120px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .breadcrumb {
    height: 64px;
  }
}

.breadcrumb__item:before {
  color: #e9e5ff;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mob-i-c img,
  .i-c img,
  [class*="mob-i-c-"] img,
  [class*="i-c-"] img,
  [class*="l-i-"] img {
    width: 100%;
  }
}

.tag {
  display: inline-block;
  background: #f8f9fa;
  border: 1px solid #edeff1;
  border-radius: 2px;
  padding: 0 8px;
  line-height: 24px;
  height: 24px;
  font-size: 10px;
  cursor: pointer;
  color: #33363b;
  font-weight: 500;
}

.tag i {
  margin-left: 3px;
}

.tag:hover, .tag:focus, .tag:active {
  color: #000;
}

.tab-title {
  margin: 120px 0 32px;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.333;
  font-weight: 700;
}

.switch {
  height: 24px;
  width: 39px;
}

.switch__container {
  border-radius: 100px;
  height: 24px;
  width: 39px;
  background: #064399;
}

.switch__handle {
  height: 20px;
  width: 20px;
  border-radius: 40px;
  background: #fff;
}

.switch__checkbox:checked + .switch__container {
  background: #064399;
}

.switch__checkbox:checked + .switch__container .switch__handle {
  right: 2px;
}

.list {
  font-size: 14px;
  line-height: 32px;
}

.list li {
  position: relative;
  padding-left: 20px;
}

.list li:before {
  left: 0;
  top: 13px;
  margin: auto;
  position: absolute;
  content: '';
  background: #000;
  border-radius: 100px;
  height: 6px;
  width: 6px;
  min-width: 6px;
}

.list ul li:before {
  top: 7px;
  left: -4px;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  background: none;
  height: 24px;
  width: 24px;
  content: '\f2fb';
  font-family: 'Material-Design-Iconic-Font';
}

.list ul li ul li::before {
  left: 0;
  top: 14px;
  margin: auto;
  position: absolute;
  content: "";
  background: #3a87f2;
  border-radius: 100px;
  height: 3px;
  width: 3px;
  min-width: 3px;
}

a, .is-link {
  color: #3a87f2;
}

.is-link {
  box-shadow: inset 0 -1px 0 0 #3a87f2;
}

.is-link:hover {
  color: #2a7df1;
  box-shadow: inset 0 -1px 0 0 #2a7df1;
}

.is-link:focus, .is-link:active {
  color: #1a68d2;
  box-shadow: inset 0 -1px 0 0 #1a68d2;
}

.form-label,
.form-group > label,
.form-check > label {
  color: #31363b;
  font-size: 10px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
}

.form-check .form-indicator {
  border: 1px solid #fff;
  background: none;
}

.form-check .form-indicator:after {
  display: none;
}

.form-check .form-radio:checked + .form-indicator:after {
  display: inline-block;
  content: '';
  background: #fff;
  border: 0;
  top: 5px;
  left: 5px;
  height: 10px;
  width: 10px;
}

.form-check .counter {
  color: #98a2ad;
}

.form-check--simple {
  width: 100%;
}

.form-check--simple label {
  text-transform: none;
  font-size: 13px;
  font-weight: 500;
}

.form-check--simple .form-indicator {
  height: 16px;
  width: 16px;
  min-width: 16px;
  border: 1px solid #c3c9cf;
}

.form-check--simple .form-checkbox:checked + .form-indicator {
  background: none !important;
  border-width: 1px !important;
  color: #3a87f2 !important;
  border-radius: 2px;
}

.form-check--simple .form-checkbox:checked + .form-indicator:after {
  font-size: 14px;
  color: #3a87f2 !important;
}

@media (max-width: 759px) {
  .switch {
    height: 25px;
    width: 40px;
  }
  .switch__container {
    height: 25px;
    width: 40px;
  }
  .switch__handle {
    height: 21px;
    width: 21px;
  }
  .switch__checkbox + .switch__container .switch__handle {
    right: 17px;
  }
  .tab-title {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

.swiper-pagination-bullet {
  cursor: pointer;
  border-radius: 40px;
  height: 10px;
  width: 10px;
  margin-left: 10px;
  background: #d6dee6;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #3a87f2;
}

.faq-container {
  max-width: 770px;
  margin: 0 auto;
}

.input-group--banner-search {
  height: 70px;
  background: rgba(10, 72, 162, 0.25);
  border: none;
  width: 830px;
  max-width: 100%;
}

.input-group--banner-search.is-focus {
  border: none;
}

.input-group--banner-search .input-group__input {
  height: 53px;
  padding: 0 10px;
}

.input-group--banner-search .input-group__inner {
  margin: 10px;
  width: 100%;
  display: flex;
  flex-direction: row;
  background: #f8fafd;
  border-radius: 4px;
}

.input-group--banner-search .input-group__icon {
  font-size: 30px;
  height: 30px;
  width: 30px;
  color: #98a2ad;
  margin: auto;
  top: 0;
  bottom: 0;
}

.input-group--banner-search .form-control {
  background: #f8fafd;
  padding-left: 10px;
}

.input-group--banner-search .form-control::-webkit-input-placeholder {
  font-size: 14px;
  color: #98a2ad;
}

.input-group--banner-search .form-control:-ms-input-placeholder {
  font-size: 14px;
  color: #98a2ad;
}

.input-group--banner-search .form-control::placeholder {
  font-size: 14px;
  color: #98a2ad;
}

.input-group--banner-search .input-group__btn {
  min-width: 150px;
}

@media (max-width: 1011px) {
  .input-group--banner-search {
    height: 59px;
  }
  .input-group--banner-search .input-group__inner {
    margin: 0 6px;
    height: 47px;
  }
  .input-group--banner-search .input-group__input {
    height: 47px;
  }
  .input-group--banner-search .input-group__icon {
    font-size: 24px;
  }
  .input-group--banner-search .input-group__btn {
    font-size: 13px;
    font-weight: 700;
    height: 47px;
    min-width: 124px;
  }
}

@media (max-width: 759px) {
  .input-group--banner-search .form-control {
    padding: 0 16px;
  }
  .input-group--banner-search .input-group__btn {
    min-width: 50px;
  }
}

.input-group__dropdown--search .dropdown__menu {
  padding: 16px 0;
}

.input-group__dropdown--search .dropdown__menu .dropdown__item.zero-results {
  cursor: default;
}

.input-group__dropdown--search .dropdown__menu .dropdown__item.zero-results:hover {
  background: transparent;
}

.input-group--banner-search.input-group--xlg .input-group__icon:first-child {
  margin-left: 0;
}

.input-group__input {
  position: relative;
  display: flex;
  flex: 1;
}

.input-group__dropdown {
  margin-top: 3px;
  position: absolute;
  display: none;
  top: 100%;
  z-index: 100;
  width: 100%;
  left: 0;
  max-width: 100%;
}

.input-group__dropdown.is-active {
  display: block;
}

.input-group__dropdown.is-empty .dropdown__menu {
  display: none;
}

.input-group__dropdown.is-empty .dropdown__no-data {
  display: block;
}

.input-group__dropdown .dropdown__item {
  font-weight: 500;
  font-size: 14px;
  transition: background 0.3s, color 0.3s;
  align-items: center;
  padding: 0 16px;
}

.input-group__dropdown .dropdown__item:hover {
  background: #E6F3FF;
}

.input-group__dropdown .dropdown__item:hover .dropdown__link {
  color: #408BF2;
}

.input-group__dropdown .dropdown__item:hover a {
  color: #408BF2;
}

.input-group__dropdown .dropdown__item.is-hightlighted {
  background: #E6F3FF;
}

.input-group__dropdown .dropdown__item.is-hightlighted .dropdown__link {
  color: #408BF2;
}

.input-group__dropdown .dropdown__item a {
  width: 100%;
  color: #31363B;
}

.input-group__dropdown .dropdown__item img {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}

.input-group__dropdown .dropdown__link {
  width: 100%;
  display: flex;
  align-items: center;
  color: #31363B;
}

.input-group__dropdown .dropdown__no-data {
  display: none;
  padding: 24px 24px 32px 24px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #323133;
}

.input-group__dropdown .dropdown__no-data-icon {
  margin-bottom: 24px;
}

.input-group__dropdown .dropdown__no-data-sub-desc {
  opacity: 0.8;
  font-size: 15px;
}

.swiper-homepage {
  cursor: pointer;
}

.swiper-homepage .tiles {
  transform: translateY(0);
}

.swiper-homepage .tiles .swiper-slide {
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 205px;
  width: auto;
  margin: 0 45px;
}

.swiper-homepage .tiles .swiper-slide img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.2;
  transition: 0.4s;
  margin: auto;
  max-width: unset;
}

.swiper-homepage .tiles .swiper-slide:hover img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  opacity: 1;
}

@media (min-width: 1200px) {
  .swiper-homepage {
    margin-top: 295px;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  .swiper-homepage {
    margin-top: 215px;
  }
}

@media (max-width: 767px) {
  .swiper-homepage {
    margin-top: 295px;
  }
}

/* Footer newsletter */
#mc-embedded-subscribe-btn .btn__preloader {
  width: 24px;
  height: 24px;
}

#mc-embedded-subscribe-btn .btn__preloader:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  border: 3px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: newsletter-spinner 0.6s linear infinite;
}

@keyframes newsletter-spinner {
  to {
    transform: rotate(360deg);
  }
}

#mc_embed_signup div.mce_inline_error {
  margin-top: -10px !important;
  border-radius: 4px;
  font-weight: 400 !important;
  padding: 5px 16px !important;
  background-color: #fff !important;
  border-color: #fff !important;
  color: #344358 !important;
  position: relative;
}

#mc_embed_signup div.mce_inline_error:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #fff !important;
  position: absolute;
  top: -4px;
  right: 18px;
}

#mc_embed_signup div.mce_inline_error:after {
  content: "\f1f7";
  font: normal normal normal 16px/1 "Material-Design-Iconic-Font";
  position: absolute;
  top: -34px;
  right: 16px;
  display: block;
  color: rgba(233, 229, 255, 0.8);
}

.emsg {
  margin-top: -10px;
  border-radius: 4px;
  font-weight: 400;
  padding: 5px 16px;
  background-color: #fff;
  border-color: #fff;
  color: #344358 !important;
  position: relative;
  z-index: 2;
}

.emsg:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #fff;
  position: absolute;
  top: -4px;
  right: 18px;
}

.emsg:after {
  content: "\F1F7";
  font: normal normal normal 16px/1 "Material-Design-Iconic-Font";
  position: absolute;
  top: -34px;
  right: 16px;
  display: block;
  color: rgba(233, 229, 255, 0.8);
}

.anchor-target {
  position: absolute;
  display: block;
  height: 1px;
  width: 1px;
  top: -8px;
}

.is-active-notification .anchor-target {
  top: -64px;
}

.grecaptcha-badge {
  visibility: hidden;
}

div.footer__social-nav .btn.btn--icon.btn--xs {
  padding: 0 12px !important;
}

.section__content div:nth-child(9) .swiper-wrapper img {
  height: 365.91px;
}

@media (max-width: 759px) {
  .footer__brand .brand__logo img {
    height: 33px;
  }
}

.banner--homepage .browser {
  box-shadow: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Montserrat;
}

h1 .heading,
h2 .heading,
h3 .heading,
h4 .heading,
h5 .heading,
h6 .heading,
.h1 .heading,
.h2 .heading,
.h3 .heading,
.h4 .heading,
.h5 .heading,
.h6 .heading {
  font-family: Montserrat;
}

.list-group--key-features {
  position: relative;
  z-index: 100;
  width: 100%;
  flex-direction: column;
  overflow: visible;
}

.list-group--key-features .list-group__content {
  overflow: hidden;
  position: relative;
}

.list-group--key-features .list-group__content p {
  display: none;
}

.list-group--key-features .list-group__item {
  flex: 1 0 auto;
  height: auto;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  transition: 0.4s;
  border-radius: 6px;
  padding: 24px;
  max-width: 535px;
  align-items: unset;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .list-group--key-features .list-group__item {
    flex: 0 0 auto;
  }
}

.list-group--key-features .list-group__item > * {
  transition: 0.4s;
}

.list-group--key-features .list-group__item.is-active {
  border-color: transparent;
  background: #3a87f2;
  box-shadow: 0px 10px 29.4px 0.6px rgba(37, 47, 66, 0.1);
}

.list-group--key-features .list-group__item p {
  font-size: 14px;
}

.list-group--key-features .list-group__addon {
  margin-right: 24px;
}

.list-group--key-features .list-group__title {
  color: #fff;
  font-weight: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  height: 48px;
  align-items: center;
  display: flex;
  margin: 0;
}

.list-group--key-features + .btn {
  height: 47px;
  margin-top: 0;
  margin-left: -32px;
}

.list-group--key-features .list-group__item .list-group__content p {
  margin-top: 6px;
}

.list-group--collapse .list-group__top, .list-group--collapse .top__title {
  transition: 0.4s;
}

.list-group img.img--sm {
  width: 12px !important;
  height: 12px !important;
}

@media (min-width: 696px) {
  .list-group--key-features {
    transform: none !important;
  }
}

@media (max-width: 1239px) {
  .list-group--key-features {
    z-index: 100;
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    margin-top: 36px;
  }
  .list-group--key-features .list-group__item {
    height: auto;
    margin-bottom: 0;
    padding: 16px 8px 14px 8px;
    width: 122px;
    min-width: 122px;
    border: 1px solid rgba(233, 229, 255, 0.1);
    flex-direction: column;
    margin-left: 0;
    margin-right: 8px;
  }
  .list-group--key-features .list-group__item.is-active {
    box-shadow: none;
    border-color: transparent;
    background: #3a87f2;
  }
  .list-group--key-features .list-group__addon {
    margin-right: 0;
  }
  .list-group--key-features .list-group__content p {
    display: none;
  }
  .list-group--key-features .list-group__title {
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    min-height: 40px;
    display: flex;
    align-items: center;
  }
  .list-group--key-features .list-group {
    margin: 0;
  }
}

.list-group--documentation {
  max-width: 870px;
  width: 100%;
  margin: 0 auto;
}

.list-group--documentation .list-group__top {
  display: flex;
  align-items: center;
}

.list-group--documentation .list-group__top .collapse-icon {
  height: 24px;
  width: 24px;
}

.list-group--documentation .list-group__top .collapse-icon {
  margin-right: 33px;
}

.list-group--documentation .list-group__top .collapse-icon:before {
  width: 24px;
  height: 2px;
  background-color: #3a87f2;
  left: 0;
  top: 11px;
}

.list-group--documentation .list-group__top .collapse-icon:after {
  height: 24px;
  width: 2px;
  top: 0;
  left: 11px;
  background-color: #3a87f2;
}

.list-group--documentation .list-group__top .top__title {
  color: #323133;
  font-size: 24px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.list-group--documentation .list-group__item {
  flex-direction: column;
  align-items: flex-start;
  padding: 18px 16px 18px 0;
}

.list-group--documentation .list-group__item .collapse {
  width: 100%;
}

.list-group--documentation .list-group__item .collapse:only-child {
  display: block !important;
}

.list-group--documentation .collapse {
  margin: 0;
  padding: 0;
}

.list-group--documentation .list-group__content {
  margin-top: 35px;
  padding: 0 0 0 48px;
  margin-left: 12px;
  border-left: 1px solid rgba(221, 224, 228, 0.6);
  width: 100%;
  color: #636166;
  font-size: 16px;
}

.list-group--documentation .list-group__content p {
  margin-bottom: 20px;
  line-height: 1.813;
  font-size: 16px;
}

.list-group--documentation .list-group__content p a {
  text-decoration: none;
}

.list-group--documentation .list-group__content ul {
  margin-bottom: 20px;
  padding-left: 38px;
}

.list-group--documentation .list-group__content ul li {
  margin-bottom: 8px;
  position: relative;
  padding-left: 20px;
}

.list-group--documentation .list-group__content ul li:before {
  left: 0;
  top: 11px;
  margin: auto;
  position: absolute;
  content: '';
  background: #31363B;
  border-radius: 100px;
  height: 5px;
  width: 5px;
  min-width: 5px;
}

.list-group--documentation .list-group__title {
  font-size: 24px;
  font-weight: 500;
  display: block;
  margin-top: 32px;
}

.list-group--documentation .list-group__title + .list-group__item {
  padding-top: 8px;
}

.list-group--documentation .list-group__title.bottom {
  color: #31363B;
  margin: 0 0 24px -60px;
}

.list-group--article {
  margin: 0 auto;
  width: 100%;
  max-width: 970px;
  border-radius: 8px;
}

.list-group--article .list-group__item {
  position: relative;
  z-index: 10;
  margin-left: -1px;
  width: calc(100% + 2px);
  border: 1px solid transparent;
  border-top: 1px solid #f0f0f5;
}

.list-group--article .list-group__item:first-child {
  margin-top: -1px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.list-group--article .list-group__item:last-child {
  margin-bottom: -1px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.list-group--article .list-group__item:hover, .list-group--article .list-group__item:active {
  border: 1px solid #fff;
  background: #fff;
  z-index: 54564;
  background: none;
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
}

.list-group--article .list-group__item:hover .list-group__title, .list-group--article .list-group__item:active .list-group__title {
  color: #3a87f2;
}

.list-group--article .list-group__item:hover + .list-group__item, .list-group--article .list-group__item:active + .list-group__item {
  border-color: transparent;
}

.list-group--article .list-group__content {
  padding: 20px 24px;
}

.list-group--article .list-group__text {
  font-size: 16px;
  line-height: 28px;
  color: #636166;
}

.list-group--article .list-group__title {
  font-size: 20px;
  font-weight: 500;
  transition: all 0.3s;
}

.list-group--features {
  max-width: 500px;
  margin-left: 0;
}

.list-group--features .list-group__item {
  padding-bottom: 0;
}

.list-group--features .list-group__content {
  border-left: 0;
  margin-top: 15px;
}

.list-group--features .list-group__content .list {
  color: #31363b;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.list-group--features .list-group__content .list ul {
  margin-bottom: 15px;
  margin-top: 15px;
}

.list-group--features .list-group__content .list ul li {
  line-height: 30px;
}

.list-group--features .list-group__content .list ul li:before {
  color: #31363b;
}

.list-group--features .list-group__content .list .sublist-item {
  padding-left: 0;
}

.list-group--features .list-group__content .list .sublist-item:before {
  display: none;
}

.list-group--features .list-group__content .list .sublist-item .ul {
  padding-left: 16px;
}

@media (min-width: 1012px) and (max-width: 1239px) {
  .list-group--key-features {
    margin-top: 0;
    padding-right: 40px;
  }
  .list-group--key-features .list-group__item {
    margin-bottom: 26px;
    width: 100%;
    flex-direction: row;
  }
  .list-group--key-features .list-group__item .list-group__addon {
    margin-right: 24px;
  }
  .list-group--key-features .list-group__item .list-group__title {
    margin-top: 0;
  }
}

@media (max-width: 1011px) {
  .list-group--article .list-group__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
  }
  .list-group--article .list-group__content {
    padding: 14px 10px;
  }
  .list-group--article .list-group__text {
    font-size: 14px;
    line-height: 24px;
  }
  .list-group--documentation .list-group__item {
    padding: 16px 8px;
  }
  .list-group--documentation .list-group__top .top__title {
    font-size: 16px;
    line-height: 24px;
  }
  .list-group--documentation .list-group__top .collapse-icon {
    margin-right: 24px;
  }
  .list-group--documentation .list-group__content {
    font-size: 14px;
    line-height: 20px;
  }
  .list-group--documentation .list-group__content ul {
    padding-left: 28px;
  }
  .list-group--documentation .list-group__title.bottom {
    margin-left: -28px;
  }
  .list-group--key-features {
    justify-content: flex-start;
    flex-direction: row;
  }
  .list-group--key-features .list-group__item {
    height: 160px;
    align-items: center;
  }
  .list-group--key-features .list-group__item .list-group__content {
    overflow: visible;
  }
  .list-group--key-features .list-group__item .list-group__content .list-group__title {
    margin-top: 20px;
  }
  .list-group--key-features .list-group__item .list-group__content p {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .section--extension-features .list-group--features .list-group__content {
    padding-left: 0;
  }
  .section--extension-features .list-group--features .list-group__content ul {
    padding-left: 0;
  }
  .section--extension-features .list-group--features .list-group__content .list-group__title.bottom {
    margin-left: 0;
  }
}

.navbar--main {
  min-height: 115px;
  /*margin-top: 6px;*/
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 2000;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .navbar--main {
    height: 115px;
  }
}

.navbar--main .navbar__menu {
  min-height: 48px;
}

.navbar--main .navbar__nav {
  align-items: center;
}

.navbar--main.is-sticky .nav__item.has-dropdown:before {
  bottom: -23px;
}

.navbar--main.is-sticky .nav__dropdown {
  top: calc(100% + 13px);
  box-shadow: 0 2px 30px -1px rgba(30, 45, 70, 0.25);
}

.navbar--main.is-sticky.scrollUp {
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
  /*margin-top: 0!important;*/
  top: 0;
  min-height: 90px;
  position: fixed;
  animation-name: fadeInDown;
  animation-duration: .3s;
  animation-fill-mode: both;
  visibility: visible;
  background: #fff;
}

.navbar--main.is-sticky.scrollUp .nav__item > .nav__link .nav__link-text, .navbar--main.is-sticky.scrollUp .nav__item > .nav__link .nav__icon {
  color: #293642 !important;
  transition: 0.3s color;
}

.navbar--main.is-sticky.scrollUp .nav__item > .nav__link:hover {
  opacity: 1 !important;
}

.navbar--main.is-sticky.scrollUp .nav__item > .nav__link:hover > .nav__link-text, .navbar--main.is-sticky.scrollUp .nav__item > .nav__link:hover .nav__icon {
  opacity: 1 !important;
  color: #3a87f2  !important;
}

.navbar--main.is-sticky.scrollUp .brand__logo {
  background: url(../img/brand/logo.svg) no-repeat;
}

.navbar--main.is-sticky.scrollUp .brand__logo img {
  visibility: hidden;
  opacity: 0;
}

.navbar--only-mobile {
  box-shadow: 0px 1px 10px 0px rgba(53, 61, 69, 0.1);
}

.navbar--only-mobile .navbar__burger span {
  background: #31363b;
}

.navbar.navbar--main > .container .navbar__brand:first-child {
  margin-left: 0;
}

.navbar__social .btn--xs.btn--icon svg path {
  transition: fill 0.3s;
}

.navbar__social .btn--xs.btn--icon svg:hover path {
  fill: #3A87F2;
}

.navbar,
.navbar > .container,
.navbar > .container-fluid,
.navbar__top,
.navbar__top > .container,
.navbar__top > .container-fluid {
  align-items: center;
  display: flex;
}

.navbar--main .navbar__nav > .nav__item > .nav__link {
  font-size: 15px;
  transition: 0.3s;
}

.navbar--main .navbar__nav > .nav__item > .nav__link:hover {
  opacity: 0.8;
}

.nav--main-menu {
  justify-content: flex-end;
  flex: 1;
  margin-left: 16px;
  min-height: 64px;
  margin-top: 0;
  z-index: 1500;
}

.nav--main-menu .is-open > .nav__link {
  opacity: 0.8;
}

.nav--main-menu .nav__item {
  min-height: 48px;
}

.nav--main-menu .nav__item--push-right {
  margin-left: auto;
}

.nav--main-menu .nav__item.has-dropdown:before {
  z-index: 1000;
  position: absolute;
  right: 17px;
  margin: auto;
  bottom: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #ffffff transparent;
  content: '';
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, transform 0.3s;
}

.nav--main-menu .nav__item.has-dropdown.is-open > .nav__link > .nav__icon {
  transform: rotate(180deg);
}

.nav--main-menu .nav__item.has-dropdown.is-open:before {
  opacity: 1;
  visibility: visible;
  transform: translateY(-10px);
}

.nav--main-menu .nav__item > .nav__link {
  font-size: 15px;
  line-height: 48px;
  padding-left: 18px;
  padding-right: 18px;
}

.nav--main-menu .nav__item-label .label--new {
  background-color: #FFECB7;
  color: #935A09;
  margin-left: 8px;
  font-weight: 500;
  padding-top: 2px;
}

.nav--main-menu .nav__link-text {
  font-weight: 700;
  color: #fff;
  flex-grow: 0;
}

.nav--main-menu .nav__icon {
  color: #fff;
  margin-left: 3px;
}

.nav--main-menu .btn {
  margin: 0 0 0 10px;
  text-align: center;
  min-width: 108px;
}

.nav--main-menu .nav__dropdown .nav__item {
  cursor: pointer;
  min-height: 62px;
  background: #fff;
  border-radius: 3px;
  width: 100%;
  position: relative;
  border: 1px solid transparent;
}

.nav--main-menu .nav__dropdown .nav__item:after {
  content: '';
  z-index: 10;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid transparent;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s transform, 0.3s width, 0.3s box-shadow,  0.3s border;
}

@media (max-width: 1011px) {
  .nav--main-menu .nav__dropdown .nav__item:after {
    content: unset;
  }
}

.nav--main-menu .nav__dropdown .nav__item:hover {
  z-index: 10;
}

.nav--main-menu .nav__dropdown .nav__item:hover:after {
  border: 1px solid #f4f7f9;
  box-shadow: 0px 2px 6px 0px rgba(37, 47, 66, 0.08);
  opacity: 1;
  visibility: visible;
  transform: translateX(-5px);
  width: calc(100% + 10px);
}

.nav--main-menu .nav__dropdown .nav__item-soon .nav__link {
  cursor: default;
}

.nav--main-menu .nav__dropdown .nav__item-soon .nav__link .nav__link-content.nav__link-label .label {
  font-size: 9px;
}

.nav--main-menu .nav__dropdown .nav__item-soon:hover:after {
  display: none;
}

.nav--main-menu .nav__dropdown .nav__link {
  z-index: 20;
  padding: 8px 16px;
  width: 100%;
}

.nav--main-menu .nav__dropdown .nav__link-text {
  color: #293642;
  font-size: 16px;
  margin-left: 24px;
  line-height: 30px;
}

.nav--main-menu .nav__dropdown .nav__icon {
  margin-right: 12px;
}

.nav--main-menu .nav__dropdown .nav__icon:before {
  right: -55px;
}

.nav--main-menu .nav__dropdown .nav__link-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.nav--main-menu .nav__dropdown .nav__link-content.nav__link-label {
  position: relative;
  width: 100%;
  flex-direction: row;
}

.nav--main-menu .nav__dropdown .nav__link-content.nav__link-label .nav__link-text {
  margin-bottom: 0;
  align-items: center;
}

.nav--main-menu .nav__dropdown .nav__link-content.nav__link-label .label {
  font-size: 9px;
  margin-left: 12px;
  padding-top: 0;
}

.nav--main-menu .nav__dropdown .nav__link-content.nav__link-label .label--info {
  background-color: #D1E4FF;
  color: #2871D7;
}

.nav--main-menu .nav__dropdown .nav__link-text {
  font-size: 13px;
  margin-bottom: 3px;
  line-height: 16px;
  color: #31363B;
  margin-left: 0;
}

.nav--main-menu .nav__dropdown .nav__link-desc {
  color: #31363b;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}

.nav--main-menu .nav__dropdown {
  left: -100px;
  min-width: 295px;
}

.nav--main-menu .nav__sub {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}

.nav--main-menu .nav__sub .nav__icon {
  display: inline-flex !important;
}

.nav--tabs {
  color: #3a87f2;
}

.nav--tabs .nav__item {
  margin-right: 56px;
  opacity: 1;
  cursor: pointer;
}

.nav--tabs .nav__item:last-child {
  margin-right: 0;
}

.nav--tabs .nav__item.is-active .nav__link-text {
  color: #3a87f2;
}

.nav--tabs .nav__item.is-active:after {
  left: 0 !important;
  right: 0 !important;
  height: 3px;
  margin-bottom: -1px;
}

.nav--tabs .nav__item .nav__link {
  padding-left: 8px;
  padding-right: 8px;
}

.nav--tabs .nav__link-text {
  font-weight: 600;
  text-transform: uppercase;
  color: #31363b;
}

.nav--extensions .nav__item {
  margin-right: 96px;
  min-height: 54px;
}

.nav--extensions .nav__item .nav__link {
  padding-left: 0;
  padding-right: 0;
}

.nav--extensions .nav__item:last-child {
  margin-right: -32px;
  text-transform: uppercase;
}

.nav--extensions .nav__link-text {
  font-size: 13px;
  font-weight: 700;
}

.nav--3 .nav__link-text, .nav--3 .nav__icon {
  color: #414042;
}

.navbar__off-canvas.is-open {
  bottom: unset;
  height: 100vh !important;
}

.swiper-container--tabs:after {
  content: '';
  background: #e6e9ec;
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 0;
  width: 100%;
}

.swiper-container--tabs .nav__item.is-active:after {
  margin-bottom: -1px;
}

@media (max-width: 759px) {
  .nav--tabs .nav__item {
    margin-right: 24px;
  }
  .nav--main-menu .btn {
    margin: 0;
  }
  .nav--extensions .nav__item {
    margin-right: 20px;
  }
  .nav--extensions .nav__item > .btn {
    margin: 0;
    padding: 0;
  }
  .nav--extensions .nav__item i {
    display: none;
  }
  .nav--extensions .nav__item:last-child {
    margin: 0;
  }
  .nav--extensions .nav__item:last-child .btn__text {
    margin: 0;
    font-weight: 700;
  }
}

.sticky-nav-contianer {
  z-index: 24232;
  position: relative;
}

.sticky-nav-contianer.is-sticky .nav {
  border-bottom: 0;
  box-shadow: 0px 0px 20.88px 3.12px rgba(179, 179, 179, 0.25);
}

.nav--sticky-menu {
  height: 64px;
  background: #fff;
  border-bottom: #e9ecf2 solid 1px;
}

.nav--sticky-menu > .container {
  display: flex;
  justify-content: center;
}

.nav--sticky-menu .nav__link {
  color: #323133;
  font-weight: 500;
}

.nav--sticky-menu .nav__link-text {
  font-size: 15px;
  color: #323133;
  font-family: Montserrat;
  font-weight: 500;
}

.nav--sticky-menu .nav__item.is-active {
  position: relative;
}

.nav--sticky-menu .nav__item.is-active:after {
  content: '';
  bottom: -1px;
  left: 16px;
  right: 22px;
  height: 3px;
  width: calc(100% - 32px);
  position: absolute;
  background: #5847cd;
}

.nav--sticky-menu .nav__item.is-active .nav__link-text {
  color: #5847cd;
}

@media (max-width: 1011px) {
  .nav--sticky-menu {
    display: none;
  }
}

.brand {
  min-height: 55px;
  height: 55px;
  padding: 0;
  z-index: 1500;
}

.brand__logo {
  transition: 0.3s;
}

.brand__logo img {
  height: 48px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .brand__logo img {
    width: 218px;
  }
}

@media (min-width: 1240px) {
  .navbar--main .navbar__nav > .nav__item[data-login-btn] {
    margin-left: 16px;
  }
}

@media (max-width: 1239px) {
  .navbar .container {
    max-width: 100%;
  }
  .navbar .brand {
    margin-left: 0 !important;
  }
}

@media (min-width: 1012px) and (max-width: 1239px) {
  .brand {
    min-height: 36px;
    height: 36px;
  }
  .brand__logo img {
    height: 36px;
  }
  .nav--main-menu .nav__item > .nav__link {
    padding: 0 10px;
  }
  .navbar--main > .container {
    justify-content: center;
  }
  .navbar--main .nav--main-menu .nav__item--push-right {
    margin-left: 0;
  }
  .navbar--main .navbar__nav {
    margin-left: 48px;
  }
}

.burger span {
  width: 24px;
  border-radius: 0;
}

.burger span:nth-child(1) {
  top: calc(50% - 6px);
}

.burger span:nth-child(3) {
  top: auto;
  bottom: calc(50% -8px);
}

@media (max-width: 1011px) {
  .burger span {
    width: 16px;
    border-radius: 0;
  }
  .burger span:nth-child(1) {
    top: calc(50% - 5px);
  }
  .burger span:nth-child(3) {
    top: auto;
    bottom: calc(50% - 7px);
  }
}

@media (min-width: 1012px) and (max-width: 1239px) {
  .navbar .container {
    flex-wrap: nowrap;
  }
}

@media (max-width: 1011px) {
  .navbar .brand__logo {
    position: relative;
    background: url(../img/brand/logo.svg) no-repeat;
    background-position: center left;
  }
  .navbar .brand__logo img {
    visibility: hidden;
    opacity: 0;
  }
  .navbar--main {
    background: #fff;
    margin-top: 0;
    min-height: 74px;
    margin-top: 15px;
    z-index: 1000;
  }
  .navbar--main .navbar__menu {
    min-height: 48px;
  }
  .navbar--main.is-sticky.scrollUp {
    min-height: 48px;
  }
  .navbar--main .navbar__burger span {
    background: #31363b;
  }
  .navbar .navbar__off-canvas {
    z-index: auto;
    padding-top: 54px;
    padding-bottom: 16px;
    top: 0;
    background: #fff;
    height: 100%;
    width: 100%;
  }
  .navbar .navbar__off-canvas .navbar__nav {
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    z-index: 100;
  }
  .navbar .navbar__off-canvas .nav__item > .nav__link > .nav__icon {
    display: none;
  }
  .navbar .navbar__off-canvas .nav__item .nav__link-label .nav__link-text {
    text-align: left;
  }
  .navbar .navbar__brand {
    position: relative;
  }
  .navbar .navbar__burger {
    z-index: 2000;
  }
  .navbar .navbar__social {
    padding: 0 8px;
    text-align: center;
  }
  .navbar.is-sticky {
    background: #fff;
    box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
  }
  .off-canvas-is-active .navbar--main {
    position: fixed;
    transition: none;
    animation: unset;
  }
  .navbar > .container > .navbar__burger {
    margin-right: -23px;
    margin-top: -2px;
    margin-left: auto;
  }
  .nav--main-menu {
    margin-left: 0;
    margin-top: 71px;
    padding-bottom: 20px;
  }
  .nav--main-menu.has-open-item {
    position: relative;
    z-index: 2000;
  }
  .nav--main-menu .nav__item {
    text-align: center;
    margin-left: 0;
  }
  .nav--main-menu .nav__dropdown {
    left: 0;
    top: 0 !important;
    box-shadow: none !important;
    margin-top: 48px;
    overflow: hidden;
  }
  .nav--main-menu .nav__header {
    border-bottom: 1px solid #e8e8ed;
    border-top: 1px solid #e8e8ed;
    padding: 10px 8px;
    margin-bottom: 8px;
    padding-left: 20px;
  }
  .nav--main-menu .nav__header .nav__title, .nav--main-menu .nav__header .top__addon {
    color: #33363b;
  }
  .nav--main-menu .nav__header .nav__title .btn, .nav--main-menu .nav__header .top__addon .btn {
    min-width: 0;
  }
  .nav--main-menu .nav__link {
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
  }
  .nav--main-menu .nav__link-text {
    color: #33363b;
  }
  .nav--main-menu .nav__dropdown {
    max-width: 100%;
    width: 100% !important;
  }
  .nav--main-menu .nav__dropdown .nav__item {
    min-height: 62px;
  }
  .nav--main-menu .nav__dropdown .nav__link {
    padding: 0 16px;
  }
  .nav--main-menu .btn {
    -ms-grid-row-align: center;
        align-self: center;
  }
  .nav--main-menu .nav__sub {
    position: relative;
    padding: 0 0 80px;
  }
  .navbar--main .nav > .nav__item > .nav__link {
    color: #3a87f2;
  }
  .navbar--main .nav > .nav__item > .nav__link:hover, .navbar--main .nav > .nav__item > .nav__link:focus, .navbar--main .nav > .nav__item > .nav__link:active {
    color: #3a87f2;
  }
  .navbar > .container > .navbar__brand:first-child {
    margin-left: 0;
  }
  .off-canvas-is-active .navbar__burger span {
    background: #3a87f2;
  }
}

@media (max-width: 1011px) {
  .navbar--main {
    margin-top: 0;
    height: 48px;
    min-height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  .navbar__menu {
    display: block  !important;
    padding-bottom: 80px;
  }
  .navbar__social {
    margin-top: 24px;
    font-size: 13px;
  }
  .navbar__social .btn {
    color: #a1a9b7;
    min-width: 24px;
    width: auto;
    padding: 0 8px !important;
  }
  .navbar .container {
    max-width: 100%;
    overflow: hidden;
  }
  .nav--main-menu {
    margin-top: 0px;
  }
  .nav--main-menu > .nav__item > .btn {
    margin: 9px 0 0 0;
  }
  .brand {
    z-index: 1100;
    min-height: 25px;
    height: 25px;
    padding: 0;
  }
  .brand__logo img {
    height: 25px;
  }
}

body:not(.is-active-notification) .navbar > .container > .navbar__brand:first-child {
  margin-left: 0;
}

@media screen and (max-width: 759px) and (orientation: portrait) {
  .nav--extensions .nav__item:last-child .btn--link.btn--primary {
    color: #31363b;
  }
}

.btn {
  transition: box-shadow 0.3s, border-color 0.3s, background 0.3s, color 0.3s;
}

.btn:hover, .btn:focus, .btn:active {
  box-shadow: none;
}

.btn--light-primary {
  background: #3a87f2;
  color: #fff;
}

.btn--light-primary:hover {
  background: #3a87f2;
  color: #fff;
}

.btn--light-primary:focus {
  color: #fff;
  background: #3a87f2;
}

.btn--white {
  background: #fff;
  color: #3a87f2;
}

.btn--white:hover {
  color: #3a87f2;
  background: #ebf2fc;
}

.btn--white:active {
  background: #d9e9ff;
  color: #1a68d2;
}

.btn--white.btn--link {
  color: #fff;
}

.btn--white.btn--link .btn__icon {
  color: #fff;
}

.btn--white.btn--link:hover {
  color: rgba(255, 255, 255, 0.8);
}

.btn--white.btn--link:hover .btn__icon {
  color: rgba(255, 255, 255, 0.8);
}

.btn--white.btn--link:focus {
  color: rgba(255, 255, 255, 0.8);
}

.btn--white.btn--link:focus .btn__icon {
  color: rgba(255, 255, 255, 0.8);
}

.btn--white.btn--outline {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}

.btn--white.btn--outline:hover {
  border-color: #ecf6ff;
  background: #1560c8;
}

.btn--white.btn--outline:active {
  background: #0a56bf;
  border-color: #c5e1fb;
}

.btn--light-grey.btn--link {
  color: rgba(233, 229, 255, 0.8);
}

.btn--light-grey.btn--link .btn__icon {
  color: rgba(233, 229, 255, 0.8);
}

.btn--light-grey.btn--link:hover {
  color: #fff;
}

.btn--light-grey.btn--link:hover .btn__icon {
  color: #fff;
}

.btn--light-grey.btn--link:active {
  color: #fff;
}

.btn--light-grey.btn--link:active .btn__icon {
  color: #fff;
}

.btn--outline.btn--primary:hover {
  background: #ecf6ff;
}

.btn--outline.btn--primary:active {
  background: #ddeefe;
}

.btn--grey.btn--link .btn__content, .btn--grey.btn--link .btn__icon {
  color: #8da2b8;
}

.btn--primary:focus {
  background-color: #3a87f2;
  border-color: #3a87f2;
}

.btn--icon i, .btn--icon .fa {
  transition: 0.24s;
}

.btn--get-started:active, .btn--get-started:focus {
  background: #2a7df1;
  border-color: #2a7df1;
}

.section__dashboard-container {
  position: relative;
}

.section__dashboard-container .dashboard-view {
  position: absolute;
  left: 0;
}

.section__dashboard-container .dashboard-view > * {
  transition: 0.45s;
  opacity: 0;
  visibility: hidden;
}

.section__dashboard-container .dashboard-view.is-active > * {
  visibility: visible;
  opacity: 1;
  transform: none !important;
}

@media (min-width: 1012px) {
  .section__dashboard-container {
    position: relative;
  }
  .section__dashboard-container .dashboard-view--comparing, .section__dashboard-container .dashboard-view--powerful-reports {
    left: 775px;
  }
}

@media (max-width: 1011px) {
  .section__dashboard-container {
    max-width: 551px;
    margin: 0 auto;
  }
}

@media (max-width: 759px) {
  .section__dashboard-container {
    max-width: 397px;
    margin: 0 auto;
  }
}

.dashboard-view {
  position: relative;
  height: 530px !important;
}

.dashboard-view__item {
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}

.dashboard-view__item.is-active {
  visibility: visible;
  opacity: 1;
}

.dashboard-view__item.is-active .dashboard-widget {
  transform: translateX(0);
}

.dashboard-widget {
  overflow: hidden;
  position: absolute;
  border-radius: 6px;
  box-shadow: 0px 20px 100px 0px rgba(0, 0, 0, 0.3);
  transition: 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  flex-direction: column;
  will-change: transform;
}

.dashboard-widget img {
  width: 100%;
  height: 100%;
}

.dashboard-widget .heading {
  font-size: 14px;
  display: block;
  color: rgba(233, 229, 255, 0.8);
  margin-bottom: 4px;
}

.team-memebers {
  margin-top: -16px;
}

.team-memebers .team-memeber {
  margin-top: 16px;
}

.team-memeber {
  background: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid #eff0f1;
  border-radius: 3px;
  padding: 40px 40px 32px 40px;
  box-shadow: 0px 5px 10px 0px rgba(53, 61, 69, 0.05);
  position: relative;
}

.team-memeber__header {
  text-align: center;
}

.team-memeber__header.is-animated .team-memeber__avatar {
  opacity: 1;
  transform: translate(0);
  visibility: visible;
}

.team-memeber__avatar {
  height: 180px;
  width: 180px;
  margin-bottom: 24px;
}

.team-memeber__avatar.has-overlay {
  position: relative;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.team-memeber__avatar.has-overlay .team-memeber-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-60deg, rgba(49, 54, 59, 0.5) 0%, rgba(49, 54, 59, 0.5) 100%);
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.team-memeber__avatar.has-overlay .team-memeber-overlay > i {
  display: flex;
  align-content: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  background: #fff;
  border-radius: 40px;
  transform: translateY(10px);
  transition: ease-in-out .3s;
}

.team-memeber__avatar.has-overlay .team-memeber-overlay > i:before {
  color: #008BF5;
  font-size: 24px;
  line-height: 46px;
}

.team-memeber__avatar.has-overlay > img {
  transition: ease-in-out .3s;
  border-radius: 100%;
}

.team-memeber__avatar.has-overlay:hover .team-memeber-overlay {
  opacity: 1;
  visibility: visible;
}

.team-memeber__avatar.has-overlay:hover .team-memeber-overlay > i {
  transform: translateY(0);
}

.team-memeber__avatar.has-overlay:hover > img {
  transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
}

.team-memeber__subtitle {
  color: #afbdcb;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 6px;
}

.team-memeber__title {
  margin: 0;
  color: #31363b;
  font-size: 18px;
  line-height: 28px;
}

.team-memeber__title + .team-memeber__subtitle {
  color: #8da2b8;
  font-size: 13px;
  margin-top: 6px;
  margin-bottom: 16px;
}

.team-memeber__desc {
  font-size: 14px;
  color: #54616f;
  line-height: 26px;
  text-align: center;
  max-width: 100%;
}

.dashboard-view--client-view .dashboard-widget, .dashboard-view--powerful-reports .dashboard-widget, .dashboard-view--filtering .dashboard-widget, .dashboard-view--comparing .dashboard-widget {
  box-shadow: 0px 5px 15px 0px rgba(15, 24, 51, 0.1);
  opacity: 0;
  transition: 0.45s;
}

.dashboard-view--client-view .dashboard-widget.is-active, .dashboard-view--powerful-reports .dashboard-widget.is-active, .dashboard-view--filtering .dashboard-widget.is-active, .dashboard-view--comparing .dashboard-widget.is-active {
  transform: none;
  opacity: 1;
}

.dashboard-view--reaport .dashboard-widget--1 {
  transform: translateX(40px);
  z-index: 10;
  top: 0;
  left: 104px;
  width: 722px;
  height: 532px;
}

.dashboard-view--reaport .dashboard-widget--2 {
  transform: translateX(-40px);
  top: 128px;
  left: 0;
  z-index: 20;
  width: 163px;
  height: 138px;
  left: 38px;
}

.dashboard-view--reaport .dashboard-widget--3 {
  transform: translateX(-40px);
  z-index: 20;
  width: 427px;
  height: 178px;
  top: 390px;
  left: 38px;
}

.dashboard-view--client-view .dashboard-widget--1 {
  transform: translateX(60px);
  left: 40px;
  height: 482px;
  width: 646px;
  box-shadow: 0px 5px 15px 0px rgba(15, 24, 51, 0.1);
}

.dashboard-view--client-view .dashboard-widget--2 {
  transform: translateX(-60px);
  width: 298px;
  height: 231px;
  top: 268px;
  left: 1px;
  background: none;
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.2);
}

.dashboard-view--powerful-reports .dashboard-widget--1 {
  top: 0;
  right: 40px;
  width: 645px;
  height: 481px;
  transform: translateX(-100px);
  box-shadow: 0px 5px 15px 0px rgba(15, 24, 51, 0.1);
}

.dashboard-view--powerful-reports .dashboard-widget--2 {
  top: 39px;
  width: 234px;
  height: 316px;
  right: 506px;
  transform: translateX(100px);
  box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.1);
}

.dashboard-view--filtering {
  width: 100%;
}

.dashboard-view--filtering .dashboard-widget--1 {
  right: 40px;
  width: 312px;
  height: 494px;
  left: 40px;
  transform: translateY(-100px);
  box-shadow: 0px 5px 15px 0px rgba(15, 24, 51, 0.1);
}

.dashboard-view--filtering .dashboard-widget--2 {
  width: 354px;
  height: 284px;
  top: 0;
  right: -130px;
  transform: translateX(-100px);
  box-shadow: 0px 5px 15px 0px rgba(15, 24, 51, 0.1);
}

.dashboard-view--filtering .dashboard-widget--3 {
  bottom: 35px;
  z-index: 20;
  width: 354px;
  height: 194px;
  right: -130px;
  transform: translateX(100px);
  box-shadow: 0px 5px 15px 0px rgba(15, 24, 51, 0.1);
}

.dashboard-view--comparing .dashboard-widget--1 {
  width: 683px;
  height: 489px;
  right: 40px;
  transform: translateY(-100px);
  box-shadow: 0px 5px 15px 0px rgba(15, 24, 51, 0.1);
}

.dashboard-view--comparing .dashboard-widget--2 {
  right: 515px;
  height: 360px;
  width: 263px;
  top: 152px;
  transform: translateX(-100px);
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
}

.dashboard-view--comparing .dashboard-widget--3 {
  right: -1px;
  height: 288px;
  width: 367px;
  top: -20px;
  transform: translateX(100px);
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
}

.dashboard-view--admin {
  width: 100%;
}

.dashboard-view--admin .dashboard-widget--1 {
  width: 385px;
  height: 482px;
  left: 0;
  top: 0;
  transform: translateX(-100px);
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
}

.dashboard-view--admin .dashboard-widget--2 {
  width: 353px;
  height: 158px;
  left: -61px;
  top: 40px;
  transform: translateX(-100px);
  box-shadow: 0px 5px 15px 0px rgba(16, 47, 91, 0.3);
  overflow: visible;
}

.dashboard-view--admin .dashboard-widget--2 img {
  border-radius: 6px;
}

.dashboard-view--admin .dashboard-widget--2:after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 142px;
  height: 12px;
  width: 12px;
  border-radius: 4px;
  transform: rotate(45deg);
  background-color: #fff;
}

.dashboard-view--admin .dashboard-widget--3 {
  right: -54px;
  height: 482px;
  width: 244px;
  top: 0;
  transform: translateX(100px);
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
}

@media (min-width: 1012px) {
  .section__dashboard-container .dashboard-view {
    top: 24px;
  }
}

@media (max-width: 1239px) {
  .dashboard-view--filtering .dashboard-widget--2, .dashboard-view--filtering .dashboard-widget--3 {
    right: -260px;
  }
  .dashboard-view--admin .dashboard-widget--1 {
    left: 57px;
  }
  .dashboard-view--admin .dashboard-widget--2 {
    left: -4px;
  }
  .dashboard-view--admin .dashboard-widget--3 {
    right: -239px;
  }
}

@media (max-width: 1011px) {
  .team-memeber {
    padding-left: 210px;
    padding-bottom: 30px;
    text-align: left;
    align-items: flex-start;
  }
  .team-memeber__avatar {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 140px;
    width: 140px;
    left: 32px;
  }
  .team-memeber__avatar.has-overlay {
    position: absolute;
  }
  .team-memeber__subtitle {
    text-align: left;
    margin-bottom: 0;
  }
  .team-memeber__title {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }
  .team-memeber__title + .team-memeber__subtitle {
    text-align: left;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .team-memeber__desc {
    text-align: left;
    font-size: 14px;
    line-height: 25px;
  }
  .team-memeber__social .btn__icon {
    font-size: 16px;
  }
  .dashboard-view {
    height: 369px !important;
    margin: 0 auto;
  }
  .dashboard-view--reaport .dashboard-widget--1 {
    transform: translateX(40px);
    z-index: 10;
    top: 0;
    left: calc(104px * 0.7);
    width: calc(722px * 0.7);
    height: calc(532px * 0.7);
  }
  .dashboard-view--reaport .dashboard-widget--2 {
    transform: translateX(-40px);
    top: calc(128px * 0.7);
    left: 0;
    z-index: 20;
    width: calc(163px * 0.7);
    height: calc(138px * 0.7);
    left: calc(38px * 0.7);
  }
  .dashboard-view--reaport .dashboard-widget--3 {
    transform: translateX(-40px);
    z-index: 20;
    top: calc(390px * 0.7);
    width: calc(427px * 0.7);
    height: calc(178px * 0.7);
    bottom: 0;
    left: calc(38px * 0.7);
  }
  .dashboard-view--client-view {
    width: 556px;
  }
  .dashboard-view--client-view .dashboard-widget--1 {
    left: calc(40px * 0.7);
    height: calc(482px * 0.7);
    width: calc(646px * 0.7);
  }
  .dashboard-view--client-view .dashboard-widget--2 {
    width: calc(298px * 0.7);
    height: calc(231px * 0.7);
    top: calc(268px * 0.7);
  }
  .dashboard-view--powerful-reports {
    width: 536px;
  }
  .dashboard-view--powerful-reports .dashboard-widget--1 {
    right: calc(40px * 0.7);
    width: calc(645px * 0.7);
    height: calc(481px * 0.7);
  }
  .dashboard-view--powerful-reports .dashboard-widget--2 {
    top: calc(39px * 0.7);
    width: calc(234px * 0.7);
    height: calc(316px * 0.7);
    right: calc(506px * 0.7);
  }
  .dashboard-view--filtering .dashboard-widget--1 {
    right: calc(40px * 0.7);
    width: calc(312px * 0.7);
    height: calc(494px * 0.7);
    left: calc(40px * 0.7);
  }
  .dashboard-view--filtering .dashboard-widget--2 {
    width: calc(354px * 0.7);
    height: calc(284px * 0.7);
    right: 42px;
  }
  .dashboard-view--filtering .dashboard-widget--3 {
    bottom: 21px;
    z-index: 20;
    width: calc(354px * 0.7);
    height: calc(194px * 0.7);
    right: 42px;
  }
  .dashboard-view--comparing {
    width: 549px;
  }
  .dashboard-view--comparing .dashboard-widget--1 {
    width: calc(683px * 0.7);
    height: calc(489px * 0.7);
    right: 40px;
  }
  .dashboard-view--comparing .dashboard-widget--2 {
    right: calc(515px * 0.7);
    height: calc(360px * 0.7);
    width: calc(263px * 0.7);
    top: calc(152px * 0.7);
  }
  .dashboard-view--comparing .dashboard-widget--3 {
    right: 0;
    height: calc(288px * 0.7);
    width: calc(367px * 0.7);
    top: calc(-20px * 0.7);
  }
  .dashboard-view--admin .dashboard-widget--1 {
    width: calc(385px * 0.7);
    height: calc(482px * 0.7);
    left: 67px;
  }
  .dashboard-view--admin .dashboard-widget--2 {
    width: calc(353px * 0.7);
    height: calc(158px * 0.7);
    left: 25px;
    top: calc(40px * 0.7);
  }
  .dashboard-view--admin .dashboard-widget--2:after {
    right: calc(142px * 0.7);
  }
  .dashboard-view--admin .dashboard-widget--3 {
    right: 28px;
    height: calc(482px * 0.7);
    width: calc(244px * 0.7);
  }
}

@media (max-width: 759px) {
  .team-memeber {
    padding: 20px;
  }
  .team-memeber__header {
    position: relative;
    padding-left: 120px;
  }
  .team-memeber__avatar {
    height: 100px;
    width: 100px;
    top: 0;
    left: 0;
    bottom: auto;
    position: absolute;
  }
  .team-memeber__avatar.has-overlay .team-memeber-overlay > i {
    height: 38px;
    width: 38px;
  }
  .team-memeber__avatar.has-overlay .team-memeber-overlay > i:before {
    font-size: 20px;
    line-height: 38px;
  }
  .team-memeber__desc {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 8px;
    padding-left: 120px;
  }
  .dashboard-view {
    margin: 0 auto;
    top: 24px;
  }
  .dashboard-view--client-view, .dashboard-view--powerful-reports, .dashboard-view--filtering, .dashboard-view--comparing, .dashboard-view--admin {
    height: 268px !important;
  }
  .dashboard-view--reaport {
    height: 265px !important;
    width: 413px;
  }
  .dashboard-view--reaport .dashboard-widget--1 {
    transform: translateX(40px);
    z-index: 10;
    top: 0;
    left: calc(104px * 0.5);
    width: calc(722px * 0.5);
    height: calc(532px * 0.5);
  }
  .dashboard-view--reaport .dashboard-widget--2 {
    transform: translateX(-40px);
    top: calc(128px * 0.5);
    left: 0;
    z-index: 20;
    width: calc(163px * 0.5);
    height: calc(138px * 0.5);
    left: calc(38px * 0.5);
  }
  .dashboard-view--reaport .dashboard-widget--3 {
    transform: translateX(-40px);
    z-index: 20;
    width: calc(427px * 0.5);
    height: calc(178px * 0.5);
    top: calc(390px * 0.5);
    bottom: 0;
    left: calc(38px * 0.5);
  }
  .dashboard-view--client-view {
    width: 398px;
  }
  .dashboard-view--client-view .dashboard-widget--1 {
    left: calc(40px * 0.5);
    height: calc(482px * 0.5);
    width: calc(646px * 0.5);
  }
  .dashboard-view--client-view .dashboard-widget--2 {
    width: calc(298px * 0.5);
    height: calc(231px * 0.5);
    top: calc(268px * 0.5);
  }
  .dashboard-view--powerful-reports {
    width: 382px;
  }
  .dashboard-view--powerful-reports .dashboard-widget--1 {
    top: 0;
    right: calc(40px * 0.5);
    width: calc(645px * 0.5);
    height: calc(481px * 0.5);
  }
  .dashboard-view--powerful-reports .dashboard-widget--2 {
    top: calc(39px * 0.5);
    width: calc(234px * 0.5);
    height: calc(316px * 0.5);
    right: calc(506px * 0.5);
  }
  .dashboard-view--filtering {
    width: 406px;
  }
  .dashboard-view--filtering .dashboard-widget--1 {
    right: calc(40px * 0.5);
    width: calc(312px * 0.5);
    height: calc(494px * 0.5);
    left: calc(40px * 0.5);
  }
  .dashboard-view--filtering .dashboard-widget--2 {
    width: calc(354px * 0.5);
    height: calc(284px * 0.5);
  }
  .dashboard-view--filtering .dashboard-widget--3 {
    width: calc(354px * 0.5);
    height: calc(194px * 0.5);
  }
  .dashboard-view--comparing {
    width: 403px;
  }
  .dashboard-view--comparing .dashboard-widget--1 {
    width: calc(683px * 0.5);
    height: calc(489px * 0.5);
    right: 40px;
  }
  .dashboard-view--comparing .dashboard-widget--2 {
    right: calc(535px * 0.5);
    height: calc(360px * 0.5);
    width: calc(263px * 0.5);
    top: calc(152px * 0.5);
  }
  .dashboard-view--comparing .dashboard-widget--3 {
    right: 0;
    height: calc(288px * 0.5);
    width: calc(367px * 0.5);
    top: calc(-20px * 0.5);
  }
  .dashboard-view--admin .dashboard-widget--1 {
    width: calc(385px * 0.5);
    height: calc(482px * 0.5);
    left: 41px;
  }
  .dashboard-view--admin .dashboard-widget--2 {
    width: calc(353px * 0.5);
    height: calc(158px * 0.5);
    left: calc(25px * 0.5);
    top: calc(40px * 0.5);
  }
  .dashboard-view--admin .dashboard-widget--2:after {
    right: calc(142px * 0.5);
  }
  .dashboard-view--admin .dashboard-widget--3 {
    height: calc(482px * 0.5);
    width: calc(244px * 0.5);
  }
}

.my-shuffle-container {
  position: relative;
  overflow: initial !important;
}

.my-sizer-element {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.form-check:not(.form-check--basic) .form-checkbox.extensions-checkbox {
  position: absolute;
  width: 100%;
  display: block;
  opacity: 0;
  height: 100%;
  z-index: 1000;
  cursor: pointer;
}

.form-check:not(.form-check--basic) .form-checkbox.extensions-checkbox:checked + .extensions-label .form-indicator:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  font: normal normal normal 16px/1 'Material-Design-Iconic-Font';
  content: '\f26b';
  font-size: 14px;
  color: #3a87f2 !important;
  display: inline-flex;
}

.form-check--simple .form-checkbox.extensions-checkbox:checked + .extensions-label .form-indicator {
  position: relative;
  background: none !important;
  border-width: 1px !important;
  color: #3a87f2 !important;
  border-radius: 2px;
  border: 1px solid #3A87F2 !important;
}

.input-group__dropdown .dropdown__item .is-highlighted {
  display: flex;
  align-items: center;
}

.input-group__dropdown .dropdown__item .is-highlighted a {
  padding: 7px 0;
  width: 100%;
  color: #31363B;
}

.input-group__dropdown .dropdown__item .is-highlighted a:hover {
  color: #3a87f2;
}

.input-group__dropdown .dropdown__item .is-highlighted img {
  width: 33px;
  margin: 0 12px 0 16px;
}

.input-group__dropdown .dropdown__item .is-highlighted.zero-results :hover {
  background: transparent;
}

.banner--help .input-group--banner-search .input-group__icon.docs-search {
  color: #fff;
}

@media (max-width: 760px) {
  .my-shuffle-container .widget-item {
    min-height: auto !important;
  }
}

@media (max-width: 767px) {
  .lg-toolbar .lg-icon#lg-zoom-out:hover {
    color: #999;
  }
  .lg-toolbar .lg-icon#lg-zoom-in:hover {
    color: #999 !important;
  }
}

/*# sourceMappingURL=../maps/style.css.map */