/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./assets/style.scss ***!
  \********************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "Nunito Sans";
  src: url("./assets/fonts/NunitoSans-ExtraLight.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: "Nunito Sans";
  src: url("./assets/fonts/NunitoSans-Light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Nunito Sans";
  src: url("./assets/fonts/NunitoSans-Regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Nunito Sans";
  src: url("./assets/fonts/NunitoSans-SemiBold.ttf") format("truetype");
  font-weight: 600; }

@font-face {
  font-family: "Nunito Sans";
  src: url("./assets/fonts/NunitoSans-Bold.ttf") format("truetype");
  font-weight: 700; }

@font-face {
  font-family: "Nunito Sans";
  src: url("./assets/fonts/NunitoSans-ExtraBold.ttf") format("truetype");
  font-weight: 800; }

@font-face {
  font-family: "Nunito Sans";
  src: url("./assets/fonts/NunitoSans-Black.ttf") format("truetype");
  font-weight: 900; }

@font-face {
  font-family: "Raleway";
  src: url("./assets/fonts/Raleway-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Raleway";
  src: url("./assets/fonts/Raleway-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Raleway";
  src: url("./assets/fonts/Raleway-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Raleway";
  src: url("./assets/fonts/Raleway-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Raleway";
  src: url("./assets/fonts/Raleway-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Raleway";
  src: url("./assets/fonts/Raleway-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "Raleway";
  src: url("./assets/fonts/Raleway-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal; }

* {
  margin: 0;
  font-family: Raleway, serif;

  text-align: left; }

.grecaptcha-badge {
  visibility: hidden; }

/* Border Radius */
/*
*******************************************
Colors - Base
*******************************************
*/
/* PA colors */
/*
*******************************************
Colors - Gradient Angles
*******************************************
*/
/*
*******************************************
Colors - Variants
*******************************************
*/
/*
*******************************************
Colors - Theme Colors - Used in badges, buttons, labels
*******************************************
*/
/*
*******************************************
Colors - Status Colors - Used in alerts
*******************************************
*/
/*
*******************************************
Colors - Bacground Colors
*******************************************
*/
/*
*******************************************
Breakpoints
*******************************************
*/
/*
$breakpoints:                  (
  xs:    0,
  sm:    614px,
  md:    752px,
  lg:    1012px,
  xlg:   1232px
);
*/
/*
*******************************************
Box Shadow
*******************************************
*/
/*
*******************************************
Border Radius
*******************************************
*/
/*
*******************************************
Border
*******************************************
*/
/*
*******************************************
Box
*******************************************
*/
/*
*******************************************
Font - Colors
*******************************************
*/
/*
*******************************************
Font Sizes - Desktop
*******************************************
*/
/*
*******************************************
Font Sizes - Tablet Horizontal
*******************************************
*/
/*
*******************************************
Font Sizes - Tablet Vertical
*******************************************
*/
/*
*******************************************
Font Sizes - Mobile 
*******************************************
*/
/*
*******************************************
UI Elements - Desktop
*******************************************
*/
/*
*******************************************
UI Elements - Tablet Horizontal
*******************************************
*/
/*
*******************************************
UI Elements - Tablet Vertical
*******************************************
*/
/*
*******************************************
UI Elements - Mobile
*******************************************
*/
/*
*******************************************
Forms Sizes - Desktop
*******************************************
*/
/*
*******************************************
Forms Sizes - Tablet Horizontal
*******************************************
*/
/*
*******************************************
Forms Sizes - Tablet Vertical
*******************************************
*/
/*
*******************************************
Forms Sizes - Mobile
*******************************************
*/
/*
*******************************************
Forms - Colors
*******************************************
*/
/*
*******************************************
Buttons - Desktop
*******************************************
*/
/*
*******************************************
Buttons - Tablet Horizontal
*******************************************
*/
/*
*******************************************
Buttons - Tablet Vertical
*******************************************
*/
/*
*******************************************
Buttons - Mobile
*******************************************
*/
/*
*******************************************
Buttons - Rounded
*******************************************
*/
/*
*******************************************
Buttons - Colors
*******************************************
*/
/*
*******************************************
Buttons - Min Width
*******************************************
*/
/*
*******************************************
Banner
*******************************************
*/
/*
*******************************************
Feature Spacing
*******************************************
*/
/*
*******************************************
Sections
*******************************************
*/
.site__top-bar .container {
  display: flex; }

.top-bar {
  width: 100%;
  min-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  z-index: 16;
  height: 1px;
  border-bottom: 1px solid #F4F4F4; }
  .top-bar__body {
    margin: 0 auto;
    max-width: 1556px;
    width: 100%; }
    .top-bar__body--between {
      display: flex;
      align-items: center;
      justify-content: space-between; }
  .top-bar__menu {
    display: flex; }
  .top-bar__nav:last-child {
    margin-left: auto;
    margin-right: -12px; }
  .top-bar__nav .nav__link {
    padding-left: 12px;
    padding-right: 12px;
    color: #6B7488;
    font-size: 13px; }
    .top-bar__nav .nav__link:hover {
      color: #5BC758; }
  .top-bar__nav--left .nav__link-text {
    font-size: 12px;
    line-height: 18px; }
    .top-bar__nav--left .nav__link-text span {
      margin-right: 2px; }
  .top-bar__nav--left .nav__link {
    padding-left: 0; }
    .top-bar__nav--left .nav__link svg g {
      transition: fill 0.3s; }
    .top-bar__nav--left .nav__link:hover svg g {
      fill: #5BC758; }
  .top-bar .nav__item {
    min-height: 40px; }
  .top-bar .nav__link .nav__header {
    padding: 2px 12px; }

@media (max-width: 1023px) {
  .top-bar {
    display: none; } }

/*
*******************************************
Preloader
1. General
2. Keyframes animation
*******************************************
*/
/*
*******************************************
1. Preloaders - general
*******************************************
*/
.preloader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  width: 100%; }

.preloader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px; }
  .preloader:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: auto;
    content: '';
    animation: rotation .6s infinite linear;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top: 2px solid #004A95;
    border-radius: 100%; }
  .preloader--white:before {
    border-top-color: #fff; }

/*
*******************************************
2. Preloaders - keyframes animation
*******************************************
*/
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

/*!
    *  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("./assets/fonts/icons/Material-Design-Iconic-Font.woff2?v=2.2.0") format("woff2"), url("./assets/fonts/icons/Material-Design-Iconic-Font.woff?v=2.2.0") format("woff"), url("./assets/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; }
  .icon-plus:before, .icon-plus:after {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    width: 2px;
    background: #004A95;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
  .icon-plus:after {
    transform: rotate(90deg); }

.btn--link .icon-plus:before, .btn--link .icon-plus:after {
  background: #004A95; }

/* Border Radius */
.is-hidden-xs-up {
  display: none !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-r-a {
  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-t-0x {
  margin-top: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 766px) {
  .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-xlg {
  max-width: 896px !important; }

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

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

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

.max-w-xs {
  max-width: 360px !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: 1px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

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

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

@media (min-width: 1366px) {
  .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: #8D94A6 !important; }
  .text-faded i {
    color: #004A95; }

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

.text-gray {
  color: #6B7488 !important; }

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

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

.font-weight-semi-bold {
  font-weight: 600 !important; }

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

.font-weight-extra-bold {
  font-weight: 800 !important; }

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

.text-default {
  color: #555C6D !important; }

.text-primary {
  color: #004A95 !important; }

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

.text-success {
  color: #5BC758 !important; }

.text-info {
  color: #2CADD4 !important; }

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

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

.text-purple {
  color: #8F6FCB !important; }

.text-dark {
  color: #2E3442 !important; }

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

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

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

.bg-default-lighter {
  background: white !important; }

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

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

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

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

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

.bg-default-gradient {
  background: !important; }

.border-default-gradient {
  border-color: !important; }

.bg-primary {
  background: #004A95 !important; }

.border-primary {
  border-color: #004A95 !important; }

.bg-primary-lighter {
  background: #3C8EE1 !important; }

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

.bg-primary-darker {
  background: #185B9F !important; }

.border-primary-darker {
  border-color: #185B9F !important; }

.bg-primary-faded {
  background: #D9EBFA !important; }

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

.bg-primary-gradient {
  background: linear-gradient(120deg, #185B9F 0%, #40A3E5 100%) !important; }

.border-primary-gradient {
  border-color: linear-gradient(120deg, #185B9F 0%, #40A3E5 100%) !important; }

.bg-secondary {
  background: #1A1E28 !important; }

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

.bg-secondary-lighter {
  background: #2E3442 !important; }

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

.bg-secondary-darker {
  background: #12151C !important; }

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

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

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

.bg-secondary-gradient {
  background: !important; }

.border-secondary-gradient {
  border-color: !important; }

.bg-success {
  background: #5BC758 !important; }

.border-success {
  border-color: #5BC758 !important; }

.bg-success-lighter {
  background: #79E06B !important; }

.border-success-lighter {
  border-color: #79E06B !important; }

.bg-success-darker {
  background: #42B43F !important; }

.border-success-darker {
  border-color: #42B43F !important; }

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

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

.bg-success-gradient {
  background: !important; }

.border-success-gradient {
  border-color: !important; }

.bg-info {
  background: #2CADD4 !important; }

.border-info {
  border-color: #2CADD4 !important; }

.bg-info-lighter {
  background: #2FD2E0 !important; }

.border-info-lighter {
  border-color: #2FD2E0 !important; }

.bg-info-darker {
  background: #1F8FB0 !important; }

.border-info-darker {
  border-color: #1F8FB0 !important; }

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

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

.bg-info-gradient {
  background: !important; }

.border-info-gradient {
  border-color: !important; }

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

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

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

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

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

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

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

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

.bg-warning-gradient {
  background: !important; }

.border-warning-gradient {
  border-color: !important; }

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

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

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

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

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

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

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

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

.bg-danger-gradient {
  background: !important; }

.border-danger-gradient {
  border-color: !important; }

.bg-gray {
  background: #8D94A6 !important; }

.border-gray {
  border-color: #8D94A6 !important; }

.bg-gray-lighter {
  background: #CCCDD7 !important; }

.border-gray-lighter {
  border-color: #CCCDD7 !important; }

.bg-gray-darker {
  background: #9CA3B5 !important; }

.border-gray-darker {
  border-color: #9CA3B5 !important; }

.bg-gray-faded {
  background: !important; }

.border-gray-faded {
  border-color: !important; }

.bg-gray-gradient {
  background: !important; }

.border-gray-gradient {
  border-color: !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 {
  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: 1px) {
  .flex-sm-first {
    order: -1 !important; }
  .flex-sm-last {
    order: 1 !important; }
  .flex-sm-unordered {
    order: 0 !important; } }

@media (min-width: 1px) {
  .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: 1px) {
  .flex-sm-top {
    align-self: flex-start !important; }
  .flex-sm-middle {
    align-self: center !important; }
  .flex-sm-bottom {
    align-self: flex-end !important; } }

@media (min-width: 1px) {
  .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: 767px) {
  .flex-md-first {
    order: -1 !important; }
  .flex-md-last {
    order: 1 !important; }
  .flex-md-unordered {
    order: 0 !important; } }

@media (min-width: 767px) {
  .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: 767px) {
  .flex-md-top {
    align-self: flex-start !important; }
  .flex-md-middle {
    align-self: center !important; }
  .flex-md-bottom {
    align-self: flex-end !important; } }

@media (min-width: 767px) {
  .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: 1024px) {
  .flex-lg-first {
    order: -1 !important; }
  .flex-lg-last {
    order: 1 !important; }
  .flex-lg-unordered {
    order: 0 !important; } }

@media (min-width: 1024px) {
  .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: 1024px) {
  .flex-lg-top {
    align-self: flex-start !important; }
  .flex-lg-middle {
    align-self: center !important; }
  .flex-lg-bottom {
    align-self: flex-end !important; } }

@media (min-width: 1024px) {
  .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: 1366px) {
  .flex-xl-first {
    order: -1 !important; }
  .flex-xl-last {
    order: 1 !important; }
  .flex-xl-unordered {
    order: 0 !important; } }

@media (min-width: 1366px) {
  .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: 1366px) {
  .flex-xl-top {
    align-self: flex-start !important; }
  .flex-xl-middle {
    align-self: center !important; }
  .flex-xl-bottom {
    align-self: flex-end !important; } }

@media (min-width: 1366px) {
  .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: 1px) {
  .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: 767px) {
  .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: 1024px) {
  .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: 1366px) {
  .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 {
  align-self: auto !important; }

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

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

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

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

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

@media (min-width: 1px) {
  .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 {
    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 {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 767px) {
  .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 {
    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 {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 1024px) {
  .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 {
    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 {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1366px) {
  .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 {
    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 {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    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 {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

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

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

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

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

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

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

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

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

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

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

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

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

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

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

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

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

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

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

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

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

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

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

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

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

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

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

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

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

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

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

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

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

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

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

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px; }
  @media (max-width: 1365px) {
    .container {
      padding-right: 40px;
      padding-left: 40px; } }
  @media (max-width: 1023px) {
    .container {
      padding-right: 40px;
      padding-left: 40px; } }
  @media (max-width: 766px) {
    .container {
      padding-right: 28px;
      padding-left: 28px; } }
  @media (min-width: 1px) {
    .container {
      max-width: 586px; } }
  @media (min-width: 767px) {
    .container {
      max-width: 1023px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 1365px; } }
  @media (min-width: 1366px) {
    .container {
      max-width: 1366px; } }

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px; }
  @media (max-width: 1365px) {
    .container-fluid {
      padding-right: 40px;
      padding-left: 40px; } }
  @media (max-width: 1023px) {
    .container-fluid {
      padding-right: 40px;
      padding-left: 40px; } }
  @media (max-width: 766px) {
    .container-fluid {
      padding-right: 28px;
      padding-left: 28px; } }

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

.flex-1 {
  flex: 1; }

.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: 16px;
  padding-left: 16px; }

.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: 1px) {
  .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: 767px) {
  .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: 1024px) {
  .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: 1366px) {
  .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%; } }

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

.row--xs {
  margin-left: -8px;
  margin-right: -8px; }
  .row--xs [class*="col-"] {
    padding: 0 8px; }

.row--sm {
  margin-left: -12px;
  margin-right: -12px; }
  .row--sm [class*="col-"] {
    padding: 0 12px; }

.row--lg {
  margin-right: -24px;
  margin-left: -24px; }
  .row--lg [class*="col-"] {
    padding: 0 24px; }

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

@media (max-width: 766px) {
  .row--mob-xs {
    margin-left: -16px;
    margin-right: -16px; }
    .row--mob-xs > * {
      padding: 0 16px; }
  .row--mob-sm {
    margin-left: -24px;
    margin-right: -24px; }
    .row--mob-sm > * {
      padding: 0 24px; }
  .row--mob-lg {
    margin-right: -48px;
    margin-left: -48px; }
    .row--mob-lg > * {
      padding: 0 48px; }
  .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; }

.mw-100 {
  max-width: 100% !important; }

/* Responsive Gutters */
@media (max-width: 1365px) {
  .row {
    margin-left: -16px;
    margin-right: -16px; }
    .row [class*="col-"] {
      padding: 0 16px; }
    .row--xs {
      margin-left: -4px;
      margin-right: -4px; }
      .row--xs [class*="col-"] {
        padding: 0 4px; }
    .row--sm {
      margin-left: -8px;
      margin-right: -8px; }
      .row--sm [class*="col-"] {
        padding: 0 8px; }
    .row--lg {
      margin-right: -20px;
      margin-left: -20px; }
      .row--lg [class*="col-"] {
        padding: 0 20px; } }

@media (max-width: 1023px) {
  .row {
    margin-left: -10px;
    margin-right: -10px; }
    .row [class*="col-"] {
      padding: 0 10px; }
    .row--xs {
      margin-left: -4px;
      margin-right: -4px; }
      .row--xs [class*="col-"] {
        padding: 0 4px; }
    .row--sm {
      margin-left: -8px;
      margin-right: -8px; }
      .row--sm [class*="col-"] {
        padding: 0 8px; }
    .row--lg {
      margin-right: -16px;
      margin-left: -16px; }
      .row--lg [class*="col-"] {
        padding: 0 16px; }
  .container--sm {
    max-width: 587px; } }

@media (max-width: 766px) {
  .row {
    margin-left: -8px;
    margin-right: -8px; }
    .row [class*="col-"] {
      padding: 0 8px; }
    .row--xs {
      margin-left: -2px;
      margin-right: -2px; }
      .row--xs [class*="col-"] {
        padding: 0 2px; }
    .row--sm {
      margin-left: -4px;
      margin-right: -4px; }
      .row--sm [class*="col-"] {
        padding: 0 4px; }
    .row--lg {
      margin-right: -12px;
      margin-left: -12px; }
      .row--lg [class*="col-"] {
        padding: 0 12px; } }

* {
  box-sizing: border-box; }

body,
.app {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #555C6D;
  font-family: "Nunito Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 26px; }
  @media (max-width: 1365px) {
    body,
    .app {
      font-size: 16px;
      line-height: 26px; } }
  @media (max-width: 1023px) {
    body,
    .app {
      font-size: 16px;
      line-height: 26px; } }
  @media (max-width: 766px) {
    body,
    .app {
      font-size: 15px;
      font-weight: 300;
      line-height: 24px; } }
  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: inherit;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em; }

pre {
  padding: 16px;
  background: white;
  border: none;
  color: #555C6D;
  font-size: inherit; }

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

.pull-right {
  float: right; }

.pull-left {
  float: left; }

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

.box-shadow-d {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 8px 32px rgba(0, 0, 0, 0.1) !important; }

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

.is-boxed {
  background: #fff;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 8px 32px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border: solid 1px #fff;
  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; }

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

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

.ripple-container {
  opacity: 0.2; }

.has-features {
  display: block; }
  .has-features .dropdown__icon {
    display: none; }
  .has-features .dropdown__content {
    flex-shrink: unset !important;
    width: 100%;
    margin: 0 auto; }
  .has-features .col-12 {
    padding: 0; }

@media (min-width: 1024px) and (max-width: 1365px) {
  .has-features {
    max-height: 80dvh;
    overflow-y: auto; } }

.section--community .form .btn {
  color: #E6741A;
  background-color: #FFF8F3;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: background-color 0.3s ease; }
  .section--community .form .btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFF8F3 0%, #FFECDE 100%);
    z-index: -1;
    transition: opacity 0.3s ease;
    opacity: 1; }
  .section--community .form .btn:hover {
    background-color: #FFFFFF; }
    .section--community .form .btn:hover:before {
      opacity: 0; }

.section--community .error-message {
  color: #fff !important; }

.nav-item--custom-link a .nav-item__content .nav-item__title, .nav-item--custom-link a .nav-item__content .nav-item__desc {
  transition: color .3s ease; }

.nav-item--custom-link a:hover .nav-item__content .nav-item__title, .nav-item--custom-link a:hover .nav-item__content .nav-item__desc {
  color: #8F6FCB !important; }

@media (max-width: 766px) {
  .banner #mc-embedded-subscribe-form, .footer #mc-embedded-subscribe-form {
    flex-direction: column; }
    .banner #mc-embedded-subscribe-form .btn, .footer #mc-embedded-subscribe-form .btn {
      width: 100%;
      margin-left: 0;
      margin-top: 12px; }
      .banner #mc-embedded-subscribe-form .btn span, .footer #mc-embedded-subscribe-form .btn span {
        font-weight: 600;
        font-size: 18px;
        line-height: 28px; } }

.link-underline {
  text-decoration: underline !important;
  color: #42B43F;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px; }

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

h1,
.h1 {
  font-size: 64px;
  font-weight: 800;
  line-height: 74px;
  margin: 0 0 24px 0; }
  @media (max-width: 1365px) {
    h1,
    .h1 {
      font-size: 64px;
      line-height: 74px; } }
  @media (max-width: 1023px) {
    h1,
    .h1 {
      font-size: 52px;
      line-height: 67.6px; } }
  @media (max-width: 766px) {
    h1,
    .h1 {
      font-size: 38px;
      font-weight: 800;
      line-height: 48px; } }

h2,
.h2 {
  font-size: 52px;
  font-weight: 800;
  line-height: 130%;
  margin: 0 0 24px 0; }
  @media (max-width: 1365px) {
    h2,
    .h2 {
      font-size: 52px;
      line-height: 68px; } }
  @media (max-width: 1023px) {
    h2,
    .h2 {
      font-size: 44px;
      line-height: 60px; } }
  @media (max-width: 766px) {
    h2,
    .h2 {
      font-size: 32px;
      font-weight: 800;
      line-height: 40px; } }

h3,
.h3 {
  font-size: 48px;
  font-weight: 800;
  line-height: 60px;
  margin: 0 0 15px 0; }
  @media (max-width: 1365px) {
    h3,
    .h3 {
      font-size: 48px;
      line-height: 60px; } }
  @media (max-width: 1023px) {
    h3,
    .h3 {
      font-size: 36px;
      line-height: 48px; } }
  @media (max-width: 766px) {
    h3,
    .h3 {
      font-size: 28px;
      font-weight: 800;
      line-height: 36px; } }

h4,
.h4 {
  font-size: 36px;
  font-weight: 800;
  line-height: 46px;
  margin: 0 0 16px 0; }
  @media (max-width: 1365px) {
    h4,
    .h4 {
      font-size: 36px;
      line-height: 46px; } }
  @media (max-width: 1023px) {
    h4,
    .h4 {
      font-size: 28px;
      line-height: 34px; } }
  @media (max-width: 766px) {
    h4,
    .h4 {
      font-size: 24px;
      font-weight: 700;
      line-height: 28px; } }

h5,
.h5 {
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 16px 0; }
  @media (max-width: 1365px) {
    h5,
    .h5 {
      font-size: 26px;
      line-height: 28px; } }
  @media (max-width: 1023px) {
    h5,
    .h5 {
      font-size: 24px;
      line-height: 28px; } }
  @media (max-width: 766px) {
    h5,
    .h5 {
      font-size: 22px;
      font-weight: 700;
      line-height: 28px; } }

h6,
.h6 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px 0; }
  @media (max-width: 1365px) {
    h6,
    .h6 {
      font-size: 24px;
      line-height: 28px; } }
  @media (max-width: 1023px) {
    h6,
    .h6 {
      font-size: 20px;
      line-height: 24px; } }
  @media (max-width: 766px) {
    h6,
    .h6 {
      font-size: 18px;
      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: #2E3442; }

.type-1 {
  font-size: 64px !important;
  font-weight: 800 !important;
  line-height: 74px !important; }
  @media (max-width: 1365px) {
    .type-1 {
      font-size: 64px !important;
      font-weight: !important;
      line-height: 74px !important; } }
  @media (max-width: 1023px) {
    .type-1 {
      font-size: 52px !important;
      font-weight: !important;
      line-height: 67.6px !important; } }
  @media (max-width: 766px) {
    .type-1 {
      font-size: 38px !important;
      font-weight: 800 !important;
      line-height: 48px !important; } }

.type-2 {
  font-size: 52px !important;
  font-weight: 800 !important;
  line-height: 130% !important; }
  @media (max-width: 1365px) {
    .type-2 {
      font-size: 52px !important;
      font-weight: !important;
      line-height: 68px !important; } }
  @media (max-width: 1023px) {
    .type-2 {
      font-size: 44px !important;
      font-weight: !important;
      line-height: 60px !important; } }
  @media (max-width: 766px) {
    .type-2 {
      font-size: 32px !important;
      font-weight: 800 !important;
      line-height: 40px !important; } }

.type-3 {
  font-size: 48px !important;
  font-weight: 800 !important;
  line-height: 60px !important; }
  @media (max-width: 1365px) {
    .type-3 {
      font-size: 48px !important;
      font-weight: !important;
      line-height: 60px !important; } }
  @media (max-width: 1023px) {
    .type-3 {
      font-size: 36px !important;
      font-weight: !important;
      line-height: 48px !important; } }
  @media (max-width: 766px) {
    .type-3 {
      font-size: 28px !important;
      font-weight: 800 !important;
      line-height: 36px !important; } }

.type-4 {
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 46px !important; }
  @media (max-width: 1365px) {
    .type-4 {
      font-size: 36px !important;
      font-weight: !important;
      line-height: 46px !important; } }
  @media (max-width: 1023px) {
    .type-4 {
      font-size: 28px !important;
      font-weight: !important;
      line-height: 34px !important; } }
  @media (max-width: 766px) {
    .type-4 {
      font-size: 24px !important;
      font-weight: 700 !important;
      line-height: 28px !important; } }

.type-5 {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 36px !important; }
  @media (max-width: 1365px) {
    .type-5 {
      font-size: 26px !important;
      font-weight: !important;
      line-height: 28px !important; } }
  @media (max-width: 1023px) {
    .type-5 {
      font-size: 24px !important;
      font-weight: !important;
      line-height: 28px !important; } }
  @media (max-width: 766px) {
    .type-5 {
      font-size: 22px !important;
      font-weight: 700 !important;
      line-height: 28px !important; } }

.type-6 {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 32px !important; }
  @media (max-width: 1365px) {
    .type-6 {
      font-size: 24px !important;
      font-weight: !important;
      line-height: 28px !important; } }
  @media (max-width: 1023px) {
    .type-6 {
      font-size: 20px !important;
      font-weight: !important;
      line-height: 24px !important; } }
  @media (max-width: 766px) {
    .type-6 {
      font-size: 18px !important;
      font-weight: 700 !important;
      line-height: 24px !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: #2E3442;
  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.1em; }

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

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

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

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

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

.p-1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px; }
  @media (max-width: 1365px) {
    .p-1 {
      font-size: 20px;
      line-height: 32px; } }
  @media (max-width: 1023px) {
    .p-1 {
      font-size: 20px;
      line-height: 32px; } }
  @media (max-width: 766px) {
    .p-1 {
      font-size: 18px;
      line-height: 28px; } }

.p-2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px; }
  @media (max-width: 1365px) {
    .p-2 {
      font-size: 18px;
      line-height: 28px; } }
  @media (max-width: 1023px) {
    .p-2 {
      font-size: 18px;
      line-height: 28px; } }
  @media (max-width: 766px) {
    .p-2 {
      font-size: 16px;
      line-height: 24px; } }

.p-3 {
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 26px !important; }
  @media (max-width: 1365px) {
    .p-3 {
      font-size: 16px !important;
      font-weight: !important;
      line-height: 26px !important; } }
  @media (max-width: 1023px) {
    .p-3 {
      font-size: 16px !important;
      font-weight: !important;
      line-height: 26px !important; } }
  @media (max-width: 766px) {
    .p-3 {
      font-size: 15px !important;
      font-weight: 300 !important;
      line-height: 24px !important; } }

.p-4 {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px; }
  @media (max-width: 1365px) {
    .p-4 {
      font-size: 14px;
      line-height: 24px; } }
  @media (max-width: 1023px) {
    .p-4 {
      font-size: 14px;
      line-height: 24px; } }
  @media (max-width: 766px) {
    .p-4 {
      font-size: 14px;
      font-weight: 300;
      line-height: 24px; } }

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

a {
  color: #2E3442;
  transition: color 0.3s; }
  a:hover {
    color: #5BC758; }
  a:focus, a:active {
    outline: none;
    color: #5BC758; }

/*
*******************************************
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 {
    display: flex;
    flex-shrink: 0;
    min-height: 48px; }
    .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: #3C8EE1; }
  .nav__link {
    min-height: 100%;
    width: 100%;
    transition: color 0.3s; }
    .nav__link-icon {
      position: relative;
      height: 24px;
      width: 24px;
      min-width: 24px;
      font-size: 24px;
      line-height: 24px;
      color: #CCCDD7;
      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: #5BC758;
      text-decoration: none; }
      .nav__link:hover svg path,
      .nav__link:hover > .nav__link-icon svg path {
        fill: #5BC758; }
    .nav__link:focus {
      outline: none; }
  .nav__divider {
    margin: 8px 0;
    height: 1px;
    background: #fff; }
  .nav__header {
    min-height: 48px;
    margin-top: 8px; }
    .nav__header:first-child {
      margin-top: 0; }
  .nav__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px; }
    @media (max-width: 1365px) {
      .nav__title {
        font-size: 16px;
        line-height: 26px; } }
    @media (max-width: 1023px) {
      .nav__title {
        font-size: 16px;
        line-height: 26px; } }
    @media (max-width: 766px) {
      .nav__title {
        font-size: 15px;
        font-weight: 300;
        line-height: 24px; } }
  .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: 32px; }
  .nav--xs .nav__link,
  .nav .nav__sub--xs .nav__link {
    font-size: 13px; }
  .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: 40px; }
  .nav--sm .nav__link,
  .nav .nav__sub--sm .nav__link {
    font-size: 13px; }
  .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: 16px; }
  .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: 56px; }
  .nav--lg .nav__link,
  .nav .nav__sub--lg .nav__link {
    font-size: 20px; }
  .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__link-caret {
    color: #fff;
    min-width: unset;
    min-height: unset;
    height: unset;
    width: unset;
    margin-left: 8px;
    position: relative;
    display: flex; }
    .nav__link-caret svg path {
      fill: #B0B0D3;
      transition: color 0.3s; }
  .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: #3C8EE1; }
  .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: #fff;
    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: 1024px) {
  .nav--h .nav__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    margin: 0;
    display: none;
    min-width: 260px;
    background: #fff;
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07);
    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;
  margin: 0 !important;
  padding: 0;
  max-width: 202px; }
  .navbar__brand svg {
    width: 100%; }

.navbar__burger span {
  background: rgba(255, 255, 255, 0.8); }

.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: 0 25px; }

.navbar--main .navbar__menu-container .navbar__nav.nav.nav--h:not(.navbar__nav--top-bar) {
  flex-shrink: 1; }
  .navbar--main .navbar__menu-container .navbar__nav.nav.nav--h:not(.navbar__nav--top-bar) .nav__item > .nav__link {
    padding: 0 16px;
    white-space: nowrap; }

.navbar__actions .btn--outline.btn--warning {
  border: none !important;
  transition: opacity 0.3s; }
  .navbar__actions .btn--outline.btn--warning:hover {
    background: none;
    opacity: 0.9; }
  .navbar__actions .btn--outline.btn--warning:active, .navbar__actions .btn--outline.btn--warning:focus {
    background: none; }

.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: -25px; }

.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: -25px; }

.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: -25px; }

.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: -25px; }

.navbar > .container .navbar__burger,
.navbar > .container-fluid .navbar__burger {
  order: 2;
  margin-left: 16px; }

@media (min-width: 1024px) {
  .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: 46px; } }

@media (max-width: 1023px) {
  .navbar {
    flex-wrap: nowrap;
    min-height: 56px; }
    .navbar__top {
      padding: 0; }
    .navbar__brand {
      flex-grow: 1; }
      .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 -25px; }
    .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 - Main
*******************************************
*/
.navbar--main {
  height: 76px;
  min-height: 76px;
  background: transparent;
  position: absolute;
  z-index: 10;
  transition: box-shadow 0.3s ease;
  top: 40px; }
  .navbar--main.is-fixed {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: initial;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.06); }
  .navbar--main .navbar__nav .nav__link {
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    padding-top: 0;
    cursor: pointer; }
    .navbar--main .navbar__nav .nav__link .drop-arrow {
      bottom: -32px; }
    .navbar--main .navbar__nav .nav__link-name {
      font-weight: inherit;
      font-size: inherit;
      line-height: inherit; }
    .navbar--main .navbar__nav .nav__link {
      position: relative; }
    .navbar--main .navbar__nav .nav__link-badge {
      position: absolute;
      top: -10px;
      right: -10px;
      background: #E60000;
      color: #fff;
      font-size: 9px;
      font-weight: 700;
      line-height: 1;
      white-space: nowrap;
      padding: 3px 6px;
      border-radius: 20px; }
  .navbar--main .nav__item .nav__link-caret svg {
    transform: rotate(0);
    transition: transform .4s ease; }
  .navbar--main .nav__item:hover .nav__link {
    color: #5BC758; }
    .navbar--main .nav__item:hover .nav__link-caret svg path {
      fill: #5BC758; }
  .navbar--main .nav__item--active .nav__link {
    color: #004A95; }
    .navbar--main .nav__item--active .nav__link-caret svg {
      transform: rotate(-180deg);
      transition: transform .4s ease; }
      .navbar--main .nav__item--active .nav__link-caret svg path {
        fill: #004A95; }
  .navbar--main .navbar__burger span {
    background: #2E3442; }
  .navbar--main > .container {
    position: relative; }

.navbar--main .nav__dropdown {
  min-width: 100%;
  box-shadow: unset;
  background: unset; }
  .navbar--main .nav__dropdown .nav__link {
    transition: background ease 0.3s; }
    .navbar--main .nav__dropdown .nav__link .nav__link-text {
      color: #2E3442;
      font-size: 18px;
      line-height: 28px;
      transition: ease 0.3s; }
    .navbar--main .nav__dropdown .nav__link .nav__link-desc {
      color: #555C6D;
      font-size: 13px;
      line-height: 20px; }
  .navbar--main .nav__dropdown + .nav__item .nav__link {
    margin-top: 8px; }
  .navbar--main .nav__dropdown > .container {
    padding: 0 29px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .navbar--main .nav__dropdown .dropdown__wrapper {
    padding: 36px;
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07);
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    border-radius: 20px;
    display: flex;
    align-items: flex-start; }
  .navbar--main .nav__dropdown .dropdown__icon {
    height: 324px;
    width: 324px;
    margin-right: 48px; }
  .navbar--main .nav__dropdown .dropdown__content {
    padding: 0;
    flex-shrink: initial;
    align-items: flex-start; }
  .navbar--main .nav__dropdown .nav-item + .nav-item {
    margin-top: 28px; }
  .navbar--main .nav__dropdown .nav-item__title {
    display: flex;
    align-items: center; }
    .navbar--main .nav__dropdown .nav-item__title .label {
      margin-left: 8px; }
  .navbar--main .nav__dropdown .nav-item .nav-item__icon svg path {
    transition: stroke 0.3s ease; }
  .navbar--main .nav__dropdown .nav-item:hover .nav-item__icon svg path[stroke="#6B7488"] {
    stroke: #9494AD; }
  .navbar--main .nav__dropdown .nav-item:hover .nav-item__icon svg path[stroke="#004A95"] {
    stroke: #3C8EE1; }
  .navbar--main .nav__dropdown .nav-item:hover .nav-item__desc {
    color: #5BC758; }
  .navbar--main .nav__dropdown .nav-item:focus .dropdown__item, .navbar--main .nav__dropdown .nav-item:active .dropdown__item, .navbar--main .nav__dropdown .nav-item.nav-item--is-active .dropdown__item {
    color: #004A95; }
  .navbar--main .nav__dropdown .nav-item:focus .nav-item__icon svg path[stroke="#6B7488"], .navbar--main .nav__dropdown .nav-item:active .nav-item__icon svg path[stroke="#6B7488"], .navbar--main .nav__dropdown .nav-item.nav-item--is-active .nav-item__icon svg path[stroke="#6B7488"] {
    stroke: #004A95; }
  .navbar--main .nav__dropdown .nav-item:focus .nav-item__icon svg path[stroke="#CCCDD7"], .navbar--main .nav__dropdown .nav-item:active .nav-item__icon svg path[stroke="#CCCDD7"], .navbar--main .nav__dropdown .nav-item.nav-item--is-active .nav-item__icon svg path[stroke="#CCCDD7"] {
    stroke: #004A95; }
  .navbar--main .nav__dropdown .nav-item:focus .nav-item__desc, .navbar--main .nav__dropdown .nav-item:active .nav-item__desc, .navbar--main .nav__dropdown .nav-item.nav-item--is-active .nav-item__desc {
    color: #5BC758; }
  .navbar--main .nav__dropdown .nav-item--danger .nav-item__title {
    color: #E23131; }
  .navbar--main .nav__dropdown .nav-item--danger:hover .nav-item__desc, .navbar--main .nav__dropdown .nav-item--danger:active .nav-item__desc, .navbar--main .nav__dropdown .nav-item--danger.nav-item--is-active .nav-item__desc {
    color: #E23131; }
  .navbar--main .nav__dropdown .nav-item--danger:hover svg path:last-of-type {
    fill: #E54646; }
  .navbar--main .nav__dropdown .nav-item--danger svg path:last-of-type {
    transition: all .24s ease; }
  .navbar--main .nav__dropdown .nav-item--danger.nav-item--is-active svg path:last-of-type {
    fill: #E23131 !important; }
  .navbar--main .nav__dropdown .nav-item--warning:focus .dropdown__item, .navbar--main .nav__dropdown .nav-item--warning:active .dropdown__item, .navbar--main .nav__dropdown .nav-item--warning.nav-item--is-active .dropdown__item {
    color: #FF8E2B; }
  .navbar--main .nav__dropdown .nav-item--warning:focus .nav-item__icon, .navbar--main .nav__dropdown .nav-item--warning:active .nav-item__icon, .navbar--main .nav__dropdown .nav-item--warning.nav-item--is-active .nav-item__icon {
    border-color: #FF8E2B; }
    .navbar--main .nav__dropdown .nav-item--warning:focus .nav-item__icon svg path[stroke="#6B7488"], .navbar--main .nav__dropdown .nav-item--warning:active .nav-item__icon svg path[stroke="#6B7488"], .navbar--main .nav__dropdown .nav-item--warning.nav-item--is-active .nav-item__icon svg path[stroke="#6B7488"] {
      stroke: #FF8E2B; }
  .navbar--main .nav__dropdown .nav-item--warning:focus .nav-item__desc, .navbar--main .nav__dropdown .nav-item--warning:active .nav-item__desc, .navbar--main .nav__dropdown .nav-item--warning.nav-item--is-active .nav-item__desc {
    color: #FF8E2B; }
  .navbar--main .nav__dropdown .nav-item--warning:hover {
    color: #E6741A; }
    .navbar--main .nav__dropdown .nav-item--warning:hover .nav-item__icon {
      border-color: #E6741A; }
      .navbar--main .nav__dropdown .nav-item--warning:hover .nav-item__icon svg path[stroke="#FF8E2B"] {
        stroke: #E6741A; }
    .navbar--main .nav__dropdown .nav-item--warning:hover .nav-item__desc {
      color: #E6741A; }
  .navbar--main .nav__dropdown .nav-item--warning .nav-item__icon {
    border-color: #FF8E2B40; }
  .navbar--main .nav__dropdown .nav-item--warning .nav-item__title {
    color: #FF8E2B; }

@media (max-width: 1365px) {
  .navbar--main {
    height: 76px;
    min-height: 76px; }
    .navbar--main > .container {
      flex-wrap: nowrap; }
      .navbar--main > .container .navbar__actions {
        margin: 0 !important; }
    .navbar--main .navbar__nav .nav__link {
      padding: 0 16px; } }

@media (max-width: 1023px) {
  .navbar--main {
    height: 100px;
    min-height: 100px; } }

/*
*******************************************
3. Navbar - Vertical
*******************************************
*/
@media (min-width: 1024px) {
  .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%;
    width: 100%; }
  .navbar--v .navbar__nav > .nav__item {
    min-height: 56px; } }

@media (max-width: 1023px) {
  .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: rgba(255, 255, 255, 0.8); }

@media (min-width: 1024px) {
  .navbar--v-wide {
    width: 270px; }
    .navbar--v-wide .navbar__brand {
      height: 96px; } }

@media (max-width: 1023px) {
  .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link {
    color: #555C6D; }
    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link:hover {
      color: #5BC758; }
    .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: #004A95; } }

/*
*******************************************
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: 1024px) {
  .navbar--v-thin {
    position: relative;
    width: 110px; }
    .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;
        width: 100%;
        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 {
        width: 100%;
        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: 110px;
      width: 300px;
      margin: 0;
      padding: 8px 0;
      background: #fff;
      box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07);
      animation-name: fadeInRight;
      animation-duration: 0.3s;
      animation-fill-mode: both; } }

@media (max-width: 1023px) {
  .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 25px; } }

.burger {
  position: relative;
  align-self: center;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  border: none;
  cursor: pointer; }
  .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: #CCCDD7; }
    .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: 1024px) {
  .burger {
    display: none; } }

@media (max-width: 1023px) {
  .burger {
    display: flex; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .navbar__nav {
    margin: 0 auto !important; }
  .navbar__brand--main {
    display: none; }
  .navbar > .container {
    justify-content: flex-start; }
  .navbar__menu-container {
    padding: 0;
    flex-grow: 1; }
  .navbar__menu > .container {
    justify-content: space-between;
    padding: 0; }
    .navbar__menu > .container .navbar__actions {
      display: flex !important;
      align-items: center;
      margin-left: auto; } }

.navbar > .container {
  justify-content: space-between;
  height: 100%;
  align-content: center; }

.navbar--main > .container {
  flex-wrap: nowrap; }

.navbar__actions {
  display: flex;
  margin-left: 40px; }
  .navbar__actions .btn + .btn {
    margin-left: 8px; }

.navbar__menu-container {
  display: flex;
  height: 100%; }

.nav__dropdown.is-open {
  opacity: 1;
  visibility: visible;
  display: block; }

.nav__dropdown .nav-item {
  display: flex;
  align-items: center;
  min-width: 408px; }
  .nav__dropdown .nav-item__icon {
    margin-right: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    min-width: 60px;
    transition: border 0.3s ease; }
  .nav__dropdown .nav-item__content {
    display: flex;
    flex-direction: column; }
  .nav__dropdown .nav-item__title {
    font-weight: 700; }
  .nav__dropdown .nav-item__desc {
    line-height: 20px;
    font-size: 13px;
    margin-top: 4px;
    white-space: nowrap;
    color: #6B7488;
    transition: color 0.3s; }
  .nav__dropdown .nav-item .dropdown__item {
    align-items: center; }
  .nav__dropdown .nav-item:hover .nav-item__desc {
    color: #5BC758; }

@media (max-width: 1365px) {
  .dropdown.dropdown--full-width {
    padding-left: 8px;
    padding-right: 8px; } }

@media (max-width: 1023px) {
  .dropdown.dropdown--full-width {
    background-color: transparent;
    position: static;
    max-width: 100%;
    min-width: unset;
    box-shadow: none; }
    .dropdown.dropdown--full-width .dropdown {
      margin-bottom: 16px; }
      .dropdown.dropdown--full-width .dropdown__icon {
        margin-right: 16px;
        max-height: 48px;
        max-width: 48px; }
        .dropdown.dropdown--full-width .dropdown__icon svg {
          transform: scale(0.67);
          transform-origin: top left; }
      .dropdown.dropdown--full-width .dropdown__content {
        padding: 24px;
        flex-direction: column; }
      .dropdown.dropdown--full-width .dropdown__item {
        flex-direction: row; }
        .dropdown.dropdown--full-width .dropdown__item-title {
          margin-top: 0;
          margin-bottom: 6px; }
        .dropdown.dropdown--full-width .dropdown__item + .dropdown__item {
          margin-left: 0;
          margin-top: 24px; } }

@media (min-width: 1024px) {
  .navbar.navbar--h.navbar.navbar--main .navbar__menu > .container .navbar__header {
    display: none; } }

@media (max-width: 1023px) {
  .navbar.navbar--h.navbar .site__navbar {
    z-index: -2; }
    .navbar.navbar--h.navbar .site__navbar > .container > * {
      z-index: 500; }
  .navbar.navbar--h.navbar.navbar--main {
    top: 0;
    height: 70px; }
    .navbar.navbar--h.navbar.navbar--main .navbar__nav .nav__item .nav__link {
      padding: 0; }
  .navbar.navbar--h.navbar__brand {
    position: relative;
    left: 0;
    margin-left: 0 !important; }
  .navbar.navbar--h.navbar--main .navbar__menu-container {
    top: 100%;
    padding: 32px;
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07);
    position: absolute;
    background: #fff;
    border-radius: 20px;
    display: flex;
    align-items: flex-start;
    margin-right: 28px;
    margin-left: 28px;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    height: unset;
    max-height: calc(100dvh - 100px);
    overflow-y: auto; }
  .navbar.navbar--h.navbar--main .navbar__menu {
    position: relative;
    display: block;
    opacity: 1;
    transform: none;
    padding: 0;
    height: 100%; }
    .navbar.navbar--h.navbar--main .navbar__menu > .container {
      flex-direction: column;
      padding: 0; }
      .navbar.navbar--h.navbar--main .navbar__menu > .container .navbar__header {
        padding: 0;
        border-bottom: 1px solid #F4F4F4;
        padding-bottom: 28px;
        display: flex;
        flex-wrap: nowrap; }
        .navbar.navbar--h.navbar--main .navbar__menu > .container .navbar__header svg {
          width: 100%; }
        .navbar.navbar--h.navbar--main .navbar__menu > .container .navbar__header .burger {
          height: unset; }
      .navbar.navbar--h.navbar--main .navbar__menu > .container .navbar__actions {
        flex-direction: row-reverse;
        margin-left: 0;
        padding-top: 24px;
        border-top: 1px solid #F4F4F4;
        justify-content: flex-end;
        margin-left: 0; }
        .navbar.navbar--h.navbar--main .navbar__menu > .container .navbar__actions .btn {
          margin-left: 0;
          margin-right: 8px; }
          .navbar.navbar--h.navbar--main .navbar__menu > .container .navbar__actions .btn:nth-of-type(2) {
            min-width: 240px; }
  .navbar.navbar--h.navbar--main .container > .navbar__burger {
    margin-right: 0px;
    margin-left: 0;
    z-index: 10; }
  .navbar.navbar--h.navbar--main .navbar__nav {
    flex-direction: column;
    opacity: 1;
    margin: 0;
    margin-bottom: 24px; }
    .navbar.navbar--h.navbar--main .navbar__nav > .nav__item {
      min-height: 52px; }
      .navbar.navbar--h.navbar--main .navbar__nav > .nav__item > .nav__link {
        display: flex;
        width: 100%;
        justify-items: flex-start;
        padding: 8px 0; }
        .navbar.navbar--h.navbar--main .navbar__nav > .nav__item > .nav__link:hover, .navbar.navbar--h.navbar--main .navbar__nav > .nav__item > .nav__link:focus, .navbar.navbar--h.navbar--main .navbar__nav > .nav__item > .nav__link:active {
          color: #5BC758; }
  .navbar.navbar--h.navbar--main.is-open .navbar__menu-container {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }
  .navbar.navbar--h.navbar--main .brand {
    display: none; }
    .navbar.navbar--h.navbar--main .brand__logo.brand__logo--fixed {
      display: none; }
    .navbar.navbar--h.navbar--main .brand.navbar__brand--main {
      display: flex;
      z-index: 10; }
  .navbar.navbar--h.navbar--main.is-fixed {
    top: 0;
    background: #fff; }
    .navbar.navbar--h.navbar--main.is-fixed .brand__logo {
      display: none; }
      .navbar.navbar--h.navbar--main.is-fixed .brand__logo.brand__logo--fixed {
        display: block; }
    .navbar.navbar--h.navbar--main.is-fixed .burger span {
      background: #8D94A6; }
  .navbar.navbar--h.navbar .nav .nav__link {
    justify-content: flex-start; }
    .navbar.navbar--h.navbar .nav .nav__link-text {
      text-align: left;
      justify-content: flex-start; }
    .navbar.navbar--h.navbar .nav .nav__link-caret {
      margin-left: 8px;
      display: flex;
      align-items: center;
      transition: transform 0.3s; }
      .navbar.navbar--h.navbar .nav .nav__link-caret .nav-link-caret_svg__caret {
        transition: fill 0.3s; }
    .navbar.navbar--h.navbar .nav .nav__link.nav__link--open .nav__link-caret {
      transform: rotate(180deg); }
      .navbar.navbar--h.navbar .nav .nav__link.nav__link--open .nav__link-caret .nav-link-caret_svg__caret {
        fill: #004A95; }
  .navbar.navbar--h.navbar .nav__dropdown {
    margin-top: 24px; }
    .navbar.navbar--h.navbar .nav__dropdown > .container {
      padding: 0; }
      .navbar.navbar--h.navbar .nav__dropdown > .container .dropdown__wrapper {
        width: 100%;
        box-shadow: unset;
        padding: 0; }
      .navbar.navbar--h.navbar .nav__dropdown > .container .dropdown__icon {
        display: none; }
      .navbar.navbar--h.navbar .nav__dropdown > .container .dropdown__content {
        margin-top: -24px; }
        .navbar.navbar--h.navbar .nav__dropdown > .container .dropdown__content > * {
          margin-top: 24px;
          max-width: unset; }
      .navbar.navbar--h.navbar .nav__dropdown > .container .dropdown__item {
        flex-shrink: 1; }
  .navbar.navbar--h.navbar .nav .nav__item {
    max-height: unset;
    margin-right: 0px;
    min-height: unset;
    flex-direction: column; }
    .navbar.navbar--h.navbar .nav .nav__item + .nav__item {
      margin-top: 24px; }
  .navbar--main .navbar__menu .navbar__nav.navbar__nav--top-bar.nav.nav--h {
    padding-top: 16px !important;
    margin-top: 24px !important;
    border-top: 1px solid #DCDEE2; }
    .navbar--main .navbar__menu .navbar__nav.navbar__nav--top-bar.nav.nav--h .nav__item {
      padding: 4px 0; }
      .navbar--main .navbar__menu .navbar__nav.navbar__nav--top-bar.nav.nav--h .nav__item + .nav__item {
        margin-top: 16px !important; }
      .navbar--main .navbar__menu .navbar__nav.navbar__nav--top-bar.nav.nav--h .nav__item .nav__link {
        min-height: unset;
        font-size: 13px;
        line-height: 20px; }
        .navbar--main .navbar__menu .navbar__nav.navbar__nav--top-bar.nav.nav--h .nav__item .nav__link .nav__link-text {
          transition: color 0.3s ease;
          line-height: 20px;
          font-weight: 400;
          color: #6B7488; }
        .navbar--main .navbar__menu .navbar__nav.navbar__nav--top-bar.nav.nav--h .nav__item .nav__link:hover .nav__link-text {
          color: #5BC758; }
  .navbar--promo .navbar__menu .container {
    justify-content: flex-end;
    padding-right: 0; }
  .navbar--promo .navbar__nav {
    align-items: center; }
  .navbar > .container {
    justify-content: unset; }
    .navbar > .container .navbar__brand {
      margin: 0 auto !important;
      max-width: 259px; } }

@media (min-width: 767px) {
  .navbar.site__navbar.is-fixed {
    position: fixed;
    top: 0; } }

@media (max-width: 766px) {
  .navbar--main {
    height: 76px;
    min-height: 76px; }
    .navbar--main > .container .navbar__brand {
      max-width: 165px; }
  .navbar.navbar--h.navbar--main .navbar__menu-container {
    padding: 20px;
    margin-left: 20px;
    margin-right: 20px;
    max-height: calc(100dvh - 76px);
    overflow-x: hidden; }
  .navbar.navbar--h.navbar--main .navbar__menu > .container .navbar__actions {
    flex-direction: column-reverse; }
    .navbar.navbar--h.navbar--main .navbar__menu > .container .navbar__actions .btn {
      width: 100%;
      margin-right: 0; }
      .navbar.navbar--h.navbar--main .navbar__menu > .container .navbar__actions .btn.btn--outline {
        margin-top: 8px; }
  .navbar.navbar--h.navbar--main .navbar__nav {
    margin-bottom: 20px; }
  .navbar.navbar--h.navbar--main .navbar__actions {
    padding-top: 20px; }
  .navbar.navbar--h.navbar--main .nav .nav__item + .nav__item {
    margin-top: 20px; }
  .navbar.navbar--h.navbar--main .nav .nav__dropdown .nav-item {
    min-width: unset; }
    .navbar.navbar--h.navbar--main .nav .nav__dropdown .nav-item__icon {
      margin-right: 16px; }
    .navbar.navbar--h.navbar--main .nav .nav__dropdown .nav-item__desc {
      white-space: unset; } }

/*
*******************************************
Banner
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Banner - general
*******************************************
*/
.banner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-top: 0; }
  .banner__title b, .banner__title strong {
    font-weight: 800; }
  .banner + .section {
    z-index: 9; }
  .banner > .container {
    position: relative;
    z-index: 3; }
  .banner .rail {
    margin-top: 40px; }
    .banner .rail .rail__content div:last-child {
      opacity: 0.7; }
  .banner__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    position: relative; }
    .banner__content > * {
      max-width: 100%; }
    .banner__content + .banner__graphic {
      justify-content: flex-end; }
    .banner__content .banner__actions {
      display: flex;
      align-items: center;
      margin-top: 28px; }
      .banner__content .banner__actions .btn {
        margin-right: 12px; }
        .banner__content .banner__actions .btn:last-child {
          margin-right: 0; }
        .banner__content .banner__actions .btn s {
          font-weight: 300; }
    .banner__content > *:last-child {
      margin-bottom: 0; }
  .banner__title {
    margin-top: 0;
    color: #2E3442;
    margin-bottom: 16px;
    text-align: center;
    letter-spacing: -0.02em;
    max-width: 1140px;
    margin-bottom: 0; }
    .banner__title span:not(.label) {
      font-size: inherit;
      font-weight: inherit; }
  .banner__top-title {
    margin-bottom: 24px; }
    .banner__top-title > .h7 {
      margin: 0;
      font-weight: 500 !important; }
  .banner__desc {
    margin-top: 24px;
    font-weight: 300;
    max-width: 800px;
    text-align: center;
    margin-bottom: 0; }
  .no-results.not-found {
    grid-column: 1 / -1;
    width: 100%;
    padding: 64px 0;
    text-align: center; }
    .no-results.not-found .section__illustration {
      width: 515px;
      max-width: 100%;
      margin: 0 auto; }
    .no-results.not-found .section__title {
      margin-top: 32px;
      margin-bottom: 0;
      text-align: center;
      color: #2E3442; }
    .no-results.not-found .section__desc {
      color: #6B7488;
      margin-bottom: 0; }
      .no-results.not-found .section__desc a {
        color: #004A95; }
    .no-results.not-found .section__actions {
      margin-top: 24px; }
      .no-results.not-found .section__actions .btn {
        padding: 20px 32px;
        border-radius: 5px; }
    .no-results.not-found .blog-search {
      margin-left: auto;
      margin-right: auto; }
  .blog-search {
    position: relative;
    max-width: 560px;
    width: 100%;
    margin: 32px auto 0; }
    .blog-search__form {
      display: flex;
      align-items: center;
      background: #fff;
      border: 1px solid #E8E8ED;
      border-radius: 50px;
      padding: 4px 4px 4px 20px;
      transition: border-color 0.3s ease, box-shadow 0.3s ease; }
      .blog-search__form:focus-within {
        border-color: #5BC758;
        box-shadow: 0 0 0 4px rgba(91, 199, 88, 0.15); }
    .blog-search__icon {
      display: flex;
      align-items: center;
      flex-shrink: 0;
      margin-right: 12px; }
    .blog-search__input {
      flex: 1 1 auto;
      min-width: 0;
      height: 44px;
      border: none;
      outline: none;
      background: transparent;
      font-size: 15px;
      color: #2E3442; }
      .blog-search__input::placeholder {
        color: #8D94A6; }
    .blog-search__submit {
      flex-shrink: 0;
      height: 40px;
      padding: 0 24px;
      border: none;
      border-radius: 50px;
      background: #5BC758;
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.3s ease; }
      .blog-search__submit:hover {
        background: #42B43F; }
    .blog-search__suggestions {
      display: none;
      position: absolute;
      z-index: 20;
      top: calc(100% + 8px);
      left: 0;
      right: 0;
      max-height: 340px;
      overflow-y: auto;
      background: #fff;
      border-radius: 14px;
      text-align: left;
      box-shadow: 0px 8px 25px 0px rgba(14, 13, 16, 0.08), 0px 8px 24px 6px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.12); }
      .blog-search__suggestions.is-open {
        display: block; }
    .blog-search__suggestion {
      display: block;
      padding: 12px 20px;
      font-size: 14px;
      color: #555C6D;
      text-decoration: none;
      border-bottom: 1px solid #F4F4F4;
      transition: background 0.2s ease, color 0.2s ease; }
      .blog-search__suggestion:last-child {
        border-bottom: none; }
      .blog-search__suggestion:hover, .blog-search__suggestion.is-active {
        background: #F4F4F4;
        color: #5BC758; }
    .blog-search__suggestion-empty {
      padding: 16px 20px;
      font-size: 14px;
      color: #8D94A6; }
    @media (max-width: 766px) {
      .blog-search__form {
        padding-left: 16px; }
      .blog-search__submit {
        padding: 0 16px;
        font-size: 13px; } }
  .banner__alert {
    margin-top: 32px;
    font-size: 16px;
    font-weight: 300; }
    .banner__alert strong {
      color: #555C6D; }
      .banner__alert strong svg {
        margin-top: -2px;
        margin-right: 8px;
        vertical-align: middle; }
        .banner__alert strong svg path {
          fill: #555C6D; }
    .banner__alert a {
      color: #555C6D;
      text-decoration: underline; }
  .banner__illustration {
    margin-top: 48px;
    padding-bottom: 42px;
    padding-top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%; }
    .banner__illustration:empty {
      display: none; }
    .banner__illustration-content {
      padding: 16px 26px;
      margin-top: 164px;
      padding-bottom: 32px; }
      .banner__illustration-content > * {
        display: flex;
        position: relative; }
    .banner__illustration-main > img {
      position: absolute; }
    .banner__illustration-inner > * {
      max-width: 158px;
      height: initial;
      width: 100%;
      box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 12px 6px rgba(0, 0, 0, 0.03);
      border-radius: 6px;
      opacity: 0;
      transition: all 0.3s ease-out; }
      .banner__illustration-inner > * + * {
        margin-left: 14px; }
    .banner__illustration-date {
      margin-top: 12px; }
      .banner__illustration-date > * {
        opacity: 0;
        transition: all 0.3s ease-out; }
    .banner__illustration-bottom {
      margin-top: 16px;
      margin-left: -8px;
      margin-right: -8px; }
      .banner__illustration-bottom > * {
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 12px 6px rgba(0, 0, 0, 0.03);
        flex-basis: 50%;
        margin: 0 8px;
        border-radius: 6px;
        opacity: 0;
        transition: all 0.3s ease-out; }
    .banner__illustration-desktop {
      width: 100%;
      min-height: 553px; }
    .banner__illustration .instance-box {
      max-width: 207px;
      display: flex;
      flex-direction: column;
      z-index: 1;
      transition: all 0.3s ease-out;
      opacity: 0;
      width: 100%; }
      .banner__illustration .instance-box:nth-of-type(1) {
        max-width: unset;
        position: relative;
        max-width: 720px;
        width: 100%;
        margin: 0 auto; }
    .banner__illustration-avatar {
      border-radius: 50%;
      border: 3px solid #fff;
      box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05);
      opacity: 0;
      position: absolute;
      transition: all 0.3s ease; }
      .banner__illustration-avatar--left {
        left: 11px;
        top: 120px; }
        .banner__illustration-avatar--left img {
          width: 64px; }
      .banner__illustration-avatar--right {
        right: 165px;
        top: 149px; }
        .banner__illustration-avatar--right img {
          width: 60px; }
      .banner__illustration-avatar img {
        border-radius: 50%; }
    .banner__illustration-mobile img {
      position: relative;
      width: 100%; }
    .banner__illustration-mobile svg {
      width: 100%; }
  .banner__section {
    width: 100%; }
  .banner .banner__content .banner__actions--column {
    display: flex;
    flex-direction: column;
    width: 100%; }
  .banner .banner__content .banner__actions--margin-sm {
    margin-top: 16px; }
  .banner--sm .banner__content {
    min-height: 480px; }
  .banner--top-content .banner__content {
    padding: 40px 0; }
  .banner--features .banner__illustration-main {
    overflow: visible;
    min-height: 400px;
    border-radius: 20px; }
    .banner--features .banner__illustration-main > img {
      position: unset;
      border-radius: 20px; }
  .banner--features .banner__illustration .animation-pulse--dot-right {
    top: unset;
    bottom: 64px;
    right: -79px; }
  .banner--features .banner__illustration .animation-pulse--dot-left {
    left: -70px;
    top: 97px; }
  .banner--about-us .banner__content {
    position: unset; }
  .banner--about-us .banner__title {
    max-width: 800px; }
  .banner--about-us .banner__section {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .banner--about-us .banner__illustration {
    position: unset;
    margin-top: 24px;
    padding: 0; }
    .banner--about-us .banner__illustration-main {
      min-height: unset;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .banner--about-us .banner__illustration-main > * {
        margin-bottom: 0; }
        .banner--about-us .banner__illustration-main > * + * {
          margin-top: 8px; }
    .banner--about-us .banner__illustration-avatar {
      position: relative;
      width: 72px;
      min-height: 72px; }
    .banner--about-us .banner__illustration-desktop {
      min-height: unset; }
  .banner--post .banner__avatar {
    width: 32px;
    height: 32px;
    margin-right: 8px; }
    .banner--post .banner__avatar img {
      border-radius: 50%; }
  .banner--post .banner__body {
    display: flex;
    align-items: center;
    margin-top: 28px; }
  .banner--post .banner__author {
    margin-right: 16px; }
  .banner--post .banner__content {
    padding-bottom: 40px; }
  .banner--posts .banner__content {
    padding-bottom: 0px; }
  .banner--posts .banner__actions-desc {
    margin-top: 20px;
    max-width: 500px;
    text-align: center;
    color: #6B7488;
    font-weight: 400 !important; }
  .banner--engine .banner__illustration-main {
    overflow: hidden; }
    .banner--engine .banner__illustration-main > img {
      border-radius: unset; }
  .banner--roadmap .banner__content {
    padding-bottom: 0; }

/*
*******************************************
2. Banner - responsive
*******************************************
*/
@media (min-width: 1366px) {
  .banner--about-us .banner__content {
    padding: 140px 0; } }

@media (max-width: 1365px) {
  .banner__title .d-block {
    display: inline !important; }
  .banner__title, .banner__desc {
    max-width: 840px; }
    .banner__title br, .banner__desc br {
      display: none; }
  .banner__illustration {
    padding-top: 0;
    max-width: 1085px; }
    .banner__illustration-content {
      margin-top: 130px; }
    .banner__illustration-inner > * {
      max-width: 25%;
      height: unset; }
    .banner__illustration .instance-box {
      max-width: 180px; }
      .banner__illustration .instance-box:nth-of-type(1) {
        max-width: 593px;
        left: 0px; }
    .banner__illustration-avatar--left {
      left: -58px;
      top: 88px; }
      .banner__illustration-avatar--left img {
        width: 53px; }
    .banner__illustration-avatar--right {
      right: -15px;
      top: unset;
      bottom: 54px; }
  .banner__content {
    padding: 40px 0; }
  .banner--features .banner__illustration {
    max-width: unset; }
    .banner--features .banner__illustration-main {
      max-width: 591px; }
    .banner--features .banner__illustration-desktop {
      max-width: 591px;
      position: relative;
      min-height: unset; }
    .banner--features .banner__illustration .animation-pulse--dot-left {
      left: -58px;
      top: 50px; }
    .banner--features .banner__illustration .animation-pulse--dot-right {
      top: unset;
      bottom: 27px;
      right: -31px; }
  .banner--about-us .banner__illustration-desktop {
    position: unset; }
  .banner--about-us .banner__content {
    position: relative;
    max-width: 840px;
    margin: 0 auto; } }

@media (max-width: 1023px) {
  .banner {
    padding-top: 100px; }
    .banner__desc {
      font-size: 20px !important;
      line-height: 32px !important; }
    .banner--presentation {
      padding-top: 140px;
      padding-bottom: 100px; }
    .banner--services {
      padding-top: 140px;
      padding-bottom: 100px; }
    .banner--products {
      padding-top: 140px;
      padding-bottom: 100px; }
    .banner--extension-page {
      padding-top: 180px;
      padding-bottom: 190px;
      min-height: 800px;
      height: auto; }
      .banner--extension-page .container > .row {
        margin-top: 0; }
      .banner--extension-page + .section {
        margin-top: -140px; }
    .banner__actions {
      display: flex; }
    .banner__feature-list ul {
      flex-wrap: wrap; }
      .banner__feature-list ul li {
        margin-top: 8px;
        min-width: 50%; }
    .banner__illustration {
      max-width: 360px;
      padding-bottom: 0;
      margin-top: 44px; }
      .banner__illustration-avatar--left {
        left: -117px; }
        .banner__illustration-avatar--left img {
          width: 80px; }
      .banner__illustration-avatar--right {
        right: -115px;
        bottom: 100px; }
        .banner__illustration-avatar--right img {
          width: 100px; }
    .banner--features.banner--max-width-md .banner__illustration {
      max-width: none !important; }
    .banner--features .banner__illustration {
      max-width: 360px; }
      .banner--features .banner__illustration-mobile {
        position: initial; }
        .banner--features .banner__illustration-mobile .animation-pulse--dot-left {
          display: block;
          left: -38px;
          top: 24px; }
        .banner--features .banner__illustration-mobile .animation-pulse--dot-right {
          right: -34px;
          bottom: 53px; }
    .banner--about-us .banner__content {
      max-width: unset;
      padding: 32px 0; }
    .banner--about-us .banner__title {
      max-width: unset; }
    .banner--about-us .banner__desc {
      margin-top: 20px; }
    .banner--about-us .banner__illustration {
      margin-top: 28px;
      width: unset;
      position: relative; } }

@media (max-width: 766px) {
  .banner {
    padding-top: 76px;
    min-height: initial; }
    .banner__title {
      max-width: 507px; }
    .banner__content {
      padding: 40px 0 32px; }
      .banner__content .banner__actions {
        margin-top: 24px; }
    .banner__desc {
      font-size: 18px !important;
      line-height: 28px !important;
      margin-top: 16px; }
    .banner__actions {
      width: 100%;
      flex-direction: column; }
      .banner__actions .btn {
        width: 100%;
        min-width: unset; }
    .banner__content {
      text-align: left; }
      .banner__content .banner__desc {
        font-size: 20px;
        line-height: 32px; }
      .banner__content .banner__actions .btn {
        margin: 0; }
        .banner__content .banner__actions .btn + .btn {
          margin-top: 8px; }
    .banner__illustration {
      margin-top: 40px; }
      .banner__illustration-avatar--left {
        left: -58px; }
        .banner__illustration-avatar--left img {
          width: 68px; }
      .banner__illustration-avatar--right {
        right: -65px; }
        .banner__illustration-avatar--right img {
          width: 86px; }
    .banner--features .banner__illustration {
      max-width: 286px; }
      .banner--features .banner__illustration-main {
        min-height: unset; } }

/*
*******************************************
Footer
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Footer - general
*******************************************
*/
.footer {
  background: #fff;
  padding: 80px 0; }
  .footer > .container {
    display: flex; }
  .footer a {
    color: #555C6D; }
    .footer a:hover {
      color: #2E3442; }
  .footer__nav--combined .footer__nav:first-of-type {
    margin-bottom: 24px; }
  .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;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1; }
  .footer.footer--rows .nav--btn {
    margin-left: 8px; }
  .footer__site-map {
    flex: 1; }
  .footer__copyrights {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    font-weight: 400;
    color: #CCCDD7;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 32px; }
    @media (max-width: 1365px) {
      .footer__copyrights {
        font-size: 12px;
        line-height: 20px; } }
    @media (max-width: 1023px) {
      .footer__copyrights {
        font-size: 12px;
        line-height: 20px; } }
    @media (max-width: 766px) {
      .footer__copyrights {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px; } }
    .footer__copyrights > .container > .row > div {
      display: flex;
      align-items: center; }
    .footer__copyrights .footer__nav {
      margin: 0; }
    .footer__copyrights > .container > .row > div:last-of-type {
      justify-content: flex-end; }
    .footer__copyrights .btn--social i {
      font-size: 19px; }
  .footer__socials .btn + .btn {
    margin-left: 40px; }
  .footer__brand .brand__logo {
    height: 56px;
    align-items: flex-start; }
  .footer .copyrights {
    line-height: 24px;
    padding: 8px 0;
    margin-bottom: 32px;
    margin-top: 4px; }
  .footer__title {
    margin-bottom: 14px;
    color: #2E3442; }
  .footer .footer__rows .footer__nav {
    padding: 0;
    max-width: none;
    width: 100%; }
    .footer .footer__rows .footer__nav + .footer__nav {
      margin: 0 !important; }
    .footer .footer__rows .footer__nav .nav__link {
      font-size: 13px;
      font-weight: 300;
      line-height: 19px;
      font-weight: 400;
      white-space: initial;
      color: #6B7488; }
      @media (max-width: 1365px) {
        .footer .footer__rows .footer__nav .nav__link {
          font-size: 13px;
          line-height: 19px; } }
      @media (max-width: 1023px) {
        .footer .footer__rows .footer__nav .nav__link {
          font-size: 13px;
          line-height: 19px; } }
      @media (max-width: 766px) {
        .footer .footer__rows .footer__nav .nav__link {
          font-size: 12px;
          font-weight: 300;
          line-height: 18px; } }
    .footer .footer__rows .footer__nav .footer__title {
      font-weight: 700;
      font-size: 13px;
      line-height: 16px; }
    .footer .footer__rows .footer__nav .nav__item {
      min-height: unset;
      flex-shrink: unset; }
      .footer .footer__rows .footer__nav .nav__item .nav__link {
        padding: 0; }
      .footer .footer__rows .footer__nav .nav__item + .nav__item {
        margin-top: 8px; }
      .footer .footer__rows .footer__nav .nav__item:hover .nav__link {
        color: #5BC758; }
      .footer .footer__rows .footer__nav .nav__item--disabled .nav__link {
        cursor: default;
        color: #555C6D; }
        .footer .footer__rows .footer__nav .nav__item--disabled .nav__link:hover {
          color: #555C6D; }
  .footer__section + .footer__section {
    margin-top: 36px; }
  .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 .nav--sub:before {
    background: #fff;
    opacity: 0.5; }
  .footer.footer--horizontal .footer__bottom {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 40px; }
  .footer.footer--horizontal .footer__copyrights {
    flex-direction: row; }
    .footer.footer--horizontal .footer__copyrights p {
      margin-bottom: -4px; }
    .footer.footer--horizontal .footer__copyrights .copyrights {
      margin-bottom: 0; }
  .footer__rows {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    padding-right: 31px;
    margin-top: 56px;
    flex-basis: 50%; }
  .footer .footer__rows .footer__nav--whmcs {
    width: 100%; }
  .footer .footer__rows .footer__nav--whmcs .footer__nav-columns {
    column-count: 5;
    column-gap: 24px; }
  .footer .footer__rows .footer__rows-secondary {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 24px;
    row-gap: 32px; }
    .footer .footer__rows .footer__nav--whmcs .footer__nav-columns .nav__item {
      -webkit-column-break-inside: avoid;
      break-inside: avoid; }
  .footer__navigation {
    padding-bottom: 240px; }
    .footer__navigation > .row {
      width: 100%; }
  .footer__bottom {
    flex-direction: row;
    justify-content: space-between; }
  .footer__sitemap {
    text-align: right; }
    .footer__sitemap a:hover {
      color: #5BC758; }
  .footer__about .footer__icon {
    display: flex;
    max-width: 233px; }
    .footer__about .footer__icon svg {
      width: 100%; }
  .footer__about .footer__desc {
    max-width: 300px; }
  .footer--promo {
    padding-top: 0; }
  .footer.footer--legal.footer--horizontal {
    padding-top: 220px; }
  .footer__links {
    margin: 0; }
    .footer__links .footer__link {
      display: flex; }
      .footer__links .footer__link a {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px; }
      .footer__links .footer__link + .footer__link {
        margin-left: 18px; }
  .footer__actions {
    max-width: 500px;
    margin-top: 40px; }
    .footer__actions-form {
      margin-top: 40px;
      position: relative; }
    .footer__actions-socials {
      margin-top: 40px;
      display: flex;
      align-items: center; }
      .footer__actions-socials .btn + .btn {
        margin-left: 24px; }
      .footer__actions-socials .btn svg path {
        transition: all 0.3s ease-out; }
      .footer__actions-socials .btn:hover svg path:first-of-type {
        fill: #004A95; }
  .footer__container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .footer__brand {
    flex-basis: 50%;
    padding-right: 40px; }

/*
*******************************************
  Footer - Responsive Spacing
*******************************************
*/
@media (max-width: 1365px) {
  .footer {
    padding: 64px 0; }
    .footer__rows .footer__nav {
      padding: 0; }
    .footer__bottom {
      margin-top: 24px;
      padding-top: 32px;
      border-top: 1px solid #F4F4F4; } }

/*
*******************************************
2. Footer - responsive other
*******************************************
*/
@media (min-width: 767px) and (max-width: 1023px) {
  .footer__links .footer__link + .footer__link {
    margin-left: 8px; }
  .footer__links .footer__link .btn {
    padding: 0 8px; } }

@media (max-width: 1023px) {
  .footer {
    padding: 32px 0; }
    .footer__top .row .footer__links {
      justify-content: center !important;
      margin-top: 28px;
      margin-left: -8px;
      margin-right: -8px; }
    .footer__about .footer__icon {
      max-width: 240px; }
    .footer__links .footer__link {
      height: unset; }
    .footer__brand {
      margin-top: 0;
      padding: 0;
      width: 100%; }
    .footer__bottom {
      padding-top: 28px;
      margin-top: 28px; }
    .footer__copyrights {
      line-height: 19px; }
    .footer__container {
      flex-direction: column; }
    .footer__actions {
      max-width: unset;
      margin-top: 32px; }
      .footer__actions-title {
        font-weight: 800;
        display: flex;
        flex-direction: column; }
    .footer .footer__rows {
      padding: 0;
      flex-basis: unset;
      row-gap: 32px;
      width: 100%;
      margin-top: 28px; }
      .footer .footer__rows .footer__rows-secondary {
        grid-template-columns: 1fr;
        row-gap: 32px; }
      .footer .footer__rows .footer__nav {
        max-width: unset;
        padding: 0 !important; }
        .footer .footer__rows .footer__nav + .footer__nav {
          margin-top: 32px !important; }
        .footer .footer__rows .footer__nav .nav__item + .nav__item {
          margin-top: 16px; }
        .footer .footer__rows .footer__nav--whmcs .footer__nav-columns {
          column-count: 1; }
      .footer .footer__rows .footer__title {
        margin-bottom: 16px; } }

@media (min-width: 767px) {
  .footer__links .footer__link:nth-last-of-type(1) a {
    padding-right: 0; } }

@media (max-width: 766px) {
  .footer {
    padding-top: 56px; }
    .footer__top .row .footer__links {
      flex-direction: column;
      margin: 0;
      margin-top: 28px; }
    .footer__top .row .footer__link {
      padding: 0;
      margin-left: 0;
      font-weight: 600; }
      .footer__top .row .footer__link + .footer__link {
        margin-top: 20px; }
    .footer__top .footer__rows {
      margin-top: 40px !important; }
    .footer__bottom .row {
      flex-direction: column-reverse; }
    .footer__copyrights {
      margin-top: 20px;
      padding: 0;
      text-align: center; }
    .footer__actions-form {
      margin-top: 24px; } }

@media (max-width: 0px) {
  .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; } }

/*
*******************************************
Section
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Section - general
*******************************************
*/
.section {
  position: relative;
  padding: 120px 0 120px 0;
  overflow: hidden; }
  .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 {
    min-height: 100%;
    align-items: center; }
    .section__content .section__actions {
      margin-top: 32px; }
    .section__content > *:last-child {
      margin-bottom: 0; }
    .section__content + * {
      margin-top: 72px; }
    .section__content + .section__graphic {
      margin-top: 0; }
    .section__content .section__features .row--features {
      margin-top: 0; }
    .section__content--left .section__actions {
      justify-content: flex-start; }
  .section__graphic {
    min-height: 100%; }
  .section__title {
    font-weight: 800;
    display: block;
    margin-bottom: 36px;
    width: 100%;
    max-width: 750px;
    letter-spacing: -0.02em;
    margin-left: auto;
    margin-right: auto; }
    .section__title span {
      font-size: inherit;
      font-weight: inherit; }
    .section__title strong {
      display: block;
      font-weight: 900; }
    .section__title .label {
      margin-left: 32px; }
    .section__title + .container {
      margin-top: 64px; }
  .section__top {
    display: flex;
    flex-direction: column; }
  .section__features {
    margin-top: -32px; }
    .section__features + .section__actions {
      margin-top: 32px; }
    .section__features + * {
      margin-top: 80px; }
    .section__features > .feature:nth-child(1) {
      margin-top: 0; }
  .section__actions {
    width: 100%;
    display: flex;
    margin-top: 40px;
    justify-content: center; }
    .section__actions .btn + .btn {
      margin-left: 24px; }
    .section__actions--column {
      flex-direction: column; }
  .section__desc {
    width: 100%;
    margin-bottom: 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
    .section__desc > *:last-child {
      margin-bottom: 0; }
    .section__desc + .panel {
      margin-top: 32px; }
    .section__desc a {
      text-decoration: none; }
    .section__desc--legal {
      color: #000; }
      .section__desc--legal + .section__desc--legal {
        margin-top: 32px; }
  .section__background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0 !important; }
    .section__background .section__shape svg {
      position: absolute;
      width: 1395px;
      height: 1548px; }
      .section__background .section__shape svg:nth-of-type(1) {
        left: -270px;
        top: -360px; }
      .section__background .section__shape svg:nth-of-type(2) {
        right: -230px;
        top: -130px; }
      .section__background .section__shape svg:nth-of-type(3) {
        right: 205px;
        top: -63px; }
  .section--live-demo {
    padding: 40px 0 !important; }
    .section--live-demo .section__top {
      padding-bottom: 48px; }
    .section--live-demo .section__title, .section--live-demo .section__desc {
      color: #fff; }
    .section--live-demo .section__desc {
      font-weight: 300; }
    .section--live-demo .section__title {
      margin-top: 0;
      margin-bottom: 16px; }
    .section--live-demo .section__logo {
      max-width: 180px;
      width: 180px;
      margin: 0 auto;
      margin-bottom: 24px; }
    .section--live-demo .section__feature-wrapper {
      width: 100%;
      display: flex;
      flex-direction: row;
      gap: 40px; }
  .section--primary {
    background-color: #004A95; }
    .section--primary .section__title {
      color: #fff; }
    .section--primary .section__background {
      background-color: #91E474;
      opacity: 0.4; }
  .section--gray {
    background-color: #FCFCFF; }
  .section__actions--full-width {
    width: 100%;
    display: flex;
    justify-content: center; }
    .section__actions--full-width .btn {
      min-width: 240px; }
      .section__actions--full-width .btn:not(:last-child) {
        margin-right: 24px; }
  .section__actions--margin-sm {
    margin-top: 24px; }
    .section__actions--margin-sm a {
      font-weight: 500;
      color: #004A95; }
  .section--text-center .section__title, .section--text-center .section__desc {
    text-align: center; }
  .section .section__offset,
  .section > .container + .container {
    margin-top: 76px; }
  .section .section__subsection {
    padding: 80px 0 48px 0; }
  .section.section--title-left .section__top {
    flex-direction: row;
    align-items: center;
    justify-content: center; }
  .section.section--title-left .section__content {
    flex-direction: row;
    align-items: center; }
  .section.section--title-left .section__title, .section.section--title-left .section__desc {
    max-width: 460px; }
  .section.section--title-left .section__desc {
    display: flex;
    margin-left: 48px; }
  .section.section--title-left .section__title {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 40px; }
  .section.section--title-left-sm .section__content {
    flex-direction: row;
    align-items: center;
    padding: 0 126px; }
  .section.section--title-left-sm .section__title {
    margin-bottom: 0;
    max-width: 360px; }
  .section.section--title-left-sm .section__desc {
    max-width: 586px;
    margin-left: 88px; }
  .section.section--title-sm .section__title {
    max-width: 300px; }
  .section.section--title-sm .section__desc {
    max-width: 586px; }
  .section--sides {
    padding-top: 0; }
    .section--sides .section__body {
      display: flex; }
    .section--sides .section__content {
      max-width: 400px;
      min-width: 400px;
      margin-right: 120px; }
      .section--sides .section__content [data-anim-side] {
        transform: translateX(-48px); }
    .section--sides .section__graphic {
      max-width: 914px;
      display: flex;
      position: relative; }
      .section--sides .section__graphic-wrapper {
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05);
        border-radius: 16px;
        min-width: 914px;
        min-height: 587px; }
        .section--sides .section__graphic-wrapper > img {
          border-radius: 16px; }
      .section--sides .section__graphic [data-anim-side] {
        transform: translateX(48px); }
  .section--faq .section__top {
    flex-direction: unset; }
  .section--faq .section__body {
    display: flex;
    align-items: flex-start;
    justify-content: center; }
  .section--faq .section__left {
    max-width: 389px;
    width: 100%; }
  .section--faq .section__right {
    margin-left: 88px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .section--faq .section__right .list-group {
      display: flex;
      flex-direction: column; }
      .section--faq .section__right .list-group__item {
        padding: 40px 48px;
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05);
        border-radius: 20px;
        background: #fff; }
        .section--faq .section__right .list-group__item + .list-group__item {
          margin-top: 32px; }
    .section--faq .section__right .section__actions {
      margin-top: 24px;
      max-width: unset; }
  .section--faq .section__desc {
    margin-top: 32px; }
  .section--faq .section__actions {
    max-width: 320px;
    margin-top: 36px; }
  .section--slider .section__content {
    max-width: 904px;
    margin-left: auto;
    margin-right: auto; }
  .section--slider .section__packages {
    margin-top: 28px;
    padding-left: 0;
    padding-right: 0; }
  .section--slider .section__slider {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 28px;
    overflow-x: overlay;
    overflow-y: hidden;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
    width: -webkit-fill-available; }
    .section--slider .section__slider-value, .section--slider .section__slider-price {
      position: sticky;
      width: fit-content;
      transition: left 0s ease 0s;
      font-weight: 600; }
      .section--slider .section__slider-value--transition, .section--slider .section__slider-price--transition {
        transition-duration: 0.5s; }
    .section--slider .section__slider-value {
      margin-bottom: 10px;
      background: #004A95;
      font-size: 18px;
      font-weight: 400;
      line-height: 28px;
      font-weight: 700 !important;
      height: unset;
      transition: background-color 0.3s ease; }
      @media (max-width: 1365px) {
        .section--slider .section__slider-value {
          font-size: 18px;
          line-height: 28px; } }
      @media (max-width: 1023px) {
        .section--slider .section__slider-value {
          font-size: 18px;
          line-height: 28px; } }
      @media (max-width: 766px) {
        .section--slider .section__slider-value {
          font-size: 16px;
          line-height: 24px; } }
    .section--slider .section__slider-price {
      margin-top: 10px;
      font-size: 26px;
      line-height: 28px; }
    .section--slider .section__slider--warning .vue-slider-process {
      background-color: #FF8E2B; }
    .section--slider .section__slider--warning .vue-slider-dot-handle::after {
      background-color: #FF8E2B; }
    .section--slider .section__slider--warning .section__slider-value {
      background-color: #FF8E2B; }
    .section--slider .section__slider--purple .vue-slider-process {
      background-color: #8F6FCB; }
    .section--slider .section__slider--purple .vue-slider-dot-handle::after {
      background-color: #8F6FCB; }
    .section--slider .section__slider--purple .section__slider-value {
      background-color: #8F6FCB; }
  .section--slider .section__actions {
    align-items: center;
    flex-wrap: wrap; }
  .section--slider .section__icon {
    width: 18px;
    margin-right: 4px; }
    .section--slider .section__icon svg {
      width: 100%; }
  .section__packages {
    width: 100%;
    background-color: #fff;
    padding: 24px;
    border-radius: 20px; }
  .section__wrapper {
    width: 100%; }
  .section--hosting .section__title {
    margin-right: 0 !important; }
  .section--hosting .section__features {
    margin-top: 0; }
    .section--hosting .section__features .row {
      margin-left: -29px;
      margin-right: -29px; }
  .section--hosting .section__body .feature__icon.wp-cloud {
    max-width: unset;
    align-self: center; }
    .section--hosting .section__body .feature__icon.wp-cloud svg {
      width: 100% !important;
      max-width: 244px; }
  .section--accounts .section__content {
    position: relative;
    max-width: 1178px;
    margin: 0 auto;
    min-height: 618px;
    margin-top: 55px; }
    .section--accounts .section__content .feature--user {
      position: absolute;
      z-index: 1;
      margin-top: 0; }
      .section--accounts .section__content .feature--user:nth-of-type(1) {
        top: 42px;
        left: 72px; }
      .section--accounts .section__content .feature--user:nth-of-type(2) {
        top: 118px;
        right: 0; }
      .section--accounts .section__content .feature--user:nth-of-type(3) {
        bottom: 54px;
        left: 0; }
      .section--accounts .section__content .feature--user:nth-of-type(4) {
        bottom: 60px;
        right: 89px; }
  .section--accounts .section__images {
    display: flex;
    z-index: 5; }
    .section--accounts .section__images .section__image:nth-of-type(1) {
      -webkit-transform: rotate(-12.92deg) translatez(0) translate(37px, -18px);
      transform: rotate(-12.92deg) translate(37px, -18px);
      -webkit-transform-origin: 50%  51%;
      -webkit-will-change: transform;
      z-index: 5; }
      .section--accounts .section__images .section__image:nth-of-type(1) .instance-box {
        min-width: 290px;
        max-width: 290px; }
    .section--accounts .section__images .section__image:nth-of-type(2) {
      transform: rotate(15deg) translate(-53px, -57px); }
      .section--accounts .section__images .section__image:nth-of-type(2) .instance-box {
        min-width: 271px;
        max-width: 271px; }
    .section--accounts .section__images .instance-box {
      position: relative; }
  .section--accounts .section__illustration--left, .section--accounts .section__illustration--right {
    display: flex;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }
  .section--accounts .section__illustration--left svg {
    left: 89px;
    top: 230px;
    position: absolute;
    width: 270px; }
  .section--accounts .section__illustration--left .animation-pulse:nth-of-type(1) {
    left: 89px;
    bottom: 263px;
    width: 5px;
    height: 5px; }
  .section--accounts .section__illustration--left .animation-pulse:nth-of-type(2) {
    left: 159px;
    top: 230px;
    height: 10px;
    width: 10px; }
  .section--accounts .section__illustration--right svg {
    position: absolute; }
    .section--accounts .section__illustration--right svg:nth-of-type(1) {
      right: 288px;
      bottom: 145px;
      width: 116px; }
      .section--accounts .section__illustration--right svg:nth-of-type(1)::after {
        animation-delay: 2.5s; }
    .section--accounts .section__illustration--right svg:nth-of-type(2) {
      top: 200px;
      right: 187px;
      width: 161px; }
      .section--accounts .section__illustration--right svg:nth-of-type(2)::after {
        animation-delay: 3.6s; }
  .section--accounts .section__illustration--right .animation-pulse {
    width: 7px;
    height: 7px;
    z-index: 5; }
    .section--accounts .section__illustration--right .animation-pulse:nth-of-type(1) {
      right: 396px;
      bottom: 189px; }
    .section--accounts .section__illustration--right .animation-pulse:nth-of-type(2) {
      right: 304px;
      top: 200px; }
      .section--accounts .section__illustration--right .animation-pulse:nth-of-type(2)::after {
        animation-delay: 1s; }
  .section--rounded {
    margin-inline: max(40px, 50% - 1840px/2);
    border-radius: 50px;
    z-index: 5;
    padding: 140px 0 140px 0; }
    .section--rounded > .container {
      z-index: 5;
      position: relative; }
    .section--rounded .section__top {
      align-items: center; }
    .section--rounded .section__icon {
      margin-bottom: 48px;
      display: flex; }
      .section--rounded .section__icon + .section__title {
        margin-top: 0; }
    .section--rounded .section__desc {
      font-weight: 600 !important; }
    .section--rounded .section__illustration {
      position: absolute;
      left: 50%;
      top: 0;
      transform: translateX(-50%);
      width: 100%;
      height: 100%;
      transition: all 0.3s ease-out;
      min-width: 1823px; }
      .section--rounded .section__illustration .instance-box {
        display: flex;
        flex-direction: column; }
      .section--rounded .section__illustration-left > * {
        position: absolute;
        box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07);
        border-radius: 14px; }
        .section--rounded .section__illustration-left > *:nth-child(1) {
          left: -13px;
          top: 260px; }
        .section--rounded .section__illustration-left > *:nth-child(2) {
          left: 187px;
          top: 157px; }
        .section--rounded .section__illustration-left > *:nth-child(3) {
          left: 79px;
          top: 103px; }
      .section--rounded .section__illustration-left .instance-box {
        max-width: 293px;
        width: 100%;
        box-shadow: 0px 40px 83px 0px rgba(0, 0, 0, 0.1), 0px 52px 24px 6px rgba(0, 0, 0, 0.05), 0px 22px 13px 0px rgba(0, 0, 0, 0.12); }
      .section--rounded .section__illustration-right > * {
        position: absolute;
        box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07);
        border-radius: 14px;
        display: flex; }
        .section--rounded .section__illustration-right > *:nth-child(1) {
          right: 0;
          top: 207px;
          box-shadow: 0px 40px 83px 0px rgba(0, 0, 0, 0.1), 0px 52px 24px 6px rgba(0, 0, 0, 0.05), 0px 22px 13px 0px rgba(0, 0, 0, 0.12);
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
        .section--rounded .section__illustration-right > *:nth-child(2) {
          right: 315px;
          top: 360px; }
        .section--rounded .section__illustration-right > *:nth-child(3) {
          right: 160px;
          top: 132px; }
        .section--rounded .section__illustration-right > *:nth-child(4) {
          right: 70px;
          top: 100px; }
  .section--cta .section__content {
    margin-top: 36px; }
  .section--cta .section__icon {
    width: 126px; }
  .section--cta .section__illustration .section__illustration-left--1 {
    width: 293px;
    top: 261px;
    left: -14px; }
  .section--cta .section__illustration .section__illustration-left--2 {
    width: 265px;
    top: 157px;
    left: 186px; }
  .section--cta .section__illustration .section__illustration-left--3 {
    width: 181px;
    top: 100px;
    left: 57px; }
  .section--cta .section__illustration .section__illustration-right--1 {
    width: 730px;
    right: -438px;
    top: 202px; }
  .section--cta .section__illustration .section__illustration-right--2 {
    width: 66px;
    right: 324px;
    bottom: 256px; }
  .section--cta .section__illustration .section__illustration-right--3 {
    width: 269px;
    right: 177px;
    top: 109px; }
  .section--cta .section__illustration .section__illustration-right--4 {
    width: 111px;
    top: 79px;
    right: 91px; }
  .section--cta + .footer {
    border-top: unset; }
  .section--error {
    margin-top: 76px; }
    .section--error .section__title {
      margin-bottom: 0;
      text-align: center; }
    .section--error .section__actions .btn {
      padding: 20px 32px;
      border-radius: 5px; }
    .section--error .section__illustration {
      width: 515px; }
  .section--features .section__content {
    margin-top: 80px; }
    .section--features .section__content .feature {
      background: #F5FFF9; }
  .section--features .section--inner {
    padding: 0;
    margin-top: 80px;
    overflow: visible; }
    .section--features .section--inner > .container {
      padding: 0; }
    .section--features .section--inner .section__features {
      margin-bottom: -32px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .section--features .section--inner .section__features .feature {
        width: unset;
        flex-direction: row;
        margin-bottom: 32px; }
  .section--gradient {
    background: linear-gradient(180deg, #FCFCFF 75.52%, #FFFFFF 100%); }
  .section--text-white .section__desc {
    color: #fff; }
  .section--text-white .section__title {
    color: #fff; }
  .section--members .section__content {
    margin-top: 56px; }
  .section--members .section__desc {
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    font-weight: 400 !important; }
    @media (max-width: 1365px) {
      .section--members .section__desc {
        font-size: 20px !important;
        font-weight: !important;
        line-height: 32px !important; } }
    @media (max-width: 1023px) {
      .section--members .section__desc {
        font-size: 20px !important;
        font-weight: !important;
        line-height: 32px !important; } }
    @media (max-width: 766px) {
      .section--members .section__desc {
        font-size: 18px !important;
        font-weight: !important;
        line-height: 28px !important; } }
  .section--features-sm .section__features {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
  .section--changelog {
    padding-top: 0;
    overflow: unset; }
  .section--tos, .section--privacy-policy {
    padding-top: 0;
    overflow: unset; }
  .section--slider .section__content {
    margin-top: 80px; }
  .section--explore-more .section__content {
    margin-top: 80px; }
    .section--explore-more .section__content .feature--explore {
      overflow: hidden; }
    .section--explore-more .section__content .row {
      margin-top: -32px; }
      .section--explore-more .section__content .row > div:last-of-type {
        max-width: unset; }
      .section--explore-more .section__content .row__item-wrapper {
        margin-top: 32px; }
        .section--explore-more .section__content .row__item-wrapper .feature--explore {
          margin-top: 0; }
  .section--location .section__body {
    display: flex;
    align-items: center;
    justify-content: center; }
  .section--location .section__left {
    max-width: 300px; }
  .section--location .section__right {
    max-width: 800px;
    margin-left: 88px;
    flex-grow: 1; }
  .section--location .section__title {
    margin-bottom: 0; }
  .section--location .section__desc {
    margin-top: 32px; }
    .section--location .section__desc span {
      display: block; }
  .section--posts {
    padding-bottom: 90px;
    padding-top: 40px; }
    .section--posts .section__category {
      margin-bottom: 32px;
      position: relative;
      display: flex;
      align-self: flex-start;
      z-index: 2; }
    .section--posts .section__filters img {
      margin-left: 12px; }
    @media (max-width: 766px) {
      .section--posts > .container {
        max-width: 556px; } }
  .section--comments {
    padding-top: 56px; }
    .section--comments .section__body {
      margin-top: 56px; }
  .section--roadmap {
    margin-bottom: 120px;
    margin-top: 48px;
    padding: 0;
    overflow: unset; }
    .section--roadmap .section__top {
      display: none; }
    .section--roadmap .section__content {
      overflow-x: auto;
      overflow-y: hidden;
      border-radius: 20px;
      box-shadow: 0px 8px 25px 0px rgba(14, 13, 16, 0.04), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
      height: 800px; }
    .section--roadmap .roadmap {
      height: 800px;
      width: 100%;
      overflow-y: auto; }
      .section--roadmap .roadmap__frame {
        width: 1286px;
        height: 100%;
        border-radius: 20px; }
      .section--roadmap .roadmap::-webkit-scrollbar {
        width: 13px; }
      .section--roadmap .roadmap::-webkit-scrollbar-track {
        background: #F9F9FB;
        border-left: 1px solid #F4F4F4; }
      .section--roadmap .roadmap::-webkit-scrollbar-thumb {
        background: #E8E8ED;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        background-clip: content-box; }
      .section--roadmap .roadmap::-webkit-scrollbar-thumb:hover {
        background: #a0a0a0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        background-clip: content-box; }
  .section--community .section__features {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px; }
  .section--community .section__actions {
    display: flex;
    flex-direction: row !important;
    gap: 24px; }
    .section--community .section__actions a {
      margin-bottom: 0 !important;
      margin-left: 0 !important; }
    .section--community .section__actions .btn svg path {
      transition: fill .3s ease; }
    .section--community .section__actions .btn:hover svg path {
      fill: #004A95; }

[data-smooth-item] {
  overflow: visible;
  width: 100%;
  flex-shrink: 0;
  width: 100%;
  transition-property: transform;
  position: relative;
  height: 100vh;
  min-height: 100vh;
  transition: opacity 1s ease-in;
  display: flex;
  align-items: center; }
  @media (max-width: 1365px) {
    [data-smooth-item] {
      padding: 32px 0;
      min-height: unset;
      opacity: 1; } }
  [data-smooth-item] svg {
    max-width: 100%;
    height: auto; }
  [data-smooth-item]__desc {
    margin-bottom: 0; }
  [data-smooth-item].animated {
    opacity: 1; }

/*
*******************************************
2. Section - responsive
*******************************************
*/
@media (min-width: 1366px) {
  .section--cta .row {
    margin-right: -22px;
    margin-left: -22px;
    width: 100%;
    max-width: 1208px; }
    .section--cta .row > div {
      padding-right: 22px;
      padding-left: 22px; }
  .section--slider .section__slider-price--big > span, .section--slider .section__slider-value--big > span {
    font-weight: 800; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .section + .section--sides {
    padding-top: 30px; }
  .section--sides .section__content {
    min-width: 438px !important; } }

@media (max-width: 1365px) {
  .section {
    padding: 104px 0 104px 0; }
    .section__title {
      letter-spacing: normal; }
    .section--sides .section__body {
      flex-direction: row-reverse; }
    .section--sides .section__title {
      margin-bottom: 24px; }
    .section--sides .section__content {
      margin-right: auto;
      margin-left: 68px;
      min-width: unset;
      max-width: unset; }
    .section--sides .section__graphic {
      max-width: 620px; }
      .section--sides .section__graphic-wrapper {
        min-width: 620px;
        min-height: 398px; }
    .section--sides .section__actions {
      justify-content: flex-end;
      flex-direction: row-reverse;
      margin-top: 40px; }
      .section--sides .section__actions .btn {
        margin-left: 0;
        min-width: 144px; }
        .section--sides .section__actions .btn:nth-of-type(1) {
          margin-left: 12px; }
    .section.section--title-left .section__content {
      flex-direction: column; }
    .section.section--title-left .section__title {
      margin-left: 0;
      margin-bottom: 32px;
      max-width: 500px; }
    .section.section--title-left .section__desc {
      margin-left: 0;
      max-width: 716px;
      margin-right: 0; }
      .section.section--title-left .section__desc * {
        text-align: center; }
    .section.section--title-left-sm .section__content {
      flex-direction: row; }
    .section--faq .section__right {
      margin-left: 52px;
      max-width: 552px; }
      .section--faq .section__right .list-group__item {
        padding: 32px 36px; }
        .section--faq .section__right .list-group__item + .list-group__item {
          margin-top: 28px; }
    .section--accounts .section__images .section__image:nth-of-type(1) .instance-box {
      min-width: 234px;
      max-width: 234px; }
    .section--accounts .section__images .section__image:nth-of-type(2) .instance-box {
      min-width: 219px;
      max-width: 219px; }
    .section--accounts .section__content {
      max-width: 928px;
      min-height: 514px; }
      .section--accounts .section__content .feature--user {
        padding: 14px !important; }
        .section--accounts .section__content .feature--user:nth-of-type(1) {
          top: 35px;
          left: 60px; }
        .section--accounts .section__content .feature--user:nth-of-type(2) {
          top: 98px;
          right: 0; }
        .section--accounts .section__content .feature--user:nth-of-type(3) {
          bottom: 45px;
          left: 0; }
        .section--accounts .section__content .feature--user:nth-of-type(4) {
          bottom: 50px;
          right: 79px; }
    .section--accounts .section__illustration--left svg {
      left: 68px;
      top: 187px;
      width: 228px; }
    .section--accounts .section__illustration--left .animation-pulse:nth-of-type(1) {
      left: 68px;
      bottom: 222px; }
    .section--accounts .section__illustration--left .animation-pulse:nth-of-type(2) {
      left: 126px;
      top: 187px; }
    .section--accounts .section__illustration--right svg:nth-of-type(1) {
      bottom: 121px;
      right: 243px;
      width: 79px; }
    .section--accounts .section__illustration--right svg:nth-of-type(2) {
      right: 162px;
      top: 159px; }
    .section--accounts .section__illustration--right .animation-pulse:nth-of-type(1) {
      right: 316px;
      bottom: 150px; }
    .section--accounts .section__illustration--right .animation-pulse:nth-of-type(2) {
      right: 233px;
      top: 158px; }
    .section--features-main {
      padding-bottom: 52px; }
      .section--features-main + .section--sides {
        padding-top: 0; }
    .section.section--tools .section__title {
      margin-right: 88px !important;
      display: flex;
      flex-direction: column;
      width: auto;
      align-items: flex-start; }
    .section.section--tools .section__desc {
      max-width: 470px;
      margin-top: 0;
      margin-left: 0; }
    .section.section--tools .container + .container {
      margin-top: 52px; }
    .section--hosting .section__content + * {
      margin-top: 52px; }
    .section--hosting .section__body .swiper-wrapper .feature {
      margin-top: 0; }
    .section--hosting .section__title {
      text-align: center; }
    .section--hosting .section__desc {
      text-align: center; }
    .section--pricing .section__wrapper {
      margin-top: 20px; }
      .section--pricing .section__wrapper .vue-slider {
        height: 8px; }
    .section--rounded {
      margin-inline: unset;
      margin: 0 40px;
      max-width: 1840px; }
      .section--rounded .section__illustration {
        min-width: unset; }
        .section--rounded .section__illustration-left > *:nth-child(1) {
          left: -125px;
          top: unset;
          bottom: 40px; }
        .section--rounded .section__illustration-left > *:nth-child(2) {
          left: -83px;
          top: unset;
          bottom: 127px;
          width: 187px; }
        .section--rounded .section__illustration-left > *:nth-child(3) {
          left: 63px;
          top: 67px;
          width: 113px; }
        .section--rounded .section__illustration-left .instance-box {
          max-width: 190px; }
        .section--rounded .section__illustration-right > *:nth-child(1) {
          height: 347px;
          right: -216px;
          top: 124px;
          width: auto; }
        .section--rounded .section__illustration-right > *:nth-child(2) {
          right: 80px;
          top: unset;
          bottom: 37px;
          width: 52px; }
        .section--rounded .section__illustration-right > *:nth-child(3) {
          right: -29px;
          top: 56px;
          width: 193px; }
        .section--rounded .section__illustration-right > *:nth-child(4) {
          display: none; }
        .section--rounded .section__illustration-right .instance-box {
          max-width: 190px; }
    .section--cta .section__title {
      margin-bottom: 20px; }
    .section--cta .section__icon {
      margin-bottom: 36px;
      width: 92px; }
    .section--cta .section__illustration .section__illustration-left--1 {
      width: 191px;
      top: unset;
      bottom: 90px;
      left: -124px; }
    .section--cta .section__illustration .section__illustration-left--2 {
      width: 187px;
      top: 194px;
      left: -83px; }
    .section--cta .section__illustration .section__illustration-left--3 {
      width: 113px;
      top: 90px;
      left: 64px; }
    .section--cta .section__illustration .section__illustration-right--1 {
      width: 707px;
      right: -646px;
      top: 152px; }
    .section--cta .section__illustration .section__illustration-right--2 {
      width: 52px;
      right: 80px;
      bottom: 84px; }
    .section--cta .section__illustration .section__illustration-right--3 {
      width: 193px;
      right: -29px;
      top: 84px; }
    .section--error {
      padding: 120px 0 120px 0; }
      .section--error .section__illustration {
        display: flex;
        flex-direction: column;
        width: 365px; }
      .section--error .section__title {
        margin-top: 32px;
        letter-spacing: -0.02em; }
    .no-results.not-found .section__illustration {
      width: 365px; }
    .section--features .section__content {
      margin-top: 52px; }
    .section.section--title-left-sm .section__content {
      padding: 0 68px; }
    .section.section--title-left-sm .section__desc {
      margin-left: 34px; }
    .section.section--title-left-sm .section__title {
      margin-right: 34px !important; }
    .section.section--title-left-sm .section__desc, .section.section--title-left-sm .section__title {
      max-width: unset;
      text-align: left; }
    .section--slider .section__content {
      margin-top: 52px; }
    .section--location {
      margin-top: 0; }
      .section--location .section__right {
        max-width: unset;
        margin-left: 52px;
        flex-grow: 1; }
      .section--location .section__body {
        justify-content: space-between; }
    .section--changelog {
      padding-top: 28px; }
    .section--tos, .section--privacy-policy {
      padding-top: 28px; }
    .section--roadmap {
      padding: 0; } }

@media (max-width: 1023px) {
  .section {
    padding: 48px 0 48px 0; }
    .section__title {
      margin-bottom: 20px; }
    .section > .container + * {
      margin-top: 48px; }
    .section__content + * {
      margin-top: 44px; }
    .section__content, .section__graphic {
      max-width: unset;
      min-width: unset; }
    .section__desc {
      max-width: unset; }
    .section__desc, .section__title {
      text-align: center; }
    .section__content--left .section__actions {
      justify-content: center; }
    .section--live-demo .section__feature-wrapper {
      flex-direction: column; }
    .section--live-demo .section__top {
      max-width: 688px;
      margin: 0 auto; }
    .section--sides {
      padding-top: 24px; }
      .section--sides .section__title {
        margin-bottom: 16px; }
      .section--sides .section__desc {
        margin-top: 0 !important; }
      .section--sides .section__body {
        flex-direction: column-reverse;
        align-items: center; }
      .section--sides .section__content {
        min-width: 507px;
        max-width: 500px;
        margin-top: 28px;
        margin-left: 0;
        margin-right: 0; }
      .section--sides .section__graphic {
        max-width: 500px; }
        .section--sides .section__graphic-wrapper {
          min-width: 500px;
          min-height: 321px; }
      .section--sides .section__actions {
        margin-top: 28px; }
    .section--features-main {
      padding-bottom: 44px; }
    .section--accounts .section__content {
      max-width: 591px;
      min-width: 591px;
      min-height: 371px;
      margin-top: 44px; }
      .section--accounts .section__content .feature--user {
        padding: 10px !important; }
        .section--accounts .section__content .feature--user:nth-of-type(1) {
          top: 30px;
          left: 41px; }
        .section--accounts .section__content .feature--user:nth-of-type(2) {
          top: 79px;
          right: 0; }
        .section--accounts .section__content .feature--user:nth-of-type(3) {
          bottom: -8px;
          left: 0; }
        .section--accounts .section__content .feature--user:nth-of-type(4) {
          bottom: 34px;
          right: 28px; }
    .section--accounts .section__images .section__image:nth-of-type(1) {
      transform: rotate(-12.92deg) translate(19px, 0px);
      z-index: 5; }
      .section--accounts .section__images .section__image:nth-of-type(1) .instance-box {
        max-width: 150px;
        min-width: 150px; }
    .section--accounts .section__images .section__image:nth-of-type(2) {
      transform: rotate(15deg) translate(-23px, -20px); }
      .section--accounts .section__images .section__image:nth-of-type(2) .instance-box {
        max-width: 140px;
        min-width: 140px; }
    .section--accounts .section__illustration--left svg {
      left: 47px;
      top: 144px;
      width: 186px; }
    .section--accounts .section__illustration--left .animation-pulse:nth-of-type(1) {
      left: 46px;
      bottom: 140px; }
    .section--accounts .section__illustration--left .animation-pulse:nth-of-type(2) {
      left: 94px;
      top: 143px; }
    .section--accounts .section__illustration--right svg:nth-of-type(1) {
      bottom: 82px;
      right: 144px;
      width: 62px; }
    .section--accounts .section__illustration--right svg:nth-of-type(2) {
      right: 110px;
      top: 130px;
      width: 100px; }
    .section--accounts .section__illustration--right .animation-pulse:nth-of-type(1) {
      right: 200px;
      bottom: 105px; }
    .section--accounts .section__illustration--right .animation-pulse:nth-of-type(2) {
      right: 136px;
      top: 130px; }
    .section--faq .section__body {
      flex-direction: column; }
    .section--faq .section__left {
      display: flex;
      align-items: center;
      flex-direction: column;
      max-width: unset; }
      .section--faq .section__left .section__title {
        margin-bottom: 0;
        margin-top: 24px; }
      .section--faq .section__left .section__desc {
        margin-top: 20px; }
    .section--faq .section__right {
      max-width: unset;
      margin-top: 44px;
      margin-left: 0; }
      .section--faq .section__right .list-group__item {
        padding: 32px 40px; }
        .section--faq .section__right .list-group__item + .list-group__item {
          margin-top: 24px; }
    .section--faq .section__actions .feature {
      margin-top: 0; }
      .section--faq .section__actions .feature__body {
        align-items: center;
        width: 100%; }
    .section--cta {
      padding: 48px 0; }
      .section--cta .section__title {
        margin-bottom: 0; }
      .section--cta .section__illustration {
        display: none; }
      .section--cta .section__content {
        margin-top: 24px; }
      .section--cta .section__icon {
        margin-bottom: 24px;
        width: 80px; }
      .section--cta .section__desc {
        margin-top: 16px; }
      .section--cta .row {
        flex-direction: column;
        align-items: center; }
    .section.section--title-left .section__top {
      flex-direction: column; }
    .section.section--title-left .section__title {
      display: block; }
    .section.section--title-left-sm .section__content {
      flex-direction: column;
      padding: 0; }
    .section.section--title-left-sm .section__title {
      text-align: center;
      margin-right: 0 !important; }
    .section.section--title-left-sm .section__desc {
      margin-left: 0;
      text-align: center;
      font-size: 20px !important;
      font-weight: 400 !important;
      line-height: 32px !important; } }
    @media (max-width: 1023px) and (max-width: 1365px) {
      .section.section--title-left-sm .section__desc {
        font-size: 20px !important;
        font-weight: !important;
        line-height: 32px !important; } }
    @media (max-width: 1023px) and (max-width: 1023px) {
      .section.section--title-left-sm .section__desc {
        font-size: 20px !important;
        font-weight: !important;
        line-height: 32px !important; } }
    @media (max-width: 1023px) and (max-width: 766px) {
      .section.section--title-left-sm .section__desc {
        font-size: 18px !important;
        font-weight: !important;
        line-height: 28px !important; } }

@media (max-width: 1023px) {
    .section.section--tools .section__title {
      margin-right: 0 !important; }
    .section.section--tools .section__desc {
      max-width: unset; }
    .section.section--tools .container + .container {
      margin-top: 44px; }
    .section--slider .section__packages .row > div + div {
      margin-top: 16px; }
    .section--slider .section__wrapper {
      max-width: 523px;
      display: flex;
      align-items: center;
      flex-direction: column; }
    .section--slider .section__slider {
      margin-top: 4px; }
      .section--slider .section__slider-price {
        font-size: 26px;
        line-height: 28px;
        margin-top: 15px; }
      .section--slider .section__slider .vue-slider {
        padding: 6px 0 !important; }
    .section--slider .section__packages {
      padding-left: 60px;
      padding-right: 60px;
      margin-top: 0;
      padding-top: 6px; }
    .section--slider .banner__desc {
      font-size: 20px !important;
      font-weight: 400 !important;
      line-height: 32px !important;
      font-weight: 400 !important; } }
    @media (max-width: 1023px) and (max-width: 1365px) {
      .section--slider .banner__desc {
        font-size: 20px !important;
        font-weight: !important;
        line-height: 32px !important; } }
    @media (max-width: 1023px) and (max-width: 1023px) {
      .section--slider .banner__desc {
        font-size: 20px !important;
        font-weight: !important;
        line-height: 32px !important; } }
    @media (max-width: 1023px) and (max-width: 766px) {
      .section--slider .banner__desc {
        font-size: 18px !important;
        font-weight: !important;
        line-height: 28px !important; } }

@media (max-width: 1023px) {
    .section--pricing .section__actions {
      flex-direction: column;
      margin-top: 36px; }
      .section--pricing .section__actions > span {
        margin-top: 8px;
        margin-left: 0 !important;
        text-align: center; }
    .section--rounded {
      margin: 0 28px;
      border-radius: 30px; }
    .section--error {
      padding: 88px 0 88px 0; }
      .section--error .section__illustration {
        width: 320px; }
      .section--error .section__actions {
        margin-top: 24px; }
    .no-results.not-found .section__illustration {
      width: 320px; }
    .section--features .section__content {
      margin-top: 44px; }
    .section--features .section--inner .section__features {
      margin-bottom: 0;
      margin-top: 0; }
      .section--features .section--inner .section__features .feature {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        width: 100%;
        padding: 24px 16px; }
    .section--members .section__content {
      margin-top: 44px;
      max-width: 507px;
      margin-left: auto;
      margin-right: auto; }
      .section--members .section__content .row > div:nth-of-type(1) .feature {
        margin-top: 0; }
    .section--slider .section__content {
      margin-top: 44px; }
    .section--slider .section__desc {
      font-size: 20px;
      line-height: 32px; }
    .section--location .section__body {
      flex-direction: column;
      justify-content: center; }
    .section--location .section__left {
      max-width: unset;
      display: flex;
      flex-direction: column;
      align-items: center; }
    .section--location .section__desc {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 20px; }
    .section--location .section__right {
      margin-left: 0;
      width: 100%;
      margin-top: 44px; }
    .section--changelog {
      padding-top: 12px; }
    .section--tos, .section--privacy-policy {
      padding-top: 12px; }
    .section--comments {
      padding-top: 40px; }
      .section--comments .section__body {
        margin-top: 40px; }
    .section--roadmap {
      padding: 0; }
    .section--explore-more .section__content .row > div:last-of-type {
      flex-grow: 1; }
  .section--dark {
    padding: 140px 0;
    margin-top: 80px; } }

@media (min-width: 1px) {
  .section .section__content + .section__graphic {
    align-items: flex-end; } }

@media (max-width: 766px) {
  .section {
    padding: 52px 0; }
    .section__title {
      margin-bottom: 16px;
      max-width: 300px; }
    .section .section__content-xs-center {
      text-align: center; }
    .section__graphic {
      justify-content: flex-start; }
    .section__content + * {
      margin-top: 32px; }
    .section--live-demo .container {
      padding-left: 24px !important;
      padding-right: 24px !important; }
    .section--live-demo .section__feature-wrapper {
      gap: 32px; }
    .section--roadmap .section__content {
      height: auto; }
    .section--roadmap .roadmap {
      height: auto; }
    .section.section--text-center .section__actions {
      justify-content: center;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center; }
      .section.section--text-center .section__actions .btn {
        max-width: 200px;
        min-width: unset;
        width: 100%;
        margin: 0; }
        .section.section--text-center .section__actions .btn:not(:last-child) {
          margin-bottom: 24px; }
    .section.section--first-mob {
      padding-top: 32px !important; }
    .section--explore-more .section__content {
      margin-top: 16px; }
    .section--faq .section__left .section__title {
      margin-bottom: 0;
      margin-top: 24px; }
    .section--faq .section__left .section__desc {
      margin-top: 20px; }
    .section--faq .section__right .list-group__item {
      padding: 28px; }
      .section--faq .section__right .list-group__item + .list-group__item {
        margin-top: 20px; }
    .section--sides {
      padding-top: 20px; }
      .section--sides .section__content {
        min-width: unset;
        margin-top: 24px; }
      .section--sides .section__graphic {
        max-width: 100%; }
        .section--sides .section__graphic-wrapper {
          min-width: unset;
          min-height: unset; }
      .section--sides .section__actions {
        margin-top: 20px; }
    .section--features-main {
      padding-bottom: 40px; }
      .section--features-main + .section--sides {
        padding-top: 0; }
    .section--cta {
      padding: 52px 0; }
      .section--cta .section__title {
        margin-bottom: 16px;
        max-width: unset; }
      .section--cta .section__content {
        margin-top: 20px; }
        .section--cta .section__content .btn {
          height: 56px; }
      .section--cta .section__icon {
        width: 88px; }
    .section--accounts .section__content {
      min-width: 380px;
      max-width: 380px;
      min-height: 753px;
      margin-top: 32px;
      left: 50%;
      transform: translateX(-50%);
      margin-left: 0;
      margin-right: 0; }
      .section--accounts .section__content .feature--user {
        padding: 12px !important; }
        .section--accounts .section__content .feature--user:nth-of-type(1) {
          top: 0;
          left: 130px;
          max-width: 130px; }
        .section--accounts .section__content .feature--user:nth-of-type(2) {
          top: unset;
          bottom: 127px;
          right: 22px; }
        .section--accounts .section__content .feature--user:nth-of-type(3) {
          bottom: unset;
          top: 210px;
          left: 39px; }
        .section--accounts .section__content .feature--user:nth-of-type(4) {
          bottom: 32px;
          left: 130px;
          right: unset; }
    .section--accounts .section__images .section__image:nth-of-type(1) {
      transform: translateY(106px);
      z-index: 5; }
      .section--accounts .section__images .section__image:nth-of-type(1) .instance-box {
        max-width: 184px;
        left: -10px; }
    .section--accounts .section__images .section__image:nth-of-type(2) {
      transform: translateY(-20px); }
      .section--accounts .section__images .section__image:nth-of-type(2) .instance-box {
        max-width: 173px;
        right: -10px; }
    .section--accounts .section__illustration--left svg {
      left: 47px;
      top: 144px;
      width: 186px; }
    .section--accounts .section__illustration--left .animation-pulse:nth-of-type(1) {
      left: 46px;
      bottom: 140px; }
    .section--accounts .section__illustration--left .animation-pulse:nth-of-type(2) {
      left: unset;
      right: 80px;
      top: 232px; }
    .section--accounts .section__illustration--right svg:nth-of-type(1) {
      bottom: 108px;
      right: unset;
      left: 45px;
      width: 84px; }
    .section--accounts .section__illustration--right svg:nth-of-type(2) {
      right: unset;
      left: 132px;
      bottom: 244px;
      top: unset;
      width: 70px; }
    .section--accounts .section__illustration--right svg:nth-of-type(3) {
      right: unset;
      left: 82px;
      top: 143px;
      width: 214px; }
    .section--accounts .section__illustration--right .animation-pulse:nth-of-type(1) {
      right: unset;
      left: 102px;
      bottom: unset;
      top: 192px; }
    .section--accounts .section__illustration--right .animation-pulse:nth-of-type(2) {
      right: 179px;
      top: 141px; }
    .section--hosting > .container {
      padding-left: 20px;
      padding-right: 20px; }
    .section--hosting .section__title, .section--hosting .section__desc {
      text-align: left; }
    .section--rounded {
      margin: 0 20px;
      border-radius: 20px; }
    .section--slider .section__packages {
      padding-left: 0;
      padding-right: 0;
      padding-top: 22px; }
    .section--slider .section__wrapper {
      max-width: unset; }
    .section--slider .section__slider {
      max-width: 311px;
      margin-top: 16px; }
      .section--slider .section__slider-price {
        font-size: 24px;
        line-height: 28px; }
    .section--slider .section__title {
      margin-bottom: 0; }
    .section--error .section__illustration {
      width: 252px; }
    .section--error .section__actions .btn {
      font-size: 18px;
      line-height: 28px; }
    .no-results.not-found .section__illustration {
      width: 252px; }
    .no-results.not-found .section__actions .btn {
      font-size: 18px;
      line-height: 28px; }
    .section--features > .container {
      padding-left: 20px;
      padding-right: 20px; }
    .section--features .section__content {
      margin-top: 40px; }
    .section--features .section--inner .section__features .feature {
      padding: 20px 24px; }
    .section--features .section--inner .section__body {
      margin-top: 16px; }
    .section--members .section__content {
      margin-top: 40px; }
      .section--members .section__content .row > div {
        padding: 0; }
    .section--slider .section__content {
      margin-top: 32px; }
    .section--location .section__right {
      margin-top: 36px; }
    .section--location .section__desc {
      margin-top: 16px; }
    .section--location .section__title {
      margin-top: 8px; }
    .section--comments .post {
      margin: 0; }
    .section--changelog {
      padding-top: 0; }
    .section--tos, .section--privacy-policy {
      padding-top: 0; }
    .section--roadmap {
      padding: 0; } }

.site {
  overflow: hidden;
  position: relative;
  max-width: 100vw;
  display: block !important; }
  .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--changelog {
    overflow: initial; }
  .site--footer-border .footer {
    border-top: 1px solid #F4F4F4; }
  .site .page {
    background-image: url("~/assets/icons/bg-live-demo.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    overflow-y: scroll; }

@media (max-width: 1023px) {
  .site {
    position: static; } }

.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; }

/*
*******************************************
Buttons
1. General
2. Sizes
3. Types
4. Colors
5. Group
6. Actions
7. Min Width
8. 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;
  outline: 0;
  border-radius: 12px;
  border: unset;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  padding: 0 16px;
  height: 48px;
  border-radius: 5px; }
  .btn .btn__icon {
    font-size: 24px; }
  @media (max-width: 1365px) {
    .btn {
      font-size: 16px;
      line-height: 26px;
      height: 48px;
      border-radius: 5px; } }
  @media (max-width: 766px) {
    .btn {
      font-size: 15px;
      line-height: 24px;
      height: 48px;
      border-radius: 5px; } }
  .btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: inherit;
    font-size: 24px;
    line-height: 24px;
    margin-left: 12px; }
    .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: white;
    border: 1px solid white;
    margin-left: 8px; }
  .btn__label {
    color: #8D94A6;
    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; }
  .btn--features.btn--sm {
    padding: 8px 12px;
    font-size: 14px;
    display: flex;
    flex-direction: row-reverse; }
    .btn--features.btn--sm span {
      line-height: 24px;
      font-weight: 700; }
    .btn--features.btn--sm svg {
      margin-bottom: 2px;
      margin-right: 8px; }
  .btn--outline-border {
    border-color: #004A95 !important; }

/*
*******************************************
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 #004A95; }

.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: #004A95; }
  .btn.btn--link:hover {
    background: transparent;
    color: #004A95; }
  .btn.btn--link:active, .btn.btn--link:focus, .btn.btn--link.is-active, .btn.btn--link.drop-enabled {
    background: transparent;
    color: #004A95; }
  .btn.btn--link.btn--plain {
    color: #555C6D; }

.btn.is-loading .btn__preloader {
  visibility: visible; }

.btn.is-loading .btn__text {
  visibility: hidden; }

.btn.is-loading .btn__icon {
  visibility: hidden; }

.btn--icon {
  height: 32px;
  width: 32px !important;
  min-width: unset !important; }

.btn--gradient-primary, .btn--gradient-blue {
  margin-left: 0 !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #FFF;
  transition: background-color 0.3s ease; }
  .btn--gradient-primary:before, .btn--gradient-blue:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFF 0%, #FFF 100%);
    z-index: -1;
    transition: opacity 0.3s ease;
    opacity: 1; }
  .btn--gradient-primary:hover, .btn--gradient-blue:hover {
    background-color: #FFFFFF; }
    .btn--gradient-primary:hover:before, .btn--gradient-blue:hover:before {
      opacity: 0; }
  .btn--gradient-primary__nav, .btn--gradient-blue__nav {
    margin-top: 12px; }
    .btn--gradient-primary__nav svg, .btn--gradient-blue__nav svg {
      margin-right: 12px; }

.btn--gradient-primary {
  color: #42B43F;
  margin-top: 20px;
  background-color: #EAFEF6; }
  .btn--gradient-primary:before {
    background: linear-gradient(90deg, #EAFEF6 0%, #D3FFED 100%); }
  .btn--gradient-primary:hover {
    color: #42B43F; }
  .btn--gradient-primary__nav {
    background: #004A95;
    color: #fff; }
    .btn--gradient-primary__nav::before {
      background: transparent; }
    .btn--gradient-primary__nav:hover, .btn--gradient-primary__nav:visited {
      color: #fff; }
  .btn--gradient-primary-white-bg {
    color: #004A95;
    background: rgba(7, 192, 126, 0.16);
    transition: background 0.3s ease; }
    .btn--gradient-primary-white-bg:hover {
      background: rgba(7, 192, 126, 0.32);
      color: #004A95; }

.btn--gradient-blue {
  color: #5865F2;
  margin-top: 20px;
  background-color: #EBEDFF; }
  .btn--gradient-blue:before {
    background: linear-gradient(90deg, #EBEDFF 0%, #E3E6FF 100%); }
  .btn--gradient-blue:hover, .btn--gradient-blue:visited {
    color: #5865F2; }
  .btn--gradient-blue__nav {
    background: #5865F2;
    color: #fff; }
    .btn--gradient-blue__nav::before {
      background: transparent; }
    .btn--gradient-blue__nav:hover, .btn--gradient-blue__nav:visited {
      color: #fff; }
  .btn--gradient-blue-primary {
    border-color: #004A95 !important; }
    .btn--gradient-blue-primary svg path:last-child {
      fill: #004A95; }
    .btn--gradient-blue-primary svg g {
      stroke: #004A95; }

.btn--warning svg {
  margin-right: 8px; }

@media (max-width: 766px) {
  .btn__icon {
    margin-left: 8px; }
  .btn.btn--mob-link {
    background: transparent;
    box-shadow: none;
    border: transparent;
    color: #004A95; }
    .btn.btn--mob-link:hover {
      background: transparent;
      color: #004A95; }
    .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: #004A95; }
    .btn.btn--mob-link.btn--plain {
      color: #555C6D; }
  .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: 13px;
  font-weight: 700;
  line-height: 20px;
  padding: 0 16px;
  height: 32px;
  border-radius: 5px; }
  .btn--xs .btn__icon {
    font-size: 24px; }
  @media (max-width: 1365px) {
    .btn--xs {
      font-size: 14px;
      line-height: 24px;
      height: 32px;
      border-radius: 5px; } }
  @media (max-width: 766px) {
    .btn--xs {
      font-size: 14px;
      line-height: 24px;
      height: 32px;
      border-radius: 5px; } }

.btn--sm {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  padding: 0 16px;
  height: 40px;
  border-radius: 5px; }
  .btn--sm .btn__icon {
    font-size: 24px; }
  @media (max-width: 1365px) {
    .btn--sm {
      font-size: 14px;
      line-height: 24px;
      height: 36px;
      border-radius: 5px; } }
  @media (max-width: 766px) {
    .btn--sm {
      font-size: 14px;
      line-height: 24px;
      height: 36px;
      border-radius: 5px; } }

.btn--d {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  padding: 0 16px;
  height: 48px;
  border-radius: 5px; }
  .btn--d .btn__icon {
    font-size: 24px; }
  @media (max-width: 1365px) {
    .btn--d {
      font-size: 16px;
      line-height: 26px;
      height: 48px;
      border-radius: 5px; } }
  @media (max-width: 766px) {
    .btn--d {
      font-size: 15px;
      line-height: 24px;
      height: 48px;
      border-radius: 5px; } }

.btn--lg {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  padding: 0 16px;
  height: 56px;
  border-radius: 5px; }
  .btn--lg .btn__icon {
    font-size: 24px; }
  @media (max-width: 1365px) {
    .btn--lg {
      font-size: 20px;
      line-height: 32px;
      height: 56px;
      border-radius: 5px; } }
  @media (max-width: 766px) {
    .btn--lg {
      font-size: 18px;
      line-height: 28px;
      height: 48px;
      border-radius: 5px; } }

.btn--xlg {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  padding: 0 16px;
  height: 56px;
  border-radius: 5px; }
  .btn--xlg .btn__icon {
    font-size: 24px; }
  @media (max-width: 1365px) {
    .btn--xlg {
      font-size: 20px;
      line-height: 32px;
      height: 56px;
      border-radius: 5px; } }
  @media (max-width: 766px) {
    .btn--xlg {
      font-size: 15px;
      line-height: 24px;
      height: 56px;
      border-radius: 5px; } }

.btn--icon {
  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--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: 40px;
    min-width: 40px;
    /*
    @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: 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: 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--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--lg {
    padding: 0 32px; }
  .btn--rounded.btn--xlg {
    padding: 0 40px; }

@media (max-width: 1023px) {
  .btn--tab-xs {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 16px;
    height: 32px;
    border-radius: 5px; }
    .btn--tab-xs .btn__icon {
      font-size: 24px; } }
  @media (max-width: 1023px) and (max-width: 1365px) {
    .btn--tab-xs {
      font-size: 14px;
      line-height: 24px;
      height: 32px;
      border-radius: 5px; } }
  @media (max-width: 1023px) and (max-width: 766px) {
    .btn--tab-xs {
      font-size: 14px;
      line-height: 24px;
      height: 32px;
      border-radius: 5px; } }

@media (max-width: 1023px) {
  .btn--tab-sm {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 16px;
    height: 40px;
    border-radius: 5px; }
    .btn--tab-sm .btn__icon {
      font-size: 24px; } }
  @media (max-width: 1023px) and (max-width: 1365px) {
    .btn--tab-sm {
      font-size: 14px;
      line-height: 24px;
      height: 36px;
      border-radius: 5px; } }
  @media (max-width: 1023px) and (max-width: 766px) {
    .btn--tab-sm {
      font-size: 14px;
      line-height: 24px;
      height: 36px;
      border-radius: 5px; } }

@media (max-width: 1023px) {
  .btn--tab-d {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    padding: 0 16px;
    height: 48px;
    border-radius: 5px; }
    .btn--tab-d .btn__icon {
      font-size: 24px; } }
  @media (max-width: 1023px) and (max-width: 1365px) {
    .btn--tab-d {
      font-size: 16px;
      line-height: 26px;
      height: 48px;
      border-radius: 5px; } }
  @media (max-width: 1023px) and (max-width: 766px) {
    .btn--tab-d {
      font-size: 15px;
      line-height: 24px;
      height: 48px;
      border-radius: 5px; } }

@media (max-width: 1023px) {
  .btn--tab-lg {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    padding: 0 16px;
    height: 56px;
    border-radius: 5px; }
    .btn--tab-lg .btn__icon {
      font-size: 24px; } }
  @media (max-width: 1023px) and (max-width: 1365px) {
    .btn--tab-lg {
      font-size: 20px;
      line-height: 32px;
      height: 56px;
      border-radius: 5px; } }
  @media (max-width: 1023px) and (max-width: 766px) {
    .btn--tab-lg {
      font-size: 18px;
      line-height: 28px;
      height: 48px;
      border-radius: 5px; } }

@media (max-width: 1023px) {
  .btn--tab-xlg {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    padding: 0 16px;
    height: 56px;
    border-radius: 5px; }
    .btn--tab-xlg .btn__icon {
      font-size: 24px; } }
  @media (max-width: 1023px) and (max-width: 1365px) {
    .btn--tab-xlg {
      font-size: 20px;
      line-height: 32px;
      height: 56px;
      border-radius: 5px; } }
  @media (max-width: 1023px) and (max-width: 766px) {
    .btn--tab-xlg {
      font-size: 15px;
      line-height: 24px;
      height: 56px;
      border-radius: 5px; } }

/*
*******************************************
4. Buttons - colors
*******************************************
*/
.btn--default {
  color: #555C6D;
  background: #fff; }
  .btn--default:hover {
    color: #555C6D;
    background: white; }
  .btn--default:active, .btn--default:focus, .btn--default.is-active, .btn--default.drop-enabled {
    color: #555C6D;
    background: white; }

.btn--primary {
  color: #fff;
  background: #004A95; }
  .btn--primary:hover {
    color: #fff;
    background: #3C8EE1; }
  .btn--primary:active, .btn--primary:focus, .btn--primary.is-active, .btn--primary.drop-enabled {
    color: #fff;
    background: #3C8EE1; }

.btn--secondary {
  color: #fff;
  background: #1A1E28; }
  .btn--secondary:hover {
    color: #fff;
    background: #2E3442; }
  .btn--secondary:active, .btn--secondary:focus, .btn--secondary.is-active, .btn--secondary.drop-enabled {
    color: #fff;
    background: #12151C; }

.btn--success {
  color: #fff;
  background: #5BC758; }
  .btn--success:hover {
    color: #fff;
    background: #79E06B; }
  .btn--success:active, .btn--success:focus, .btn--success.is-active, .btn--success.drop-enabled {
    color: #fff;
    background: #42B43F; }

.btn--info {
  color: #fff;
  background: #2CADD4; }
  .btn--info:hover {
    color: #fff;
    background: #2FD2E0; }
  .btn--info:active, .btn--info:focus, .btn--info.is-active, .btn--info.drop-enabled {
    color: #fff;
    background: #1F8FB0; }

.btn--warning {
  color: #fff;
  background: #FF8E2B; }
  .btn--warning:hover {
    color: #fff;
    background: #FFA75C; }
  .btn--warning:active, .btn--warning:focus, .btn--warning.is-active, .btn--warning.drop-enabled {
    color: #fff;
    background: #E6741A; }

.btn--danger {
  color: #fff;
  background: #E54646; }
  .btn--danger:hover {
    color: #fff;
    background: #ED7D7D; }
  .btn--danger:active, .btn--danger:focus, .btn--danger.is-active, .btn--danger.drop-enabled {
    color: #fff;
    background: #E23131; }

.btn--light-overlay {
  color: #fff;
  background: rgba(255, 255, 255, 0.3); }
  .btn--light-overlay:hover {
    color: #fff;
    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: #fff;
    background: rgba(255, 255, 255, 0.1); }

.btn--dark-overlay {
  color: #fff;
  background: rgba(0, 0, 0, 0.15); }
  .btn--dark-overlay:hover {
    color: #fff;
    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: #fff;
    background: rgba(0, 0, 0, 0.2); }

.btn--plain {
  background-color: #fff;
  color: #555C6D; }
  .btn--plain:hover {
    background-color: #E6FEF6; }

.btn--outline {
  background: transparent;
  box-shadow: none; }
  .btn--outline.btn--default {
    color: #555C6D;
    border-color: #fff; }
    .btn--outline.btn--default:hover {
      color: #555C6D;
      border-color: white; }
    .btn--outline.btn--default:active, .btn--outline.btn--default:focus, .btn--outline.btn--default.is-active, .btn--outline.btn--default.drop-enabled {
      color: #555C6D;
      border-color: #f7f7f7; }
  .btn--outline.btn--primary {
    color: #004A95;
    border-color: #E8E8ED; }
    .btn--outline.btn--primary:hover {
      color: #004A95;
      background: #004A951A;
      border-color: #3C8EE1; }
    .btn--outline.btn--primary:active, .btn--outline.btn--primary:focus, .btn--outline.btn--primary.is-active, .btn--outline.btn--primary.drop-enabled {
      color: #004A95;
      background: #004A951A;
      border-color: #3C8EE1; }
  .btn--outline.btn--secondary {
    color: #1A1E28;
    border-color: #1A1E28; }
    .btn--outline.btn--secondary:hover {
      color: #2E3442;
      border-color: #2E3442; }
    .btn--outline.btn--secondary:active, .btn--outline.btn--secondary:focus, .btn--outline.btn--secondary.is-active, .btn--outline.btn--secondary.drop-enabled {
      color: #12151C;
      border-color: #12151C; }
  .btn--outline.btn--success {
    color: #5BC758;
    border-color: #5BC758; }
    .btn--outline.btn--success:hover {
      color: #79E06B;
      border-color: #79E06B; }
    .btn--outline.btn--success:active, .btn--outline.btn--success:focus, .btn--outline.btn--success.is-active, .btn--outline.btn--success.drop-enabled {
      color: #42B43F;
      border-color: #42B43F; }
  .btn--outline.btn--info {
    color: #2CADD4;
    border-color: #2CADD4; }
    .btn--outline.btn--info:hover {
      color: #2FD2E0;
      border-color: #2FD2E0; }
    .btn--outline.btn--info:active, .btn--outline.btn--info:focus, .btn--outline.btn--info.is-active, .btn--outline.btn--info.drop-enabled {
      color: #1F8FB0;
      border-color: #1F8FB0; }
  .btn--outline.btn--warning {
    color: #FF8E2B;
    border-color: #E8E8ED; }
    .btn--outline.btn--warning:hover {
      color: #FFA75C;
      background: #FF8E2B26;
      border-color: #FFA75C; }
    .btn--outline.btn--warning:active, .btn--outline.btn--warning:focus, .btn--outline.btn--warning.is-active, .btn--outline.btn--warning.drop-enabled {
      color: #E6741A;
      background: #FF8E2B26;
      border-color: #E6741A; }
  .btn--outline.btn--danger {
    color: #E54646;
    border-color: #E54646; }
    .btn--outline.btn--danger:hover {
      color: #ED7D7D;
      border-color: #ED7D7D; }
    .btn--outline.btn--danger:active, .btn--outline.btn--danger:focus, .btn--outline.btn--danger.is-active, .btn--outline.btn--danger.drop-enabled {
      color: #E23131;
      border-color: #E23131; }
  .btn--outline.btn--light-overlay {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4); }
    .btn--outline.btn--light-overlay:hover {
      color: #fff;
      border-color: rgba(255, 255, 255, 0.3); }
    .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: #fff;
      border-color: rgba(255, 255, 255, 0.3); }
  .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);
      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);
      border-color: rgba(0, 0, 0, 0.2); }
  .btn--outline.btn--plain {
    color: #555C6D;
    border-color: #fff; }
  .btn--outline .btn__icon {
    color: inherit; }
  .btn--outline-primary {
    border-color: #004A95 !important; }
    .btn--outline-primary svg path:last-child {
      fill: #004A95; }
    .btn--outline-primary svg g {
      stroke: #004A95; }

.btn--link.btn--default {
  color: #555C6D; }
  .btn--link.btn--default:hover {
    color: #555C6D; }
  .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: #555C6D; }

.btn--link.btn--primary {
  color: #004A95; }
  .btn--link.btn--primary:hover {
    color: #004A95; }
  .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: #004A95; }

.btn--link.btn--secondary {
  color: #1A1E28; }
  .btn--link.btn--secondary:hover {
    color: #2E3442; }
  .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: #12151C; }

.btn--link.btn--success {
  color: #5BC758; }
  .btn--link.btn--success:hover {
    color: #79E06B; }
  .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: #42B43F; }

.btn--link.btn--info {
  color: #2CADD4; }
  .btn--link.btn--info:hover {
    color: #2FD2E0; }
  .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: #1F8FB0; }

.btn--link.btn--warning {
  color: #FF8E2B; }
  .btn--link.btn--warning:hover {
    color: #FFA75C; }
  .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: #E6741A; }

.btn--link.btn--danger {
  color: #E54646; }
  .btn--link.btn--danger:hover {
    color: #ED7D7D; }
  .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: #E23131; }

.btn--link.btn--light-overlay {
  color: #fff; }
  .btn--link.btn--light-overlay:hover {
    color: #fff; }
  .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: #fff; }

.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); }

.btn--purple {
  background: #8F6FCB;
  color: #fff; }
  .btn--purple.btn--outline {
    color: #8F6FCB;
    border-color: #E8E8ED;
    background: transparent; }
  .btn--purple:hover {
    color: #fff;
    background: #8455e5; }
  .btn--purple:focus, .btn--purple:active {
    color: #fff; }

.btn.text-primary .btn__icon svg path {
  fill: #004A95; }

/*
*******************************************
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 - Min Width
*******************************************
*/
.btn.btn--min-width-sm {
  min-width: 124px; }
  @media (max-width: 1365px) {
    .btn.btn--min-width-sm {
      min-width: 124px; } }
  @media (max-width: 1023px) {
    .btn.btn--min-width-sm {
      min-width: 124px; } }
  @media (max-width: 766px) {
    .btn.btn--min-width-sm {
      min-width: 124px; } }

.btn.btn--min-width-md {
  min-width: 160px; }
  @media (max-width: 1365px) {
    .btn.btn--min-width-md {
      min-width: 160px; } }
  @media (max-width: 1023px) {
    .btn.btn--min-width-md {
      min-width: 160px; } }
  @media (max-width: 766px) {
    .btn.btn--min-width-md {
      min-width: 160px; } }

.btn.btn--min-width-lg {
  min-width: 200px; }
  @media (max-width: 1365px) {
    .btn.btn--min-width-lg {
      min-width: 200px; } }
  @media (max-width: 1023px) {
    .btn.btn--min-width-lg {
      min-width: 200px; } }
  @media (max-width: 766px) {
    .btn.btn--min-width-lg {
      min-width: 200px; } }

/*
*******************************************
8. Buttons - Responsive
*******************************************
*/
@media (max-width: 766px) {
  .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: 0px) {
  .btn-group--space-between {
    flex-direction: column;
    margin-right: 0 !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: #1C2124;
  border: 1px solid #E8E8ED;
  background-color: #fff;
  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: #004A95; }
  .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: #004A95;
    outline: 0; }

.form-label,
.form-feedback {
  color: #8D94A6; }

/*
*******************************************
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 {
    height: 48px;
    font-size: 16px;
    border-radius: 5px;
    padding: 0 24px;
    display: block;
    width: 100%;
    transition: border linear 0.3s;
    appearance: none; }
    @media (max-width: 1365px) {
      .form-control {
        height: 48px;
        font-size: 16px;
        border-radius: 5px; } }
  .form-label,
  .form-group > label,
  .form-check > label {
    display: flex;
    align-items: center;
    flex-basis: auto;
    margin-bottom: 4px;
    line-height: 26px;
    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: 8px;
    line-height: 11px; }
    .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 #004A95; }
    .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; }
  textarea.form-control--lg {
    padding: 17px 16px; }

.help-block {
  margin-top: 8px;
  color: #8D94A6;
  font-size: 13px;
  line-height: 20px; }

/*
*******************************************
3. Form - Sizes
*******************************************
*/
.form-control--xs,
.input-group--xs,
.input-group--xs .form-control {
  height: 32px;
  font-size: 13px;
  border-radius: 5px;
  padding: 0 16px; }
  @media (max-width: 1365px) {
    .form-control--xs,
    .input-group--xs,
    .input-group--xs .form-control {
      height: 32px;
      font-size: 14px;
      border-radius: 5px; } }

.form-control--sm,
.input-group--sm,
.input-group--sm .form-control {
  height: 40px;
  font-size: 13px;
  border-radius: 5px;
  padding: 0 24px; }
  @media (max-width: 1365px) {
    .form-control--sm,
    .input-group--sm,
    .input-group--sm .form-control {
      height: 36px;
      font-size: 14px;
      border-radius: 5px; } }

.form-control--d,
.input-group--d,
.input-group--d .form-control {
  height: 48px;
  font-size: 16px;
  border-radius: 5px;
  padding: 0 24px; }
  @media (max-width: 1365px) {
    .form-control--d,
    .input-group--d,
    .input-group--d .form-control {
      height: 48px;
      font-size: 16px;
      border-radius: 5px; } }

.form-control--lg,
.input-group--lg,
.input-group--lg .form-control {
  height: 56px;
  font-size: 20px;
  border-radius: 5px;
  padding: 0 16px 0 12px; }
  @media (max-width: 1365px) {
    .form-control--lg,
    .input-group--lg,
    .input-group--lg .form-control {
      height: 56px;
      font-size: 20px;
      border-radius: 5px; } }

.form-control--xlg,
.input-group--xlg,
.input-group--xlg .form-control {
  height: 56px;
  font-size: 20px;
  border-radius: 5px;
  padding: 0 32px; }
  @media (max-width: 1365px) {
    .form-control--xlg,
    .input-group--xlg,
    .input-group--xlg .form-control {
      height: 56px;
      font-size: 20px;
      border-radius: 5px; } }

@media (max-width: 766px) {
  .form-control--mob-xs,
  .input-group--mob-xs,
  .input-group--mob-xs .form-control {
    height: 32px;
    font-size: 13px;
    border-radius: 5px;
    padding: 0 16px; } }
  @media (max-width: 766px) and (max-width: 1365px) {
    .form-control--mob-xs,
    .input-group--mob-xs,
    .input-group--mob-xs .form-control {
      height: 32px;
      font-size: 14px;
      border-radius: 5px; } }

@media (max-width: 766px) {
  .form-control--mob-sm,
  .input-group--mob-sm,
  .input-group--mob-sm .form-control {
    height: 40px;
    font-size: 13px;
    border-radius: 5px;
    padding: 0 24px; } }
  @media (max-width: 766px) and (max-width: 1365px) {
    .form-control--mob-sm,
    .input-group--mob-sm,
    .input-group--mob-sm .form-control {
      height: 36px;
      font-size: 14px;
      border-radius: 5px; } }

@media (max-width: 766px) {
  .form-control--mob-d,
  .input-group--mob-d,
  .input-group--mob-d .form-control {
    height: 48px;
    font-size: 16px;
    border-radius: 5px;
    padding: 0 24px; } }
  @media (max-width: 766px) and (max-width: 1365px) {
    .form-control--mob-d,
    .input-group--mob-d,
    .input-group--mob-d .form-control {
      height: 48px;
      font-size: 16px;
      border-radius: 5px; } }

@media (max-width: 766px) {
  .form-control--mob-lg,
  .input-group--mob-lg,
  .input-group--mob-lg .form-control {
    height: 56px;
    font-size: 20px;
    border-radius: 5px;
    padding: 0 16px 0 12px; } }
  @media (max-width: 766px) and (max-width: 1365px) {
    .form-control--mob-lg,
    .input-group--mob-lg,
    .input-group--mob-lg .form-control {
      height: 56px;
      font-size: 20px;
      border-radius: 5px; } }

@media (max-width: 766px) {
  .form-control--mob-xlg,
  .input-group--mob-xlg,
  .input-group--mob-xlg .form-control {
    height: 56px;
    font-size: 20px;
    border-radius: 5px;
    padding: 0 32px; } }
  @media (max-width: 766px) and (max-width: 1365px) {
    .form-control--mob-xlg,
    .input-group--mob-xlg,
    .input-group--mob-xlg .form-control {
      height: 56px;
      font-size: 20px;
      border-radius: 5px; } }

.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: #5BC758;
  border: 1px solid #5BC758;
  background-color: #fff;
  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: #5BC758; }
  .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: #5BC758;
    outline: 0; }

.form-group.is-success .form-label,
.form-group.is-success .form-feedback {
  color: #8D94A6; }

.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: #FF8E2B;
  border: 1px solid #FF8E2B;
  background-color: #fff;
  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: #FF8E2B; }
  .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: #FF8E2B;
    outline: 0; }

.form-group.is-warning .form-label,
.form-group.is-warning .form-feedback {
  color: #8D94A6; }

.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: #E54646;
  border: 1px solid #E54646;
  background-color: #fff;
  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: #E54646; }
  .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: #E54646;
    outline: 0; }

.form-group.is-error .form-label,
.form-group.is-error .form-feedback {
  color: #8D94A6; }

.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: #2CADD4;
  border: 1px solid #2CADD4;
  background-color: #fff;
  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: #2CADD4; }
  .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: #2CADD4;
    outline: 0; }

.form-group.is-info .form-label,
.form-group.is-info .form-feedback {
  color: #8D94A6; }

.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; }

.form--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2; }
  .form--flex .input-group {
    width: 100%; }
    .form--flex .input-group + .btn {
      margin-left: 12px;
      margin-right: 0; }

/*
*******************************************
6. Form - Types
*******************************************
*/
.form-control--rounded {
  border-radius: 70px; }

.form-boxed {
  padding: 16px;
  background-color: white; }

/*
*******************************************
7. Forms - Input Group
*******************************************
*/
.input-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  font-size: 16px;
  border-radius: 5px;
  padding: 0 24px;
  transition: border linear 0.3s;
  padding: 0 !important; }
  @media (max-width: 1365px) {
    .input-group {
      height: 48px;
      font-size: 16px;
      border-radius: 5px; } }
  .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;
    display: flex;
    align-items: center;
    justify-content: center; }
    .input-group__icon:first-child {
      margin-left: 16px; }
    .input-group__icon:last-child {
      margin-right: 16px; }
  .input-group:not(.input-group--boxed)__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: white;
    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: white; }
  .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:active, .input-group.is-focus:hover, .input-group.is-focus {
    border: 1px solid #FF8E2B; }
  .input-group.is-error, .input-group.is-error:hover, .input-group.is-error:active {
    border: 1px solid #E54646; }
  .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):acive, .input-group--toggle:not(.is-open).is-focus {
      background: transparent;
      border-color: transparent;
      transition: none; }
  .input-group--boxed {
    height: auto !important;
    padding: 8px !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: 40px; }
  .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: 48px; }

.input-group--lg {
  height: 56px; }
  .input-group--lg .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--lg .input-group__icon:last-child {
      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: 766px) {
  .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: 40px; }
    .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: 48px; }
  .input-group--mob-lg {
    height: 56px; }
    .input-group--mob-lg .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--mob-lg .input-group__icon:last-child {
        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 {
    font: normal normal normal 16px/1 'Material-Design-Iconic-Font'; }
    .form-checkbox:checked + .form-indicator {
      border: 2px solid #004A95 !important;
      background: #004A95 !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: 5px;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
      .form-checkbox + .form-indicator::before {
        content: '\f26b';
        font: normal normal normal 16px/1 'Material-Design-Iconic-Font';
        opacity: 0;
        visibility: hidden; }
      .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 #004A95;
    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;
    cursor: not-allowed; }
    .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: #E8E8ED !important; }
  .form-indicator {
    border-width: 2px; }
  .form-text {
    margin-left: 12px; }
    .form-text:first-child {
      margin-left: 0;
      margin-right: 16px; }

.form-check.is-success .form-indicator {
  border-color: #5BC758; }

.form-check.is-success:not(.form-check--basic) label:hover .form-indicator {
  border-color: #5BC758; }

.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: #5BC758; }

.form-check.is-success .form-checkbox:checked + .form-indicator {
  border-color: #5BC758 !important;
  background-color: #5BC758 !important; }

.form-check.is-success .form-text {
  color: #5BC758; }

.form-check.is-warning .form-indicator {
  border-color: #FF8E2B; }

.form-check.is-warning:not(.form-check--basic) label:hover .form-indicator {
  border-color: #FF8E2B; }

.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: #FF8E2B; }

.form-check.is-warning .form-checkbox:checked + .form-indicator {
  border-color: #FF8E2B !important;
  background-color: #FF8E2B !important; }

.form-check.is-warning .form-text {
  color: #FF8E2B; }

.form-check.is-error .form-indicator {
  border-color: #E54646; }

.form-check.is-error:not(.form-check--basic) label:hover .form-indicator {
  border-color: #E54646; }

.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: #E54646; }

.form-check.is-error .form-checkbox:checked + .form-indicator {
  border-color: #E54646 !important;
  background-color: #E54646 !important; }

.form-check.is-error .form-text {
  color: #E54646; }

.form-check.is-info .form-indicator {
  border-color: #2CADD4; }

.form-check.is-info:not(.form-check--basic) label:hover .form-indicator {
  border-color: #2CADD4; }

.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: #2CADD4; }

.form-check.is-info .form-checkbox:checked + .form-indicator {
  border-color: #2CADD4 !important;
  background-color: #2CADD4 !important; }

.form-check.is-info .form-text {
  color: #2CADD4; }

/*
*******************************************
Dropdown
1.
*******************************************
*/
/*
*******************************************
1. Dropdown - General
*******************************************
*/
.dropdown {
  position: relative;
  display: none;
  min-width: 260px;
  background: #fff;
  box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07);
  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__content-row {
      display: flex;
      flex-direction: row;
      gap: 24px; }
    .dropdown__content-col {
      display: flex;
      flex-direction: column; }
    .dropdown__content-box {
      display: flex;
      flex-direction: row;
      gap: 24px; }
  .dropdown__menu {
    overflow: auto;
    max-height: 50vh;
    padding: 8px 0;
    margin: 0; }
  .dropdown__item {
    cursor: pointer; }
  .dropdown__item {
    display: flex;
    flex-shrink: 0;
    min-height: 48px; }
    .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: #3C8EE1; }
  .dropdown__link {
    min-height: 100%;
    width: 100%;
    transition: color 0.3s; }
    .dropdown__link-icon {
      position: relative;
      height: 24px;
      width: 24px;
      min-width: 24px;
      font-size: 24px;
      line-height: 24px;
      color: #CCCDD7;
      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: #5BC758;
      text-decoration: none; }
      .dropdown__link:hover svg path,
      .dropdown__link:hover > .dropdown__link-icon svg path {
        fill: #5BC758; }
    .dropdown__link:focus {
      outline: none; }
  .dropdown__divider {
    margin: 8px 0;
    height: 1px;
    background: #fff; }
  .dropdown__header {
    min-height: 48px;
    margin-top: 8px; }
    .dropdown__header:first-child {
      margin-top: 0; }
  .dropdown__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px; }
    @media (max-width: 1365px) {
      .dropdown__title {
        font-size: 16px;
        line-height: 26px; } }
    @media (max-width: 1023px) {
      .dropdown__title {
        font-size: 16px;
        line-height: 26px; } }
    @media (max-width: 766px) {
      .dropdown__title {
        font-size: 15px;
        font-weight: 300;
        line-height: 24px; } }
  .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: 32px; }
  .dropdown--xs .dropdown__link,
  .dropdown .nav__sub--xs .dropdown__link {
    font-size: 13px; }
  .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: 40px; }
  .dropdown--sm .dropdown__link,
  .dropdown .nav__sub--sm .dropdown__link {
    font-size: 13px; }
  .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: 16px; }
  .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: 56px; }
  .dropdown--lg .dropdown__link,
  .dropdown .nav__sub--lg .dropdown__link {
    font-size: 20px; }
  .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: #fff;
    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: 767px) {
  .mob-dropdown-toggle {
    display: none; }
  .mob-dropdown .btn > .btn__text {
    display: none; } }

@media (max-width: 1365px) {
  .dropdown__content-box {
    flex-direction: column; } }

@media (max-width: 1023px) {
  .dropdown__content-row {
    flex-direction: column; }
  .f-order {
    order: 1; } }

@media (max-width: 766px) {
  .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; } }

/*
*******************************************
Features
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Features - general
*******************************************
*/
.features.features--promo {
  margin-top: 80px;
  margin-bottom: -spacing(8x);
  margin-left: -24px;
  margin-right: -24px; }

.feature {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: center;
  width: 100%;
  position: relative;
  border-radius: 12px;
  background: #fff; }
  .feature--link {
    cursor: pointer;
    transition: transform 0.3s ease; }
    .feature--link:hover {
      transform: translate3d(0, -8px, 0); }
  .feature__link {
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
  .feature--sm__icon {
    height: 104px;
    width: 104px; }
    .feature--sm__icon--sm {
      height: 64px;
      width: 64px; }
    .feature--sm__icon--lg {
      width: 180px;
      height: 180px; }
  .feature__icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center; }
    .feature__icon img {
      max-width: 100%;
      max-height: 100%;
      margin: 0; }
    .feature__icon--box {
      box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 8px 32px rgba(0, 0, 0, 0.1);
      border-radius: 12px;
      background-color: #fff;
      overflow: hidden; }
  .feature__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    justify-content: flex-start;
    padding: 32px 48px 20px; }
    .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__title, .feature__desc {
    text-align: left; }
    .feature__title a, .feature__desc a {
      text-decoration: none; }
  .feature__title {
    margin-bottom: 0;
    flex-direction: column; }
    .feature__title .subtitle {
      width: 100%;
      font-size: 17px;
      font-weight: 400; }
    .feature__title--bold {
      font-weight: 500; }
  .feature__desc {
    font-weight: 400;
    margin-bottom: 0; }
    .feature__desc + .feature__actions {
      padding-top: 16px; }
      .feature__desc + .feature__actions .btn--link {
        padding: 0; }
  .feature__actions {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    width: 100%;
    margin-top: 20px; }
  .feature .info__desc {
    color: #fff;
    font-size: 18px;
    padding: 16px; }
  .feature--boxed {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 8px 32px rgba(0, 0, 0, 0.1); }
    .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;
        background: #CCCDD7;
        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--bordered {
    border: 1px solid #EFEFF6;
    margin-top: 32px; }
    .feature--bordered .feature__icon {
      margin-left: -14px; }
  .feature--more {
    border-style: dashed; }
    .feature--more .feature__title {
      color: #004A95; }
    .feature--more .feature__icon {
      margin-left: 0;
      align-items: flex-start; }
      .feature--more .feature__icon span {
        position: relative;
        top: -8px; }
  .feature--card {
    padding: 40px 40px 36px;
    border-radius: 20px; }
    .feature--card::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 8px 32px rgba(0, 0, 0, 0.1);
      border-radius: 12px; }
    .feature--card .feature__body .label {
      width: fit-content;
      margin-bottom: 12px; }
    .feature--card .feature__title {
      margin-top: 0;
      font-weight: 800; }
      .feature--card .feature__title + .feature__desc {
        margin-top: 12px; }
    .feature--card .feature__icon {
      width: 100%; }
      .feature--card .feature__icon svg {
        width: 100% !important; }
  .feature--cta {
    padding: 100px 60px 60px;
    border-radius: 20px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 8px 32px rgba(0, 0, 0, 0.1); }
    .feature--cta .feature__title, .feature--cta .feature__desc {
      max-width: 364px; }
    .feature--cta .feature__title + .feature__desc {
      margin-top: 4px; }
    .feature--cta .feature__desc {
      font-weight: 400 !important; }
      .feature--cta .feature__desc + .feature__actions {
        padding-top: 0; }
    .feature--cta .feature__body {
      width: 100%; }
    .feature--cta .feature__icons {
      flex-grow: 1; }
      .feature--cta .feature__icons + .feature__body {
        margin-top: 32px; }
      .feature--cta .feature__icons > .feature__icon {
        position: absolute; }
        .feature--cta .feature__icons > .feature__icon:nth-of-type(1) {
          left: 48%;
          transform: translateX(-50%) rotate(-15deg);
          top: -54px;
          max-width: 200px; }
        .feature--cta .feature__icons > .feature__icon:nth-of-type(2) {
          right: 0px;
          transform: rotate(15deg);
          top: -8px; }
        .feature--cta .feature__icons > .feature__icon .instance-box {
          position: relative;
          max-width: 210px;
          display: flex;
          flex-direction: column;
          opacity: 0; }
          .feature--cta .feature__icons > .feature__icon .instance-box svg {
            height: auto; }
    .feature--cta .feature__actions {
      margin-top: 32px; }
    .feature--cta .feature__icons-container {
      display: flex;
      background: #2CADD414;
      padding: 7px;
      border-radius: 100px;
      align-items: center; }
    .feature--cta .feature__icons-info {
      margin-left: 10px;
      margin-right: 16px; }
    .feature--cta .feature__avatars {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      margin-right: 27px; }
    .feature--cta .feature__avatar {
      display: flex;
      margin-right: -27px;
      z-index: 3; }
      .feature--cta .feature__avatar img {
        width: 74px;
        border-radius: 50%; }
  .feature--icons-line .feature__icons, .feature--icons-center .feature__icons, .feature--icons-inline .feature__icons {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 32px; }
  .feature--icons-line .feature__icons {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: unset; }
  .feature--icons-line .feature__icon {
    max-height: 50px;
    margin: 0 auto; }
    .feature--icons-line .feature__icon svg {
      height: 100%;
      width: unset; }
    .feature--icons-line .feature__icon:nth-of-type(1) {
      width: 152px;
      margin-left: 0px; }
    .feature--icons-line .feature__icon:nth-of-type(2) {
      width: 113px;
      justify-content: flex-end;
      margin-right: 0px; }
    .feature--icons-line .feature__icon:nth-of-type(3) {
      max-width: 220px;
      margin-top: 52px; }
  .feature--icons-center .feature__icons {
    align-items: center; }
  .feature--icons-center .feature__icon {
    max-width: 100px; }
  .feature--icons-inline .feature__icons {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 8px !important;
    justify-content: space-between; }
  .feature--icons-inline .feature__icon {
    margin: 0 20px; }
    .feature--icons-inline .feature__icon:nth-of-type(1) {
      max-width: 79px; }
    .feature--icons-inline .feature__icon:nth-of-type(2) {
      max-width: 75px; }
    .feature--icons-inline .feature__icon:nth-of-type(3) {
      margin-top: 20px;
      width: 100%; }
      .feature--icons-inline .feature__icon:nth-of-type(3) svg {
        max-width: 90px; }
  .feature--user {
    max-width: 178px;
    align-items: center;
    padding: 18px 18px 14px 18px !important; }
    .feature--user .feature__content {
      display: flex;
      flex-direction: column;
      width: 100%;
      position: relative; }
    .feature--user .feature__bg {
      position: absolute;
      height: 55px;
      width: 100%;
      top: 0;
      left: 0;
      border-radius: 7px; }
    .feature--user .feature__icon {
      margin-top: 11px; }
      .feature--user .feature__icon img {
        border-radius: 50%;
        max-width: 70px; }
    .feature--user .feature__body {
      width: 100%;
      margin-top: 10px !important; }
    .feature--user .feature__actions {
      margin: 0;
      flex-wrap: wrap;
      justify-content: center; }
      .feature--user .feature__actions .label {
        font-size: 12px;
        line-height: 22px; }
      .feature--user .feature__actions .label--block {
        padding-top: 7px;
        padding-bottom: 7px;
        height: unset; }
      .feature--user .feature__actions .label + .label {
        margin-top: 10px; }
  .feature--yellow .feature__bg {
    background-color: #FFCD51; }
  .feature--green .feature__bg {
    background-color: #3C8EE1; }
  .feature--blue .feature__bg {
    background-color: #1FD5E2; }
  .feature--purple .feature__bg {
    background-color: #9A42FF; }
  .feature--sides {
    padding: 60px 140px;
    border-radius: 20px;
    box-shadow: 0px 8px 25px 0px rgba(14, 13, 16, 0.04), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .feature--sides .feature__body {
      max-width: 390px; }
    .feature--sides .feature__graphic {
      min-height: 542px;
      min-width: 542px;
      max-width: 542px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
    .feature--sides .feature__desc, .feature--sides .feature__label {
      margin-top: 24px !important; }
    .feature--sides .feature__label .label {
      font-size: 13px !important;
      font-weight: 300 !important;
      line-height: 20px !important; }
      @media (max-width: 1365px) {
        .feature--sides .feature__label .label {
          font-size: 14px !important;
          font-weight: !important;
          line-height: 24px !important; } }
      @media (max-width: 1023px) {
        .feature--sides .feature__label .label {
          font-size: 14px !important;
          font-weight: !important;
          line-height: 24px !important; } }
      @media (max-width: 766px) {
        .feature--sides .feature__label .label {
          font-size: 14px !important;
          font-weight: 300 !important;
          line-height: 24px !important; } }
    .feature--sides .feature__label svg {
      height: 17px; }
    .feature--sides .feature__actions {
      padding-top: 0 !important;
      margin-top: 24px; }
      .feature--sides .feature__actions .btn {
        min-width: 140px; }
    .feature--sides.feature--right {
      flex-direction: row-reverse; }
    .feature--sides + .feature--sides {
      margin-top: 32px; }
  .feature--explore {
    margin-top: 32px;
    border: 1px solid #E8E8ED;
    padding: 32px;
    border-radius: 20px;
    min-height: 312px;
    justify-content: space-between;
    transition: border-color 0.3s ease-out, box-shadow 0.3s ease-out;
    cursor: pointer;
    background: unset; }
    .feature--explore .feature__illustration {
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
      transition: all 0.3s ease-out;
      z-index: -1;
      max-width: 65%; }
      .feature--explore .feature__illustration::before {
        content: '';
        position: absolute;
        background: linear-gradient(31deg, #FFF 31.52%, rgba(255, 255, 255, 0) 95.38%);
        width: 100%;
        height: 100%; }
    .feature--explore .feature__title {
      max-width: 245px;
      transition: color 0.3s ease-out;
      margin-top: 0; }
    .feature--explore .feature__desc {
      margin-top: 12px !important;
      font-weight: 400 !important;
      color: #6B7488; }
    .feature--explore .feature__body {
      flex-grow: 0; }
      .feature--explore .feature__body .label {
        width: fit-content;
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 24px;
        font-weight: 700; }
    .feature--explore .feature__icon {
      width: 60px;
      height: 60px;
      transition: all 0.3s ease-out; }
    .feature--explore:hover {
      border-color: #004A95;
      box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07); }
      .feature--explore:hover .feature__illustration {
        opacity: 1; }
      .feature--explore:hover .feature__title {
        color: #004A95; }
    .feature--explore.feature--warning .feature__title {
      color: #FF8E2B; }
    .feature--explore.feature--warning:hover {
      border-color: #FF8E2B; }
    .feature--explore.feature--danger.nuxt-link-active {
      border-color: #E23131; }
      .feature--explore.feature--danger.nuxt-link-active .feature__title {
        color: #E23131; }
    .feature--explore.feature--danger .feature__title {
      color: #E23131; }
    .feature--explore.feature--danger:hover {
      border-color: #E23131; }
  .feature--tool {
    padding: 40px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff; }
    .feature--tool .feature__img {
      display: flex;
      width: 52px;
      height: 52px; }
      .feature--tool .feature__img svg {
        width: 100%; }
    .feature--tool .feature__title {
      margin: 0;
      margin-left: 32px;
      white-space: nowrap; }
    .feature--tool + .feature--tool {
      margin-left: 32px; }
    .feature--tool-sm {
      padding: 32px 40px;
      min-height: 135px;
      width: 350px; }
      .feature--tool-sm .feature__img {
        width: unset !important;
        height: unset !important; }
  .feature--location {
    margin-top: 0 !important;
    padding: 32px;
    box-shadow: 0px 8px 25px 0px rgba(14, 13, 16, 0.04), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
    border-radius: 20px; }
    .feature--location .feature__icon img {
      border-radius: 20px; }
  .feature-row {
    display: flex;
    gap: 24px;
    margin-top: 24px;
    justify-content: space-between;
    flex-wrap: wrap; }
  .feature-col {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 190px;
    max-width: 100%;
    box-sizing: border-box;
    gap: 24px; }
  .feature--social {
    display: flex;
    flex-direction: row;
    flex: 1 1 150px;
    margin-top: 0 !important;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #E8E8ED;
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 16px 0 16px 16px;
    align-items: center;
    max-height: 56px;
    background-color: #fff;
    transition: all .24s ease; }
    .feature--social svg {
      margin-right: 12px; }
    .feature--social:hover {
      border: 1px solid #3C8EE1;
      color: #2E3442;
      background-color: #004A950D;
      box-shadow: none !important; }
    .feature--social:visited {
      color: #2E3442; }
  .feature--discord-nav .feature, .feature--community-nav .feature, .feature--newsletter-nav .feature {
    padding: 24px 0 24px 24px !important;
    background-image: none; }
    .feature--discord-nav .feature__graphic img, .feature--community-nav .feature__graphic img, .feature--newsletter-nav .feature__graphic img {
      max-width: 120px !important; }
    .feature--discord-nav .feature__title, .feature--community-nav .feature__title, .feature--newsletter-nav .feature__title {
      margin-top: 0 !important; }
    .feature--discord-nav .feature__body, .feature--community-nav .feature__body, .feature--newsletter-nav .feature__body {
      display: flex;
      flex-direction: row;
      margin-right: 16px !important;
      padding-bottom: 24px; }
      .feature--discord-nav .feature__body .feature__wrapper, .feature--community-nav .feature__body .feature__wrapper, .feature--newsletter-nav .feature__body .feature__wrapper {
        display: flex;
        flex-direction: column; }
      .feature--discord-nav .feature__body .feature__icon, .feature--community-nav .feature__body .feature__icon, .feature--newsletter-nav .feature__body .feature__icon {
        flex-direction: column;
        margin-right: 16px; }
      .feature--discord-nav .feature__body .feature__title, .feature--discord-nav .feature__body .feature__desc, .feature--community-nav .feature__body .feature__title, .feature--community-nav .feature__body .feature__desc, .feature--newsletter-nav .feature__body .feature__title, .feature--newsletter-nav .feature__body .feature__desc {
        color: #2E3442; }
  .feature--discord-nav:hover, .feature--community-nav:hover, .feature--newsletter-nav:hover {
    box-shadow: none !important; }
  .feature--discord-nav, .feature--community-nav {
    transition: border .24s ease;
    overflow: hidden;
    padding: 24px 0 24px 24px !important; }
    .feature--discord-nav .feature__icon svg path, .feature--community-nav .feature__icon svg path {
      fill: #fff; }
    .feature--discord-nav .feature__desc, .feature--community-nav .feature__desc {
      margin-top: 2px !important; }
    .feature--discord-nav .feature__footer .btn svg, .feature--community-nav .feature__footer .btn svg {
      scale: 1;
      margin-right: 12px; }
    .feature--discord-nav .feature__title, .feature--community-nav .feature__title {
      margin-top: 0; }
    .feature--discord-nav::before, .feature--community-nav::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: opacity .24s ease; }
    .feature--discord-nav:hover::before, .feature--community-nav:hover::before {
      opacity: 1; }
  .feature--discord-nav {
    background: linear-gradient(180deg, rgba(106, 50, 224, 0.04) 0%, rgba(106, 50, 224, 0.02) 100%) !important;
    border: 1px solid #D4D7F199; }
    .feature--discord-nav .feature__icon svg rect {
      fill: #2CADD4; }
    .feature--discord-nav::before {
      background: linear-gradient(180deg, rgba(106, 50, 224, 0.11) 0%, rgba(106, 50, 224, 0.055) 100%) !important; }
    .feature--discord-nav:hover {
      border: 1px solid #D4D7F1; }
      .feature--discord-nav:hover .btn {
        background: #929AF4; }
  .feature--community-nav {
    background: linear-gradient(180deg, rgba(7, 192, 126, 0.05) 0%, rgba(7, 192, 126, 0.025) 100%) !important;
    border: 1px solid #BADFD299; }
    .feature--community-nav .feature__icon svg rect {
      fill: #004A95; }
    .feature--community-nav::before {
      background: linear-gradient(180deg, rgba(7, 192, 126, 0.12) 0%, rgba(7, 192, 126, 0.06) 100%) !important; }
    .feature--community-nav:hover {
      border: 1px solid #BADFD2; }
      .feature--community-nav:hover .btn {
        background: #3C8EE1; }
  .feature--newsletter-nav {
    max-width: 316px;
    min-width: 316px;
    overflow: hidden;
    padding: 24px !important;
    background: linear-gradient(180deg, rgba(255, 122, 47, 0.05) 0%, rgba(255, 122, 47, 0.025) 100%);
    border: 1px solid #F0D3C399;
    max-height: max-content; }
    .feature--newsletter-nav .feature__icon {
      display: none; }
    .feature--newsletter-nav .feature__body {
      display: flex;
      flex-direction: column !important;
      max-height: max-content; }
    .feature--newsletter-nav .feature__footer {
      background: transparent !important;
      background-image: none !important;
      padding: 0 !important;
      margin-top: 20px !important; }
      .feature--newsletter-nav .feature__footer .form .form-control {
        font-size: 16px !important; }
      .feature--newsletter-nav .feature__footer .form .input-group {
        max-height: 48px !important;
        margin-bottom: 12px; }
      .feature--newsletter-nav .feature__footer .form .btn {
        max-height: 48px !important; }
    .feature--newsletter-nav .feature__container {
      max-height: max-content;
      height: auto; }
    .feature--newsletter-nav .feature__desc {
      margin-top: 10px !important; }
  .feature--community {
    background: #004A95;
    background-image: url(/assets/icons/illustrations/bg-shapes-community.png);
    background-size: cover; }
  .feature--discord {
    background: #5865F2; }
  .feature--discord, .feature--community {
    margin-top: 0 !important;
    box-shadow: none;
    padding: 32px 0 32px 32px !important;
    max-height: 328px; }
    .feature--discord .feature__body, .feature--community .feature__body {
      width: auto !important;
      margin-right: 64px;
      min-width: unset !important; }
    .feature--discord .feature__graphic, .feature--community .feature__graphic {
      margin-top: 0 !important;
      min-width: unset !important;
      min-height: unset !important;
      margin-left: auto;
      width: unset !important;
      height: unset !important; }
      .feature--discord .feature__graphic img, .feature--community .feature__graphic img {
        width: 195px; }
    .feature--discord .feature__desc, .feature--community .feature__desc {
      color: #fff;
      margin-top: 12px !important; }
    .feature--discord .feature__title, .feature--community .feature__title {
      color: #fff;
      margin-top: 20px; }
    .feature--discord .feature__footer svg, .feature--community .feature__footer svg {
      scale: 1.5;
      margin-right: 8px; }
    .feature--discord .feature__icon, .feature--community .feature__icon {
      justify-content: flex-start; }
  .feature--newsletter {
    grid-row: span 2;
    background: linear-gradient(180deg, rgba(255, 122, 47, 0.05) 0%, rgba(255, 122, 47, 0.025) 100%);
    padding: 60px; }
    .feature--newsletter .feature__footer {
      width: 100%;
      border-radius: 10px;
      max-height: 210px;
      background: #FF8E2B;
      padding: 40px;
      margin-top: 24px;
      background-image: url(/assets/icons/illustrations/bg-shapes-newsletter.png);
      background-size: cover; }
      .feature--newsletter .feature__footer .form {
        display: flex;
        flex-direction: column; }
        .feature--newsletter .feature__footer .form .form-control {
          font-size: 20px; }
        .feature--newsletter .feature__footer .form .input-group {
          max-height: 56px;
          transition: border-color .3s ease;
          margin-bottom: 16px; }
          .feature--newsletter .feature__footer .form .input-group__icon svg path {
            stroke: #E6741A; }
          .feature--newsletter .feature__footer .form .input-group:hover {
            border-color: #FF8E2B; }
        .feature--newsletter .feature__footer .form .btn {
          width: 100%;
          margin-left: 0 !important;
          max-height: 56px; }
    .feature--newsletter .feature__body {
      margin: 0 !important; }
    .feature--newsletter .feature__desc {
      margin-top: 24px;
      color: #6B7488; }
    .feature--newsletter .feature__title {
      margin-top: 24px; }
    .feature--newsletter .feature__icon {
      justify-content: flex-start; }
    .feature--newsletter .feature__container {
      height: 100%;
      display: flex;
      flex-direction: column; }
  .feature--live-demo {
    padding: 40px !important;
    border-radius: 24px;
    margin-top: 0 !important; }
    .feature--live-demo .feature__body {
      display: flex;
      flex-direction: column;
      height: 100%; }
    .feature--live-demo .feature__actions {
      padding-top: 32px;
      margin-top: auto; }
      .feature--live-demo .feature__actions .btn {
        width: 100%; }
    .feature--live-demo .feature__illustration {
      margin-top: 32px;
      display: flex;
      width: 100%;
      border-radius: 16px;
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      overflow: hidden;
      position: relative; }
      .feature--live-demo .feature__illustration img {
        height: 100%;
        width: 100%;
        z-index: 1; }
      .feature--live-demo .feature__illustration--bordered {
        border: 1px solid #E8E8ED; }
    .feature--live-demo .feature__content {
      display: flex;
      flex-direction: column;
      height: 100%; }
    .feature--live-demo .feature__title {
      max-width: unset !important; }
      .feature--live-demo .feature__title .text-primary {
        font-weight: 800; }
    .feature--live-demo .feature__footer {
      margin-top: auto; }
    .feature--live-demo .feature__desc {
      font-size: 18px;
      line-height: 28px;
      color: #6B7488; }
    .feature--live-demo video {
      width: 100%;
      height: 100%;
      position: absolute;
      object-fit: cover; }
    .feature--live-demo .video-button {
      z-index: 2;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      display: flex;
      justify-content: center; }
      .feature--live-demo .video-button svg {
        align-self: center;
        width: 23%;
        height: 36%; }
      .feature--live-demo .video-button svg circle {
        transition: fill .3s ease; }
      .feature--live-demo .video-button:hover svg circle {
        fill: #004A95; }

.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 8px 30px 0px rgba(0, 0, 0, 0.15); }

.nuxt-link-active {
  border-color: #004A95; }
  .nuxt-link-active.feature--warning {
    border-color: #FF8E2B; }
    .nuxt-link-active.feature--warning .feature__title.h6 {
      color: #FF8E2B; }
  .nuxt-link-active .feature__illustration {
    opacity: 1; }
  .nuxt-link-active .feature__title.h6 {
    color: #004A95; }

/*
*******************************************
  Features General - Responsive Spacing
*******************************************
*/
.feature__icon + .feature__body {
  margin-top: 24px; }

.feature__title + .feature__desc {
  margin-top: 16px; }

.feature__desc + .feature__actions {
  padding-top: 24px; }

.feature--bordered, .feature--boxed {
  padding: 24px; }

.feature--sm {
  margin-top: 24px; }
  .feature--sm .feature__icon + .feature__body {
    margin-top: 32px; }
  .feature--sm .feature__title + .feature__desc {
    margin-top: 16px; }
  .feature--sm .feature__desc + .feature__actions {
    padding-top: 16px; }
  .feature--sm .feature--icon-left .feature__icon + .feature__body {
    margin-top: 0;
    margin-left: 16px; }
  .feature--sm.feature--bordered, .feature--sm.feature--boxed {
    padding: 16px; }

.feature--lg {
  margin-top: 48px; }
  .feature--lg .feature__icon + .feature__body {
    margin-top: 32px; }
  .feature--lg .feature__title + .feature__desc {
    margin-top: 16px; }
  .feature--lg .feature__desc + .feature__actions {
    padding-top: 32px; }
  .feature--lg .feature--icon-left .feature__icon + .feature__body {
    margin-top: 0;
    margin-left: 32px; }
  .feature--lg.feature--bordered, .feature--lg.feature--boxed {
    padding: 32px; }

.feature--xlg {
  padding: 47px;
  min-height: 395px; }
  .feature--xlg .feature__title + .feature__desc {
    margin-top: 24px; }
  .feature--xlg .feature__icon + .feature__body {
    margin-top: 28px; }

.feature--icon-left .feature__icon + .feature__body {
  margin-top: 0;
  margin-left: 24px; }

.feature--primary {
  background-color: #004A95; }

.feature--contact {
  padding: 24px 36px; }
  .feature--contact .feature__icon::before {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border: 3px solid #fff; }
  .feature--contact .feature__icon img {
    border-radius: 50%;
    width: 80px; }
  .feature--contact .feature__body {
    margin-top: 14px; }

.feature--centered {
  align-items: center; }

.feature .feature__body {
  padding: 0; }

.feature--member {
  padding: 32px;
  box-shadow: 0px 8px 25px 0px rgba(14, 13, 16, 0.04), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.12); }
  .feature--member .feature__body > * + * {
    margin-top: 12px; }
  .feature--member .feature__label {
    display: flex; }
  .feature--member .feature__desc {
    font-weight: 400 !important; }
  .feature--member .feature__icon {
    border-radius: 10px;
    overflow: hidden;
    width: 100%; }
    .feature--member .feature__icon + .feature__body {
      margin-top: 32px; }
  .feature--member .feature__head {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .feature--member .feature__social {
    margin-left: 8px;
    display: flex; }
    .feature--member .feature__social:hover svg path {
      transition: fill 0.3s;
      fill: #004A95; }

.feature--changelog {
  flex-direction: row;
  padding: 48px 44px; }
  .feature--changelog .feature__body {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-left: 24px;
    margin-top: 0; }
  .feature--changelog .feature__actions {
    width: auto;
    margin-top: 0; }
  .feature--changelog .feature__icon img {
    width: 60px; }
  .feature--changelog .feature__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 16px 0;
    margin-bottom: 0px; }
    @media (max-width: 1365px) {
      .feature--changelog .feature__title {
        font-size: 26px;
        line-height: 28px; } }
    @media (max-width: 1023px) {
      .feature--changelog .feature__title {
        font-size: 24px;
        line-height: 28px; } }
    @media (max-width: 766px) {
      .feature--changelog .feature__title {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px; } }

.features--boxed {
  margin-top: -map-get((lg: 48px, d: 32px, sm: 24px, xs: 16px), d); }
  .features--boxed .feature {
    margin-top: 32px; }
  .features--boxed.row--xs {
    margin-top: -map-get((lg: 48px, d: 32px, sm: 24px, xs: 16px), xs); }
    .features--boxed.row--xs .feature {
      margin-top: 16px; }
  .features--boxed.row--sm {
    margin-top: -map-get((lg: 48px, d: 32px, sm: 24px, xs: 16px), sm); }
    .features--boxed.row--sm .feature {
      margin-top: 24px; }
  .features--boxed.row--lg {
    margin-right: -map-get((lg: 48px, d: 32px, sm: 24px, xs: 16px), lg); }
    .features--boxed.row--lg .feature {
      margin-top: 48px; }

@media (max-width: 1365px) {
  .feature {
    margin-top: 32px; }
    .feature__icon + .feature__body {
      margin-top: 24px; }
    .feature__title + .feature__desc {
      margin-top: 16px; }
    .feature__desc + .feature__actions {
      padding-top: 24px; }
    .feature--bordered, .feature--boxed {
      padding: 40px; }
    .feature--sm .feature {
      margin-top: 24px; }
      .feature--sm .feature__icon + .feature__body {
        margin-top: 16px; }
      .feature--sm .feature__title + .feature__desc {
        margin-top: 8px; }
      .feature--sm .feature__desc + .feature__actions {
        padding-top: 16px; }
      .feature--sm .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 16px; }
      .feature--sm .feature--bordered, .feature--sm .feature--boxed {
        padding: 16px; }
    .feature--lg .feature {
      margin-top: 48px; }
      .feature--lg .feature__icon + .feature__body {
        margin-top: 32px; }
      .feature--lg .feature__title + .feature__desc {
        margin-top: 24px; }
      .feature--lg .feature__desc + .feature__actions {
        padding-top: 32px; }
      .feature--lg .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 32px; }
      .feature--lg .feature--bordered, .feature--lg .feature--boxed {
        padding: 32px; }
    .feature--xlg {
      min-height: 380px; }
    .feature--icon-left .feature__icon + .feature__body {
      margin-top: 0;
      margin-left: 24px; }
    .feature--live-demo {
      max-width: 688px;
      padding: 40px !important; }
      .feature--live-demo .feature__actions {
        margin-top: 0; }
  .features {
    margin-top: -map-deep-get((sm: (margin-top: 24px, icon: 16px, desc: 8px, actions: 16px, padding-boxed: 16px), d: (margin-top: 32px, icon: 24px, desc: 16px, actions: 24px, padding-boxed: 40px), lg: (margin-top: 48px, icon: 32px, desc: 24px, actions: 32px, padding-boxed: 32px)), d, margin-top); }
  .features--boxed {
    margin-top: -map-get((lg: 40px, d: 32px, sm: 16px, xs: 8px), d); }
    .features--boxed .feature {
      margin-top: 32px; }
    .features--boxed.row--xs {
      margin-top: -map-get((lg: 40px, d: 32px, sm: 16px, xs: 8px), xs); }
      .features--boxed.row--xs .feature {
        margin-top: 8px; }
    .features--boxed.row--sm {
      margin-top: -map-get((lg: 40px, d: 32px, sm: 16px, xs: 8px), sm); }
      .features--boxed.row--sm .feature {
        margin-top: 16px; }
    .features--boxed.row--lg {
      margin-right: -map-get((lg: 40px, d: 32px, sm: 16px, xs: 8px), lg); }
      .features--boxed.row--lg .feature {
        margin-top: 40px; } }

@media (max-width: 1023px) {
  .feature {
    margin-top: 32px; }
    .feature__icon + .feature__body {
      margin-top: 24px; }
    .feature__title + .feature__desc {
      margin-top: 16px; }
    .feature__desc + .feature__actions {
      padding-top: 24px; }
    .feature--bordered, .feature--boxed {
      padding: 24px !important; }
    .feature--sm {
      margin-top: 24px; }
      .feature--sm .feature__icon + .feature__body {
        margin-top: 16px; }
      .feature--sm .feature__title + .feature__desc {
        margin-top: 8px; }
      .feature--sm .feature__desc + .feature__actions {
        padding-top: 16px; }
      .feature--sm .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 16px; }
      .feature--sm .feature--bordered, .feature--sm .feature--boxed {
        padding: 24px; }
    .feature--lg {
      margin-top: 48px; }
      .feature--lg .feature__icon + .feature__body {
        margin-top: 32px; }
      .feature--lg .feature__title + .feature__desc {
        margin-top: 24px; }
      .feature--lg .feature__desc + .feature__actions {
        padding-top: 32px; }
      .feature--lg .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 32px; }
      .feature--lg .feature--bordered, .feature--lg .feature--boxed {
        padding: 24px; }
    .feature--xlg {
      min-height: 363px; }
    .feature--icon-left .feature__icon + .feature__body {
      margin-top: 0;
      margin-left: 24px; }
    .feature.feature--pricing {
      margin-bottom: 24px; }
      .feature.feature--pricing:hover {
        margin-bottom: 32px; }
    .feature--live-demo {
      max-width: 688px;
      padding: 32px !important; }
      .feature--live-demo .feature__actions {
        padding-top: 24px !important;
        margin-top: 0 !important; }
  .features {
    margin-top: -map-deep-get((sm: (margin-top: 24px, icon: 16px, desc: 8px, actions: 16px, padding-boxed: 24px), d: (margin-top: 32px, icon: 24px, desc: 16px, actions: 24px, padding-boxed: 24px), lg: (margin-top: 48px, icon: 32px, desc: 24px, actions: 32px, padding-boxed: 24px)), d, margin-top); }
    .features--services .feature:not(:first-child) {
      padding-left: 16px; }
  .features--boxed {
    margin-top: -map-get((lg: 32px, d: 20px, sm: 16px, xs: 8px), d); }
    .features--boxed .feature {
      margin-top: 20px; }
    .features--boxed.row--xs {
      margin-top: -map-get((lg: 32px, d: 20px, sm: 16px, xs: 8px), xs); }
      .features--boxed.row--xs .feature {
        margin-top: 8px; }
    .features--boxed.row--sm {
      margin-top: -map-get((lg: 32px, d: 20px, sm: 16px, xs: 8px), sm); }
      .features--boxed.row--sm .feature {
        margin-top: 16px; }
    .features--boxed.row--lg {
      margin-right: -map-get((lg: 32px, d: 20px, sm: 16px, xs: 8px), lg); }
      .features--boxed.row--lg .feature {
        margin-top: 32px; } }

@media (max-width: 766px) {
  .feature {
    margin-top: 32px; }
    .feature__icon + .feature__body {
      margin-top: 24px; }
    .feature__title + .feature__desc {
      margin-top: 16px; }
    .feature__desc + .feature__actions {
      padding-top: 24px; }
    .feature--bordered, .feature--boxed {
      padding: 24px; }
    .feature--sm {
      margin-top: 24px; }
      .feature--sm .feature__icon + .feature__body {
        margin-top: 16px; }
      .feature--sm .feature__title + .feature__desc {
        margin-top: 8px; }
      .feature--sm .feature__desc + .feature__actions {
        padding-top: 16px; }
      .feature--sm .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 16px; }
      .feature--sm .feature--bordered, .feature--sm .feature--boxed {
        padding: 16px; }
    .feature--lg {
      margin-top: 48px; }
      .feature--lg .feature__icon + .feature__body {
        margin-top: 32px; }
      .feature--lg .feature__title + .feature__desc {
        margin-top: 24px; }
      .feature--lg .feature__desc + .feature__actions {
        padding-top: 32px; }
      .feature--lg .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 32px; }
      .feature--lg .feature--bordered, .feature--lg .feature--boxed {
        padding: 32px; }
    .feature--xlg {
      min-height: unset; }
    .feature--icon-left .feature__icon + .feature__body {
      margin-top: 0;
      margin-left: 24px; }
  .features {
    margin-top: -map-deep-get((sm: (margin-top: 24px, icon: 16px, desc: 8px, actions: 16px, padding-boxed: 16px), d: (margin-top: 32px, icon: 24px, desc: 16px, actions: 24px, padding-boxed: 24px), lg: (margin-top: 48px, icon: 32px, desc: 24px, actions: 32px, padding-boxed: 32px)), d, margin-top); }
    .features > * {
      display: flex; }
    .features .feature:not(.feature--promo) {
      margin-top: 24px;
      width: 100%; }
  .features--boxed {
    margin-top: -map-get((lg: 24px, d: 16px, sm: 8px, xs: 4px), d); }
    .features--boxed .feature {
      margin-top: 16px; }
    .features--boxed.row--xs {
      margin-top: -map-get((lg: 24px, d: 16px, sm: 8px, xs: 4px), xs); }
      .features--boxed.row--xs .feature {
        margin-top: 4px; }
    .features--boxed.row--sm {
      margin-top: -map-get((lg: 24px, d: 16px, sm: 8px, xs: 4px), sm); }
      .features--boxed.row--sm .feature {
        margin-top: 8px; }
    .features--boxed.row--lg {
      margin-right: -map-get((lg: 24px, d: 16px, sm: 8px, xs: 4px), lg); }
      .features--boxed.row--lg .feature {
        margin-top: 24px; } }

.row--eq-height .feature {
  height: 100%; }

.row--eq-height .widget {
  margin: 0 auto;
  height: 100%; }

/*
*******************************************
2. Features - responsive
*******************************************
*/
@media (max-width: 1365px) {
  .feature--user {
    max-width: 149px; }
    .feature--user .feature__bg {
      height: 46px; }
    .feature--user .feature__icon img {
      max-width: 58px; }
    .feature--user .feature__actions .label--block {
      height: 30px; }
  .feature--cta {
    padding: 60px;
    padding-top: 54px;
    padding: 48px 40px; }
    .feature--cta .feature__avatar img {
      width: 70px; }
    .feature--cta .feature__icons .feature__icon:nth-of-type(1) {
      transform: rotate(-15deg);
      left: 36%;
      top: -75px; }
    .feature--cta .feature__icons .feature__icon:nth-of-type(2) {
      right: -84px;
      top: -27px; }
  .feature--icons-line .feature__icons .feature__icon:nth-of-type(3) {
    margin-top: 40px; }
  .feature--sides {
    padding: 60px 72px;
    justify-content: space-evenly; }
    .feature--sides .feature__body {
      min-width: 313px;
      margin: 0; }
    .feature--sides .feature__desc {
      margin-top: 24px;
      width: 100%; }
    .feature--sides .feature__graphic {
      min-height: 370px;
      min-width: 370px; }
    .feature--sides .feature__actions {
      justify-content: center;
      align-items: center; }
    .feature--sides.feature--left .feature__body {
      margin-right: 36px; }
    .feature--sides.feature--right .feature__body {
      margin-left: 36px; }
  .feature--tool {
    margin-top: 0; }
    .feature--tool-sm {
      width: 100%; }
      .feature--tool-sm .feature__img {
        width: unset;
        height: unset; }
  .feature--location .feature__icon {
    width: 100%;
    height: 429px; }
    .feature--location .feature__icon img {
      height: 100%;
      object-fit: cover; }
  .feature--changelog .feature__body {
    margin-top: 0px; }
  .feature-row-col {
    flex-basis: 150px; }
    .feature-row-col .feature--social {
      flex-basis: 150px; }
  .feature--discord, .feature--community, .feature--newsletter {
    margin-top: 0 !important; }
  .feature--discord-nav, .feature--community-nav {
    padding: 24px 0 0 24px !important;
    justify-content: unset;
    width: 100%; }
    .feature--discord-nav .dropdown__item, .feature--community-nav .dropdown__item {
      width: 100% !important; }
    .feature--discord-nav .feature__body, .feature--community-nav .feature__body {
      padding-bottom: 20px;
      max-width: unset; }
    .feature--discord-nav .feature__title, .feature--community-nav .feature__title {
      margin-top: 0 !important; }
    .feature--discord-nav .feature__graphic, .feature--community-nav .feature__graphic {
      margin-left: 0;
      align-self: flex-end; }
      .feature--discord-nav .feature__graphic img, .feature--community-nav .feature__graphic img {
        max-width: 110px !important; }
    .feature--discord-nav .feature__desc, .feature--community-nav .feature__desc {
      margin-top: 0 !important; }
  .feature--newsletter {
    grid-row: 3;
    grid-column: span 2; }
    .feature--newsletter .feature__icon {
      justify-content: center !important; }
    .feature--newsletter .feature__container {
      margin: 0 auto;
      max-width: 640px;
      display: flex;
      flex-direction: column; }
    .feature--newsletter .feature__desc, .feature--newsletter .feature__title {
      text-align: center; }
  .feature--newsletter-nav .feature__desc, .feature--newsletter-nav .feature__title {
    text-align: left; } }

@media (max-width: 1023px) {
  .feature--card {
    padding: 40px 44px; } }

@media (max-width: 1023px) {
  .feature.feature--boxed .feature__header {
    padding: 24px 16px; }
  .feature.feature--icon-left {
    margin-top: 32px !important; }
  .feature .feature__actions .hide-md + .btn {
    width: 100%; }
  .feature .feature__header + .feature__body {
    display: none; }
  .feature--user {
    max-width: 101px;
    padding: 10px !important; }
    .feature--user .feature__bg {
      height: 32px;
      border-radius: 4px; }
    .feature--user .feature__icon {
      margin-top: 6px; }
      .feature--user .feature__icon img {
        max-width: 40px; }
    .feature--user .feature__actions .label {
      font-size: 8px;
      line-height: 15px; }
  .feature--cta {
    padding: 68px 32px 48px 32px; }
    .feature--cta .feature__icons + .feature__body {
      margin-top: 20px; }
    .feature--cta-cards .feature__body {
      margin-top: 0 !important; }
  .feature--bordered {
    padding: 30px 24px !important; }
    .feature--bordered .feature__title {
      font-size: 24px;
      line-height: 32px; }
  .feature--tool {
    margin-left: 0; }
    .feature--tool .feature__img {
      padding: 10px;
      width: 72px;
      height: 72px;
      align-items: center;
      justify-content: center; }
    .feature--tool .feature__title {
      margin-left: 12px; }
    .feature--tool + .feature--tool {
      margin-top: 28px; }
    .feature--tool-sm {
      margin-top: 0; }
      .feature--tool-sm .feature__img {
        width: auto;
        height: auto; }
      .feature--tool-sm + .feature--tool {
        margin-left: 28px;
        margin-top: 0; }
  .feature--changelog {
    flex-direction: column;
    padding: 28px 24px; }
    .feature--changelog .feature__body {
      flex-direction: column;
      margin-left: 0;
      margin-top: 16px; }
    .feature--changelog .feature__actions {
      margin-top: 20px; } }

@media (max-width: 1023px) {
  .feature--cta {
    max-width: 491px; }
    .feature--cta .feature__avatars {
      margin-right: 16px; }
    .feature--cta .feature__avatar {
      margin-right: -16px; }
      .feature--cta .feature__avatar img {
        width: 48px; }
    .feature--cta .feature__title + .feature__desc {
      margin-top: 4px !important; }
    .feature--cta .feature__desc, .feature--cta .feature__title {
      max-width: unset; }
    .feature--cta .feature__icons > .feature__icon:nth-of-type(1) {
      max-width: 185px;
      top: -49px;
      left: 45%; }
    .feature--cta .feature__icons > .feature__icon:nth-of-type(2) {
      max-width: 187px;
      top: 0;
      right: -57px; }
    .feature--cta .feature__actions {
      margin-top: 20px; }
    .feature--cta-cards {
      padding-top: 148px; }
  .feature--icons-line .feature__icons .feature__icon:nth-of-type(3) {
    margin-top: 20px; }
  .feature--sides {
    width: auto;
    flex-direction: column;
    padding: 48px 40px; }
    .feature--sides .feature__graphic {
      min-height: unset;
      width: 370px;
      height: 370px;
      margin-top: 24px; }
    .feature--sides .feature__title, .feature--sides .feature__desc {
      text-align: center; }
    .feature--sides .feature__desc, .feature--sides .feature__label {
      margin-top: 20px !important; }
    .feature--sides .feature__label {
      display: flex;
      align-items: center;
      justify-content: center; }
    .feature--sides .feature__body {
      max-width: 371px; }
    .feature--sides.feature--right {
      flex-direction: column; }
    .feature--sides.feature--right .feature__body, .feature--sides.feature--left .feature__body {
      margin: 0; }
  .feature--explore {
    margin-top: 20px;
    min-height: unset; }
    .feature--explore .feature__icon + .feature__body {
      margin-top: 36px; }
    .feature--explore .feature__body {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center; }
      .feature--explore .feature__body .label {
        margin-bottom: 0;
        margin-left: 12px;
        order: 1; }
    .feature--explore .feature__title {
      order: 0;
      max-width: unset; }
    .feature--explore .feature__desc {
      order: 2;
      flex-basis: 100%; }
  .feature--member .feature__icon {
    max-height: 340px; }
    .feature--member .feature__icon img {
      width: 100%;
      object-fit: cover; }
  .feature--community, .feature--discord {
    grid-column: span 2;
    flex-direction: row !important; }
    .feature--community .feature__body, .feature--discord .feature__body {
      max-width: unset !important;
      margin-right: 32px !important;
      padding-bottom: 24px; }
    .feature--community .feature__title, .feature--community .feature__desc, .feature--discord .feature__title, .feature--discord .feature__desc {
      text-align: left !important; }
  .feature--newsletter-nav {
    order: 1;
    max-width: unset; }
    .feature--newsletter-nav .feature__desc {
      margin-top: 10px !important; }
  .feature--community-nav .feature__graphic img, .feature--discord-nav .feature__graphic img {
    max-width: 105px !important; }
  .feature--community-nav .feature__desc, .feature--discord-nav .feature__desc {
    margin-top: 0 !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .feature--newsletter-nav .feature__container {
    max-width: unset;
    margin: unset;
    width: 100%; }
  .feature--newsletter-nav .feature__body {
    margin: 0 !important; }
  .feature--newsletter-nav .feature__desc, .feature--newsletter-nav .feature__title {
    text-align: left; }
  .feature--newsletter-nav .feature__footer form {
    flex-direction: row !important; }
    .feature--newsletter-nav .feature__footer form .btn {
      max-width: 160px; }
    .feature--newsletter-nav .feature__footer form .input-group {
      margin-bottom: 0 !important;
      margin-right: 12px; } }

@media (max-width: 766px) {
  .feature {
    margin-top: 40px; }
    .feature.feature--sides:first-of-type {
      margin-top: 0; }
    .feature__icon + .feature__body {
      margin-top: 16px; }
    .feature__desc {
      word-break: break-word; }
    .feature .feature__title {
      margin-bottom: 0; }
    .feature .feature__desc {
      margin-top: 12px !important; }
  .row--eq-height .feature {
    margin-top: 24px; }
  .feature--card {
    padding: 24px 24px 36px; }
  .feature--cta {
    padding: 48px 24px 40px;
    max-width: 304px; }
    .feature--cta .feature__actions #mc_embed_signup {
      width: 100%; }
    .feature--cta .feature__actions .form {
      flex-direction: column; }
      .feature--cta .feature__actions .form .input-group + .btn {
        width: 100%;
        margin-top: 12px;
        margin-left: 0; }
      .feature--cta .feature__actions .form input {
        font-size: 16px !important;
        font-weight: 300 !important;
        line-height: 26px !important; } }
      @media (max-width: 766px) and (max-width: 1365px) {
        .feature--cta .feature__actions .form input {
          font-size: 16px !important;
          font-weight: !important;
          line-height: 26px !important; } }
      @media (max-width: 766px) and (max-width: 1023px) {
        .feature--cta .feature__actions .form input {
          font-size: 16px !important;
          font-weight: !important;
          line-height: 26px !important; } }
      @media (max-width: 766px) and (max-width: 766px) {
        .feature--cta .feature__actions .form input {
          font-size: 15px !important;
          font-weight: 300 !important;
          line-height: 24px !important; } }

@media (max-width: 766px) {
    .feature--cta .feature__title + .feature__desc {
      margin-top: 12px; }
    .feature--cta .feature__desc {
      font-size: 16px !important;
      font-weight: 300 !important;
      line-height: 26px !important; } }
    @media (max-width: 766px) and (max-width: 1365px) {
      .feature--cta .feature__desc {
        font-size: 16px !important;
        font-weight: !important;
        line-height: 26px !important; } }
    @media (max-width: 766px) and (max-width: 1023px) {
      .feature--cta .feature__desc {
        font-size: 16px !important;
        font-weight: !important;
        line-height: 26px !important; } }
    @media (max-width: 766px) and (max-width: 766px) {
      .feature--cta .feature__desc {
        font-size: 15px !important;
        font-weight: 300 !important;
        line-height: 24px !important; } }

@media (max-width: 766px) {
    .feature--cta-cards .feature__icons {
      min-height: 180px; }
      .feature--cta-cards .feature__icons .feature__icon:nth-of-type(1) {
        left: 15%;
        top: -23px;
        transform: rotate(-15deg); }
      .feature--cta-cards .feature__icons .feature__icon:nth-of-type(2) {
        top: 5%;
        right: -32%; }
  .feature--user {
    max-width: 112px; }
    .feature--user .feature__bg {
      height: 38px; }
    .feature--user .feature__icon img {
      max-width: 48px; }
  .feature--main .feature__bg {
    height: 45px; }
  .feature--main .feature__icon img {
    max-width: 56px; }
  .feature--sides {
    padding: 24px; }
    .feature--sides .feature__desc, .feature--sides .feature__label {
      margin-top: 20px !important; }
    .feature--sides .feature__body {
      min-width: unset;
      max-width: unset; }
    .feature--sides .feature__graphic {
      width: 100%;
      height: 240px;
      min-width: unset;
      min-height: unset;
      max-width: 240px; }
    .feature--sides .feature__actions {
      justify-content: center; }
  .feature--explore {
    padding-left: 28px;
    padding-right: 28px; }
    .feature--explore .feature__desc {
      margin-top: 8px !important; }
    .feature--explore .feature__body .label {
      margin-left: 8px; }
  .feature--tool .feature__title {
    white-space: unset;
    margin-left: 20px; }
  .feature--tool .feature__img {
    height: 40px;
    width: 40px;
    padding: 0; }
    .feature--tool .feature__img svg {
      height: 100%; }
  .feature--tool + .feature--tool {
    margin-top: 20px; }
  .feature--tool-sm {
    min-height: unset; }
  .feature--member {
    padding: 32px 28px; }
    .feature--member .feature__icon + .feature__body {
      margin-top: 20px; }
    .feature--member .feature__body > * + * {
      margin-top: 14px !important; }
  .feature--location {
    padding: 24px; }
  .feature--icons-line .feature__icon:nth-of-type(1) {
    max-height: 26px;
    justify-content: flex-start; }
  .feature--icons-line .feature__icon:nth-of-type(2) {
    max-height: 38px; }
  .feature--location .feature__icon {
    height: 256px; }
    .feature--location .feature__icon img {
      height: 100%;
      object-fit: cover; }
  .feature--icons-inline .feature__icons {
    align-items: center;
    margin-bottom: 0 !important; }
  .feature--icons-inline .feature__icon {
    margin: 0 13px; }
    .feature--icons-inline .feature__icon:nth-of-type(1) {
      max-width: 72px; }
    .feature--icons-inline .feature__icon:nth-of-type(2) {
      max-width: 68px; }
  .feature--newsletter {
    padding: 24px !important; }
    .feature--newsletter .feature__footer {
      padding: 20px !important; }
  .feature--community, .feature--discord {
    padding: 24px !important; }
    .feature--community .feature__graphic, .feature--discord .feature__graphic {
      display: none; }
    .feature--community .feature__body, .feature--discord .feature__body {
      justify-content: center;
      margin-right: 0 !important;
      padding-right: 0 !important;
      padding-bottom: 0 !important; }
    .feature--community .feature__icon, .feature--discord .feature__icon {
      justify-content: center !important; }
    .feature--community .feature__desc, .feature--community .feature__title, .feature--discord .feature__desc, .feature--discord .feature__title {
      text-align: center !important; }
    .feature--community .feature__footer .btn, .feature--discord .feature__footer .btn {
      width: 100%; }
  .feature--community-nav, .feature--discord-nav {
    padding: 20px !important; }
    .feature--community-nav .feature__desc, .feature--community-nav .feature__title, .feature--discord-nav .feature__desc, .feature--discord-nav .feature__title {
      text-align: left !important;
      margin-top: 0 !important; }
    .feature--community-nav .feature__body, .feature--discord-nav .feature__body {
      justify-content: flex-start !important; }
    .feature--community-nav .feature__icon, .feature--discord-nav .feature__icon {
      justify-content: flex-start !important; }
    .feature--community-nav .feature__footer .btn, .feature--discord-nav .feature__footer .btn {
      padding: 8px 12px 8px 12px;
      max-width: 155px;
      min-width: 155px; }
  .feature--newsletter-nav .feature__footer {
    padding: 0 !important; }
  .feature--live-demo {
    border-radius: 16px; }
    .feature--live-demo .feature__illustration {
      margin-top: 24px; }
    .feature--live-demo .feature__desc {
      margin-top: 16px !important; } }

@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 (max-width: 1023px), (-ms-high-contrast: none) and (max-width: 1023px) {
  .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: 766px), (-ms-high-contrast: none) and (max-width: 766px) {
  .mob-slider .swiper-slide {
    height: auto; }
  .mob-slider[data-size="tablet"] .swiper-slide {
    flex: 0 1 auto; } }

@media (max-width: 400px) {
  .feature--newsletter-nav {
    min-width: unset; }
  .feature--discord-nav .feature__icon, .feature--community-nav .feature__icon {
    max-width: 40px;
    margin-right: 12px !important; }
    .feature--discord-nav .feature__icon svg, .feature--community-nav .feature__icon svg {
      width: 48px; }
  .feature--discord-nav .feature__footer .btn, .feature--community-nav .feature__footer .btn {
    max-width: unset !important;
    min-width: auto !important; } }

.animation-pulse {
  opacity: 0; }
  .animation-pulse::before, .animation-pulse::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
  .animation-pulse::before {
    border: 1px solid #E8E8ED;
    animation: pulse 2s 0.1s ease-in-out infinite;
    opacity: 0; }
  .animation-pulse::after {
    border: 1px solid #F4F4F4;
    animation: pulse 2s 1.1s ease-in-out infinite;
    opacity: 0; }
  .animation-pulse--dot {
    width: 16px;
    height: 16px;
    background-color: #004A95;
    border-radius: 50%;
    position: absolute; }
    .animation-pulse--dot::before {
      opacity: 0;
      border: unset;
      background-color: #004A951A; }
    .animation-pulse--dot::after {
      content: unset; }
    .animation-pulse--dot-sm {
      width: 8px;
      height: 8px; }
    .animation-pulse--dot-lg {
      width: 25px;
      height: 25px; }
    .animation-pulse--dot-left {
      left: 230px;
      bottom: 162px; }
      .animation-pulse--dot-left.animation-pulse--dot-sm {
        top: 84px;
        left: 76px;
        bottom: unset; }
    .animation-pulse--dot-right {
      top: 64px;
      right: 68px; }
  .animation-pulse--outline::after {
    border-color: #004A95;
    animation: pulseOutline 2s 1s ease-out infinite;
    content: ''; }

.animation-starsPulse {
  position: relative !important;
  color: #FF8E2B !important; }
  .animation-starsPulse svg path {
    fill: #FF8E2B !important; }
  .animation-starsPulse .first-star, .animation-starsPulse .second-star {
    animation: pulseStar 3s infinite;
    display: inline-block;
    transform-origin: center;
    scale: 0.4;
    opacity: 0;
    position: absolute; }
  .animation-starsPulse .first-star {
    bottom: 10px;
    left: 21px; }
  .animation-starsPulse .second-star {
    right: 20px;
    top: 10px; }

[data-anim-graph] {
  transform-origin: bottom;
  transform-box: fill-box;
  transform: scaleY(0); }

[data-anim] {
  transition: all 0.3s ease-out; }

[data-anim] {
  opacity: 1 !important; }

[data-anim-element], [data-anim-element-feature] {
  transform: none !important; }

[data-anim-graph] {
  opacity: 1; }

@keyframes pulse {
  40% {
    opacity: 1; }
  100% {
    width: 500%;
    height: 500%;
    opacity: 0; } }

@keyframes pulseOutline {
  100% {
    width: 400%;
    height: 400%;
    opacity: 0; } }

@keyframes pulseStar {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@media (max-width: 1365px) {
  .animation-pulse--dot-left.animation-pulse--dot-sm {
    top: 140px;
    left: 42px; }
  .animation-starsPulse .first-star {
    bottom: 9px;
    left: 11px; }
  .animation-starsPulse .second-star {
    right: 12px;
    top: 10px; } }

@media (max-width: 1023px) {
  .animation-pulse--dot-left {
    left: -46px;
    bottom: 111px;
    width: 9px;
    height: 9px; }
    .animation-pulse--dot-left.animation-pulse--dot-sm {
      display: none; }
  .animation-pulse--dot-right {
    right: -52px;
    top: 110px; }
  .animation-starsPulse .first-star {
    bottom: -16px;
    left: -5px; }
  .animation-starsPulse .second-star {
    top: -15px;
    left: 103px; } }

@media (max-width: 766px) {
  .animation-pulse--dot-left {
    left: -20px;
    bottom: 64px; }
  .animation-pulse--dot-right {
    right: -39px;
    top: 95px; } }

/*
*******************************************
List group
1. General
2. Sizes
3. Types
4. Responsive
*******************************************
*/
/*
*******************************************
1. List group - general
*******************************************
*/
.list-group {
  margin: 0;
  border: 1px solid #fff; }
  .list-group__item {
    display: flex;
    align-items: center;
    padding: 7px 16px;
    border-bottom: 1px solid white; }
    .list-group__item > *:last-child {
      margin-bottom: 0; }
    .list-group__item:last-child {
      border-bottom: 0; }
  .list-group__label {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    color: #8D94A6; }
  .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: white; }

a.list-group__item {
  transition: all 0.3s; }
  a.list-group__item:hover {
    color: #555C6D;
    background: white; }

/*
*******************************************
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 {
  flex-direction: column; }
  .list-group--collapse .list-group__top {
    cursor: pointer; }
    .list-group--collapse .list-group__top:hover .top__title {
      color: #5BC758; }

.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: 766px) {
  .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: 13px;
  line-height: 16px; }
  .list-group--sm > .list-group__item {
    padding-top: 6px;
    padding-bottom: 6px; }

/*
*******************************************
4. List group - Responsive
*******************************************
*/
@media (max-width: 766px) {
  .list-group--lg .list-group__item {
    padding: 16px; } }

@media (max-width: 766px) {
  .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; } }

/*
*******************************************
Custom
*******************************************
*/
.list-group__item {
  flex-direction: column;
  padding: 0;
  cursor: pointer; }
  .list-group__item.active .list-group__top .list-group__title {
    color: #004A95; }
  .list-group__item.active .list-group__top .list-group__close-button {
    transform: rotate(180deg); }
    .list-group__item.active .list-group__top .list-group__close-button svg path {
      fill: #004A95; }
  .list-group__item .list-group__content {
    width: 100%;
    position: relative;
    margin: 0;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease; }
    .list-group__item .list-group__content:not(.hide) {
      margin-top: 24px; }
    .list-group__item .list-group__content.hide {
      max-height: 0 !important; }
    .list-group__item .list-group__content .list-group__content-inner p:not(:first-child) {
      margin: 24px 0 16px 0; }
    .list-group__item .list-group__content .list-group__content-inner p + p {
      margin-top: 0; }
  .list-group__item .list-group__top {
    display: flex;
    cursor: pointer;
    position: relative;
    transition: padding 0.3s;
    justify-content: space-between;
    align-items: center; }
    .list-group__item .list-group__top .list-group__close-button {
      position: relative;
      display: flex;
      transition: transform 0.5s ease;
      margin-left: 18px; }
      .list-group__item .list-group__top .list-group__close-button svg {
        width: 20px; }
    .list-group__item .list-group__top .list-group__title {
      margin-bottom: 0;
      width: 100%; }

@media (max-width: 1023px) {
  .list-group__content-inner {
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 26px !important; } }
  @media (max-width: 1023px) and (max-width: 1365px) {
    .list-group__content-inner {
      font-size: 16px !important;
      font-weight: !important;
      line-height: 26px !important; } }
  @media (max-width: 1023px) and (max-width: 1023px) {
    .list-group__content-inner {
      font-size: 16px !important;
      font-weight: !important;
      line-height: 26px !important; } }
  @media (max-width: 1023px) and (max-width: 766px) {
    .list-group__content-inner {
      font-size: 15px !important;
      font-weight: 300 !important;
      line-height: 24px !important; } }

@media (max-width: 766px) {
  .list-group__item .list-group__top {
    padding: 0; } }

.subscribe-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transition: opacity 0.3s ease; }
  .subscribe-form.hide {
    opacity: 0; }
  .subscribe-form__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }

.subscribe-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.3s ease;
  height: unset; }
  .subscribe-success.hide {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    min-height: unset;
    height: 0; }
  .subscribe-success .btn {
    flex-grow: 0; }

.feature {
  position: relative; }

.subscribe-success:not(.hide) {
  z-index: 1050;
  position: relative; }

.instance-box {
  position: absolute;
  box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07);
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  line-height: 0.5; }
  .instance-box--light {
    box-shadow: 0px -5px 43px 0px rgba(0, 0, 0, 0.03), 0px 6px 15px 0px rgba(1, 69, 45, 0.06); }
  .instance-box--light-sides {
    box-shadow: 0px 8px 25px 0px rgba(14, 13, 16, 0.04), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.12); }
  .instance-box--blur {
    filter: blur(3.5px); }
  .instance-box--border {
    border: 1px solid #004A95; }
    .instance-box--border-lg {
      border-width: 2px; }
    .instance-box--border-red {
      border-color: #EB4747; }
    .instance-box--border-purple {
      border-color: #8F6FCB; }
    .instance-box--border-orange {
      border-color: #FF8E2B; }
    .instance-box--border-gray {
      border-color: #E8E8ED; }
  .instance-box--border-radius-lg {
    border-radius: 20px; }
  .instance-box--no-shadow {
    box-shadow: unset; }
  .instance-box--no-background {
    background: unset; }
  .instance-box--avatar {
    border-radius: 50%;
    border: 2px solid #fff; }
  .instance-box--no-radius {
    border-radius: unset; }
  .instance-box--overflow-visible {
    overflow: visible; }
  .instance-box .video-background circle {
    transition: fill 0.3s; }
  .instance-box .video-background:hover circle {
    fill: #004A95; }

/*
*******************************************
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: 12px;
  font-weight: 400;
  text-align: center;
  text-transform: none;
  vertical-align: middle;
  font-weight: 600; }

/*
*******************************************
2. Labels - sizes
*******************************************
*/
.label {
  font-size: 16px;
  line-height: 18px;
  padding: 4px 8px;
  height: 26px; }
  .label--xs {
    font-size: 10px;
    line-height: 16px;
    padding: 0 4px;
    height: 20px; }
  .label--sm {
    font-size: 14px;
    line-height: 25px;
    padding: 0 8px;
    height: 24px; }
  .label--lg {
    font-size: 13px;
    padding: 0 16px;
    height: 32px; }

/*
*******************************************
3. Labels - colors
*******************************************
*/
.label {
  color: #555C6D;
  background: #fff; }
  .label--default {
    color: #555C6D;
    background: #fff; }
  .label--primary {
    color: #004A95;
    background: #004A951A; }
  .label--secondary {
    color: #fff;
    background: #1A1E28; }
  .label--success {
    color: #fff;
    background: #5BC758; }
  .label--info {
    color: #fff;
    background: #2CADD4; }
  .label--warning {
    color: #FF8E2B;
    background: #FF8E2B26; }
  .label--danger {
    color: #fff;
    background: #E54646; }
  .label--light-overlay {
    color: #fff;
    background: rgba(255, 255, 255, 0.3); }
  .label--dark-overlay {
    color: #fff;
    background: rgba(0, 0, 0, 0.15); }
  .label--outline {
    background: transparent;
    color: #555C6D;
    border-color: #fff; }
    .label--outline.label--default {
      color: #555C6D;
      border-color: #fff; }
    .label--outline.label--primary {
      color: #004A95;
      border-color: #004A95; }
    .label--outline.label--secondary {
      color: #1A1E28;
      border-color: #1A1E28; }
    .label--outline.label--success {
      color: #5BC758;
      border-color: #5BC758; }
    .label--outline.label--info {
      color: #2CADD4;
      border-color: #2CADD4;
      background: #2CADD414; }
    .label--outline.label--warning {
      color: #FF8E2B;
      border-color: #FF8E2B;
      background: #FF8E2B26; }
    .label--outline.label--danger {
      color: #E54646;
      border-color: #E54646; }
    .label--outline.label--light-overlay {
      color: #fff;
      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: #555C6D; }
    .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: #555C6D; }
    .label--status.label--primary {
      color: #004A95; }
    .label--status.label--secondary {
      color: #1A1E28; }
    .label--status.label--success {
      color: #5BC758; }
    .label--status.label--info {
      color: #2CADD4; }
    .label--status.label--warning {
      color: #FF8E2B; }
    .label--status.label--danger {
      color: #E54646; }
    .label--status.label--light-overlay {
      color: #fff; }
    .label--status.label--dark-overlay {
      color: rgba(0, 0, 0, 0.6); }
  .label--footer {
    margin-left: 4px; }

.label {
  border-radius: 5px;
  text-align: center;
  border: none; }
  .label--primary.label--outline {
    background-color: transparent;
    border: 1px solid #004A95;
    padding: 6px 16px;
    height: 38px;
    border-radius: 6px; }
  .label--md {
    height: unset;
    min-height: 34px; }
  .label--lg {
    padding: 4px 12px;
    height: auto;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300; }
  .label--xlg {
    height: 40px;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 32px !important; }
    @media (max-width: 1365px) {
      .label--xlg {
        font-size: 20px !important;
        font-weight: !important;
        line-height: 32px !important; } }
    @media (max-width: 1023px) {
      .label--xlg {
        font-size: 20px !important;
        font-weight: !important;
        line-height: 32px !important; } }
    @media (max-width: 766px) {
      .label--xlg {
        font-size: 18px !important;
        font-weight: !important;
        line-height: 28px !important; } }
  .label--bold {
    font-weight: 700 !important; }
  .label--normal {
    font-weight: 400 !important; }
  .label--gray {
    color: #6B7488;
    background: #F9F9FB; }
    .label--gray.label--outline {
      border: 1px solid #E8E8ED;
      color: #555C6D;
      background: #fff; }
  .label--block {
    width: 100%; }
  .label--outline.label--purple {
    color: #8F6FCB;
    border-color: #8F6FCB;
    background: #8F6FCB14; }
  .label--black {
    background: #000; }
    .label--black a {
      color: #fff;
      text-align: center;
      font-weight: 700; }
  .label--warning a {
    color: #FF8E2B;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    text-align: center; }

@media (max-width: 766px) {
  .label {
    font-size: 14px;
    line-height: 24px; }
    .label--md {
      min-height: 28px; }
    .label a {
      font-size: 14px;
      line-height: 24px; } }

.blog-article {
  padding: 32px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 8px 25px 0px rgba(14, 13, 16, 0.04), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease; }
  .blog-article:hover {
    transform: translateY(-10px); }
    .blog-article:hover .blog-article__title {
      color: #5BC758; }
  .blog-article__content {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
  .blog-article__thumbnail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: min-content;
    grid-column: 1 / -1;
    position: relative; }
    .blog-article__thumbnail::before {
      content: '';
      box-shadow: 0px 0px 20px 10px #1E272A0D inset;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 10px; }
    .blog-article__thumbnail img {
      border-radius: 10px;
      object-fit: contain;
      box-shadow: 0px 0px 20px 10px #1E272A0D inset;
      border-radius: 10px;
      height: fit-content;
      width: 100%; }
  .blog-article__wrapper {
    display: grid;
    flex-direction: column;
    flex-grow: 1;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 32px; }
    @media (max-width: 1365px) {
      .blog-article__wrapper {
        grid-template-columns: repeat(8, 1fr); } }
  .blog-article__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 32px;
    flex-wrap: wrap;
    border-top: 1px solid #EEEEF4; }
  .blog-article__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    grid-column: 1 / -1; }
  .blog-article__text {
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400 !important; }
    .blog-article__text p {
      color: #6B7488;
      margin-bottom: 0; }
  .blog-article__title {
    align-items: center;
    justify-content: space-between;
    transition: color 0.3s ease;
    flex-wrap: wrap;
    padding-right: 36px;
    position: relative;
    margin-bottom: 12px; }
    .blog-article__title > * {
      font-weight: inherit; }
  .blog-article__posted .label {
    height: 32px;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    font-weight: 600 !important; }
    @media (max-width: 1365px) {
      .blog-article__posted .label {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 1023px) {
      .blog-article__posted .label {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 766px) {
      .blog-article__posted .label {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px; } }
  .blog-article__tags {
    margin-bottom: 12px;
    margin-top: -8px;
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap; }
    .blog-article__tags .label {
      margin-top: 8px;
      margin-right: 8px;
      padding: 0 4px;
      font-size: 12px;
      line-height: 16px; }
  .blog-article__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 8px; }
  .blog-article__author {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #2E3442; }

@media (max-width: 766px) {
  .blog-article {
    padding: 24px; }
    .blog-article__footer {
      margin-top: 0;
      padding-top: 24px; }
      .blog-article__footer > * {
        margin-top: 0; } }

.posts {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr;
  grid-gap: 32px; }
  @media (min-width: 767px) and (max-width: 1023px) {
    .posts-item .blog-article__footer {
      row-gap: 12px;
      display: flex;
      flex-direction: column;
      align-items: flex-start; } }
  .posts .posts-item:nth-child(1) {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 7;
    grid-row-end: 3; }
    .posts .posts-item:nth-child(1) .blog-article__thumbnail {
      margin-bottom: 0;
      grid-column: 1 / 7;
      grid-row: 1 / 2; }
      @media (max-width: 1365px) {
        .posts .posts-item:nth-child(1) .blog-article__thumbnail {
          grid-column: 1 / 5; } }
      @media (max-width: 1023px) {
        .posts .posts-item:nth-child(1) .blog-article__thumbnail {
          grid-column: 1 / -1; } }
    .posts .posts-item:nth-child(1) .blog-article__body {
      grid-column: 7 / -1; }
      @media (max-width: 1365px) {
        .posts .posts-item:nth-child(1) .blog-article__body {
          grid-column: 5 / -1; } }
      @media (max-width: 1023px) {
        .posts .posts-item:nth-child(1) .blog-article__body {
          grid-column: 1 / -1; } }
  .posts .posts-item:not(:nth-of-type(1)) {
    grid-column: auto / span 2; }

.blog-article__wrapper {
  grid-template-rows: max-content; }

.blog-article__footer {
  row-gap: 12px; }

.widget--post {
  display: block;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0px 15px 45px 0px rgba(15, 24, 51, 0.1);
  transition: all ease-in-out 0.2s; }
  .widget--post:hover {
    box-shadow: 0 20px 50px 0 rgba(15, 24, 51, 0.15);
    transform: translateY(-5px); }
    .widget--post:hover .widget__title {
      color: #7768d4; }
  .widget--post:active {
    transform: translateY(0);
    box-shadow: 0 5px 20px 0 rgba(15, 24, 51, 0.1); }
  .widget--post .widget__content {
    padding: 24px; }
  .widget--post .widget__top {
    justify-content: space-between;
    border: 0;
    height: auto;
    padding: 0; }
  .widget--post .widget__photo {
    margin-bottom: 21px; }
  .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;
    border-radius: 6px; }
    .widget--post .widget__photo img {
      width: 340px;
      height: 184px;
      object-fit: cover;
      object-position: center center; }
  .widget--post .widget__title {
    margin-top: 10px;
    margin-bottom: 14px; }
  .widget--post .widget__post-content {
    font-size: 16px;
    line-height: 28px;
    color: #6B7488;
    margin-bottom: 0; }
  .widget--post .widget__category, .widget--post .widget__date {
    font-size: 12px;
    color: #949199;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    transition: 0.3s; }
  .widget--post .widget__category:hover, .widget--post .widget__category:focus, .widget--post .widget__category:active {
    color: #715fe8; }
  .widget--post .widget__date {
    font-weight: 300;
    text-transform: none; }

.post {
  max-width: 800px;
  margin: 0 auto;
  padding: 48px;
  box-shadow: 0px 8px 25px 0px rgba(14, 13, 16, 0.04), 0px 8px 24px 6px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
  border-radius: 20px; }
  .post > .container {
    padding: 0; }
  .post .post__content {
    padding-bottom: 32px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px; }
    .post .post__content .urvanov-syntax-highlighter-syntax {
      overflow-x: auto !important;
      max-width: 100%; }
    @media (max-width: 1365px) {
      .post .post__content {
        font-size: 18px;
        line-height: 28px; } }
    @media (max-width: 1023px) {
      .post .post__content {
        font-size: 18px;
        line-height: 28px; } }
    @media (max-width: 766px) {
      .post .post__content {
        font-size: 16px;
        line-height: 24px; } }
    .post .post__content .wp-block-heading {
      color: #2E3442;
      font-weight: 800; }
      .post .post__content .wp-block-heading:nth-of-type(1) {
       /* margin-top: 0; */
          
        
    }
    .post .post__content img {
      max-width: 100%;
      margin-bottom: 42px;
      margin: 0 auto;
      display: block;
      height: auto;
      border: 1px solid #1E272A1A; }
    .post .post__content > * + * {
      margin-top: 32px;
      margin-bottom: 0;
      color: inherit; }
    .post .post__content > *:last-child {
      margin-bottom: 0; }
    .post .post__content ol {
      padding-left: 20px; }
    .post .post__content ul {
      padding-left: 0;
      list-style: none; }
      .post .post__content ul li {
        position: relative;
        padding-left: 32px;
        margin-left: 10px; }
        .post .post__content ul li:before {
          font-family: "Material-Design-Iconic-Font";
          content: '';
          justify-content: center;
          align-items: center;
          position: absolute;
          left: 4px;
          display: inline-flex;
          width: 24px;
          height: 24px;
          text-align: center;
          line-height: 24px;
          color: #004A95;
          top: 2px;
          font-size: 7px;
          content: '\f26d'; }
        .post .post__content ul li + li {
          margin-top: 8px; }
      .post .post__content ul p {
        margin-bottom: 0; }
      .post .post__content ul a {
        color: #8F6FCB;
        text-decoration: underline; }
    .post .post__content :not(.alert) strong {
      /* color: #2E3442; */ }
    .post .post__content :not(.alert) p {
      color: #6B7488; }
  .post__add-new-comment {
    margin-top: 0 !important; }
    .post__add-new-comment .form-group .control-label {
      font-size: 16px;
      font-weight: 300;
      line-height: 26px;
      font-weight: 400;
      color: #6B7488;
      margin-bottom: 4px; }
      @media (max-width: 1365px) {
        .post__add-new-comment .form-group .control-label {
          font-size: 16px;
          line-height: 26px; } }
      @media (max-width: 1023px) {
        .post__add-new-comment .form-group .control-label {
          font-size: 16px;
          line-height: 26px; } }
      @media (max-width: 766px) {
        .post__add-new-comment .form-group .control-label {
          font-size: 15px;
          font-weight: 300;
          line-height: 24px; } }
    .post__add-new-comment .form-actions small {
      display: none; }
  .post__form-title {
    margin-bottom: 32px;
    text-align: center;
    font-weight: 800; }
    .post__form-title .leave-reply-to {
      display: inline-block; }
      .post__form-title .leave-reply-to a {
        color: #8F6FCB;
        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: #8F6FCB; }
  .post__comments {
    margin-bottom: 48px; }
    .post__comments:empty {
      display: none; }
    .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__tags {
    display: flex;
    margin-bottom: 8px; }
    .post__tags .label {
      margin-right: 8px; }
  .post--comments {
    padding: 32px 32px 48px; }
    .post--comments .post__content {
      padding-bottom: 0; }

.posts .posts-item:nth-child(1) .blog-article__wrapper {
  flex-direction: row; }

.post--help-center p {
  margin-bottom: 25px; }

.post--help-center ul ul {
  margin-bottom: 0; }

.post--help-center ul li:before {
  color: #6454d1;
  top: 6px; }

.post--help-center h3 {
  margin-bottom: 25px; }

.post--help-center * + h3, .post--help-center * + .h3 {
  margin-top: 45px; }

.post--help-center .img-container {
  overflow: hidden;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #e5e5ec;
  display: block;
  cursor: zoom-in;
  margin-bottom: 25px; }
  .post--help-center .img-container img {
    margin-bottom: 0; }

.post--help-center .post__content {
  padding-bottom: 90px; }

.post-author {
  display: flex;
  padding: 32px 0 0;
  align-items: center;
  border-top: 1px solid #EEEEF4; }
  .post-author__avatar {
    height: 100px;
    width: 100px;
    min-width: 100px; }
    .post-author__avatar img {
      width: 100%;
      border-radius: 50%; }
  .post-author__content {
    margin-left: 32px;
    flex-grow: 1; }
    .post-author__content--icon {
      display: none; }
  .post-author__name {
    margin-bottom: 0;
    margin-top: 10px;
    display: flex;
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    align-items: center; }
    .post-author__name .label {
      margin-left: 8px; }
    .post-author__name--icon {
      margin-left: auto; }
      .post-author__name--icon svg {
        width: 24px;
        height: 24px; }
        .post-author__name--icon svg:hover path {
          fill: #5BC758;
          transition: fill .3s; }
      .post-author__name--icon a {
        display: flex;
        bottom: 4px; }
    .post-author__name .label {
      margin-left: 8px; }
  .post-author__desc {
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    font-weight: 400; }
    @media (max-width: 1365px) {
      .post-author__desc {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 1023px) {
      .post-author__desc {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 766px) {
      .post-author__desc {
        font-size: 14px;
        line-height: 24px; } }
  .post-author__label {
    color: #CCCDD7;
    font-size: 14px;
    line-height: 24px; }

.post-comments {
  padding-bottom: 32px; }
  .post-comments__item.is-parent {
    padding-bottom: 0; }
  .post-comments__item:last-child {
    border-bottom: 0; }
  .post-comments__item + .post-comments__item {
    margin-top: 32px; }
  .post-comments__reply {
    display: flex;
    flex-wrap: wrap; }
    .post-comments__reply .post-comments__icon {
      margin-right: 32px; }
      .post-comments__reply .post-comments__icon .icon-reply {
        width: 32px;
        height: 32px;
        transform: rotate(180deg);
        margin-right: 0;
        margin-top: 32px;
        display: flex; }
  .post-comments__wrapper {
    display: flex;
    align-items: flex-start;
    padding: 24px;
    background-color: #FCFCFF;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    flex-grow: 1; }
  .post-comments__body {
    display: flex;
    align-items: flex-start;
    width: 100%; }
    .post-comments__body + .comment-respond {
      margin-top: 16px;
      width: 100%; }
  .post-comments .comment:not(.is-parent) > .comment-respond {
    margin-top: 40px; }
  .post-comments__children {
    padding-left: 20px;
    margin-top: 32px;
    width: 100%; }
  .post-comments__avatar {
    margin-right: 16px;
    min-width: 56px;
    width: 56px;
    height: 56px; }
    .post-comments__avatar img {
      border-radius: 50%; }
  .post-comments__name {
    margin-right: 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px; }
    @media (max-width: 1365px) {
      .post-comments__name {
        font-size: 18px;
        line-height: 24px; } }
    @media (max-width: 1023px) {
      .post-comments__name {
        font-size: 18px;
        line-height: 24px; } }
    @media (max-width: 766px) {
      .post-comments__name {
        font-size: 16px;
        line-height: 24px; } }
    .post-comments__name a {
      font-weight: inherit; }
  .post-comments__top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-top: -5px; }
    .post-comments__top-wrapper {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-top: -8px; }
      .post-comments__top-wrapper > * {
        margin-top: 8px; }
    .post-comments__top .label {
      background-color: transparent; }
  .post-comments__content {
    width: 100%; }
  .post-comments__reply.btn {
    color: #6B7488;
    margin-left: auto;
    height: 26px;
    flex-wrap: nowrap;
    padding-right: 0; }
    .post-comments__reply.btn a {
      font-weight: 700; }
  .post-comments__date {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    background: transparent;
    font-weight: 400; }
    @media (max-width: 1365px) {
      .post-comments__date {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 1023px) {
      .post-comments__date {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 766px) {
      .post-comments__date {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px; } }
  .post-comments__text {
    font-size: 16px;
    line-height: 28px;
    color: #6B7488;
    margin-bottom: 0; }
    .post-comments__text p {
      font-size: 16px;
      line-height: 28px;
      color: #6B7488;
      margin-bottom: 0; }

.comment-form .form-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0; }

.comment-form .form-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  margin-top: 32px; }
  .comment-form .form-actions small {
    margin-left: 24px;
    padding: 0;
    color: #6B7488;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 28px !important; }
    @media (max-width: 1365px) {
      .comment-form .form-actions small {
        font-size: 18px !important;
        font-weight: !important;
        line-height: 28px !important; } }
    @media (max-width: 1023px) {
      .comment-form .form-actions small {
        font-size: 18px !important;
        font-weight: !important;
        line-height: 28px !important; } }
    @media (max-width: 766px) {
      .comment-form .form-actions small {
        font-size: 16px !important;
        font-weight: !important;
        line-height: 24px !important; } }
    .comment-form .form-actions small > a {
      padding: 0 16px;
      height: 100%;
      display: flex;
      align-items: center;
      font-weight: 700 !important; }
  @media (max-width: 467px) {
    .comment-form .form-actions {
      flex-direction: column; }
      .comment-form .form-actions small {
        margin-left: 0;
        margin-top: 16px; } }

.comment-form .form-group--check {
  margin-bottom: 0;
  margin-top: 16px; }

.comment-form .form-control {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  padding-left: 16px;
  padding-right: 16px; }
  @media (max-width: 1365px) {
    .comment-form .form-control {
      font-size: 18px !important;
      font-weight: !important;
      line-height: 28px !important; } }
  @media (max-width: 1023px) {
    .comment-form .form-control {
      font-size: 18px !important;
      font-weight: !important;
      line-height: 28px !important; } }
  @media (max-width: 766px) {
    .comment-form .form-control {
      font-size: 16px !important;
      font-weight: !important;
      line-height: 24px !important; } }

.comment-form .control-label {
  color: #6B7488;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px; }
  @media (max-width: 1365px) {
    .comment-form .control-label {
      font-size: 16px;
      line-height: 26px; } }
  @media (max-width: 1023px) {
    .comment-form .control-label {
      font-size: 16px;
      line-height: 26px; } }
  @media (max-width: 766px) {
    .comment-form .control-label {
      font-size: 15px;
      font-weight: 300;
      line-height: 24px; } }

@media (min-width: 1024px) {
  .posts .posts-item:not(:nth-child(1)) .blog-article__thumbnail img {
    width: auto;
    max-width: 100%;
    height: 100%; }
  .posts .posts-item:nth-child(2) .blog-article, .posts .posts-item:nth-child(3) .blog-article {
    flex-direction: row;
    flex-wrap: wrap; }
    .posts .posts-item:nth-child(2) .blog-article__thumbnail, .posts .posts-item:nth-child(3) .blog-article__thumbnail {
      max-height: 200px;
      display: flex; }
    .posts .posts-item:nth-child(2) .blog-article__body, .posts .posts-item:nth-child(3) .blog-article__body {
      flex-basis: min-content; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .posts {
    grid-gap: 32px 0; }
    .posts-item {
      flex-basis: 50% !important;
      grid-column: auto / span 3 !important;
      grid-row-start: unset;
      grid-row-end: unset; } }

@media (max-width: 1023px) {
  .posts {
    margin-right: -16px;
    margin-left: -16px; }
    .posts .posts-item {
      padding: 0 16px;
      flex-basis: 50%; }
      .posts .posts-item:nth-child(1) {
        flex-basis: 100%;
        max-width: 100%;
        grid-column-start: unset;
        grid-row-start: unset;
        grid-column-end: unset;
        grid-row-end: unset; }
      .posts .posts-item:nth-last-child(1) {
        flex-grow: 1; } }

@media (max-width: 1023px) {
  .post {
    padding: 32px; }
    .post-author__avatar {
      height: 84px;
      width: 84px;
      min-width: 84px; }
    .post .post__content > * + * {
      margin-top: 24px; }
  .post-comments {
    margin-bottom: 20px; } }

@media (max-width: 766px) {
  .posts {
    grid-template-columns: 1fr; }
    .posts-item {
      grid-column: 1 / -1 !important; }
      .posts-item .blog-article__author {
        margin-right: 12px; }
  .post-author {
    flex-direction: column;
    align-items: center;
    padding-top: 20px; }
    .post-author__avatar {
      width: 64px;
      height: 64px;
      min-width: 64px; }
    .post-author__name {
      text-align: center; }
    .post-author__content {
      margin-left: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .post-author__content--icon {
        display: unset;
        margin-top: 16px; }
        .post-author__content--icon svg {
          width: 24px;
          height: 24px; }
          .post-author__content--icon svg:hover path {
            fill: #5BC758;
            transition: fill .3s; }
        .post-author__content--icon a {
          display: flex;
          bottom: 4px; }
    .post-author__name {
      display: flex;
      flex-direction: column;
      height: auto; }
      .post-author__name .label {
        margin-bottom: 8px;
        margin-top: 4px; }
      .post-author__name--icon {
        display: none;
        height: 0px; }
    .post-author__desc {
      margin-top: 8px;
      display: flex;
      text-align: center; }
    .post-author__label {
      margin-bottom: 16px;
      flex-direction: column;
      margin-top: 0; }
      .post-author__label .label {
        margin-left: 0;
        margin-top: 4px; }
    .post-author__label {
      margin-bottom: 16px; }
    .post-author__desc {
      margin-top: 8px;
      text-align: center; }
  .post-comments__children {
    padding-left: 0;
    margin-top: 24px; }
    .post-comments__children .post-comments__children {
      padding-left: 16px; }
  .post-comments__wrapper {
    padding: 20px;
    position: relative; }
  .post-comments__top {
    margin-top: 6px;
    margin-bottom: 16px; }
    .post-comments__top-wrapper {
      flex-direction: column;
      align-items: flex-start;
      margin-top: 0; }
  .post-comments__name {
    margin-top: 0; }
  .post-comments__reply.btn {
    position: absolute;
    top: 40px;
    right: 20px; }
  .post-comments__reply .post-comments__icon {
    margin-right: 16px; }
    .post-comments__reply .post-comments__icon .icon-reply {
      width: 24px;
      height: 24px; }
  .post {
    padding: 24px; }
    .post .post__content > * + * {
      margin-top: 20px; }
  .post-comments {
    margin-bottom: 0;
    padding-bottom: 24px; }
  .posts .posts-item {
    flex-grow: 1;
    flex-basis: 100%; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  .posts-item .blog-article__text {
    -webkit-line-clamp: 4; }
  .posts-item .blog-article__author {
    margin-right: 12px; } }

/*
*******************************************
Modals
1. General
2. Sizes
3. Other
*******************************************
*/
/*
*******************************************
1. Modals - general
*******************************************
*/
body.modal-open {
  overflow: hidden !important; }

.modal {
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  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;
    height: 100%;
    width: 100%; }
  .modal__dialog {
    max-height: 100vh;
    width: 620px;
    transform: scale(0.5);
    transition: all 0.3s;
    z-index: 9999;
    top: 0;
    position: absolute;
    margin: 30px 0; }
    .modal__dialog--centered .modal__body {
      padding-top: 46px;
      position: relative; }
    .modal__dialog--centered .modal__title, .modal__dialog--centered .modal__desc, .modal__dialog--centered .modal__text {
      text-align: center; }
    .modal__dialog--centered .modal__title {
      margin-top: 16px;
      font-weight: 800;
      margin-bottom: 0;
      font-size: 28px;
      line-height: 36px; }
    .modal__dialog--centered .modal__text {
      margin-bottom: 20px;
      margin-top: 24px;
      font-weight: 500; }
    .modal__dialog--centered .modal__desc {
      color: #6B7488;
      font-weight: 400 !important;
      margin-top: 24px; }
    .modal__dialog--centered .modal__icon {
      min-width: 120px;
      min-height: 120px;
      position: absolute;
      left: 50%;
      top: -51px;
      transform: translateX(-50%);
      background-color: #fff;
      border-radius: 87px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .modal__dialog--horizontal {
      max-width: 868px;
      width: unset !important; }
      .modal__dialog--horizontal .modal__content {
        display: flex; }
      .modal__dialog--horizontal .modal__header {
        min-width: 80px; }
        .modal__dialog--horizontal .modal__header img {
          height: 100%; }
      .modal__dialog--horizontal .modal__body {
        padding: 48px 64px;
        position: relative; }
      .modal__dialog--horizontal .modal__title {
        margin-top: 0;
        font-weight: 800;
        margin-bottom: 0;
        font-size: 32px;
        line-height: 36px; }
      .modal__dialog--horizontal .modal__dialog {
        width: unset; }
      .modal__dialog--horizontal .modal__icon {
        min-width: 100px;
        min-height: 100px;
        position: absolute;
        left: -51px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #fff;
        border-radius: 87px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .modal__dialog--horizontal .modal__desc {
        color: #6B7488;
        font-weight: 400 !important;
        margin-top: 24px; }
      .modal__dialog--horizontal .modal__text {
        margin-top: 24px;
        font-weight: 600;
        color: #6B7488;
        position: relative; }
        .modal__dialog--horizontal .modal__text-gray {
          color: #6B7488;
          margin-top: 16px;
          padding: 16px 28px;
          background-color: #F9F9FB;
          border-radius: 12px;
          position: relative; }
        .modal__dialog--horizontal .modal__text-star {
          position: absolute;
          display: flex; }
          .modal__dialog--horizontal .modal__text-star:nth-of-type(1) {
            top: 24px;
            left: -12px; }
          .modal__dialog--horizontal .modal__text-star:nth-of-type(2) {
            bottom: 24px;
            right: -16px; }
      .modal__dialog--horizontal .modal__actions {
        margin-top: 32px; }
        .modal__dialog--horizontal .modal__actions .btn {
          height: 60px; }
  .modal__content {
    background-color: #fff;
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07);
    border-radius: 20px;
    overflow: auto; }
  .modal__body {
    padding: 32px 40px; }
    .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 .btn {
    margin-right: 8px; }
    .modal__actions .btn:last-child {
      margin-right: 0; }
  .modal__imgs {
    position: absolute;
    left: 50%;
    top: -13px;
    transform: translateX(-50%); }
    .modal__imgs-content {
      position: relative; }
    .modal__imgs-sides {
      position: absolute;
      left: -78px;
      right: -78px;
      top: 0; }
      .modal__imgs-sides img {
        position: absolute;
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05); }
        .modal__imgs-sides img:nth-of-type(1) {
          left: 0; }
        .modal__imgs-sides img:nth-of-type(2) {
          right: 0; }
    .modal__imgs-main {
      position: relative;
      z-index: 5;
      top: -23px; }
      .modal__imgs-main img {
        box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.09), 0px 47px 52px 6px rgba(5, 109, 72, 0.07); }
    .modal__imgs img {
      border-radius: 14px; }
  .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 {
    z-index: 9; }
    .modal .close.is-absolute {
      top: 20px;
      right: 20px; }
  .modal--community .modal__header img {
    padding: 24px 24px 0 24px; }
  .modal--community .modal__body {
    padding-top: 24px; }
  .modal--community .close {
    right: 32px !important;
    top: 32px !important; }
    .modal--community .close svg path {
      stroke: #FF8E2B;
      transition: stroke .24s ease; }
    .modal--community .close:hover svg path {
      stroke: #004A95; }

/*
*******************************************
2. Modals - sizes
*******************************************
*/
.modal--xs .modal__dialog {
  width: 360px; }

.modal--sm .modal__dialog {
  width: 480px; }

.modal--xl .modal__dialog, .modal--lg .modal__dialog {
  width: 768px; }

.modal--xlg .modal__dialog {
  width: 896px; }

.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;
  max-width: 896px; }

@media (max-width: 0px) {
  .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: 1040;
  background-color: rgba(30, 39, 42, 0.7); }
  .modal__backdrop.fade {
    opacity: 0;
    visibility: hidden; }
  .modal__backdrop.show {
    opacity: 1;
    visibility: visible;
    backdrop-filter: blur(5px); }

.modal.fade.show {
  opacity: 1; }

.modal.fade {
  opacity: 0;
  transition: opacity .15s linear; }

@media (max-width: 1023px) {
  .modal__dialog {
    width: 540px; }
    .modal__dialog--centered .modal__icon {
      top: -58px; }
    .modal__dialog--horizontal {
      max-width: unset;
      margin-left: 40px;
      margin-right: 40px; }
      .modal__dialog--horizontal .modal__content {
        flex-direction: column; }
      .modal__dialog--horizontal .modal__header {
        min-width: unset;
        height: 80px;
        position: relative; }
      .modal__dialog--horizontal .modal__icon {
        top: -51px;
        left: 50%;
        transform: translateX(-50%); }
      .modal__dialog--horizontal .modal__body {
        padding: 64px 48px; }
      .modal__dialog--horizontal .modal__subtext {
        display: inline; }
      .modal__dialog--horizontal .modal__text {
        font-size: 18px;
        line-height: 28px; }
        .modal__dialog--horizontal .modal__text-gray {
          font-size: 18px;
          line-height: 28px; }
      .modal__dialog--horizontal .modal__desc {
        font-size: 16px !important;
        line-height: 26px !important; }
      .modal__dialog--horizontal .modal__actions .btn {
        font-size: 20px;
        line-height: 32px; }
      .modal__dialog--horizontal .close.is-absolute {
        top: unset;
        bottom: -52px; }
  .modal__img-main {
    height: 252px; }
  .modal__imgs {
    top: -16px; }
    .modal__imgs-main {
      top: -20px; }
    .modal__imgs-sides {
      left: -69px;
      right: -69px; }
      .modal__imgs-sides img {
        height: 175px; } }

@media (min-width: 767px) {
  .modal__dialog {
    top: 50%;
    transform: translateY(-50%); }
  .modal.show .modal__dialog {
    transform: translateY(-50%) scale(1); } }

@media (max-width: 766px) {
  .modal__dialog {
    width: 344px; }
    .modal__dialog--centered .modal__text {
      margin-bottom: 24px; }
    .modal__dialog--horizontal {
      margin-left: 28px;
      margin-right: 28px; }
      .modal__dialog--horizontal .modal__title {
        margin-right: 32px; }
      .modal__dialog--horizontal .modal__header {
        height: unset; }
        .modal__dialog--horizontal .modal__header img {
          display: none; }
      .modal__dialog--horizontal .modal__icon {
        display: none; }
      .modal__dialog--horizontal .modal__body {
        padding: 40px 28px; }
      .modal__dialog--horizontal .modal__text {
        margin-top: 16px; }
        .modal__dialog--horizontal .modal__text-gray {
          padding: 16px 24px; }
      .modal__dialog--horizontal .modal__actions {
        margin-top: 24px; }
        .modal__dialog--horizontal .modal__actions .btn {
          height: 48px;
          font-size: 16px;
          line-height: 26px; }
  .modal__img-main {
    height: 228px; }
  .modal__imgs {
    top: 0; }
    .modal__imgs-main {
      top: -13px;
      width: 207px; }
    .modal__imgs-sides {
      display: none; } }

.modal--wordcamp .btn--icon.close, .modal--cloud_fest .btn--icon.close {
  background: transparent;
  border: none !important;
  outline: none !important; }
  .modal--wordcamp .btn--icon.close svg path, .modal--cloud_fest .btn--icon.close svg path {
    stroke: #fff !important;
    transition: all .24s ease; }
  .modal--wordcamp .btn--icon.close:hover svg path, .modal--cloud_fest .btn--icon.close:hover svg path {
    stroke: #42B43F !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: 16px;
  border-radius: 12px;
  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: 8px; }
    .alert__body > :last-child {
      margin-bottom: 0; }
  .alert__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 8px;
    color: inherit; }
    @media (max-width: 1365px) {
      .alert__title {
        font-size: 16px;
        line-height: 26px; } }
    @media (max-width: 1023px) {
      .alert__title {
        font-size: 16px;
        line-height: 26px; } }
    @media (max-width: 766px) {
      .alert__title {
        font-size: 15px;
        font-weight: 300;
        line-height: 24px; } }
  .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 {
    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: 12px 0 0 12px;
  border-left: 4px solid; }

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

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

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

/*
*******************************************
4. Alert - Colors
*******************************************
*/
.alert--success {
  color: #fff;
  background: #5BC758; }
  .alert--success.alert--faded {
    color: #5BC758;
    background: #E3F7E1; }

.alert--info {
  color: #fff;
  background: #2CADD4; }
  .alert--info.alert--faded {
    color: #2CADD4;
    background: #DFF6F9; }

.alert--warning {
  color: #fff;
  background: #FF8E2B; }
  .alert--warning.alert--faded {
    color: #FF8E2B;
    background: #FF8E2B0D; }

.alert--danger {
  color: #fff;
  background: #E54646; }
  .alert--danger.alert--faded {
    color: #E54646;
    background: #F9D7D7; }

.alert--outline {
  background: #fff; }
  .alert--outline.alert--success {
    color: #5BC758;
    border-color: #5BC758; }
  .alert--outline.alert--info {
    color: #2CADD4;
    border-color: #2CADD4; }
  .alert--outline.alert--warning {
    color: #FF8E2B;
    border-color: #FF8E2B; }
  .alert--outline.alert--danger {
    color: #E54646;
    border-color: #E54646; }

/*
*******************************************
5. Alert - Types
*******************************************
*/
.alert {
  /* Type: Dismiss */
  /* Type: Float */
  /* Type: Fixed */ }
  .alert--dismiss {
    align-items: flex-start;
    padding-right: 64px; }
    .alert--dismiss .btn--close {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -24px; }
      .alert--dismiss .btn--close.btn--xs {
        margin-top: -16px; }
      .alert--dismiss .btn--close.btn--sm {
        margin-top: -20px; }
      .alert--dismiss .btn--close.btn--lg {
        margin-top: -28px; }
      .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: 13px;
  line-height: 20px;
  border-radius: 8px; }
  .alert--xs .alert__title {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px; }
    @media (max-width: 1365px) {
      .alert--xs .alert__title {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 1023px) {
      .alert--xs .alert__title {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 766px) {
      .alert--xs .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px; } }

.alert--sm {
  padding: 10px 10px;
  font-size: 13px;
  line-height: 20px;
  border-radius: 8px; }
  .alert--sm .alert__title {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px; }
    @media (max-width: 1365px) {
      .alert--sm .alert__title {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 1023px) {
      .alert--sm .alert__title {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 766px) {
      .alert--sm .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px; } }

.alert--lg {
  padding: 16px 15px;
  font-size: 20px;
  line-height: 32px;
  border-radius: 16px; }
  .alert--lg .alert__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px; }
    @media (max-width: 1365px) {
      .alert--lg .alert__title {
        font-size: 16px;
        line-height: 26px; } }
    @media (max-width: 1023px) {
      .alert--lg .alert__title {
        font-size: 16px;
        line-height: 26px; } }
    @media (max-width: 766px) {
      .alert--lg .alert__title {
        font-size: 15px;
        font-weight: 300;
        line-height: 24px; } }

.alert--xlg {
  padding: 23px 23px;
  font-size: 20px;
  line-height: 32px; }
  .alert--xlg .alert__title {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px; }
    @media (max-width: 1365px) {
      .alert--xlg .alert__title {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 1023px) {
      .alert--xlg .alert__title {
        font-size: 14px;
        line-height: 24px; } }
    @media (max-width: 766px) {
      .alert--xlg .alert__title {
        font-size: 14px;
        font-weight: 300;
        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: 766px) {
  .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: 0px) {
  .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; } }

/* Border Radius */
/*
*******************************************
Colors - Base
*******************************************
*/
/* PA colors */
/*
*******************************************
Colors - Gradient Angles
*******************************************
*/
/*
*******************************************
Colors - Variants
*******************************************
*/
/*
*******************************************
Colors - Theme Colors - Used in badges, buttons, labels
*******************************************
*/
/*
*******************************************
Colors - Status Colors - Used in alerts
*******************************************
*/
/*
*******************************************
Colors - Bacground Colors
*******************************************
*/
/*
*******************************************
Breakpoints
*******************************************
*/
/*
$breakpoints:                  (
  xs:    0,
  sm:    614px,
  md:    752px,
  lg:    1012px,
  xlg:   1232px
);
*/
/*
*******************************************
Box Shadow
*******************************************
*/
/*
*******************************************
Border Radius
*******************************************
*/
/*
*******************************************
Border
*******************************************
*/
/*
*******************************************
Box
*******************************************
*/
/*
*******************************************
Font - Colors
*******************************************
*/
/*
*******************************************
Font Sizes - Desktop
*******************************************
*/
/*
*******************************************
Font Sizes - Tablet Horizontal
*******************************************
*/
/*
*******************************************
Font Sizes - Tablet Vertical
*******************************************
*/
/*
*******************************************
Font Sizes - Mobile 
*******************************************
*/
/*
*******************************************
UI Elements - Desktop
*******************************************
*/
/*
*******************************************
UI Elements - Tablet Horizontal
*******************************************
*/
/*
*******************************************
UI Elements - Tablet Vertical
*******************************************
*/
/*
*******************************************
UI Elements - Mobile
*******************************************
*/
/*
*******************************************
Forms Sizes - Desktop
*******************************************
*/
/*
*******************************************
Forms Sizes - Tablet Horizontal
*******************************************
*/
/*
*******************************************
Forms Sizes - Tablet Vertical
*******************************************
*/
/*
*******************************************
Forms Sizes - Mobile
*******************************************
*/
/*
*******************************************
Forms - Colors
*******************************************
*/
/*
*******************************************
Buttons - Desktop
*******************************************
*/
/*
*******************************************
Buttons - Tablet Horizontal
*******************************************
*/
/*
*******************************************
Buttons - Tablet Vertical
*******************************************
*/
/*
*******************************************
Buttons - Mobile
*******************************************
*/
/*
*******************************************
Buttons - Rounded
*******************************************
*/
/*
*******************************************
Buttons - Colors
*******************************************
*/
/*
*******************************************
Buttons - Min Width
*******************************************
*/
/*
*******************************************
Banner
*******************************************
*/
/*
*******************************************
Feature Spacing
*******************************************
*/
/*
*******************************************
Sections
*******************************************
*/
a {
  color: unset; }

.pagination--posts {
  margin-left: auto;
  margin-top: 48px;
  display: flex;
  justify-content: center; }

.pagination__item {
  display: flex;
  width: 40px;
  height: 40px;
  line-height: 40px;
  align-items: center;
  justify-content: center; }
  .pagination__item.is-active {
    box-shadow: none;
    background: none; }
    .pagination__item.is-active a {
      color: #004A95; }
  .pagination__item--dots {
    cursor: default; }
  .pagination__item.is-disabled {
    opacity: 0.5; }
  .pagination__item.pagination__item--previous, .pagination__item.pagination__item--next {
    font-size: 24px; }
    .pagination__item.pagination__item--previous a, .pagination__item.pagination__item--next a {
      line-height: unset;
      font-size: inherit; }
  .pagination__item + .pagination__item {
    margin-left: 0; }
  .pagination__item a {
    text-align: center;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CBCBDC;
    font-weight: 700;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px; }
    @media (max-width: 1365px) {
      .pagination__item a {
        font-size: 18px;
        line-height: 24px; } }
    @media (max-width: 1023px) {
      .pagination__item a {
        font-size: 18px;
        line-height: 24px; } }
    @media (max-width: 766px) {
      .pagination__item a {
        font-size: 16px;
        line-height: 24px; } }
  .pagination__item:hover a {
    color: #5BC758; }

.icon-reply {
  background-image: url("assets/icons/16x16/16-reply.svg");
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.icon-calendar {
  background-image: url("assets/icons/16x16/16-calendar-thin.svg");
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center; }

.icon-filter {
  background-image: url("assets/icons/20x20/20-filters.svg");
  width: 20px;
  height: 20px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-position: center; }

.icon-link {
  background-image: url("assets/icons/20x20/20-external-link.svg");
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  position: absolute;
  top: 3px;
  right: 0; }

.dropdown-menu {
  min-width: 300px;
  margin: 0;
  opacity: 0;
  z-index: -1000;
  position: absolute; }
  min .dropdown-menu--export, .dropdown-menu.export-component {
    min-width: 140px; }
  .dropdown-menu:not(.is-open) {
    max-height: 0;
    overflow: hidden; }
  .dropdown-menu.is-open {
    opacity: 1;
    margin-top: 8px;
    z-index: 1000; }
    .dropdown-menu.is-open .dropdown-menu__inner {
      transform: scale(1);
      opacity: 1; }
  .dropdown-menu__inner {
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 24px 6px rgba(0, 0, 0, 0.05);
    background: #fff;
    overflow: auto;
    max-height: 400px;
    position: relative;
    border-radius: 10px;
    transform: scale(0.85);
    opacity: 0;
    transition: opacity 0.25s cubic-bezier(0, 1, 0.4, 1), transform 0.25s cubic-bezier(0.18, 1.25, 0.4, 1);
    transform-origin: top center; }
    .dropdown-menu__inner--no-scroll {
      overflow: hidden; }
  .dropdown-menu__items {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 8px 0; }
  .dropdown-menu__item {
    display: flex;
    min-height: 36px;
    padding: 0 12px;
    margin: 0 8px;
    border-radius: 10px;
    transition: background-color 0.3s ease;
    cursor: pointer; }
  .dropdown-menu .dropdown__item {
    display: flex; }
  .dropdown-menu .dropdown__link {
    width: 100%;
    padding: 6px 12px;
    transition: all 0.3s ease; }
    .dropdown-menu .dropdown__link:hover {
      background-color: #5BC7581A; }
    .dropdown-menu .dropdown__link-active {
      background-color: #004A951A;
      color: #3C8EE1; }

.dropdown__value {
  display: flex;
  align-items: center;
  justify-content: center; }

[data-dropdown-toggle] {
  cursor: pointer; }

.error-message {
  color: #E54646;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 4px; }

.captcha-message {
  background-color: #5BC758;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
  padding: 13px 16px; }

.modal.show .modal__backdrop {
  backdrop-filter: blur(5px);
  opacity: 1;
  visibility: visible; }

.post__content h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  margin: 0 0 16px 0; }
  @media (max-width: 1365px) {
    .post__content h2 {
      font-size: 26px;
      line-height: 28px; } }
  @media (max-width: 1023px) {
    .post__content h2 {
      font-size: 24px;
      line-height: 28px; } }
  @media (max-width: 766px) {
    .post__content h2 {
      font-size: 22px;
      font-weight: 700;
      line-height: 28px; } }

.post__content h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 16px 0; }
  @media (max-width: 1365px) {
    .post__content h3 {
      font-size: 24px;
      line-height: 28px; } }
  @media (max-width: 1023px) {
    .post__content h3 {
      font-size: 20px;
      line-height: 24px; } }
  @media (max-width: 766px) {
    .post__content h3 {
      font-size: 18px;
      font-weight: 700;
      line-height: 24px; } }

.post__content .btn {
  text-decoration: unset;
  text-align: center; }

.post__content .alert {
  display: block;
  text-align: center; }

.post__content .label {
  height: unset; }

.label--pink {
  color: #FE33B9;
  background-color: #FE33B914; }

.single-post .banner--post .banner__back-button {
  color: #6B7488;
  gap: 8px;
  padding: 8px 16px 8px 16px;
  margin-bottom: 16px; }
  .single-post .banner--post .banner__back-button .arrow-left {
    width: 20px;
    height: 20px; }
  .single-post .banner--post .banner__back-button .btn__text {
    font-weight: 700; }
  .single-post .banner--post .banner__back-button:hover {
    color: #555C6D; }
  .single-post .banner--post .banner__back-button i {
    margin-left: 0; }

.nav-item__title .label--primary.label--outline {
  height: 24px;
  padding: 0 8px;
  border: unset;
  background-color: rgba(7, 192, 126, 0.102); }

/*
 * Compatibility patch for the injected modulesgarden.com header/footer
 * (.mg-remote-scope, see inc/remote-header.php). Their real markup reuses
 * generic class names (.container, .nav, .top-bar, .row, .alert, .zmdi,
 * .m-b-3x) that this theme also defines as bare, unscoped selectors.
 * Those bare rules match ANY element with that class, including inside
 * .mg-remote-scope, and win on properties their own (correctly scoped)
 * CSS doesn't happen to redeclare on that SAME selector. `all: revert`
 * here cancels this theme's declarations for those classes specifically
 * inside the remote scope, so their own stylesheet governs it uncontested.
 *
 * IMPORTANT: `all: revert` rolls the property all the way back to the
 * browser default - it does NOT fall back to another, less specific
 * rule of theirs (e.g. their universal `.mg-remote-scope * { box-sizing:
 * border-box }`) that would otherwise also apply. Only add a class here
 * once you've confirmed this theme's bare rule is actually winning
 * something harmful; otherwise revert can undo a property their CSS was
 * already supplying correctly through a different, more generic selector.
 *
 * .btn and .form-control are deliberately NOT in this list for exactly
 * that reason:
 * - .btn: this theme's own bare `.btn` (height: 48px) and `a`
 *   (text-decoration: none) rules already happen to match
 *   modulesgarden.com's real button look; reverting them fell back to the
 *   browser default underlined link with auto height instead - a
 *   regression, not a fix.
 * - .form-control: reverting it reset box-sizing to the browser default
 *   (content-box), undoing their own `.mg-remote-scope * { box-sizing:
 *   border-box }` rule and making the newsletter form's inputs ~20px
 *   taller than intended (padding added on top of height instead of
 *   being included in it).
 *
 * The classes still listed below have the exact same box-sizing problem
 * (confirmed: .container was rendering 80px wider than the real site,
 * padding added outside its declared width instead of inside it) - rather
 * than re-verify a minimal safe property list for each one individually,
 * `box-sizing: border-box` is re-declared right after `all: revert` in
 * the same rule, so it always wins back regardless of what revert does
 * to it, without touching whatever else revert is still needed for here.
 */
.mg-remote-scope .container,
.mg-remote-scope .row,
.mg-remote-scope .nav,
.mg-remote-scope .alert,
.mg-remote-scope .top-bar,
.mg-remote-scope .zmdi,
.mg-remote-scope .m-b-3x {
  all: revert;
  box-sizing: border-box; }

/*
 * This theme's own placeholder-opacity reset (line ~8416, `::-webkit-
 * input-placeholder { opacity: .54; }`) is a bare, unscoped pseudo-
 * element rule - scoping selectors can't contain it, so it applies to
 * every input on the page including the injected newsletter form.
 * modulesgarden.com's own CSS never sets opacity on that pseudo-element
 * at all (their real placeholder is fully opaque, opacity 1, straight
 * from the browser default), so it's reverted back here specifically
 * within the remote scope.
 */
.mg-remote-scope ::-webkit-input-placeholder {
  opacity: 1; }
.mg-remote-scope ::-moz-placeholder {
  opacity: 1; }
.mg-remote-scope :-ms-input-placeholder {
  opacity: 1; }
.mg-remote-scope ::placeholder {
  opacity: 1; }

/*
 * modulesgarden.com sizes .page-header from JS (measuring its absolutely
 * positioned .top-bar + .primary-navbar children), which this site doesn't
 * load. Without it .page-header collapses to 0 height. Pin it to the real
 * site's actual measured height (32px top bar + ~84px main nav) instead.
 */
.mg-remote-scope .page-header {
  min-height: 124px; }

/*
 * On the real site the main nav starts in normal flow (their own scoped
 * CSS already positions it `absolute; top: 32px` within .page-header,
 * which is enough to sit it right below .top-bar while unscrolled - no
 * override needed for that state) and only becomes fixed once the user
 * scrolls past it, via their Bootstrap Affix JS plugin (adds an
 * .is-fixed class + inline "position:fixed"). This site doesn't load
 * that JS, so a small vanilla-JS replacement (see the script right after
 * this header block) toggles the .mg-nav-fixed class at the equivalent
 * scroll position; this rule only takes effect once that class is
 * present, keeping the nav in-flow (not overlapping .top-bar) until then.
 *
 * `position: sticky` would reproduce this with pure CSS and no JS, but
 * this theme's own pre-existing `.site { overflow: hidden; }` (see
 * style.css ~14200, wraps the entire page) breaks position:sticky for
 * every descendant regardless of scoping - any ancestor with non-visible
 * overflow does, that's how sticky positioning works. `position: fixed`
 * isn't constrained by ancestor overflow the same way, so it's used
 * instead; the .page-header min-height above reserves space
 * unconditionally (not just once fixed), so content below never jumps.
 */
.mg-remote-scope .page-navbar.primary-navbar.mg-nav-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 99; }

/*
 * Their base `.primary-navbar` rule always has a box-shadow, but on their
 * real homepage it's cancelled by `body.home-page-new .page-navbar {
 * box-shadow: unset }` (their homepage doesn't use it - it shows up as a
 * flat grey line under the nav there). This site's <body> never gets
 * their "home-page-new" class (different templating entirely), so that
 * cancelling rule can never match here and the line was showing
 * unconditionally. Replicating it directly - no shadow in either state,
 * confirmed against their current CSS build: an earlier build had a
 * box-shadow on .primary-navbar.affix (the fixed/scrolled state), but
 * their current one (their build hashes change over time - see
 * modulesgarden_blog_fetch_remote_chrome, this is why the CSS file list
 * is discovered fresh each refresh instead of hardcoded) doesn't set one
 * there either.
 */
.mg-remote-scope .page-header .primary-navbar {
  box-shadow: none !important; }

/*
 * Their .primary-navbar.affix (fixed/scrolled) is shorter than the
 * unscrolled one - 68px vs 84px, a "compact" mode - with the logo and
 * nav-link line-heights adjusted to match. Replicated here for
 * .mg-nav-fixed, our equivalent toggle (see the scroll-threshold script
 * after the header markup).
 */
.mg-remote-scope .page-header .primary-navbar.mg-nav-fixed {
  height: 68px !important; }
.mg-remote-scope .page-header .primary-navbar.mg-nav-fixed .logo {
  height: 65px !important;
  line-height: 65px !important; }
.mg-remote-scope .page-header .primary-navbar.mg-nav-fixed .navbar-nav > li > .dropdown-toggle,
.mg-remote-scope .page-header .primary-navbar.mg-nav-fixed .navbar-nav > li > a:not(.btn) {
  line-height: 68px !important; }
.mg-remote-scope .page-header .primary-navbar.mg-nav-fixed .new-product {
  top: 6px !important; }
.mg-remote-scope .page-header .primary-navbar.mg-nav-fixed .nav.navbar-nav li a.btn {
  margin-top: 10px !important; }

/*
 * Their `body{...}` rule (collapsed onto `.mg-remote-scope` itself - see
 * modulesgarden_blog_scope_selector_list, html/body selectors target the
 * scope wrapper directly since there's no separate element for them)
 * only sets `overflow-x: hidden`, but per the CSS overflow spec, setting
 * one axis to non-visible while the other is left at its default
 * (visible) computes the other axis to `auto` too - so this single
 * declaration silently turned .mg-remote-scope into a scroll container.
 * Hidden (visibility:hidden, but still display:block + position:
 * absolute) dropdown panels like .top-banner-dropdown still occupy
 * layout space despite being invisible, overflowed that new scroll
 * container, and produced a real, visible scrollbar in the header.
 * Forcing both axes back to visible removes the scroll container
 * entirely, which is what this div should have been in the first place.
 *
 * That same collapsed `body{...}` rule also sets `background-color:
 * #e9edf2` (a pale blue-grey). On their real site that's invisible -
 * it's the color of the <body> itself, filling the whole viewport
 * uniformly. Applied to this small nested div instead, its bottom edge
 * (wherever the div's own box happens to end, independent of what's
 * visually rendered inside it) shows up as a hard grey line against the
 * white page around it. Neutralized here for the same reason.
 */
.mg-remote-scope {
  overflow: visible !important;
  background-color: transparent !important; }

/*
 * Nav promo badges (.new-product, e.g. "25% OFF"/"SUMMER DEAL -25%")
 * shouldn't carry the top padding their base rule gives them.
 */
.mg-remote-scope .primary-navbar .new-product {
  padding-top: 0 !important; }