@import url("https://fonts.googleapis.com/css?family=Muli:200,300,300i,400,700,800&display=swap");
@font-face {
  font-family: "hype-icon";
  src: url("assets/fonts/hype-icon.eot?ulude3");
  src:
    url("assets/fonts/hype-icon.eot?ulude3#iefix") format("embedded-opentype"),
    url("assets/fonts/hype-icon.ttf?ulude3") format("truetype"),
    url("assets/fonts/hype-icon.woff?ulude3") format("woff"),
    url("assets/fonts/hype-icon.svg?ulude3#hype-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="hype-"],
[class*=" hype-"] {
  font-family: "hype-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hype-p-bollettino .path1:before {
  content: "\e92c";
  color: #00a5ff;
}
.hype-p-bollettino .path2:before {
  content: "\e92d";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-bollettino .path3:before {
  content: "\e92e";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-bollettino .path4:before {
  content: "\e92f";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-bollettino .path5:before {
  content: "\e930";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-bollettino .path6:before {
  content: "\e931";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-bonifico .path1:before {
  content: "\e932";
  color: #fca664;
  position: relative;
  left: 0.5em;
}
.hype-p-bonifico .path2:before {
  content: "\e933";
  margin-left: -1em;
  color: #00a5ff;
}
.hype-p-bonifico .path3:before {
  content: "\e934";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-bonifico .path4:before {
  content: "\e935";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-compilare .path1:before {
  content: "\e936";
  color: #00a5ff;
}
.hype-p-compilare .path2:before {
  content: "\e937";
  margin-left: -1em;
  color: #00a5ff;
}
.hype-p-compilare .path3:before {
  content: "\e938";
  margin-left: -1em;
  color: #fca664;
}
.hype-p-hce .path1:before {
  content: "\e939";
  color: #00a5ff;
}
.hype-p-hce .path2:before {
  content: "\e93a";
  margin-left: -1em;
  color: #fca664;
}
.hype-p-hce .path3:before {
  content: "\e93b";
  margin-left: -1em;
  color: #fca664;
}
.hype-p-invia_denaro .path1:before {
  content: "\e93c";
  color: #00a5ff;
}
.hype-p-invia_denaro .path2:before {
  content: "\e93d";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-invia_denaro .path3:before {
  content: "\e93e";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-invia_denaro .path4:before {
  content: "\e93f";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-invia_denaro .path5:before {
  content: "\e940";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-invia_denaro .path6:before {
  content: "\e941";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-paga_in_negozio .path1:before {
  content: "\e95d";
  color: #fca664;
}
.hype-p-paga_in_negozio .path2:before {
  content: "\e95e";
  margin-left: -1em;
  color: #fca664;
}
.hype-p-paga_in_negozio .path3:before {
  content: "\e95f";
  margin-left: -1em;
  color: #00a5ff;
}
.hype-p-paga_in_negozio .path4:before {
  content: "\e960";
  margin-left: -1em;
  color: #fca664;
}
.hype-p-paga_in_negozio .path5:before {
  content: "\e961";
  margin-left: -1em;
  color: #00a5ff;
}
.hype-p-premarcato .path1:before {
  content: "\e962";
  color: #00a5ff;
}
.hype-p-premarcato .path2:before {
  content: "\e963";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path3:before {
  content: "\e964";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path4:before {
  content: "\e965";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path5:before {
  content: "\e966";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path6:before {
  content: "\e967";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-premarcato .path7:before {
  content: "\e968";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-premarcato .path8:before {
  content: "\e969";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-premarcato .path9:before {
  content: "\e96a";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path10:before {
  content: "\e96b";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path11:before {
  content: "\e96c";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-premarcato .path12:before {
  content: "\e96d";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-premarcato .path13:before {
  content: "\e96e";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-ricarica_telefonica .path1:before {
  content: "\e96f";
  color: #fca664;
}
.hype-p-ricarica_telefonica .path2:before {
  content: "\e970";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-ricarica_telefonica .path3:before {
  content: "\e971";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-ricarica_telefonica .path4:before {
  content: "\e972";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-ricarica_telefonica .path5:before {
  content: "\e973";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-ricarica_telefonica .path6:before {
  content: "\e974";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-richiedi_denaro .path1:before {
  content: "\e975";
  color: #fca664;
}
.hype-p-richiedi_denaro .path2:before {
  content: "\e976";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-richiedi_denaro .path3:before {
  content: "\e977";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-icon--user:before {
  content: "\e901";
}
.hype-icon--copy:before {
  content: "\e978";
}
.hype-icon--export:before {
  content: "\e979";
}
.hype-icon--card:before {
  content: "\e927";
}
.hype-icon--invia_ricevi:before {
  content: "\e928";
}
.hype-icon--lista-movimenti:before {
  content: "\e929";
}
.hype-icon--more:before {
  content: "\e92a";
}
.hype-icon--obiettivi_tab:before {
  content: "\e92b";
}
.hype-icon--abbigliamento:before {
  content: "\e942";
}
.hype-icon--alimentare:before {
  content: "\e943";
}
.hype-icon--animali:before {
  content: "\e944";
}
.hype-icon--assicurazione:before {
  content: "\e945";
}
.hype-icon--body:before {
  content: "\e946";
}
.hype-icon--bollette-abbonamenti:before {
  content: "\e947";
}
.hype-icon--caffe:before {
  content: "\e948";
}
.hype-icon--casa:before {
  content: "\e949";
}
.hype-icon--elettronica:before {
  content: "\e94a";
}
.hype-icon--figli:before {
  content: "\e94b";
}
.hype-icon--finanziamenti:before {
  content: "\e94c";
}
.hype-icon--intrattenimento:before {
  content: "\e94d";
}
.hype-icon--investimenti:before {
  content: "\e94e";
}
.hype-icon--istruzione:before {
  content: "\e94f";
}
.hype-icon--prelievo-contanti:before {
  content: "\e950";
}
.hype-icon--regalo:before {
  content: "\e951";
}
.hype-icon--rendite:before {
  content: "\e952";
}
.hype-icon--ricariche:before {
  content: "\e953";
}
.hype-icon--rimborsi:before {
  content: "\e954";
}
.hype-icon--salute:before {
  content: "\e955";
}
.hype-icon--sport:before {
  content: "\e956";
}
.hype-icon--stipendio:before {
  content: "\e957";
}
.hype-icon--tasse-commissioni:before {
  content: "\e958";
}
.hype-icon--varie:before {
  content: "\e959";
}
.hype-icon--veicoli-trasporti:before {
  content: "\e95a";
}
.hype-icon--vendite:before {
  content: "\e95b";
}
.hype-icon--viaggi:before {
  content: "\e95c";
}
.hype-icon--archive:before {
  content: "\e902";
}
.hype-icon--arrow-dx:before {
  content: "\e903";
}
.hype-icon--arrow-sx:before {
  content: "\e904";
}
.hype-icon--autorizzativo:before {
  content: "\e905";
}
.hype-icon--bell:before {
  content: "\e906";
}
.hype-icon--bonifico:before {
  content: "\e907";
}
.hype-icon--calendario:before {
  content: "\e908";
}
.hype-icon--cards:before {
  content: "\e909";
}
.hype-icon--check:before {
  content: "\e90a";
}
.hype-icon--close:before {
  content: "\e90b";
}
.hype-icon--coordinate-bancarie:before {
  content: "\e90c";
}
.hype-icon--credit-boost:before {
  content: "\e90d";
}
.hype-icon--deal:before {
  content: "\e90e";
}
.hype-icon--doc:before {
  content: "\e90f";
}
.hype-icon--documenti:before {
  content: "\e910";
}
.hype-icon--email:before {
  content: "\e911";
}
.hype-icon--faq:before {
  content: "\e912";
}
.hype-icon--filtri:before {
  content: "\e913";
}
.hype-icon--foto:before {
  content: "\e914";
}
.hype-icon--impostazioni:before {
  content: "\e915";
}
.hype-icon--marker:before {
  content: "\e916";
}
.hype-icon--new-contact:before {
  content: "\e917";
}
.hype-icon--notifiche:before {
  content: "\e918";
}
.hype-icon--phone:before {
  content: "\e919";
}
.hype-icon--piu:before {
  content: "\e91a";
}
.hype-icon--plus:before {
  content: "\e91b";
}
.hype-icon--question:before {
  content: "\e91c";
}
.hype-icon--recycle:before {
  content: "\e91d";
}
.hype-icon--ricarica-telefonica:before {
  content: "\e91e";
}
.hype-icon--ricarica:before {
  content: "\e91f";
}
.hype-icon--ricerca:before {
  content: "\e920";
}
.hype-icon--ruota-carta:before {
  content: "\e921";
}
.hype-e-icon--star:before {
  content: "\e922";
}
.hype-icon--stats:before {
  content: "\e923";
}
.hype-icon--supporto:before {
  content: "\e924";
}
.hype-icon--trash:before {
  content: "\e925";
}
.hype-icon--verifica-contatto:before {
  content: "\e926";
}
.hype-icon--wifi:before {
  content: "\e97a";
}
.hype-icon--star:before {
  content: "\e97f";
}
.hype-icon--edit:before {
  content: "\e97b";
}
.hype-icon--atm:before {
  content: "\e980";
}
.hype-icon--pack:before {
  content: "\e900";
}
.hype-icon--gear:before {
  content: "\e97e";
}
.hype-icon--logout:before {
  content: "\e99a";
}
.hype-icon--send_out-2:before {
  content: "\e98";
}
.hype-icon--install:before {
  content: "\e99";
}
.hype-icon--send_out:before {
  content: "\e97c";
}
.hype-icon--send_in:before {
  content: "\e97d";
}
.hype-icon--edit:before {
  content: "\e97b";
}
.hype-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@font-face {
  font-family: "hype-fonticon";
  src: url("assets/fonts/hype-fonticon.eot?lahfl3");
  src:
    url("assets/fonts/hype-fonticon.eot?lahfl3#iefix")
      format("embedded-opentype"),
    url("assets/fonts/hype-fonticon.ttf?lahfl3") format("truetype"),
    url("assets/fonts/hype-fonticon.woff?lahfl3") format("woff"),
    url("assets/fonts/hype-fonticon.svg?lahfl3#hype-fonticon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: "hype-fonticon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon-glasses:before {
  content: "\e96b";
}
.icon-icon_Invia-messaggio:before {
  content: "\e95e";
}
.icon-icon_Altro:before {
  content: "\e95f";
}
.icon-icon_Galleria:before {
  content: "\e969";
}
.icon-icon_wifi:before {
  content: "\e96a";
}
.icon-icon_Giroconti:before {
  content: "\e958";
}
.icon-icon_Tasse:before {
  content: "\e95a";
}
.icon-icon_Chiudi:before {
  content: "\e937";
}
.icon-icon_Depositi-e-investimenti:before {
  content: "\e938";
}
.icon-icon_Dinamico:before {
  content: "\e939";
}
.icon-icon_Logout:before {
  content: "\e93a";
}
.icon-icon_Mutui:before {
  content: "\e93e";
}
.icon-icon_Punti:before {
  content: "\e957";
}
.icon-icon_Aggressivo:before {
  content: "\e944";
}
.icon-icon_Prudente:before {
  content: "\e945";
}
.icon-icon_Condividi:before {
  content: "\e947";
}
.icon-icon_Statistiche:before {
  content: "\e94d";
}
.icon-icon_Premio:before {
  content: "\e952";
}
.icon-icon_Annulla:before {
  content: "\e956";
}
.icon-icon_Invia_ricevi:before {
  content: "\e923";
}
.icon-icon_Mastercard:before {
  content: "\e90e";
}
.icon-icon_Visa:before {
  content: "\e912";
}
.icon-icon_abbigliamento:before {
  content: "\e900";
}
.icon-icon_add:before {
  content: "\e901";
}
.icon-icon_agevolazione:before {
  content: "\e9c3";
}
.icon-icon_alert:before {
  content: "\e964";
}
.icon-icon_alert_outline:before {
  content: "\e970";
}
.icon-icon_alimentare:before {
  content: "\e903";
}
.icon-icon_android:before {
  content: "\e95b";
}
.icon-icon_animali:before {
  content: "\e904";
}
.icon-icon_apple:before {
  content: "\e95c";
}
.icon-icon_archive:before {
  content: "\e94e";
}
.icon-icon_arrow_open:before {
  content: "\e96c";
}
.icon-icon_assistenza_stradale:before {
  content: "\e9a6";
}
.icon-icon_atti_vandalici:before {
  content: "\e9ad";
}
.icon-icon_attiva_carta:before {
  content: "\e9c2";
}
.icon-icon_bell:before {
  content: "\e998";
}
.icon-icon_bitcoin:before {
  content: "\e97e";
}
.icon-icon_body:before {
  content: "\e907";
}
.icon-icon_bollettino:before {
  content: "\e984";
}
.icon-icon_bollettino_bianco:before {
  content: "\e98c";
}
.icon-icon_bonifico:before {
  content: "\e98b";
}
.icon-icon_bonus_protetto:before {
  content: "\e9a9";
}
.icon-icon_btc_down:before {
  content: "\e977";
}
.icon-icon_btc_up:before {
  content: "\e976";
}
.icon-icon_caffe:before {
  content: "\e90a";
}
.icon-icon_calendario:before {
  content: "\e90b";
}
.icon-icon_calendario_full:before {
  content: "\e906";
}
.icon-icon_cancel:before {
  content: "\e90d";
}
.icon-icon_car_insurance:before {
  content: "\e9a2";
}
.icon-icon_card:before {
  content: "\e995";
}
.icon-icon_card_add:before {
  content: "\e959";
}
.icon-icon_card_rotate:before {
  content: "\e951";
}
.icon-icon_carta_hype:before {
  content: "\e90f";
}
.icon-icon_carta_scadenza:before {
  content: "\e9c1";
}
.icon-icon_casa:before {
  content: "\e910";
}
.icon-icon_chat:before {
  content: "\e9b2";
}
.icon-icon_check:before {
  content: "\e911";
}
.icon-icon_check_alert:before {
  content: "\e9bb";
}
.icon-icon_check_ok:before {
  content: "\e9ba";
}
.icon-icon_chiama:before {
  content: "\e9b3";
}
.icon-icon_consolidamento:before {
  content: "\e92e";
}
.icon-icon_contact:before {
  content: "\e905";
}
.icon-icon_coordinate_bancarie:before {
  content: "\e913";
}
.icon-icon_copy:before {
  content: "\e954";
}
.icon-icon_corto_circuito:before {
  content: "\e966";
}
.icon-icon_credit_boost:before {
  content: "\e986";
}
.icon-icon_cristalli:before {
  content: "\e9ac";
}
.icon-icon_cyber_crime:before {
  content: "\e99b";
}
.icon-icon_delay:before {
  content: "\e9b6";
}
.icon-icon_deleted:before {
  content: "\e9b5";
}
.icon-icon_dividi-spesa:before {
  content: "\e930";
}
.icon-icon_doc_outline:before {
  content: "\e9bf";
}
.icon-icon_documenti:before {
  content: "\e915";
}
.icon-icon_download:before {
  content: "\e95d";
}
.icon-icon_edit:before {
  content: "\e916";
}
.icon-icon_edit_photo:before {
  content: "\e974";
}
.icon-icon_elettronica:before {
  content: "\e917";
}
.icon-icon_eventi_atmosferici:before {
  content: "\e9ab";
}
.icon-icon_eye:before {
  content: "\e94f";
}
.icon-icon_eye_hide:before {
  content: "\e950";
}
.icon-icon_faq:before {
  content: "\e91a";
}
.icon-icon_figli:before {
  content: "\e91b";
}
.icon-icon_filtri:before {
  content: "\e91d";
}
.icon-icon_finanziamenti:before {
  content: "\e91e";
}
.icon-icon_fire:before {
  content: "\e965";
}
.icon-icon_frode:before {
  content: "\e967";
}
.icon-icon_help:before {
  content: "\e97d";
}
.icon-icon_impostazioni:before {
  content: "\e920";
}
.icon-icon_info:before {
  content: "\e9be";
}
.icon-icon_infortuni:before {
  content: "\e9a5";
}
.icon-icon_insurance:before {
  content: "\e99c";
}
.icon-icon_intrattenimento:before {
  content: "\e921";
}
.icon-icon_investimenti:before {
  content: "\e922";
}
.icon-icon_invia_denaro:before {
  content: "\e98e";
}
.icon-icon_invita_amici:before {
  content: "\e981";
}
.icon-icon_istruzione:before {
  content: "\e925";
}
.icon-icon_kasko:before {
  content: "\e9ae";
}
.icon-icon_lavoro_stipendio:before {
  content: "\e926";
}
.icon-icon_left_angle:before {
  content: "\e927";
}
.icon-icon_left_arrow:before {
  content: "\e928";
}
.icon-icon_lista_movimenti:before {
  content: "\e929";
}
.icon-icon_localize:before {
  content: "\e975";
}
.icon-icon_logo_whatsapp:before {
  content: "\e9b1";
}
.icon-icon_logout:before {
  content: "\e92a";
}
.icon-icon_luggage:before {
  content: "\e9b8";
}
.icon-icon_luggage_lost:before {
  content: "\e9b7";
}
.icon-icon_mail:before {
  content: "\e9b0";
}
.icon-icon_marker:before {
  content: "\e92b";
}
.icon-icon_mastercard_bg:before {
  content: "\e914";
}
.icon-icon_modifica_profilo:before {
  content: "\e9c0";
}
.icon-icon_more:before {
  content: "\e92c";
}
.icon-icon_new_contact:before {
  content: "\e92d";
}
.icon-icon_new_phone:before {
  content: "\e961";
}
.icon-icon_obiettivi_tab:before {
  content: "\e92f";
}
.icon-icon_offerte:before {
  content: "\e98f";
}
.icon-icon_paga_negozio:before {
  content: "\e989";
}
.icon-icon_pausa:before {
  content: "\e90c";
}
.icon-icon_periodico:before {
  content: "\e909";
}
.icon-icon_phone:before {
  content: "\e999";
}
.icon-icon_phone_crash:before {
  content: "\e962";
}
.icon-icon_play:before {
  content: "\e908";
}
.icon-icon_preferiti:before {
  content: "\e933";
}
.icon-icon_prelievo_contanti:before {
  content: "\e934";
}
.icon-icon_premio:before {
  content: "\e91c";
}
.icon-icon_prestito_personale:before {
  content: "\e91f";
}
.icon-icon_recycle:before {
  content: "\e955";
}
.icon-icon_rendite:before {
  content: "\e936";
}
.icon-icon_responsabilita_civile:before {
  content: "\e9a4";
}
.icon-icon_return_location:before {
  content: "\e973";
}
.icon-icon_ricarica_cellulare:before {
  content: "\e987";
}
.icon-icon_ricarica_hype:before {
  content: "\e919";
}
.icon-icon_ricarica_in_contanti:before {
  content: "\e994";
}
.icon-icon_ricarica_in_negozio:before {
  content: "\e9bd";
}
.icon-icon_ricarica_sisal:before {
  content: "\e9bc";
}
.icon-icon_ricevi_denaro:before {
  content: "\e98d";
}
.icon-icon_right_angle:before {
  content: "\e93b";
}
.icon-icon_right_arrow:before {
  content: "\e93c";
}
.icon-icon_rimborsi:before {
  content: "\e93d";
}
.icon-icon_risparmio:before {
  content: "\e992";
}
.icon-icon_rotate_phone:before {
  content: "\e968";
}
.icon-icon_salute:before {
  content: "\e93f";
}
.icon-icon_scan_barcode:before {
  content: "\e996";
}
.icon-icon_scan_qr:before {
  content: "\e997";
}
.icon-icon_scontrino:before {
  content: "\e960";
}
.icon-icon_scooter_insurance:before {
  content: "\e9a3";
}
.icon-icon_search:before {
  content: "\e940";
}
.icon-icon_share:before {
  content: "\e941";
}
.icon-icon_shopping:before {
  content: "\e902";
}
.icon-icon_small_attesa:before {
  content: "\e931";
}
.icon-icon_small_down:before {
  content: "\e97c";
}
.icon-icon_small_executed:before {
  content: "\e97b";
}
.icon-icon_small_pending:before {
  content: "\e97a";
}
.icon-icon_small_up:before {
  content: "\e978";
}
.icon-icon_spin:before {
  content: "\e942";
}
.icon-icon_sport:before {
  content: "\e943";
}
.icon-icon_stats:before {
  content: "\e932";
}
.icon-icon_stats_full:before {
  content: "\e935";
}
.icon-icon_tasse_commissioni:before {
  content: "\e953";
}
.icon-icon_touch_id:before {
  content: "\e96f";
}
.icon-icon_trash:before {
  content: "\e946";
}
.icon-icon_tutela_legale:before {
  content: "\e9a7";
}
.icon-icon_unlock:before {
  content: "\e99d";
}
.icon-icon_upgrade:before {
  content: "\e983";
}
.icon-icon_user:before {
  content: "\e988";
}
.icon-icon_van_insurance:before {
  content: "\e9a1";
}
.icon-icon_varie:before {
  content: "\e948";
}
.icon-icon_veicoli_trasporti:before {
  content: "\e949";
}
.icon-icon_vendi_tutto:before {
  content: "\e924";
}
.icon-icon_vendite:before {
  content: "\e94a";
}
.icon-icon_verifica_contatto:before {
  content: "\e94b";
}
.icon-icon_viaggi:before {
  content: "\e94c";
}
.icon-icon_visa_bg:before {
  content: "\e918";
}
.icon-icon_volo_cancellato:before {
  content: "\e9b9";
}
.icon-icone_liquidi:before {
  content: "\e963";
} /*!
 * Web Fonts from Fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2019 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Type Atelier
 * License URL: https://www.fontspring.com/licenses/type-atelier/webfont
 *
 *
 */
@font-face {
  font-family: "gordita";
  src:
    url("fonts/gordita-bold-webfont.woff2") format("woff2"),
    url("assets/fonts/gordita-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "gordita";
  src:
    url("fonts/gordita-bolditalic-webfont.woff2") format("woff2"),
    url("assets/fonts/gordita-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "gordita";
  src:
    url("fonts/gordita-regularitalic-webfont.woff2") format("woff2"),
    url("assets/fonts/gordita-regularitalic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "gordita";
  src:
    url("fonts/gordita-medium-webfont.woff2") format("woff2"),
    url("assets/fonts/gordita-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "gordita";
  src:
    url("fonts/gordita-regular-webfont.woff2") format("woff2"),
    url("assets/fonts/gordita-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "gordita";
  src:
    url("fonts/gordita-mediumitalic-webfont.woff2") format("woff2"),
    url("assets/fonts/gordita-mediumitalic-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
.animated-out,
.animated-in {
  -webkit-transition-timing-function: cubic-bezier(0.13, 0.71, 0.3, 0.94);
  transition-timing-function: cubic-bezier(0.13, 0.71, 0.3, 0.94);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.animated-out {
  -webkit-transform: translateY(55px);
  transform: translateY(55px);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.animated-in {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
}
.clearfix:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
@font-face {
  font-family: "TimSans";
  ssrc: url("assets/fonts/timsans-regular.eot");
  src:
    url("assets/fonts/timsans-regular.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/timsans-regular.woff") format("woff"),
    url("assets/fonts/timsans-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "TimSans Bold";
  ssrc: url("assets/fonts/timsans-bold.eot");
  src:
    url("assets/fonts/timsans-bold.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/timsans-bold.woff") format("woff"),
    url("assets/fonts/timsans-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "hype-icon";
  src: url("assets/fonts/hype-icon.eot?ulude3");
  src:
    url("assets/fonts/hype-icon.eot?ulude3#iefix") format("embedded-opentype"),
    url("assets/fonts/hype-icon.ttf?ulude3") format("truetype"),
    url("assets/fonts/hype-icon.woff?ulude3") format("woff"),
    url("assets/fonts/hype-icon.svg?ulude3#hype-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="hype-"],
[class*=" hype-"] {
  font-family: "hype-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hype-p-bollettino .path1:before {
  content: "\e92c";
  color: #00a5ff;
}
.hype-p-bollettino .path2:before {
  content: "\e92d";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-bollettino .path3:before {
  content: "\e92e";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-bollettino .path4:before {
  content: "\e92f";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-bollettino .path5:before {
  content: "\e930";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-bollettino .path6:before {
  content: "\e931";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-bonifico .path1:before {
  content: "\e932";
  color: #fca664;
  position: relative;
  left: 0.5em;
}
.hype-p-bonifico .path2:before {
  content: "\e933";
  margin-left: -1em;
  color: #00a5ff;
}
.hype-p-bonifico .path3:before {
  content: "\e934";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-bonifico .path4:before {
  content: "\e935";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-compilare .path1:before {
  content: "\e936";
  color: #00a5ff;
}
.hype-p-compilare .path2:before {
  content: "\e937";
  margin-left: -1em;
  color: #00a5ff;
}
.hype-p-compilare .path3:before {
  content: "\e938";
  margin-left: -1em;
  color: #fca664;
}
.hype-p-hce .path1:before {
  content: "\e939";
  color: #00a5ff;
}
.hype-p-hce .path2:before {
  content: "\e93a";
  margin-left: -1em;
  color: #fca664;
}
.hype-p-hce .path3:before {
  content: "\e93b";
  margin-left: -1em;
  color: #fca664;
}
.hype-p-invia_denaro .path1:before {
  content: "\e93c";
  color: #00a5ff;
}
.hype-p-invia_denaro .path2:before {
  content: "\e93d";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-invia_denaro .path3:before {
  content: "\e93e";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-invia_denaro .path4:before {
  content: "\e93f";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-invia_denaro .path5:before {
  content: "\e940";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-invia_denaro .path6:before {
  content: "\e941";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-paga_in_negozio .path1:before {
  content: "\e95d";
  color: #fca664;
}
.hype-p-paga_in_negozio .path2:before {
  content: "\e95e";
  margin-left: -1em;
  color: #fca664;
}
.hype-p-paga_in_negozio .path3:before {
  content: "\e95f";
  margin-left: -1em;
  color: #00a5ff;
}
.hype-p-paga_in_negozio .path4:before {
  content: "\e960";
  margin-left: -1em;
  color: #fca664;
}
.hype-p-paga_in_negozio .path5:before {
  content: "\e961";
  margin-left: -1em;
  color: #00a5ff;
}
.hype-p-premarcato .path1:before {
  content: "\e962";
  color: #00a5ff;
}
.hype-p-premarcato .path2:before {
  content: "\e963";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path3:before {
  content: "\e964";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path4:before {
  content: "\e965";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path5:before {
  content: "\e966";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path6:before {
  content: "\e967";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-premarcato .path7:before {
  content: "\e968";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-premarcato .path8:before {
  content: "\e969";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-premarcato .path9:before {
  content: "\e96a";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path10:before {
  content: "\e96b";
  margin-left: -1.40625em;
  color: #00a5ff;
}
.hype-p-premarcato .path11:before {
  content: "\e96c";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-premarcato .path12:before {
  content: "\e96d";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-premarcato .path13:before {
  content: "\e96e";
  margin-left: -1.40625em;
  color: #fca664;
}
.hype-p-ricarica_telefonica .path1:before {
  content: "\e96f";
  color: #fca664;
}
.hype-p-ricarica_telefonica .path2:before {
  content: "\e970";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-ricarica_telefonica .path3:before {
  content: "\e971";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-ricarica_telefonica .path4:before {
  content: "\e972";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-ricarica_telefonica .path5:before {
  content: "\e973";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-p-ricarica_telefonica .path6:before {
  content: "\e974";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-richiedi_denaro .path1:before {
  content: "\e975";
  color: #fca664;
}
.hype-p-richiedi_denaro .path2:before {
  content: "\e976";
  margin-left: -1.5em;
  color: #fca664;
}
.hype-p-richiedi_denaro .path3:before {
  content: "\e977";
  margin-left: -1.5em;
  color: #00a5ff;
}
.hype-icon--user:before {
  content: "\e901";
}
.hype-icon--copy:before {
  content: "\e978";
}
.hype-icon--export:before {
  content: "\e979";
}
.hype-icon--card:before {
  content: "\e927";
}
.hype-icon--invia_ricevi:before {
  content: "\e928";
}
.hype-icon--lista-movimenti:before {
  content: "\e929";
}
.hype-icon--more:before {
  content: "\e92a";
}
.hype-icon--obiettivi_tab:before {
  content: "\e92b";
}
.hype-icon--abbigliamento:before {
  content: "\e942";
}
.hype-icon--alimentare:before {
  content: "\e943";
}
.hype-icon--animali:before {
  content: "\e944";
}
.hype-icon--assicurazione:before {
  content: "\e945";
}
.hype-icon--body:before {
  content: "\e946";
}
.hype-icon--bollette-abbonamenti:before {
  content: "\e947";
}
.hype-icon--caffe:before {
  content: "\e948";
}
.hype-icon--casa:before {
  content: "\e949";
}
.hype-icon--elettronica:before {
  content: "\e94a";
}
.hype-icon--figli:before {
  content: "\e94b";
}
.hype-icon--finanziamenti:before {
  content: "\e94c";
}
.hype-icon--intrattenimento:before {
  content: "\e94d";
}
.hype-icon--investimenti:before {
  content: "\e94e";
}
.hype-icon--istruzione:before {
  content: "\e94f";
}
.hype-icon--prelievo-contanti:before {
  content: "\e950";
}
.hype-icon--regalo:before {
  content: "\e951";
}
.hype-icon--rendite:before {
  content: "\e952";
}
.hype-icon--ricariche:before {
  content: "\e953";
}
.hype-icon--rimborsi:before {
  content: "\e954";
}
.hype-icon--salute:before {
  content: "\e955";
}
.hype-icon--sport:before {
  content: "\e956";
}
.hype-icon--stipendio:before {
  content: "\e957";
}
.hype-icon--tasse-commissioni:before {
  content: "\e958";
}
.hype-icon--varie:before {
  content: "\e959";
}
.hype-icon--veicoli-trasporti:before {
  content: "\e95a";
}
.hype-icon--vendite:before {
  content: "\e95b";
}
.hype-icon--viaggi:before {
  content: "\e95c";
}
.hype-icon--archive:before {
  content: "\e902";
}
.hype-icon--arrow-dx:before {
  content: "\e903";
}
.hype-icon--arrow-sx:before {
  content: "\e904";
}
.hype-icon--autorizzativo:before {
  content: "\e905";
}
.hype-icon--bell:before {
  content: "\e906";
}
.hype-icon--bonifico:before {
  content: "\e907";
}
.hype-icon--calendario:before {
  content: "\e908";
}
.hype-icon--cards:before {
  content: "\e909";
}
.hype-icon--check:before {
  content: "\e90a";
}
.hype-icon--close:before {
  content: "\e90b";
}
.hype-icon--coordinate-bancarie:before {
  content: "\e90c";
}
.hype-icon--credit-boost:before {
  content: "\e90d";
}
.hype-icon--deal:before {
  content: "\e90e";
}
.hype-icon--doc:before {
  content: "\e90f";
}
.hype-icon--documenti:before {
  content: "\e910";
}
.hype-icon--email:before {
  content: "\e911";
}
.hype-icon--faq:before {
  content: "\e912";
}
.hype-icon--filtri:before {
  content: "\e913";
}
.hype-icon--foto:before {
  content: "\e914";
}
.hype-icon--impostazioni:before {
  content: "\e915";
}
.hype-icon--marker:before {
  content: "\e916";
}
.hype-icon--new-contact:before {
  content: "\e917";
}
.hype-icon--notifiche:before {
  content: "\e918";
}
.hype-icon--phone:before {
  content: "\e919";
}
.hype-icon--piu:before {
  content: "\e91a";
}
.hype-icon--plus:before {
  content: "\e91b";
}
.hype-icon--question:before {
  content: "\e91c";
}
.hype-icon--recycle:before {
  content: "\e91d";
}
.hype-icon--ricarica-telefonica:before {
  content: "\e91e";
}
.hype-icon--ricarica:before {
  content: "\e91f";
}
.hype-icon--ricerca:before {
  content: "\e920";
}
.hype-icon--ruota-carta:before {
  content: "\e921";
}
.hype-e-icon--star:before {
  content: "\e922";
}
.hype-icon--stats:before {
  content: "\e923";
}
.hype-icon--supporto:before {
  content: "\e924";
}
.hype-icon--trash:before {
  content: "\e925";
}
.hype-icon--verifica-contatto:before {
  content: "\e926";
}
.hype-icon--wifi:before {
  content: "\e97a";
}
.hype-icon--star:before {
  content: "\e97f";
}
.hype-icon--edit:before {
  content: "\e97b";
}
.hype-icon--atm:before {
  content: "\e980";
}
.hype-icon--pack:before {
  content: "\e900";
}
.hype-icon--gear:before {
  content: "\e97e";
}
.hype-icon--logout:before {
  content: "\e99a";
}
.hype-icon--send_out-2:before {
  content: "\e98";
}
.hype-icon--install:before {
  content: "\e99";
}
.hype-icon--send_out:before {
  content: "\e97c";
}
.hype-icon--send_in:before {
  content: "\e97d";
}
.hype-icon--edit:before {
  content: "\e97b";
}
.hype-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@font-face {
  font-family: "hype-fonticon";
  src: url("assets/fonts/hype-fonticon.eot?lahfl3");
  src:
    url("assets/fonts/hype-fonticon.eot?lahfl3#iefix")
      format("embedded-opentype"),
    url("assets/fonts/hype-fonticon.ttf?lahfl3") format("truetype"),
    url("assets/fonts/hype-fonticon.woff?lahfl3") format("woff"),
    url("assets/fonts/hype-fonticon.svg?lahfl3#hype-fonticon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: "hype-fonticon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon-glasses:before {
  content: "\e96b";
}
.icon-icon_Invia-messaggio:before {
  content: "\e95e";
}
.icon-icon_Altro:before {
  content: "\e95f";
}
.icon-icon_Galleria:before {
  content: "\e969";
}
.icon-icon_wifi:before {
  content: "\e96a";
}
.icon-icon_Giroconti:before {
  content: "\e958";
}
.icon-icon_Tasse:before {
  content: "\e95a";
}
.icon-icon_Chiudi:before {
  content: "\e937";
}
.icon-icon_Depositi-e-investimenti:before {
  content: "\e938";
}
.icon-icon_Dinamico:before {
  content: "\e939";
}
.icon-icon_Logout:before {
  content: "\e93a";
}
.icon-icon_Mutui:before {
  content: "\e93e";
}
.icon-icon_Punti:before {
  content: "\e957";
}
.icon-icon_Aggressivo:before {
  content: "\e944";
}
.icon-icon_Prudente:before {
  content: "\e945";
}
.icon-icon_Condividi:before {
  content: "\e947";
}
.icon-icon_Statistiche:before {
  content: "\e94d";
}
.icon-icon_Premio:before {
  content: "\e952";
}
.icon-icon_Annulla:before {
  content: "\e956";
}
.icon-icon_Invia_ricevi:before {
  content: "\e923";
}
.icon-icon_Mastercard:before {
  content: "\e90e";
}
.icon-icon_Visa:before {
  content: "\e912";
}
.icon-icon_abbigliamento:before {
  content: "\e900";
}
.icon-icon_add:before {
  content: "\e901";
}
.icon-icon_agevolazione:before {
  content: "\e9c3";
}
.icon-icon_alert:before {
  content: "\e964";
}
.icon-icon_alert_outline:before {
  content: "\e970";
}
.icon-icon_alimentare:before {
  content: "\e903";
}
.icon-icon_android:before {
  content: "\e95b";
}
.icon-icon_animali:before {
  content: "\e904";
}
.icon-icon_apple:before {
  content: "\e95c";
}
.icon-icon_archive:before {
  content: "\e94e";
}
.icon-icon_arrow_open:before {
  content: "\e96c";
}
.icon-icon_assistenza_stradale:before {
  content: "\e9a6";
}
.icon-icon_atti_vandalici:before {
  content: "\e9ad";
}
.icon-icon_attiva_carta:before {
  content: "\e9c2";
}
.icon-icon_bell:before {
  content: "\e998";
}
.icon-icon_bitcoin:before {
  content: "\e97e";
}
.icon-icon_body:before {
  content: "\e907";
}
.icon-icon_bollettino:before {
  content: "\e984";
}
.icon-icon_bollettino_bianco:before {
  content: "\e98c";
}
.icon-icon_bonifico:before {
  content: "\e98b";
}
.icon-icon_bonus_protetto:before {
  content: "\e9a9";
}
.icon-icon_btc_down:before {
  content: "\e977";
}
.icon-icon_btc_up:before {
  content: "\e976";
}
.icon-icon_caffe:before {
  content: "\e90a";
}
.icon-icon_calendario:before {
  content: "\e90b";
}
.icon-icon_calendario_full:before {
  content: "\e906";
}
.icon-icon_cancel:before {
  content: "\e90d";
}
.icon-icon_car_insurance:before {
  content: "\e9a2";
}
.icon-icon_card:before {
  content: "\e995";
}
.icon-icon_card_add:before {
  content: "\e959";
}
.icon-icon_card_rotate:before {
  content: "\e951";
}
.icon-icon_carta_hype:before {
  content: "\e90f";
}
.icon-icon_carta_scadenza:before {
  content: "\e9c1";
}
.icon-icon_casa:before {
  content: "\e910";
}
.icon-icon_chat:before {
  content: "\e9b2";
}
.icon-icon_check:before {
  content: "\e911";
}
.icon-icon_check_alert:before {
  content: "\e9bb";
}
.icon-icon_check_ok:before {
  content: "\e9ba";
}
.icon-icon_chiama:before {
  content: "\e9b3";
}
.icon-icon_consolidamento:before {
  content: "\e92e";
}
.icon-icon_contact:before {
  content: "\e905";
}
.icon-icon_coordinate_bancarie:before {
  content: "\e913";
}
.icon-icon_copy:before {
  content: "\e954";
}
.icon-icon_corto_circuito:before {
  content: "\e966";
}
.icon-icon_credit_boost:before {
  content: "\e986";
}
.icon-icon_cristalli:before {
  content: "\e9ac";
}
.icon-icon_cyber_crime:before {
  content: "\e99b";
}
.icon-icon_delay:before {
  content: "\e9b6";
}
.icon-icon_deleted:before {
  content: "\e9b5";
}
.icon-icon_dividi-spesa:before {
  content: "\e930";
}
.icon-icon_doc_outline:before {
  content: "\e9bf";
}
.icon-icon_documenti:before {
  content: "\e915";
}
.icon-icon_download:before {
  content: "\e95d";
}
.icon-icon_edit:before {
  content: "\e916";
}
.icon-icon_edit_photo:before {
  content: "\e974";
}
.icon-icon_elettronica:before {
  content: "\e917";
}
.icon-icon_eventi_atmosferici:before {
  content: "\e9ab";
}
.icon-icon_eye:before {
  content: "\e94f";
}
.icon-icon_eye_hide:before {
  content: "\e950";
}
.icon-icon_faq:before {
  content: "\e91a";
}
.icon-icon_figli:before {
  content: "\e91b";
}
.icon-icon_filtri:before {
  content: "\e91d";
}
.icon-icon_finanziamenti:before {
  content: "\e91e";
}
.icon-icon_fire:before {
  content: "\e965";
}
.icon-icon_frode:before {
  content: "\e967";
}
.icon-icon_help:before {
  content: "\e97d";
}
.icon-icon_impostazioni:before {
  content: "\e920";
}
.icon-icon_info:before {
  content: "\e9be";
}
.icon-icon_infortuni:before {
  content: "\e9a5";
}
.icon-icon_insurance:before {
  content: "\e99c";
}
.icon-icon_intrattenimento:before {
  content: "\e921";
}
.icon-icon_investimenti:before {
  content: "\e922";
}
.icon-icon_invia_denaro:before {
  content: "\e98e";
}
.icon-icon_invita_amici:before {
  content: "\e981";
}
.icon-icon_istruzione:before {
  content: "\e925";
}
.icon-icon_kasko:before {
  content: "\e9ae";
}
.icon-icon_lavoro_stipendio:before {
  content: "\e926";
}
.icon-icon_left_angle:before {
  content: "\e927";
}
.icon-icon_left_arrow:before {
  content: "\e928";
}
.icon-icon_lista_movimenti:before {
  content: "\e929";
}
.icon-icon_localize:before {
  content: "\e975";
}
.icon-icon_logo_whatsapp:before {
  content: "\e9b1";
}
.icon-icon_logout:before {
  content: "\e92a";
}
.icon-icon_luggage:before {
  content: "\e9b8";
}
.icon-icon_luggage_lost:before {
  content: "\e9b7";
}
.icon-icon_mail:before {
  content: "\e9b0";
}
.icon-icon_marker:before {
  content: "\e92b";
}
.icon-icon_mastercard_bg:before {
  content: "\e914";
}
.icon-icon_modifica_profilo:before {
  content: "\e9c0";
}
.icon-icon_more:before {
  content: "\e92c";
}
.icon-icon_new_contact:before {
  content: "\e92d";
}
.icon-icon_new_phone:before {
  content: "\e961";
}
.icon-icon_obiettivi_tab:before {
  content: "\e92f";
}
.icon-icon_offerte:before {
  content: "\e98f";
}
.icon-icon_paga_negozio:before {
  content: "\e989";
}
.icon-icon_pausa:before {
  content: "\e90c";
}
.icon-icon_periodico:before {
  content: "\e909";
}
.icon-icon_phone:before {
  content: "\e999";
}
.icon-icon_phone_crash:before {
  content: "\e962";
}
.icon-icon_play:before {
  content: "\e908";
}
.icon-icon_preferiti:before {
  content: "\e933";
}
.icon-icon_prelievo_contanti:before {
  content: "\e934";
}
.icon-icon_premio:before {
  content: "\e91c";
}
.icon-icon_prestito_personale:before {
  content: "\e91f";
}
.icon-icon_recycle:before {
  content: "\e955";
}
.icon-icon_rendite:before {
  content: "\e936";
}
.icon-icon_responsabilita_civile:before {
  content: "\e9a4";
}
.icon-icon_return_location:before {
  content: "\e973";
}
.icon-icon_ricarica_cellulare:before {
  content: "\e987";
}
.icon-icon_ricarica_hype:before {
  content: "\e919";
}
.icon-icon_ricarica_in_contanti:before {
  content: "\e994";
}
.icon-icon_ricarica_in_negozio:before {
  content: "\e9bd";
}
.icon-icon_ricarica_sisal:before {
  content: "\e9bc";
}
.icon-icon_ricevi_denaro:before {
  content: "\e98d";
}
.icon-icon_right_angle:before {
  content: "\e93b";
}
.icon-icon_right_arrow:before {
  content: "\e93c";
}
.icon-icon_rimborsi:before {
  content: "\e93d";
}
.icon-icon_risparmio:before {
  content: "\e992";
}
.icon-icon_rotate_phone:before {
  content: "\e968";
}
.icon-icon_salute:before {
  content: "\e93f";
}
.icon-icon_scan_barcode:before {
  content: "\e996";
}
.icon-icon_scan_qr:before {
  content: "\e997";
}
.icon-icon_scontrino:before {
  content: "\e960";
}
.icon-icon_scooter_insurance:before {
  content: "\e9a3";
}
.icon-icon_search:before {
  content: "\e940";
}
.icon-icon_share:before {
  content: "\e941";
}
.icon-icon_shopping:before {
  content: "\e902";
}
.icon-icon_small_attesa:before {
  content: "\e931";
}
.icon-icon_small_down:before {
  content: "\e97c";
}
.icon-icon_small_executed:before {
  content: "\e97b";
}
.icon-icon_small_pending:before {
  content: "\e97a";
}
.icon-icon_small_up:before {
  content: "\e978";
}
.icon-icon_spin:before {
  content: "\e942";
}
.icon-icon_sport:before {
  content: "\e943";
}
.icon-icon_stats:before {
  content: "\e932";
}
.icon-icon_stats_full:before {
  content: "\e935";
}
.icon-icon_tasse_commissioni:before {
  content: "\e953";
}
.icon-icon_touch_id:before {
  content: "\e96f";
}
.icon-icon_trash:before {
  content: "\e946";
}
.icon-icon_tutela_legale:before {
  content: "\e9a7";
}
.icon-icon_unlock:before {
  content: "\e99d";
}
.icon-icon_upgrade:before {
  content: "\e983";
}
.icon-icon_user:before {
  content: "\e988";
}
.icon-icon_van_insurance:before {
  content: "\e9a1";
}
.icon-icon_varie:before {
  content: "\e948";
}
.icon-icon_veicoli_trasporti:before {
  content: "\e949";
}
.icon-icon_vendi_tutto:before {
  content: "\e924";
}
.icon-icon_vendite:before {
  content: "\e94a";
}
.icon-icon_verifica_contatto:before {
  content: "\e94b";
}
.icon-icon_viaggi:before {
  content: "\e94c";
}
.icon-icon_visa_bg:before {
  content: "\e918";
}
.icon-icon_volo_cancellato:before {
  content: "\e9b9";
}
.icon-icone_liquidi:before {
  content: "\e963";
} /*!
 * 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: 500ms;
  animation-duration: 500ms;
  -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: 1.45s;
  animation-duration: 1.45s;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  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 {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-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 {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  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-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-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-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-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-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-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-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.color--blue-darkest {
  color: #003c5d !important;
}
.color--blue-darker {
  color: #016aa3 !important;
}
.color--blue-dark {
  color: #0087d1 !important;
}
.color--blue-default {
  color: #00a5ff !important;
}
.color--blue-light {
  color: #2eb5ff !important;
}
.color--blue-lighter {
  color: #5cc5ff !important;
}
.color--blue-lightest {
  color: #b9e6ff !important;
}
.color--purple-darkest {
  color: #1b143c !important;
}
.color--purple-darker {
  color: #1b143c !important;
}
.color--purple-dark {
  color: #1b143c !important;
}
.color--purple-default {
  color: #201849 !important;
}
.color--purple-light {
  color: #453f6b !important;
}
.color--purple-lighter {
  color: #736d91 !important;
}
.color--purple-lightest {
  color: #bab7cc !important;
}
.color--orange-darkest {
  color: #fca664 !important;
}
.color--orange-darker {
  color: #fca664 !important;
}
.color--orange-dark {
  color: #fca664 !important;
}
.color--orange-default {
  color: #fca664 !important;
}
.color--orange-light {
  color: #ffb077 !important;
}
.color--orange-lighter {
  color: #ffc296 !important;
}
.color--orange-lightest {
  color: #ffddba !important;
}
.color--floral-darkest {
  color: #e9e3d7 !important;
}
.color--floral-darker {
  color: #e9e3d7 !important;
}
.color--floral-dark {
  color: #f2eee6 !important;
}
.color--floral-default {
  color: #fefaf2 !important;
}
.color--floral-light {
  color: #fefaf2 !important;
}
.color--floral-lighter {
  color: #fefaf2 !important;
}
.color--floral-lightest {
  color: #fefaf2 !important;
}
.color--green-darkest {
  color: #61cc71 !important;
}
.color--green-darker {
  color: #61cc71 !important;
}
.color--green-dark {
  color: #61cc71 !important;
}
.color--green-default {
  color: #61cc71 !important;
}
.color--green-light {
  color: #61cc71 !important;
}
.color--green-lighter {
  color: #61cc71 !important;
}
.color--green-lightest {
  color: #61cc71 !important;
}
.color--red-darkest {
  color: #c94646 !important;
}
.color--red-darker {
  color: #c94646 !important;
}
.color--red-dark {
  color: #c94646 !important;
}
.color--red-default {
  color: #c94646 !important;
}
.color--red-light {
  color: #c94646 !important;
}
.color--red-lighter {
  color: #c94646 !important;
}
.color--red-lightest {
  color: #c94646 !important;
}
.color--grey-light {
  color: #f2f2f2 !important;
}
.color--palette-BlueApp {
  color: #284bff !important;
}
.color--palette-SpyroBlue {
  color: #5a75ff !important;
}
.color--palette-PastelBlue {
  color: #8d9fff !important;
}
.color--palette-Summer {
  color: #05beff !important;
}
.color--palette-#000 {
  color: #000 !important;
}
.color--palette-Stone {
  color: #505b7d !important;
}
.color--palette-StoneLight {
  color: #6d7791 !important;
}
.color--palette-StoneLightest {
  color: #b7bccc !important;
}
.color--palette-GreyMid {
  color: #3a3a3a !important;
}
.color--palette-GreyLight {
  color: #f5f4f7 !important;
}
.color--palette-#fff {
  color: #fff !important;
}
.color--palette-PrincessPeach {
  color: #f2dbce !important;
}
.color--palette-Mushroom {
  color: #ff6c63 !important;
}
.color--palette-MariosHat {
  color: #ff4d3d !important;
}
.color--palette-Star {
  color: #ffcd67 !important;
}
.color--palette-YoshiGreen {
  color: #61cc71 !important;
}
.bg--blue-darkest {
  background-color: #003c5d !important;
}
.bg--blue-darker {
  background-color: #016aa3 !important;
}
.bg--blue-dark {
  background-color: #0087d1 !important;
}
.bg--blue-default {
  background-color: #00a5ff !important;
}
.bg--blue-light {
  background-color: #2eb5ff !important;
}
.bg--blue-lighter {
  background-color: #5cc5ff !important;
}
.bg--blue-lightest {
  background-color: #b9e6ff !important;
}
.bg--purple-darkest {
  background-color: #1b143c !important;
}
.bg--purple-darker {
  background-color: #1b143c !important;
}
.bg--purple-dark {
  background-color: #1b143c !important;
}
.bg--purple-default {
  background-color: #201849 !important;
}
.bg--purple-light {
  background-color: #453f6b !important;
}
.bg--purple-lighter {
  background-color: #736d91 !important;
}
.bg--purple-lightest {
  background-color: #bab7cc !important;
}
.bg--orange-darkest {
  background-color: #fca664 !important;
}
.bg--orange-darker {
  background-color: #fca664 !important;
}
.bg--orange-dark {
  background-color: #fca664 !important;
}
.bg--orange-default {
  background-color: #fca664 !important;
}
.bg--orange-light {
  background-color: #ffb077 !important;
}
.bg--orange-lighter {
  background-color: #ffc296 !important;
}
.bg--orange-lightest {
  background-color: #ffddba !important;
}
.bg--floral-darkest {
  background-color: #e9e3d7 !important;
}
.bg--floral-darker {
  background-color: #e9e3d7 !important;
}
.bg--floral-dark {
  background-color: #f2eee6 !important;
}
.bg--floral-default {
  background-color: #fefaf2 !important;
}
.bg--floral-light {
  background-color: #fefaf2 !important;
}
.bg--floral-lighter {
  background-color: #fefaf2 !important;
}
.bg--floral-lightest {
  background-color: #fefaf2 !important;
}
.bg--green-darkest {
  background-color: #61cc71 !important;
}
.bg--green-darker {
  background-color: #61cc71 !important;
}
.bg--green-dark {
  background-color: #61cc71 !important;
}
.bg--green-default {
  background-color: #61cc71 !important;
}
.bg--green-light {
  background-color: #61cc71 !important;
}
.bg--green-lighter {
  background-color: #61cc71 !important;
}
.bg--green-lightest {
  background-color: #61cc71 !important;
}
.bg--red-darkest {
  background-color: #c94646 !important;
}
.bg--red-darker {
  background-color: #c94646 !important;
}
.bg--red-dark {
  background-color: #c94646 !important;
}
.bg--red-default {
  background-color: #c94646 !important;
}
.bg--red-light {
  background-color: #c94646 !important;
}
.bg--red-lighter {
  background-color: #c94646 !important;
}
.bg--red-lightest {
  background-color: #c94646 !important;
}
.bg--grey-light {
  background-color: #f2f2f2 !important;
}
.bg--palette-BlueApp {
  background-color: #284bff !important;
}
.bg--palette-SpyroBlue {
  background-color: #5a75ff !important;
}
.bg--palette-PastelBlue {
  background-color: #8d9fff !important;
}
.bg--palette-Summer {
  background-color: #05beff !important;
}
.bg--palette-#000 {
  background-color: #000 !important;
}
.bg--palette-Stone {
  background-color: #505b7d !important;
}
.bg--palette-StoneLight {
  background-color: #6d7791 !important;
}
.bg--palette-StoneLightest {
  background-color: #b7bccc !important;
}
.bg--palette-GreyMid {
  background-color: #3a3a3a !important;
}
.bg--palette-GreyLight {
  background-color: #f5f4f7 !important;
}
.bg--palette-White {
  background-color: ##F5F4F7 !important;
}
.bg--palette-PrincessPeach {
  background-color: #f2dbce !important;
}
.bg--palette-Mushroom {
  background-color: #ff6c63 !important;
}
.bg--palette-MariosHat {
  background-color: #ff4d3d !important;
}
.bg--palette-Star {
  background-color: #ffcd67 !important;
}
.bg--palette-YoshiGreen {
  background-color: #61cc71 !important;
}
.font--size-12 {
  font-size: 12px !important;
}
.font--size-14 {
  font-size: 14px !important;
}
.font--size-16 {
  font-size: 16px !important;
}
.font--size-18 {
  font-size: 18px !important;
}
.font--size-20 {
  font-size: 20px !important;
}
.font--size-24 {
  font-size: 24px !important;
}
.font--size-32 {
  font-size: 32px !important;
}
.font--size-40 {
  font-size: 40px !important;
}
.font--size-48 {
  font-size: 48px !important;
}
.font--size-56 {
  font-size: 56px !important;
}
.font--size-60 {
  font-size: 60px !important;
}
.font--size-64 {
  font-size: 64px !important;
}
.font--size-72 {
  font-size: 72px !important;
}
.font--size-80 {
  font-size: 80px !important;
}
.t-noscroll {
  overflow: hidden !important;
}
hr.t-spacer {
  border: 0;
  margin: 0;
}
.badge {
  background-color: rgba(186, 183, 204, 0.5);
  color: #fff;
  padding: 4px 16px !important;
  border-radius: 1em !important;
}
.badge.small {
  font-size: 59% !important;
  padding: 8px 8px !important;
}
.badge.center {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
}
.i {
  font-style: italic;
}
.img-bottom {
  vertical-align: bottom;
}
.text-orange {
  color: #fca664;
}
.legal-note {
  color: #b7bccc;
  font-size: 12px;
}
.badge-warning-o {
  border: 1px solid #fca664;
  color: #fca664;
  background-color: transparent;
  font-weight: 400 !important;
}
.badge-primary-o {
  border: 1px solid #00a5ff;
  color: #00a5ff;
  background-color: #eaf7ff;
  text-transform: uppercase;
  border-radius: 4px !important;
}
.badge-PastelBlue {
  color: #fff;
  background-color: #8d9fff;
  text-transform: uppercase;
  border-radius: 4px !important;
  font-weight: 400 !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
}
.badge-Mushroom {
  color: #fff;
  background-color: #ff6c63;
  text-transform: uppercase;
  border-radius: 16px !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  font-size: 18px !important;
}
@media screen and (min-width: 768px) {
  .bg-md-GreyLight {
    background-color: #f5f4f7;
  }
}
.bg-blue-lightest {
  background-color: rgba(90, 117, 255, 0.1) !important;
}
.bg-grey-lighter {
  background-color: #f8f9fa !important;
}
@media screen and (min-width: 60em) {
  .bg-md-none {
    background-color: unset !important;
  }
}
.small-md {
  font-size: 90%;
}
.text-purple-lightest {
  color: #bab7cc;
}
.drop-shadow-lg {
  -webkit-filter: drop-shadow(0 1rem 3rem rgba(0, 0, 0, 0.175));
  filter: drop-shadow(0 1rem 3rem rgba(0, 0, 0, 0.175));
}
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 1;
}
.font-weight-medium {
  font-weight: 500 !important;
}
.rounded-lg {
  border-radius: 32px;
}
.rounded-lg img {
  border-radius: 32px;
}
.alert-blue {
  background-color: rgba(90, 117, 255, 0.2);
  color: #5a75ff !important;
}
.alert-blue p {
  color: #5a75ff !important;
}
.alert-lighter {
  background-color: rgba(255, 255, 255, 0.5);
  color: #284bff !important;
}
.alert-lighter p {
  color: #284bff !important;
}
.alert-SpyroBlue {
  background-color: rgba(90, 117, 255, 0.1);
  color: #505b7d !important;
}
.alert-SpyroBlue p {
  color: #505b7d !important;
}
.rounded-xl {
  border-radius: 32px !important;
}
#webWidget button {
  background-color: #284bff;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 4px;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2;
  color: inherit;
}
h1,
.h1 {
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 1.75rem;
}
h4,
.h4 {
  font-size: 1.5rem;
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin-top: 8px;
  margin-bottom: 8px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 80%;
  font-weight: 300;
}
.xsmall {
  font-size: 10px;
  font-weight: 300;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 8px;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014 \00A0";
}
.container {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
}
.col {
  flex-basis: 0;
  -webkit-box-flex: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  -webkit-box-flex: 0;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  -webkit-box-flex: 0;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  -webkit-box-flex: 0;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -webkit-box-flex: 0;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  -webkit-box-flex: 0;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  -webkit-box-flex: 0;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  -webkit-box-flex: 0;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -webkit-box-flex: 0;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  -webkit-box-flex: 0;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -webkit-box-ordinal-group: 0;
  order: -1;
}
.order-last {
  -webkit-box-ordinal-group: 14;
  order: 13;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
  order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
  order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
  order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
  order: 5;
}
.order-6 {
  -webkit-box-ordinal-group: 7;
  order: 6;
}
.order-7 {
  -webkit-box-ordinal-group: 8;
  order: 7;
}
.order-8 {
  -webkit-box-ordinal-group: 9;
  order: 8;
}
.order-9 {
  -webkit-box-ordinal-group: 10;
  order: 9;
}
.order-10 {
  -webkit-box-ordinal-group: 11;
  order: 10;
}
.order-11 {
  -webkit-box-ordinal-group: 12;
  order: 11;
}
.order-12 {
  -webkit-box-ordinal-group: 13;
  order: 12;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 8px;
  background-color: transparent;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table .table {
  background-color: #fff;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8e6ff;
}
.table-hover .table-primary:hover {
  background-color: #9fddff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fddff;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #c1becc;
}
.table-hover .table-secondary:hover {
  background-color: #b3b0c1;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #b3b0c1;
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: #d3f1d7;
}
.table-hover .table-success:hover {
  background-color: #c0ebc5;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #c0ebc5;
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: #d1efff;
}
.table-hover .table-info:hover {
  background-color: #b8e6ff;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #b8e6ff;
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fee6d4;
}
.table-hover .table-warning:hover {
  background-color: #fdd8bb;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #fdd8bb;
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f0cbcb;
}
.table-hover .table-danger:hover {
  background-color: #eab7b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #eab7b7;
}
.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}
.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}
.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.table-dark {
  color: #fff;
  background-color: #212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered {
  border: 0;
}
.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.5rem;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #00a5ff;
}
.badge-primary[href]:hover,
.badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0084cc;
}
.badge-secondary {
  color: #fff;
  background-color: #201849;
}
.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0f0b23;
}
.badge-success {
  color: #212529;
  background-color: #61cc71;
}
.badge-success[href]:hover,
.badge-success[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #3dbd50;
}
.badge-info {
  color: #212529;
  background-color: #5cc5ff;
}
.badge-info[href]:hover,
.badge-info[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #29b3ff;
}
.badge-warning {
  color: #212529;
  background-color: #fca664;
}
.badge-warning[href]:hover,
.badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #fb8932;
}
.badge-danger {
  color: #fff;
  background-color: #c94646;
}
.badge-danger[href]:hover,
.badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #aa3232;
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
.badge-light[href]:hover,
.badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #dae0e5;
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
.badge-dark[href]:hover,
.badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #005685;
  background-color: #ccedff;
  border-color: #b8e6ff;
}
.alert-primary hr {
  border-top-color: #9fddff;
}
.alert-primary .alert-link {
  color: #003552;
}
.alert-secondary {
  color: #110c26;
  background-color: #d2d1db;
  border-color: #c1becc;
}
.alert-secondary hr {
  border-top-color: #b3b0c1;
}
.alert-secondary .alert-link {
  color: #000;
}
.alert-success {
  color: #326a3b;
  background-color: #dff5e3;
  border-color: #d3f1d7;
}
.alert-success hr {
  border-top-color: #c0ebc5;
}
.alert-success .alert-link {
  color: #224728;
}
.alert-info {
  color: #306685;
  background-color: #def3ff;
  border-color: #d1efff;
}
.alert-info hr {
  border-top-color: #b8e6ff;
}
.alert-info .alert-link {
  color: #224960;
}
.alert-warning {
  color: #835634;
  background-color: #feede0;
  border-color: #fee6d4;
}
.alert-warning hr {
  border-top-color: #fdd8bb;
}
.alert-warning .alert-link {
  color: #5e3e26;
}
.alert-danger {
  color: #692424;
  background-color: #f4dada;
  border-color: #f0cbcb;
}
.alert-danger hr {
  border-top-color: #eab7b7;
}
.alert-danger .alert-link {
  color: #431717;
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}
.media {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
}
.media-body {
  -webkit-box-flex: 1;
  flex: 1;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 25%);
  transform: translate(0, 25%);
}
@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog-centered {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (0.5rem * 2));
  content: "";
}
.modal-content {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid none;
  border-radius: 1rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 1;
}
.modal-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 360px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 1000px;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #00a5ff !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0084cc !important;
}
.bg-secondary {
  background-color: #201849 !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #0f0b23 !important;
}
.bg-success {
  background-color: #61cc71 !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #3dbd50 !important;
}
.bg-info {
  background-color: #5cc5ff !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #29b3ff !important;
}
.bg-warning {
  background-color: #fca664 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #fb8932 !important;
}
.bg-danger {
  background-color: #c94646 !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #aa3232 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #00a5ff !important;
}
.border-secondary {
  border-color: #201849 !important;
}
.border-success {
  border-color: #61cc71 !important;
}
.border-info {
  border-color: #5cc5ff !important;
}
.border-warning {
  border-color: #fca664 !important;
}
.border-danger {
  border-color: #c94646 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded {
  border-radius: 0.5rem !important;
}
.rounded-top {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-right {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-left {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.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-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -webkit-box !important;
  display: flex !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .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-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .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-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .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-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .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-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  flex-direction: row !important;
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  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;
}
.flex-fill {
  -webkit-box-flex: 1 !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  -webkit-box-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -webkit-box-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -webkit-box-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
  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: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    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;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    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: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    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;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    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: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    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;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    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: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    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;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    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;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.08) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 8px !important;
}
.mt-1,
.my-1 {
  margin-top: 8px !important;
}
.mr-1,
.mx-1 {
  margin-right: 8px !important;
}
.mb-1,
.my-1 {
  margin-bottom: 8px !important;
}
.ml-1,
.mx-1 {
  margin-left: 8px !important;
}
.m-2 {
  margin: 16px !important;
}
.mt-2,
.my-2 {
  margin-top: 16px !important;
}
.mr-2,
.mx-2 {
  margin-right: 16px !important;
}
.mb-2,
.my-2 {
  margin-bottom: 16px !important;
}
.ml-2,
.mx-2 {
  margin-left: 16px !important;
}
.m-3 {
  margin: 24px !important;
}
.mt-3,
.my-3 {
  margin-top: 24px !important;
}
.mr-3,
.mx-3 {
  margin-right: 24px !important;
}
.mb-3,
.my-3 {
  margin-bottom: 24px !important;
}
.ml-3,
.mx-3 {
  margin-left: 24px !important;
}
.m-4 {
  margin: 32px !important;
}
.mt-4,
.my-4 {
  margin-top: 32px !important;
}
.mr-4,
.mx-4 {
  margin-right: 32px !important;
}
.mb-4,
.my-4 {
  margin-bottom: 32px !important;
}
.ml-4,
.mx-4 {
  margin-left: 32px !important;
}
.m-5 {
  margin: 40px !important;
}
.mt-5,
.my-5 {
  margin-top: 40px !important;
}
.mr-5,
.mx-5 {
  margin-right: 40px !important;
}
.mb-5,
.my-5 {
  margin-bottom: 40px !important;
}
.ml-5,
.mx-5 {
  margin-left: 40px !important;
}
.m-6 {
  margin: 48px !important;
}
.mt-6,
.my-6 {
  margin-top: 48px !important;
}
.mr-6,
.mx-6 {
  margin-right: 48px !important;
}
.mb-6,
.my-6 {
  margin-bottom: 48px !important;
}
.ml-6,
.mx-6 {
  margin-left: 48px !important;
}
.m-7 {
  margin: 56px !important;
}
.mt-7,
.my-7 {
  margin-top: 56px !important;
}
.mr-7,
.mx-7 {
  margin-right: 56px !important;
}
.mb-7,
.my-7 {
  margin-bottom: 56px !important;
}
.ml-7,
.mx-7 {
  margin-left: 56px !important;
}
.m-8 {
  margin: 64px !important;
}
.mt-8,
.my-8 {
  margin-top: 64px !important;
}
.mr-8,
.mx-8 {
  margin-right: 64px !important;
}
.mb-8,
.my-8 {
  margin-bottom: 64px !important;
}
.ml-8,
.mx-8 {
  margin-left: 64px !important;
}
.m-9 {
  margin: 72px !important;
}
.mt-9,
.my-9 {
  margin-top: 72px !important;
}
.mr-9,
.mx-9 {
  margin-right: 72px !important;
}
.mb-9,
.my-9 {
  margin-bottom: 72px !important;
}
.ml-9,
.mx-9 {
  margin-left: 72px !important;
}
.m-10 {
  margin: 80px !important;
}
.mt-10,
.my-10 {
  margin-top: 80px !important;
}
.mr-10,
.mx-10 {
  margin-right: 80px !important;
}
.mb-10,
.my-10 {
  margin-bottom: 80px !important;
}
.ml-10,
.mx-10 {
  margin-left: 80px !important;
}
.m-11 {
  margin: 88px !important;
}
.mt-11,
.my-11 {
  margin-top: 88px !important;
}
.mr-11,
.mx-11 {
  margin-right: 88px !important;
}
.mb-11,
.my-11 {
  margin-bottom: 88px !important;
}
.ml-11,
.mx-11 {
  margin-left: 88px !important;
}
.m-12 {
  margin: 96px !important;
}
.mt-12,
.my-12 {
  margin-top: 96px !important;
}
.mr-12,
.mx-12 {
  margin-right: 96px !important;
}
.mb-12,
.my-12 {
  margin-bottom: 96px !important;
}
.ml-12,
.mx-12 {
  margin-left: 96px !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 8px !important;
}
.pt-1,
.py-1 {
  padding-top: 8px !important;
}
.pr-1,
.px-1 {
  padding-right: 8px !important;
}
.pb-1,
.py-1 {
  padding-bottom: 8px !important;
}
.pl-1,
.px-1 {
  padding-left: 8px !important;
}
.p-2 {
  padding: 16px !important;
}
.pt-2,
.py-2 {
  padding-top: 16px !important;
}
.pr-2,
.px-2 {
  padding-right: 16px !important;
}
.pb-2,
.py-2 {
  padding-bottom: 16px !important;
}
.pl-2,
.px-2 {
  padding-left: 16px !important;
}
.p-3 {
  padding: 24px !important;
}
.pt-3,
.py-3 {
  padding-top: 24px !important;
}
.pr-3,
.px-3 {
  padding-right: 24px !important;
}
.pb-3,
.py-3 {
  padding-bottom: 24px !important;
}
.pl-3,
.px-3 {
  padding-left: 24px !important;
}
.p-4 {
  padding: 32px !important;
}
.pt-4,
.py-4 {
  padding-top: 32px !important;
}
.pr-4,
.px-4 {
  padding-right: 32px !important;
}
.pb-4,
.py-4 {
  padding-bottom: 32px !important;
}
.pl-4,
.px-4 {
  padding-left: 32px !important;
}
.p-5 {
  padding: 40px !important;
}
.pt-5,
.py-5 {
  padding-top: 40px !important;
}
.pr-5,
.px-5 {
  padding-right: 40px !important;
}
.pb-5,
.py-5 {
  padding-bottom: 40px !important;
}
.pl-5,
.px-5 {
  padding-left: 40px !important;
}
.p-6 {
  padding: 48px !important;
}
.pt-6,
.py-6 {
  padding-top: 48px !important;
}
.pr-6,
.px-6 {
  padding-right: 48px !important;
}
.pb-6,
.py-6 {
  padding-bottom: 48px !important;
}
.pl-6,
.px-6 {
  padding-left: 48px !important;
}
.p-7 {
  padding: 56px !important;
}
.pt-7,
.py-7 {
  padding-top: 56px !important;
}
.pr-7,
.px-7 {
  padding-right: 56px !important;
}
.pb-7,
.py-7 {
  padding-bottom: 56px !important;
}
.pl-7,
.px-7 {
  padding-left: 56px !important;
}
.p-8 {
  padding: 64px !important;
}
.pt-8,
.py-8 {
  padding-top: 64px !important;
}
.pr-8,
.px-8 {
  padding-right: 64px !important;
}
.pb-8,
.py-8 {
  padding-bottom: 64px !important;
}
.pl-8,
.px-8 {
  padding-left: 64px !important;
}
.p-9 {
  padding: 72px !important;
}
.pt-9,
.py-9 {
  padding-top: 72px !important;
}
.pr-9,
.px-9 {
  padding-right: 72px !important;
}
.pb-9,
.py-9 {
  padding-bottom: 72px !important;
}
.pl-9,
.px-9 {
  padding-left: 72px !important;
}
.p-10 {
  padding: 80px !important;
}
.pt-10,
.py-10 {
  padding-top: 80px !important;
}
.pr-10,
.px-10 {
  padding-right: 80px !important;
}
.pb-10,
.py-10 {
  padding-bottom: 80px !important;
}
.pl-10,
.px-10 {
  padding-left: 80px !important;
}
.p-11 {
  padding: 88px !important;
}
.pt-11,
.py-11 {
  padding-top: 88px !important;
}
.pr-11,
.px-11 {
  padding-right: 88px !important;
}
.pb-11,
.py-11 {
  padding-bottom: 88px !important;
}
.pl-11,
.px-11 {
  padding-left: 88px !important;
}
.p-12 {
  padding: 96px !important;
}
.pt-12,
.py-12 {
  padding-top: 96px !important;
}
.pr-12,
.px-12 {
  padding-right: 96px !important;
}
.pb-12,
.py-12 {
  padding-bottom: 96px !important;
}
.pl-12,
.px-12 {
  padding-left: 96px !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 8px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 8px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 8px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 8px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 8px !important;
  }
  .m-sm-2 {
    margin: 16px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 16px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 16px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 16px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 16px !important;
  }
  .m-sm-3 {
    margin: 24px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 24px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 24px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 24px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 24px !important;
  }
  .m-sm-4 {
    margin: 32px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 32px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 32px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 32px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 32px !important;
  }
  .m-sm-5 {
    margin: 40px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 40px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 40px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 40px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 40px !important;
  }
  .m-sm-6 {
    margin: 48px !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 48px !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 48px !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 48px !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 48px !important;
  }
  .m-sm-7 {
    margin: 56px !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 56px !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 56px !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 56px !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 56px !important;
  }
  .m-sm-8 {
    margin: 64px !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 64px !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 64px !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 64px !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 64px !important;
  }
  .m-sm-9 {
    margin: 72px !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 72px !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 72px !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 72px !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 72px !important;
  }
  .m-sm-10 {
    margin: 80px !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 80px !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 80px !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 80px !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 80px !important;
  }
  .m-sm-11 {
    margin: 88px !important;
  }
  .mt-sm-11,
  .my-sm-11 {
    margin-top: 88px !important;
  }
  .mr-sm-11,
  .mx-sm-11 {
    margin-right: 88px !important;
  }
  .mb-sm-11,
  .my-sm-11 {
    margin-bottom: 88px !important;
  }
  .ml-sm-11,
  .mx-sm-11 {
    margin-left: 88px !important;
  }
  .m-sm-12 {
    margin: 96px !important;
  }
  .mt-sm-12,
  .my-sm-12 {
    margin-top: 96px !important;
  }
  .mr-sm-12,
  .mx-sm-12 {
    margin-right: 96px !important;
  }
  .mb-sm-12,
  .my-sm-12 {
    margin-bottom: 96px !important;
  }
  .ml-sm-12,
  .mx-sm-12 {
    margin-left: 96px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 8px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 8px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 8px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 8px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 8px !important;
  }
  .p-sm-2 {
    padding: 16px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 16px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 16px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 16px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 16px !important;
  }
  .p-sm-3 {
    padding: 24px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 24px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 24px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 24px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 24px !important;
  }
  .p-sm-4 {
    padding: 32px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 32px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 32px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 32px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 32px !important;
  }
  .p-sm-5 {
    padding: 40px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 40px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 40px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 40px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 40px !important;
  }
  .p-sm-6 {
    padding: 48px !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 48px !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 48px !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 48px !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 48px !important;
  }
  .p-sm-7 {
    padding: 56px !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 56px !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 56px !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 56px !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 56px !important;
  }
  .p-sm-8 {
    padding: 64px !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 64px !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 64px !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 64px !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 64px !important;
  }
  .p-sm-9 {
    padding: 72px !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 72px !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 72px !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 72px !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 72px !important;
  }
  .p-sm-10 {
    padding: 80px !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 80px !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 80px !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 80px !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 80px !important;
  }
  .p-sm-11 {
    padding: 88px !important;
  }
  .pt-sm-11,
  .py-sm-11 {
    padding-top: 88px !important;
  }
  .pr-sm-11,
  .px-sm-11 {
    padding-right: 88px !important;
  }
  .pb-sm-11,
  .py-sm-11 {
    padding-bottom: 88px !important;
  }
  .pl-sm-11,
  .px-sm-11 {
    padding-left: 88px !important;
  }
  .p-sm-12 {
    padding: 96px !important;
  }
  .pt-sm-12,
  .py-sm-12 {
    padding-top: 96px !important;
  }
  .pr-sm-12,
  .px-sm-12 {
    padding-right: 96px !important;
  }
  .pb-sm-12,
  .py-sm-12 {
    padding-bottom: 96px !important;
  }
  .pl-sm-12,
  .px-sm-12 {
    padding-left: 96px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 8px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 8px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 8px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 8px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 8px !important;
  }
  .m-md-2 {
    margin: 16px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 16px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 16px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 16px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 16px !important;
  }
  .m-md-3 {
    margin: 24px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 24px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 24px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 24px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 24px !important;
  }
  .m-md-4 {
    margin: 32px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 32px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 32px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 32px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 32px !important;
  }
  .m-md-5 {
    margin: 40px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 40px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 40px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 40px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 40px !important;
  }
  .m-md-6 {
    margin: 48px !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 48px !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 48px !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 48px !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 48px !important;
  }
  .m-md-7 {
    margin: 56px !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 56px !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 56px !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 56px !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 56px !important;
  }
  .m-md-8 {
    margin: 64px !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 64px !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 64px !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 64px !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 64px !important;
  }
  .m-md-9 {
    margin: 72px !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 72px !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 72px !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 72px !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 72px !important;
  }
  .m-md-10 {
    margin: 80px !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 80px !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 80px !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 80px !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 80px !important;
  }
  .m-md-11 {
    margin: 88px !important;
  }
  .mt-md-11,
  .my-md-11 {
    margin-top: 88px !important;
  }
  .mr-md-11,
  .mx-md-11 {
    margin-right: 88px !important;
  }
  .mb-md-11,
  .my-md-11 {
    margin-bottom: 88px !important;
  }
  .ml-md-11,
  .mx-md-11 {
    margin-left: 88px !important;
  }
  .m-md-12 {
    margin: 96px !important;
  }
  .mt-md-12,
  .my-md-12 {
    margin-top: 96px !important;
  }
  .mr-md-12,
  .mx-md-12 {
    margin-right: 96px !important;
  }
  .mb-md-12,
  .my-md-12 {
    margin-bottom: 96px !important;
  }
  .ml-md-12,
  .mx-md-12 {
    margin-left: 96px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 8px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 8px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 8px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 8px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 8px !important;
  }
  .p-md-2 {
    padding: 16px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 16px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 16px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 16px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 16px !important;
  }
  .p-md-3 {
    padding: 24px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 24px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 24px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 24px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 24px !important;
  }
  .p-md-4 {
    padding: 32px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 32px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 32px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 32px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 32px !important;
  }
  .p-md-5 {
    padding: 40px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 40px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 40px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 40px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 40px !important;
  }
  .p-md-6 {
    padding: 48px !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 48px !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 48px !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 48px !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 48px !important;
  }
  .p-md-7 {
    padding: 56px !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 56px !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 56px !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 56px !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 56px !important;
  }
  .p-md-8 {
    padding: 64px !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 64px !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 64px !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 64px !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 64px !important;
  }
  .p-md-9 {
    padding: 72px !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 72px !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 72px !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 72px !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 72px !important;
  }
  .p-md-10 {
    padding: 80px !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 80px !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 80px !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 80px !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 80px !important;
  }
  .p-md-11 {
    padding: 88px !important;
  }
  .pt-md-11,
  .py-md-11 {
    padding-top: 88px !important;
  }
  .pr-md-11,
  .px-md-11 {
    padding-right: 88px !important;
  }
  .pb-md-11,
  .py-md-11 {
    padding-bottom: 88px !important;
  }
  .pl-md-11,
  .px-md-11 {
    padding-left: 88px !important;
  }
  .p-md-12 {
    padding: 96px !important;
  }
  .pt-md-12,
  .py-md-12 {
    padding-top: 96px !important;
  }
  .pr-md-12,
  .px-md-12 {
    padding-right: 96px !important;
  }
  .pb-md-12,
  .py-md-12 {
    padding-bottom: 96px !important;
  }
  .pl-md-12,
  .px-md-12 {
    padding-left: 96px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 8px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 8px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 8px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 8px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 8px !important;
  }
  .m-lg-2 {
    margin: 16px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 16px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 16px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 16px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 16px !important;
  }
  .m-lg-3 {
    margin: 24px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 24px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 24px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 24px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 24px !important;
  }
  .m-lg-4 {
    margin: 32px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 32px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 32px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 32px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 32px !important;
  }
  .m-lg-5 {
    margin: 40px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 40px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 40px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 40px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 40px !important;
  }
  .m-lg-6 {
    margin: 48px !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 48px !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 48px !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 48px !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 48px !important;
  }
  .m-lg-7 {
    margin: 56px !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 56px !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 56px !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 56px !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 56px !important;
  }
  .m-lg-8 {
    margin: 64px !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 64px !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 64px !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 64px !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 64px !important;
  }
  .m-lg-9 {
    margin: 72px !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 72px !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 72px !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 72px !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 72px !important;
  }
  .m-lg-10 {
    margin: 80px !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 80px !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 80px !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 80px !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 80px !important;
  }
  .m-lg-11 {
    margin: 88px !important;
  }
  .mt-lg-11,
  .my-lg-11 {
    margin-top: 88px !important;
  }
  .mr-lg-11,
  .mx-lg-11 {
    margin-right: 88px !important;
  }
  .mb-lg-11,
  .my-lg-11 {
    margin-bottom: 88px !important;
  }
  .ml-lg-11,
  .mx-lg-11 {
    margin-left: 88px !important;
  }
  .m-lg-12 {
    margin: 96px !important;
  }
  .mt-lg-12,
  .my-lg-12 {
    margin-top: 96px !important;
  }
  .mr-lg-12,
  .mx-lg-12 {
    margin-right: 96px !important;
  }
  .mb-lg-12,
  .my-lg-12 {
    margin-bottom: 96px !important;
  }
  .ml-lg-12,
  .mx-lg-12 {
    margin-left: 96px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 8px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 8px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 8px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 8px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 8px !important;
  }
  .p-lg-2 {
    padding: 16px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 16px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 16px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 16px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 16px !important;
  }
  .p-lg-3 {
    padding: 24px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 24px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 24px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 24px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 24px !important;
  }
  .p-lg-4 {
    padding: 32px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 32px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 32px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 32px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 32px !important;
  }
  .p-lg-5 {
    padding: 40px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 40px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 40px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 40px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 40px !important;
  }
  .p-lg-6 {
    padding: 48px !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 48px !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 48px !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 48px !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 48px !important;
  }
  .p-lg-7 {
    padding: 56px !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 56px !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 56px !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 56px !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 56px !important;
  }
  .p-lg-8 {
    padding: 64px !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 64px !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 64px !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 64px !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 64px !important;
  }
  .p-lg-9 {
    padding: 72px !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 72px !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 72px !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 72px !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 72px !important;
  }
  .p-lg-10 {
    padding: 80px !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 80px !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 80px !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 80px !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 80px !important;
  }
  .p-lg-11 {
    padding: 88px !important;
  }
  .pt-lg-11,
  .py-lg-11 {
    padding-top: 88px !important;
  }
  .pr-lg-11,
  .px-lg-11 {
    padding-right: 88px !important;
  }
  .pb-lg-11,
  .py-lg-11 {
    padding-bottom: 88px !important;
  }
  .pl-lg-11,
  .px-lg-11 {
    padding-left: 88px !important;
  }
  .p-lg-12 {
    padding: 96px !important;
  }
  .pt-lg-12,
  .py-lg-12 {
    padding-top: 96px !important;
  }
  .pr-lg-12,
  .px-lg-12 {
    padding-right: 96px !important;
  }
  .pb-lg-12,
  .py-lg-12 {
    padding-bottom: 96px !important;
  }
  .pl-lg-12,
  .px-lg-12 {
    padding-left: 96px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 8px !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 8px !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 8px !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 8px !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 8px !important;
  }
  .m-xl-2 {
    margin: 16px !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 16px !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 16px !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 16px !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 16px !important;
  }
  .m-xl-3 {
    margin: 24px !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 24px !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 24px !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 24px !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 24px !important;
  }
  .m-xl-4 {
    margin: 32px !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 32px !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 32px !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 32px !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 32px !important;
  }
  .m-xl-5 {
    margin: 40px !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 40px !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 40px !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 40px !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 40px !important;
  }
  .m-xl-6 {
    margin: 48px !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 48px !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 48px !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 48px !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 48px !important;
  }
  .m-xl-7 {
    margin: 56px !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 56px !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 56px !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 56px !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 56px !important;
  }
  .m-xl-8 {
    margin: 64px !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 64px !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 64px !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 64px !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 64px !important;
  }
  .m-xl-9 {
    margin: 72px !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 72px !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 72px !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 72px !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 72px !important;
  }
  .m-xl-10 {
    margin: 80px !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 80px !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 80px !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 80px !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 80px !important;
  }
  .m-xl-11 {
    margin: 88px !important;
  }
  .mt-xl-11,
  .my-xl-11 {
    margin-top: 88px !important;
  }
  .mr-xl-11,
  .mx-xl-11 {
    margin-right: 88px !important;
  }
  .mb-xl-11,
  .my-xl-11 {
    margin-bottom: 88px !important;
  }
  .ml-xl-11,
  .mx-xl-11 {
    margin-left: 88px !important;
  }
  .m-xl-12 {
    margin: 96px !important;
  }
  .mt-xl-12,
  .my-xl-12 {
    margin-top: 96px !important;
  }
  .mr-xl-12,
  .mx-xl-12 {
    margin-right: 96px !important;
  }
  .mb-xl-12,
  .my-xl-12 {
    margin-bottom: 96px !important;
  }
  .ml-xl-12,
  .mx-xl-12 {
    margin-left: 96px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 8px !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 8px !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 8px !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 8px !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 8px !important;
  }
  .p-xl-2 {
    padding: 16px !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 16px !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 16px !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 16px !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 16px !important;
  }
  .p-xl-3 {
    padding: 24px !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 24px !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 24px !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 24px !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 24px !important;
  }
  .p-xl-4 {
    padding: 32px !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 32px !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 32px !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 32px !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 32px !important;
  }
  .p-xl-5 {
    padding: 40px !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 40px !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 40px !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 40px !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 40px !important;
  }
  .p-xl-6 {
    padding: 48px !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 48px !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 48px !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 48px !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 48px !important;
  }
  .p-xl-7 {
    padding: 56px !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 56px !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 56px !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 56px !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 56px !important;
  }
  .p-xl-8 {
    padding: 64px !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 64px !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 64px !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 64px !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 64px !important;
  }
  .p-xl-9 {
    padding: 72px !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 72px !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 72px !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 72px !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 72px !important;
  }
  .p-xl-10 {
    padding: 80px !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 80px !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 80px !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 80px !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 80px !important;
  }
  .p-xl-11 {
    padding: 88px !important;
  }
  .pt-xl-11,
  .py-xl-11 {
    padding-top: 88px !important;
  }
  .pr-xl-11,
  .px-xl-11 {
    padding-right: 88px !important;
  }
  .pb-xl-11,
  .py-xl-11 {
    padding-bottom: 88px !important;
  }
  .pl-xl-11,
  .px-xl-11 {
    padding-left: 88px !important;
  }
  .p-xl-12 {
    padding: 96px !important;
  }
  .pt-xl-12,
  .py-xl-12 {
    padding-top: 96px !important;
  }
  .pr-xl-12,
  .px-xl-12 {
    padding-right: 96px !important;
  }
  .pb-xl-12,
  .py-xl-12 {
    padding-bottom: 96px !important;
  }
  .pl-xl-12,
  .px-xl-12 {
    padding-left: 96px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
}
.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: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .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;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-normal {
  font-weight: 300 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #00a5ff !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #0084cc !important;
}
.text-secondary {
  color: #201849 !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
  color: #0f0b23 !important;
}
.text-success {
  color: #61cc71 !important;
}
a.text-success:hover,
a.text-success:focus {
  color: #3dbd50 !important;
}
.text-info {
  color: #5cc5ff !important;
}
a.text-info:hover,
a.text-info:focus {
  color: #29b3ff !important;
}
.text-warning {
  color: #fca664 !important;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #fb8932 !important;
}
.text-danger {
  color: #c94646 !important;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #aa3232 !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
  color: #dae0e5 !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
  color: #1d2124 !important;
}
.text-body {
  color: #bab7cc !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black {
  color: #000;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-weight: 300;
  scroll-behavior: smooth;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
  display: inline-block;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
a {
  text-decoration: none;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  display: inline-block;
  color: #284bff;
}
a:hover {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  color: #284bff;
}
.e-link--arrow a {
  color: #284bff;
  position: relative;
  font-weight: 500;
}
.e-link--arrow a:after {
  opacity: 1;
  top: 1px;
  content: "\e93c";
  font-family: "hype-fonticon";
  height: 2px;
  position: relative;
  display: inline-block;
  -webkit-transform: translateX(7px);
  transform: translateX(7px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.e-link--arrow a:hover:after {
  opacity: 0;
  -webkit-transform: translateX(21px);
  transform: translateX(21px);
}
.e-link--arrow--a {
  color: #00a5ff;
  position: relative;
}
.e-link--arrow--a:before {
  content: "";
  height: 2px;
  position: absolute;
  z-index: 2;
  width: 0;
  bottom: -6px;
  left: 0;
  background-color: #00a5ff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.e-link--arrow--a:after {
  opacity: 1;
  top: 1px;
  content: "\2192";
  height: 2px;
  position: absolute;
  right: -24px;
  -webkit-transform: translateX(7px);
  transform: translateX(7px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.e-link--arrow--a:hover:before {
  width: 100%;
}
.e-link--arrow--a:hover:after {
  opacity: 0;
  -webkit-transform: translateX(21px);
  transform: translateX(21px);
}
@-ms-viewport {
  width: device-width;
}
* {
  box-sizing: border-box;
}
html {
  font-size: 100%;
}
body {
  padding-top: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: none;
  font-family: Gordita, sans-serif;
}
::-moz-selection {
  color: #201849;
  text-shadow: none;
  background-color: #b9e6ff;
}
::selection {
  color: #201849;
  text-shadow: none;
  background-color: #b9e6ff;
}
body[class^="e-hypepremium"] > main {
  padding-top: 0rem;
}
body.e-landing-hypepremium .c-hero--premium {
  padding-top: 2rem;
}
body.e-landing-hypeplus-new > main {
  padding-top: 2rem;
}
#chatbot {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1020;
}
.e-upgrade-tabs,
.e-signin-tabs {
  padding-top: 0;
}
.e-home,
.e-landing,
.e-landing-partner {
  background-size: contain;
  background-position: 0 4rem;
}
.e-landing-new {
  background: #ffffff;
  background-image:
    url("images/bg-top.svg?v=1"), url("images/bg-top-dx.svg?v=1");
  background-repeat: no-repeat, no-repeat;
  background-position:
    left top,
    right top;
  background-size: 100%, 90%;
}
.e-home-b,
.e-hypenext-b,
.e-landing-new-b {
  background: #f5f4f7;
}
body,
.e-home-new,
.e-feature-new,
.e-hypeplus-new,
.e-landing-new-2,
.e-landing-new-2-promo,
.e-feature-list {
  background: #f5f4f7;
  background-size: 70%, 90%;
}
.e-pricing,
.e-reclami,
.e-page,
.e-promotion,
.e-landing-pricing-b,
.e-landing-pricing-d,
.e-landing-pricing-upgrade {
  background-color: #fff;
}
.e-landing-new-2 {
  padding-top: 2rem !important;
}
@media screen and (max-width: 768px) {
  .e-landing-new-b .c-hero--newui {
    padding-top: 80px;
  }
}
.e-landing-pricing-b .c-pricing-plans {
  padding-top: 20px;
}
.e-hypepremium .cookie-on {
  background-color: transparent;
  position: absolute !important;
  top: 70px;
}
@media screen and (min-width: 60em) {
  body:not([class^="e-landing"]) > main {
    padding-top: 0;
  }
  body[class^="hypepremium"] > main {
    padding-top: 2rem;
  }
  body.e-landing-hypepremium .c-hero--premium {
    padding-top: 2rem;
  }
  .e-home,
  .e-landing,
  .e-landing-partner {
    background-size: 50%;
    background-position: 100% 0;
  }
  .e-landing .c-prefooter .o-wrapper,
  .e-landing .c-footer.o-wrapper {
    max-width: 100%;
    padding-left: 112px;
    padding-right: 112px;
  }
  body[class^="e-feature-"],
  .e-plus {
    margin-top: 0;
  }
}
#e-lottie-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
}
.c-blog-block__head {
  font-size: 3rem;
  font-weight: 800;
}
.c-swiper-home__title {
  font-size: 2.5rem;
  font-weight: 800;
}
.c-slider__container .c-slider__slide-content .txt-wrapper span.copy {
  font-size: 0.8889rem;
  font-weight: 700;
}
.c-blog-block__title,
.c-swiper_tabs .swiper-slide {
  font-size: 1.1rem;
  font-weight: 500;
}
.e-small--light,
.c-blog-block__tags {
  font-size: 0.7778rem;
  font-weight: 300;
}
body,
.c-swiper-home__txt,
.c-slider__container .c-slider__slide-content .txt-wrapper p {
  font-size: 1.1rem;
  font-weight: 300;
}
.c-hero .c-hero__card {
  font-size: 0.7778rem;
  font-weight: 700;
}
.c-texts-blocks__title {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
.e-landing-timpersonal body,
.e-landing-faq-timpersonal body,
.e-landing-timpersonal h3,
.e-landing-faq-timpersonal h3 {
  line-height: 1.2;
  color: #000;
  font-weight: 700;
}
h1 {
  font-size: 3em;
}
h2 {
  font-size: 2.369em;
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 1.5em;
  }
}
h3 {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  h3 {
    font-size: 1.25em;
  }
}
h4 {
  font-size: 1.333em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.75em;
}
body {
  line-height: 1.5;
}
p,
li {
  color: #6d7791;
}
strong,
b {
  font-weight: 700;
}
.text-outline {
  color: transparent;
  -webkit-text-stroke: 2px #00a5ff;
  text-stroke: 2px #00a5ff;
}
.text-16 {
  font-size: 16px;
}
.text-10 {
  font-size: 10px;
}
.e-small--light {
  color: #bab7cc;
}
.e-heading--light {
  font-weight: 300;
  margin: 0 0 4rem 0;
}
.e-heading--light strong {
  font-weight: 700;
}
.e-landing-timpersonal body,
.e-landing-faq-timpersonal body {
  font-family: TimSans;
}
.e-landing-timpersonal strong,
.e-landing-faq-timpersonal strong {
  font-family: TimSans;
  font-weight: 800;
}
.e-landing-timpersonal h3,
.e-landing-faq-timpersonal h3 {
  font-family: TimSans;
  font-size: 31.5px;
  font-weight: 400;
  color: #252525;
  line-height: 1.6;
}
.e-landing-timpersonal p,
.e-landing-faq-timpersonal p {
  font-family: TimSans;
  font-weight: normal;
  color: #747474;
}
.c-hero--newui .c-hero__title {
  font-size: 66px;
  font-weight: 500;
  line-height: 80px;
}
.typo .c-cardBig h3,
.c-intro-block.c-cardBig h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
}
.small-title .c-cardBig h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.c-cardBig h3,
.c-steps__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
.c-hero--newui .c-hero__subtitle {
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;
}
.c-hero--newui .c-hero__subtext {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}
.c-block-list-with-icons--newui h4 {
  font-size: 18px !important;
  font-weight: 500;
  line-height: 24px !important;
}
.c-cardBig p,
.c-intro-block.c-cardBig .lead,
.c-steps__item-title {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.c-block-list-with-icons--newui .c-block-list-with-icons__list-item p,
.c-cardBig h4,
.c-swiper-features p,
.c-faq-table label p,
.c-accordion label p,
.c-footer__copyright,
.c-footer__copyright-b,
.c-footer__navigation__link-b {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
img,
video,
iframe {
  max-width: 100%;
}
.relative {
  position: relative;
}
.img-fluid-75 {
  width: 75%;
}
.img-fluid-100 {
  width: 100%;
}
.e-drop-shadow {
  position: absolute;
  width: 70%;
  height: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -16px;
  z-index: -1;
  background: #221c35;
  opacity: 0.6;
  -webkit-filter: blur(60px);
  filter: blur(60px);
}
.e-drop-shadow--next {
  position: absolute;
  width: 70%;
  height: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -16px;
  z-index: -1;
  background: #221c35;
  opacity: 0.3;
  -webkit-filter: blur(60px);
  filter: blur(60px);
}
.e-shadow-image {
  position: relative;
  display: block;
  z-index: 1;
  margin-bottom: 0 !important;
  box-shadow: 0 0 5px rgba(75, 75, 75, 0.07);
}
.e-round-icon {
  display: inline-block;
  font-size: 1.5rem;
  padding: 2rem;
  border-radius: 50%;
  color: #fff;
  background-color: rgba(186, 183, 204, 0.15);
  margin-bottom: 1rem;
}
.e-round-icon svg,
.e-round-icon img {
  display: block;
}
.e-round-icon.purple {
  background-color: #bab7cc;
}
.e-round-icon.blue {
  background-color: rgba(185, 230, 255, 0.3);
}
.e-round-icon.small {
  margin: 0 0 0.75rem 0;
  font-size: 1rem;
  padding: 0.75rem;
}
.e-round-icon.small img {
  max-width: 24px;
}
.e-alert {
  position: relative;
  padding: 32px;
  background-color: rgba(186, 183, 204, 0.15);
  color: #453f6b;
}
.e-alert a {
  font-weight: 500;
}
.e-button {
  display: inline-block;
  padding: 16px;
  border: 2px solid transparent;
  text-align: center;
  text-transform: uppercase;
  background: #00a5ff;
  color: #fff;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1.6;
  border-radius: 0.5rem;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.e-button:hover {
  color: #fff;
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
  box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.e-button--orange {
  background: #fca664;
}
.e-button--orange:hover {
  background: #ffc296;
  color: #fff;
}
.e-button--light {
  border: 0;
  background: transparent !important;
  color: #bab7cc !important;
}
.e-button--light a {
  color: #bab7cc !important;
}
.e-button--light:hover {
  color: #453f6b !important;
}
.e-button--light:hover a {
  color: #453f6b !important;
}
.e-button--light-outlined {
  border: 2px solid #e9ecef;
  background: transparent !important;
  color: #00a5ff !important;
}
.e-button--light-outlined a {
  color: #00a5ff !important;
}
.e-button--light-outlined:hover {
  border-color: #00a5ff !important;
  color: #00a5ff !important;
}
.e-button--light-outlined:hover a {
  color: #00a5ff !important;
}
.e-button--outlined {
  background: none;
  border: 2px solid #2eb5ff;
  color: #2eb5ff;
}
.e-button--outlined:hover {
  border-color: transparent;
  color: #2eb5ff;
}
.e-button--small {
  padding: 8px 16px;
  background: #b9e6ff;
  color: #2eb5ff;
  font-size: 0.75rem;
  text-transform: none;
  font-weight: 600;
  line-height: 0.75rem;
}
.e-button--medium {
  padding: 8px 16px;
}
.e-button--xsmall {
  font-size: 0.75rem !important;
  padding: 8px !important;
  text-transform: none !important;
}
.e-button--small {
  padding: 8px 16px;
  background: #b9e6ff;
  color: #2eb5ff;
  font-size: 0.75rem;
  text-transform: none;
  font-weight: 600;
  line-height: 0.75rem;
}
.e-button--small:hover {
  background: #00a5ff;
}
.e-button--dots {
  background: rgba(23, 28, 143, 0.2);
  color: #171c8f;
}
.e-button--dots:hover {
  background: #171c8f;
  color: white;
}
.e-button--new {
  padding: 12px;
  background: #284bff;
  text-transform: none;
  font-weight: 500;
}
.e-button--new-outlined {
  padding: 12px;
  border-color: #284bff;
  color: #284bff;
  text-transform: none;
  background-color: transparent;
  font-weight: 500;
}
.e-button--new-outlined:hover {
  color: #284bff;
}
.e-button--block {
  display: block;
  width: 100%;
}
.e-button--no-uppercase {
  text-transform: none;
}
.e-landing-timpersonal .e-button {
  color: white;
  background: #003264;
  border-radius: 25px;
  font-weight: 700;
  font-size: 16px;
  padding: 8px 56px;
}
.e-landing-timpersonal .e-button--red {
  background: #eb0028;
}
.e-landing-timpersonal .e-button--redheader {
  background: #eb0028;
  border-radius: 4px;
  color: white;
  float: right;
  padding: 8px;
  text-transform: uppercase;
}
@media screen and (min-width: 60em) {
  .e-landing-timpersonal .e-button--redheader {
    background: #eb0028;
    border-radius: 4px;
    color: white;
    float: right;
    padding: 8px 32px;
    text-transform: uppercase;
  }
}
.e-landing-faq-timpersonal .e-button {
  color: white;
  background: #003264;
  border-radius: 25px;
  font-weight: 700;
  font-size: 1rem;
  padding: 8px 56px;
}
.e-landing-faq-timpersonal .e-button--red {
  background: #eb0028;
}
.e-landing-faq-timpersonal .e-button--redheader {
  background: #eb0028;
  border-radius: 4px;
  color: white;
  float: right;
  padding: 8px;
  text-transform: uppercase;
}
@media screen and (min-width: 60em) {
  .e-landing-faq-timpersonal .e-button--redheader {
    background: #eb0028;
    margin-right: 20%;
    border-radius: 4px;
    color: white;
    float: right;
    padding: 8px 32px;
    text-transform: uppercase;
  }
}
.e-input_group {
  position: relative;
  margin-bottom: 2rem;
}
.e-input_group label {
  position: absolute;
  top: -24px;
  font-size: 14px;
  left: 0;
  color: #505b7d;
  font-weight: 500;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.e-input_group input[type="checkbox"] ~ label {
  position: relative;
  top: 0;
}
.e-input_group:focus ~ label,
.e-input_group:valid ~ label {
  top: -24px;
  font-size: 14px;
  color: #505b7d;
  font-weight: 500;
}
.e-input_group .e-label {
  position: relative !important;
  top: -8px !important;
}
.bar {
  position: relative;
  display: block;
  width: 100%;
}
.bar:before {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #00a5ff;
  height: 2px;
  -webkit-transition:
    left 0.2s ease-out,
    right 0.2s ease-out;
  transition:
    left 0.2s ease-out,
    right 0.2s ease-out;
}
.e-input:focus ~ .bar:before {
  left: 0;
  right: 0;
}
.e-input:focus + label {
  color: #3399cc;
}
.e-input {
  font-size: 1.125rem;
  text-indent: 0px;
  line-height: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  min-width: 100%;
  padding-top: 0.3rem;
  padding-left: 0.3rem;
  padding-bottom: 0.5rem;
  background-color: #fff;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  color: #1b143c;
  border-radius: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 2px solid rgba(186, 183, 204, 0.4);
  border-left: 0px;
}
.e-input:focus {
  outline: none;
}
.e-input--rounded {
  border: 1.6px solid #b7bccc;
  border-radius: 8px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.e-input--rounded::-webkit-input-placeholder {
  color: #b7bccc;
}
.e-input--rounded::-moz-placeholder {
  color: #b7bccc;
}
.e-input--rounded:-ms-input-placeholder {
  color: #b7bccc;
}
.e-input--rounded::-ms-input-placeholder {
  color: #b7bccc;
}
.e-input--rounded::placeholder {
  color: #b7bccc;
}
.e-loader {
  position: fixed;
  background: #201849;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.e-loader--app {
  background-color: #fff;
  top: 0;
  bottom: 0;
}
.e-loader--app.dark {
  background-color: #000000;
}
.e-loader__container {
  width: 60px;
  position: relative;
  text-align: center;
}
.e-loader__container svg {
  width: 50px;
  fill: #ffffff;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.e-loader__container svg.e-loader__top {
  -webkit-animation: blink 1.2s infinite;
  animation: blink 1.2s infinite;
  position: relative;
  z-index: 2;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.e-loader__container svg.e-loader__bg {
  -webkit-animation: blink2 1.2s infinite;
  animation: blink2 1.2s infinite;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes blink {
  from {
    opacity: 0.6;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes blink {
  from {
    opacity: 0.6;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes blink2 {
  from {
    opacity: 0.2;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  to {
    opacity: 0.4;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes blink2 {
  from {
    opacity: 0.2;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  to {
    opacity: 0.4;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.o-wrapper {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 32px;
  padding-right: 32px;
}
.o-wrapper::after {
  display: block;
  clear: both;
  content: "";
}
@media (min-width: 30em) {
  .o-wrapper {
    width: 29em;
  }
}
@media (min-width: 48em) {
  .o-wrapper {
    width: 47em;
  }
}
@media (min-width: 60em) {
  .o-wrapper {
    width: 59em;
  }
}
@media (min-width: 80em) {
  .o-wrapper {
    width: 79em;
  }
}
.o-row {
  display: block;
  width: 100%;
}
.o-row::after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.c-ill-window .c-ill-window__item {
  position: absolute;
}
.c-ill-window .c-ill-window__item:nth-child(1) {
  right: 120px;
  bottom: 15%;
}
.c-ill-window .c-ill-window__item:nth-child(2) {
  right: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 15%;
}
.c-ill-window .c-ill-window__item:nth-child(2) .c-ill-window__item-bubble {
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateX(80%);
  transform: translateX(80%);
  border-bottom-left-radius: 0;
}
.c-ill-window .c-ill-window__item:nth-child(3) {
  right: 60px;
  top: 50%;
}
.c-ill-window .c-ill-window__item:nth-child(3) .c-ill-window__item-bubble {
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
  border-bottom-right-radius: 0;
}
.c-ill-window .c-ill-window__item:nth-child(4) {
  right: 50%;
  top: 30%;
}
.c-ill-window .c-ill-window__item:nth-child(4) .c-ill-window__item-bubble {
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
  border-bottom-right-radius: 0;
}
.c-ill-window .c-ill-window__item-wrapper {
  position: relative;
}
.c-ill-window .c-ill-window__item-bubble {
  background-color: transparent;
  display: inline-block;
  white-space: nowrap;
}
.c-ill-window .c-ill-window__item-bubble img {
  min-width: 200px;
  -webkit-filter: drop-shadow(0 1px 19px 0 rgba(0, 0, 0, 0.06));
  filter: drop-shadow(0 1px 19px 0 rgba(0, 0, 0, 0.06));
}
.c-block-list-with-icons__list {
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .c-block-list-with-icons__list {
    border-top: 1px solid rgba(233, 236, 239, 0.6);
    padding-top: 1rem;
    padding-bottom: 0;
    margin-bottom: 2rem;
  }
}
.c-block-list-with-icons__list-item {
  display: block;
  list-style: none;
  width: 100%;
  padding: 40px;
  border-top: 1px solid #f1f3f7;
  float: left;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-block-list-with-icons__list-item.col,
  .c-block-list-with-icons__list-item[class^="col-"],
  .c-block-list-with-icons__list-item[class*=" col-"] {
    padding: 0;
    display: block;
    margin-bottom: 3rem;
  }
  .c-block-list-with-icons__list-item.col i,
  .c-block-list-with-icons__list-item[class^="col-"] i,
  .c-block-list-with-icons__list-item[class*=" col-"] i {
    margin: 0 0 0.75rem 0;
    font-size: 1rem;
    padding: 0.5rem;
  }
  .c-block-list-with-icons__list-item.col i img,
  .c-block-list-with-icons__list-item[class^="col-"] i img,
  .c-block-list-with-icons__list-item[class*=" col-"] i img {
    max-width: 16px;
  }
  .c-block-list-with-icons__list-item.col h4,
  .c-block-list-with-icons__list-item[class^="col-"] h4,
  .c-block-list-with-icons__list-item[class*=" col-"] h4 {
    margin: 0;
  }
  .c-block-list-with-icons__list-item.col p,
  .c-block-list-with-icons__list-item[class^="col-"] p,
  .c-block-list-with-icons__list-item[class*=" col-"] p {
    display: none;
  }
}
.c-block-list-with-icons__list-item i {
  display: inline-block;
  font-size: 1.5rem;
  padding: 2rem;
  border-radius: 50%;
  color: #fff;
  background-color: rgba(186, 183, 204, 0.15);
  margin-bottom: 1rem;
  font-family: "hype-fonticon";
}
.c-block-list-with-icons__list-item i svg,
.c-block-list-with-icons__list-item i img {
  display: block;
}
.c-block-list-with-icons__list-item i.blue {
  background-color: rgba(185, 230, 255, 0.3);
}
.c-block-list-with-icons__list-item i.white {
  background-color: #fff;
}
.c-block-list-with-icons__list-item i.blue-lightest {
  background-color: #b9e6ff;
}
.c-block-list-with-icons__list-item i.blue {
  background-color: rgba(40, 75, 255, 0.1);
}
.c-block-list-with-icons__list-item img {
  display: block;
  margin: 0 auto 32px auto !important;
  width: 70px;
}
.c-block-list-with-icons__list-item p {
  font-size: 0.8889rem;
  margin-top: 12px;
  font-weight: 400;
  color: #6d7791;
}
.c-block-list-with-icons__list-item h4 {
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 12px;
}
.c-block-list-with-icons--landing .c-block-list-with-icons__list-item {
  margin: 30px;
  border: 0;
  background-color: #fff;
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-block-list-with-icons--landing .c-block-list-with-icons__list-item:hover {
  -webkit-transform: scale(1) translateY(-3px);
  transform: scale(1) translateY(-3px);
  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 60em) {
  .c-block-list-with-icons--landing .c-block-list-with-icons__list-item {
    width: calc(25% - 60px);
  }
}
.c-block-list-with-icons--landing p {
  color: #201849 !important;
}
.c-block-list-with-icons--landing-new .c-block-list-with-icons__list-item {
  border: 0;
  margin-bottom: 24px;
}
.c-block-list-with-icons--new .c-block-list-with-icons__list-item {
  border: 0;
}
.c-block-list-with-icons--new i img {
  margin: 0 !important;
  max-width: 32px;
}
.c-block-list-with-icons--newui .c-block-list-with-icons__list {
  border: 0;
}
.c-block-list-with-icons--newui .c-block-list-with-icons__list-item {
  border: 0;
}
.c-block-list-with-icons--newui .c-block-list-with-icons__list-item p {
  display: block !important;
  color: #6d7791;
}
@media screen and (max-width: 768px) {
  .c-block-list-with-icons--newui .c-block-list-with-icons__list-item p {
    max-width: 80%;
    margin: 0 auto;
  }
}
.c-block-list-with-icons--newui i {
  background-color: rgba(40, 75, 255, 0.1);
  color: #5a75ff;
  padding: 20px !important;
  font-size: 2.5rem !important;
}
.c-block-list-with-icons--newui h4 {
  color: #000;
  margin: 0;
}
.c-block-list-with-icons--inline .c-block-list-with-icons__list-item {
  text-align: left;
}
.c-block-list-with-icons--upgrade {
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.c-block-list-with-icons--upgrade .c-block-list-with-icons__list {
  border: 0;
  margin-bottom: 0;
}
.c-block-list-with-icons--upgrade .c-block-list-with-icons__list-item {
  text-align: left;
  margin-bottom: 0.75rem;
}
.c-block-list-with-icons--upgrade
  .c-block-list-with-icons__list-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.c-block-list-with-icons--upgrade
  .c-block-list-with-icons__list-item:last-child
  hr {
  display: none;
}
.c-block-list-with-icons--upgrade h4 {
  color: #000;
  font-weight: 400;
  font-size: 14px;
}
.c-block-list-with-icons--upgrade p {
  margin: 0.25rem 0 0.75rem 0;
  color: #6d7791;
  display: inline-block !important;
  font-size: 12px;
}
.c-block-list-with-icons--upgrade hr {
  border-top-color: #f3f3f3;
}
.c-block-list-with-icons--upgrade i {
  background-color: rgba(90, 117, 255, 0.2);
  font-size: 20px;
  padding: 10px;
}
.c-block-list-with-icons--premium {
  padding: 0 !important;
}
.c-block-list-with-icons--premium .c-block-list-with-icons__list {
  border: 0;
  margin-bottom: 0;
}
.c-block-list-with-icons--premium .c-block-list-with-icons__list-item {
  text-align: left;
  margin-bottom: 0.75rem;
}
.c-block-list-with-icons--premium .c-block-list-with-icons__list-item .media {
  padding: 0 16px;
}
.c-block-list-with-icons--premium h4 {
  color: #000;
  font-weight: 500;
  font-size: 14px;
  text-transform: inherit !important;
}
.c-block-list-with-icons--premium p {
  margin: 0.25rem 0 0.75rem 0;
  display: inline-block !important;
  font-size: 14px;
}
.c-block-list-with-icons--premium hr {
  border-top-color: #f3f3f3;
}
.c-block-list-with-icons--deals .c-block-list-with-icons__list-item {
  width: 50%;
  border: 0;
}
.c-block-list-with-icons--deals .c-block-list-with-icons__list-item .icon {
  max-width: 32px;
}
.c-block-list-with-icons--deals .c-block-list-with-icons__list-item img {
  margin: 0 auto !important;
  max-width: 100%;
  width: auto;
}
@media screen and (min-width: 60em) {
  .c-block-list-with-icons--deals .c-block-list-with-icons__list-item {
    width: 25%;
  }
  .c-block-list-with-icons--landing-new .c-block-list-with-icons__list-item {
    width: 100%;
    margin-bottom: 0;
  }
  .c-block-list-with-icons--premium .c-block-list-with-icons__list-item {
    padding: 0;
  }
  .c-block-list-with-icons--premium .c-block-list-with-icons__list-item .media {
    padding: 0 16px;
  }
  .c-block-list-with-icons--premium .c-block-list-with-icons__list-item h4 {
    margin: 0;
    font-weight: 500;
    color: #000;
    font-size: 14px;
  }
  .c-block-list-with-icons--premium .c-block-list-with-icons__list-item p {
    margin: 0;
    color: #6d7791;
    font-size: 14px;
  }
  .c-block-list-with-icons--premium .c-block-list-with-icons__list-item i {
    padding: 10px;
    font-size: 1.25rem;
  }
  .c-block-list-with-icons--premium .c-block-list-with-icons__list-item i img {
    width: 20px;
  }
  .c-block-list-with-icons__list-item {
    display: inline-block;
    width: 25%;
    text-align: center;
    border-right: 1px solid #f1f3f7;
  }
}
.c-block-list-exchange-money__list {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.c-block-list-exchange-money__list-item {
  display: block;
  list-style: none;
  width: 100%;
  padding: 40px;
  border-top: 1px solid #f1f3f7;
  border-bottom: 1px solid #f1f3f7;
  float: left;
}
.c-block-list-exchange-money__list-item img {
  display: block;
  margin: 0 auto 32px auto;
  width: 70px;
}
.c-block-list-exchange-money__list-item p {
  font-size: 1rem;
  color: #736d91;
  font-weight: 500;
  padding: 0 40px;
  text-align: center;
}
@media screen and (min-width: 60em) {
  .c-block-list-exchange-money__list-item {
    display: inline-block;
    width: 33.3%;
    text-align: center;
    border-right: 1px solid #f1f3f7;
    height: 270px;
  }
}
.c-block-online {
  background-color: rgba(186, 183, 204, 0.1);
  padding: 40px;
  text-align: center;
}
.e-landing-new .c-block-online {
  background: #f8f9fa;
}
.c-block-online__image {
  vertical-align: -11px;
  width: 40px;
}
.c-block-online__text {
  display: inline-block;
  margin-left: 32px;
  font-size: 1.375rem;
  color: #736d91;
}
.c-block-online__text strong {
  color: #453f6b;
}
.c-block-online__text p {
  display: inline-block;
}
.c-block-online__button {
  width: 100%;
}
.e-landing-timpersonal .c-block-online {
  background-image: url("assets/images/timpersonal/vantaggi-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 24px 56px;
  text-align: left;
}
.e-landing-timpersonal .c-block-online__text {
  display: inline-block;
  color: white;
  padding-right: 33%;
  margin-left: 0;
}
.e-landing-timpersonal .c-block-online__text strong {
  color: white;
}
.e-landing-timpersonal .c-block-online__text p {
  display: inline-block;
  color: white;
  font-size: 1.25rem;
}
.e-landing-timpersonal .c-block-online__title {
  display: inline-block;
  color: white;
  padding-right: 33%;
  margin-left: 0;
}
.e-landing-timpersonal .c-block-online__title strong {
  color: white;
}
.e-landing-timpersonal .c-block-online__title p {
  display: inline-block;
  color: white;
  font-size: 31.5px;
  margin: 8px 0;
  font-weight: 400;
}
.e-landing-timpersonal .c-block-online__subtext p {
  display: inline-block;
  font-size: 1rem;
  color: white;
}
@media screen and (max-width: 48em) {
  .c-block-online__text {
    margin-left: 0;
  }
  .e-landing-timpersonal .c-block-online {
    background-image: none;
    background-color: #004990;
    padding: 24px 32px;
  }
  .e-landing-timpersonal .c-block-online__text {
    padding-right: 0;
  }
}
.e-landing-timpersonal .c-block-onlinetim {
  background-image: url("assets/images/timpersonal/applepay-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 240px 56px 80px 80px;
  text-align: left;
  margin-top: 40px;
}
.e-landing-timpersonal .c-block-onlinetim__text {
  display: inline-block;
  color: #736d91;
  padding-right: 33%;
  margin-left: 0;
}
.e-landing-timpersonal .c-block-onlinetim__text strong {
  color: #736d91;
}
.e-landing-timpersonal .c-block-onlinetim__text p {
  display: inline-block;
  color: #736d91;
  font-size: 1.25rem;
}
.e-landing-timpersonal .c-block-onlinetim__title {
  display: inline-block;
  color: #736d91;
  padding-right: 33%;
  margin-left: 0;
}
.e-landing-timpersonal .c-block-onlinetim__title strong {
  color: #736d91 !important;
}
.e-landing-timpersonal .c-block-onlinetim__title p {
  display: inline-block;
  color: #736d91;
  font-size: 31.5px;
  margin: 8px 0;
  font-weight: 400;
}
.e-landing-timpersonal .c-block-onlinetim__subtext p {
  display: inline-block;
  font-size: 1rem;
  color: #736d91;
}
@media screen and (max-width: 60em) {
  .c-block-onlinetim__text {
    margin-left: 0;
  }
  .e-landing-timpersonal .c-block-onlinetim {
    background-image: none;
    background-color: #004990;
    padding: 24px 32px;
  }
  .e-landing-timpersonal .c-block-onlinetim p,
  .e-landing-timpersonal .c-block-onlinetim strong {
    color: #fff !important;
  }
  .e-landing-timpersonal .c-block-onlinetim p {
    color: #fff !important;
  }
  .e-landing-timpersonal .c-block-onlinetim__text {
    padding-right: 0;
  }
}
.c-blog-block {
  background-color: rgba(186, 183, 204, 0.1);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  min-width: 360px;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.c-blog-block::before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
}
.c-blog-block--premium {
  background: none;
}
.c-blog-block--premium .c-blog-block__item {
  overflow: hidden;
  text-align: left;
  height: 100%;
}
.c-blog-block--premium .c-blog-block__item__icon {
  position: relative;
  top: 24px;
  left: 24px;
  color: #ffcd67;
  line-height: 0.8;
  display: inline-block;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-blog-block--premium .c-blog-block__item__icon::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--bg-color);
  opacity: 1;
  -webkit-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-blog-block--premium .c-blog-block__item__icon img {
  width: 32px;
  position: relative;
  z-index: 1;
  opacity: 0.5;
}
.c-blog-block--premium .c-blog-block__img {
  height: 280px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-blog-block--premium .c-blog-block__img {
    height: 140px;
  }
}
.c-blog-block--premium .c-blog-block__footer {
  font-size: 32px;
  color: #00a5ff;
}
.c-blog-block--premium .c-blog-block__footer small {
  font-size: 18px;
}
.c-blog-block__item {
  text-align: center;
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-blog-block__item:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.c-blog-block__item .badge {
  font-size: 0.7778rem;
}
@media screen and (max-width: 768px) {
  .c-blog-block__item {
    margin-bottom: 1rem;
  }
}
.c-blog-block__head {
  color: #00a5ff;
  margin-top: 0;
  margin-bottom: 48px;
  z-index: 10;
  max-width: 60%;
}
@media screen and (max-width: 768px) {
  .c-blog-block__head {
    text-align: center;
    font-size: 1.5em;
    max-width: inherit;
  }
}
.c-blog-block__footer {
  border-top: 1px solid #e9ecef;
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .c-blog-block__link {
    text-align: center;
  }
}
.c-blog-block__content {
  padding: 24px;
}
.c-blog-block__title {
  color: #201849;
  margin-top: 0;
  margin-bottom: 24px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .c-blog-block__title {
    font-size: 1rem;
    margin: 0;
  }
}
.c-blog-block__text {
  font-size: 0.8889rem;
  color: #201849;
  font-weight: 300;
  margin: 0;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .c-blog-block__text {
    display: none;
  }
}
.c-blog-block__img {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  height: 140px;
  width: 100%;
  display: block;
  margin: 0 0 24px 0;
  z-index: 10;
  background-size: cover;
  background-position: center center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-blog-block__img {
    height: 70px;
    margin: 0;
  }
}
.c-blog-block__tags {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  color: #00a5ff;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 10;
  text-transform: uppercase;
}
.c-blog-block__tags li {
  margin-right: 1rem;
}
.c-blog-block__tags li:last-child {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-blog-block__tags {
    display: none;
  }
}
.c-cards-features {
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  overflow-x: hidden;
}
.c-cards-features__heading {
  font-weight: 200;
}
.c-cards-features__item,
.c-card_long__item {
  overflow: hidden;
  padding: 24px;
  position: relative;
  z-index: 20;
  display: block;
  width: 100%;
  height: 270px;
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features__item a,
.c-card_long__item a {
  width: 100%;
  color: #201849;
}
@media screen and (max-width: 768px) {
  .c-cards-features__item,
  .c-card_long__item {
    height: 190px !important;
  }
}
.c-cards-features__item:hover,
.c-card_long__item:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.c-cards-features__item:hover .c-cards-features__icon,
.c-card_long__item:hover .c-cards-features__icon {
  opacity: 0;
}
.c-cards-features__item:hover .c-cards-features__icon::after,
.c-card_long__item:hover .c-cards-features__icon::after {
  -webkit-transform: scale(15);
  transform: scale(15);
  background-color: transparent;
}
.c-cards-features__item:hover .c-cards-features__title .c-cards-features__icon,
.c-card_long__item:hover .c-cards-features__title .c-cards-features__icon {
  font-size: 1.5rem !important;
  opacity: 1;
}
.c-cards-features__item:hover
  .c-cards-features__title
  .c-cards-features__icon::after,
.c-card_long__item:hover
  .c-cards-features__title
  .c-cards-features__icon::after {
  -webkit-transform: scale(3);
  transform: scale(3);
  background-color: var(--bg-color);
}
.c-cards-features__item:hover .c-cards-features__text,
.c-card_long__item:hover .c-cards-features__text {
  opacity: 0;
}
.c-cards-features__item:hover .c-cards-features__info,
.c-card_long__item:hover .c-cards-features__info,
.c-cards-features__item:hover .c-card_long__info,
.c-card_long__item:hover .c-card_long__info {
  -webkit-transform: translate3d(0, 110px, 0);
  transform: translate3d(0, 110px, 0);
}
.c-cards-features__item:hover .c-cards-features__img,
.c-card_long__item:hover .c-cards-features__img {
  bottom: 30%;
}
.c-cards-features__item:hover .c-cards-features__gradient,
.c-card_long__item:hover .c-cards-features__gradient {
  opacity: 1;
}
.c-cards-features__item .c-cards-features__img,
.c-card_long__item .c-cards-features__img {
  max-width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features__item--last a {
  position: relative;
  z-index: 2;
}
.c-cards-features__item--last a::before {
  opacity: 1;
  content: " ";
  height: 3px;
  background-color: #00a5ff;
  position: absolute;
  width: 45%;
  bottom: -16px;
  left: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features__item--last a::after {
  opacity: 1;
  content: " ";
  font-size: 2rem;
  position: absolute;
  text-align: right;
  width: 50%;
  bottom: -14px;
  line-height: 0.8;
  color: #00a5ff;
  width: 0;
  height: 0;
  border-left: solid 8px #00a5ff;
  border-top: solid 8px transparent;
  border-bottom: solid 8px transparent;
  left: 45%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features__item--last p {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
@media screen and (max-width: 768px) {
  .c-cards-features__item--last p {
    display: none;
  }
}
.c-cards-features__item--last .c-cards-features__title {
  font-size: 1.5rem;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0293e1),
    to(#00a5ff)
  );
  background: linear-gradient(90deg, #0293e1 0%, #00a5ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.c-cards-features__item--last:hover a::before {
  background-color: #fff;
  width: 50%;
}
.c-cards-features__item--last:hover a::after {
  border-left: solid 8px #fff;
  color: #fff;
  width: 55%;
  left: 50%;
}
.c-cards-features__item--last:hover .c-cards-features__title {
  background: none;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.c-cards-features__item--last:hover p {
  color: #fff;
}
.c-cards-features__gradient {
  border-radius: 0.5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0293e1),
    to(#00a5ff)
  );
  background: linear-gradient(90deg, #0293e1 0%, #00a5ff 100%);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features__title {
  margin: 8px 0;
  font-size: 1.125rem;
  font-weight: 800;
  z-index: 2;
}
.c-cards-features__title .c-cards-features__icon {
  position: absolute;
  z-index: -1;
  top: 1rem;
  right: -0.5rem;
  float: right;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.c-cards-features__title .c-cards-features__icon img {
  width: 1.5rem;
}
.c-cards-features__title .c-cards-features__icon::after {
  -webkit-transform: scale(15);
  transform: scale(15);
}
@media screen and (max-width: 768px) {
  .c-cards-features__title {
    font-size: 1rem;
  }
}
.c-cards-features__text {
  font-size: 0.8889rem;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
@media screen and (max-width: 768px) {
  .c-cards-features__text {
    display: none;
  }
}
.c-cards-features__info,
.c-card_long__info {
  width: 100%;
  margin-top: 48px;
  text-wrap: normal;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features__info.review,
.review.c-card_long__info {
  margin: 0;
}
.c-cards-features__info.review .c-cards-features__title,
.review.c-card_long__info .c-cards-features__title {
  margin-top: 0;
}
.c-cards-features__icon {
  position: relative;
  color: #ffcd67;
  line-height: 0.8;
  display: inline-block;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--bg-color);
  opacity: 0.15;
  -webkit-transform: scale(3);
  transform: scale(3);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features__badge {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-cards-features__badge {
    padding-top: 32px;
    text-align: center;
  }
}
.c-cards-features.active .c-cards-features__item .c-cards-features__icon,
.c-cards-features.active .c-card_long__item .c-cards-features__icon {
  opacity: 0;
}
.c-cards-features.active .c-cards-features__item .c-cards-features__icon::after,
.c-cards-features.active .c-card_long__item .c-cards-features__icon::after {
  -webkit-transform: scale(15);
  transform: scale(15);
  background-color: transparent;
}
.c-cards-features.active
  .c-cards-features__item
  .c-cards-features__title
  .c-cards-features__icon,
.c-cards-features.active
  .c-card_long__item
  .c-cards-features__title
  .c-cards-features__icon {
  font-size: 1.5rem !important;
  opacity: 1;
}
.c-cards-features.active
  .c-cards-features__item
  .c-cards-features__title
  .c-cards-features__icon::after,
.c-cards-features.active
  .c-card_long__item
  .c-cards-features__title
  .c-cards-features__icon::after {
  -webkit-transform: scale(3);
  transform: scale(3);
  background-color: var(--bg-color);
}
.c-cards-features.active .c-cards-features__item .c-cards-features__text,
.c-cards-features.active .c-card_long__item .c-cards-features__text {
  opacity: 0;
}
.c-cards-features.active .c-cards-features__item .c-cards-features__info,
.c-cards-features.active .c-card_long__item .c-cards-features__info,
.c-cards-features.active .c-cards-features__item .c-card_long__info,
.c-cards-features.active .c-card_long__item .c-card_long__info {
  -webkit-transform: translate3d(0, 95px, 0);
  transform: translate3d(0, 95px, 0);
}
.c-cards-features.active .c-cards-features__item .c-cards-features__img,
.c-cards-features.active .c-card_long__item .c-cards-features__img {
  bottom: 30%;
}
.c-cards-features.active .c-cards-features__item .c-cards-features__gradient,
.c-cards-features.active .c-card_long__item .c-cards-features__gradient {
  opacity: 1;
}
.c-cards-features.full-active .c-cards-features__item,
.c-cards-features.full-active .c-card_long__item {
  height: 340px;
}
.c-cards-features.full-active .c-cards-features__item .c-cards-features__icon,
.c-cards-features.full-active .c-card_long__item .c-cards-features__icon {
  opacity: 0;
}
.c-cards-features.full-active
  .c-cards-features__item
  .c-cards-features__icon::after,
.c-cards-features.full-active
  .c-card_long__item
  .c-cards-features__icon::after {
  -webkit-transform: scale(15);
  transform: scale(15);
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .c-cards-features.full-active
    .c-cards-features__item
    .c-cards-features__title,
  .c-cards-features.full-active .c-card_long__item .c-cards-features__title {
    text-align: center;
  }
}
.c-cards-features.full-active
  .c-cards-features__item
  .c-cards-features__title
  .c-cards-features__icon,
.c-cards-features.full-active
  .c-card_long__item
  .c-cards-features__title
  .c-cards-features__icon {
  font-size: 1.5rem !important;
  opacity: 1;
  top: 85px;
}
.c-cards-features.full-active
  .c-cards-features__item
  .c-cards-features__title
  .c-cards-features__icon::after,
.c-cards-features.full-active
  .c-card_long__item
  .c-cards-features__title
  .c-cards-features__icon::after {
  -webkit-transform: scale(3.2);
  transform: scale(3.2);
  background-color: var(--bg-color);
}
@media screen and (max-width: 768px) {
  .c-cards-features.full-active
    .c-cards-features__item
    .c-cards-features__title
    .c-cards-features__icon,
  .c-cards-features.full-active
    .c-card_long__item
    .c-cards-features__title
    .c-cards-features__icon {
    display: none;
  }
}
.c-cards-features.full-active .c-cards-features__item .c-cards-features__text,
.c-cards-features.full-active .c-card_long__item .c-cards-features__text {
  opacity: 1;
}
.c-cards-features.full-active .c-cards-features__item .c-cards-features__info,
.c-cards-features.full-active .c-card_long__item .c-cards-features__info,
.c-cards-features.full-active .c-cards-features__item .c-card_long__info,
.c-cards-features.full-active .c-card_long__item .c-card_long__info {
  -webkit-transform: translate3d(0, 110px, 0);
  transform: translate3d(0, 110px, 0);
}
@media screen and (max-width: 768px) {
  .c-cards-features.full-active .c-cards-features__item .c-cards-features__info,
  .c-cards-features.full-active .c-card_long__item .c-cards-features__info,
  .c-cards-features.full-active .c-cards-features__item .c-card_long__info,
  .c-cards-features.full-active .c-card_long__item .c-card_long__info {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }
}
.c-cards-features.full-active .c-cards-features__item .c-cards-features__img,
.c-cards-features.full-active .c-card_long__item .c-cards-features__img {
  bottom: 45%;
}
.c-cards-features.full-active
  .c-cards-features__item
  .c-cards-features__gradient,
.c-cards-features.full-active .c-card_long__item .c-cards-features__gradient {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .c-cards-features.mobile-active .c-cards-features__item,
  .c-cards-features.mobile-active .c-card_long__item {
    height: 340px;
  }
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__icon,
  .c-cards-features.mobile-active .c-card_long__item .c-cards-features__icon {
    opacity: 0;
  }
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__icon::after,
  .c-cards-features.mobile-active
    .c-card_long__item
    .c-cards-features__icon::after {
    -webkit-transform: scale(15);
    transform: scale(15);
    background-color: transparent;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__title,
  .c-cards-features.mobile-active .c-card_long__item .c-cards-features__title {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__title
    .c-cards-features__icon,
  .c-cards-features.mobile-active
    .c-card_long__item
    .c-cards-features__title
    .c-cards-features__icon {
    font-size: 1.5rem !important;
    opacity: 1;
    top: 85px;
  }
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__title
    .c-cards-features__icon::after,
  .c-cards-features.mobile-active
    .c-card_long__item
    .c-cards-features__title
    .c-cards-features__icon::after {
    -webkit-transform: scale(3);
    transform: scale(3);
    background-color: var(--bg-color);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__title
    .c-cards-features__icon,
  .c-cards-features.mobile-active
    .c-card_long__item
    .c-cards-features__title
    .c-cards-features__icon {
    display: none;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__title
    .c-cards-features__icon.review,
  .c-cards-features.mobile-active
    .c-card_long__item
    .c-cards-features__title
    .c-cards-features__icon.review {
    display: block;
    top: 150px;
    right: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__text,
  .c-cards-features.mobile-active .c-card_long__item .c-cards-features__text {
    opacity: 1;
  }
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__info,
  .c-cards-features.mobile-active .c-card_long__item .c-cards-features__info,
  .c-cards-features.mobile-active .c-cards-features__item .c-card_long__info,
  .c-cards-features.mobile-active .c-card_long__item .c-card_long__info {
    -webkit-transform: translate3d(0, 110px, 0);
    transform: translate3d(0, 110px, 0);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__info,
  .c-cards-features.mobile-active .c-card_long__item .c-cards-features__info,
  .c-cards-features.mobile-active .c-cards-features__item .c-card_long__info,
  .c-cards-features.mobile-active .c-card_long__item .c-card_long__info {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }
}
@media screen and (max-width: 768px) {
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__info.review,
  .c-cards-features.mobile-active
    .c-card_long__item
    .c-cards-features__info.review,
  .c-cards-features.mobile-active
    .c-cards-features__item
    .review.c-card_long__info,
  .c-cards-features.mobile-active .c-card_long__item .review.c-card_long__info {
    -webkit-transform: translate3d(0, 95px, 0);
    transform: translate3d(0, 95px, 0);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__info.review,
  .c-cards-features.mobile-active
    .c-card_long__item
    .c-cards-features__info.review,
  .c-cards-features.mobile-active
    .c-cards-features__item
    .review.c-card_long__info,
  .c-cards-features.mobile-active .c-card_long__item .review.c-card_long__info {
    -webkit-transform: none;
    transform: none;
  }
}
@media screen and (max-width: 768px) {
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__img,
  .c-cards-features.mobile-active .c-card_long__item .c-cards-features__img {
    bottom: 45%;
  }
  .c-cards-features.mobile-active
    .c-cards-features__item
    .c-cards-features__gradient,
  .c-cards-features.mobile-active
    .c-card_long__item
    .c-cards-features__gradient {
    opacity: 0;
  }
}
.c-cards--reviews .c-cards-features__item,
.c-cards--reviews .c-card_long__item {
  pointer-events: none;
  height: 250px;
}
.c-cards--reviews .c-cards-features__text {
  font-size: 0.8889rem;
}
.c-cards--reviews .c-cards-features__icon img {
  max-width: 45px;
  -webkit-transform: scale(3);
  transform: scale(3);
  border-radius: 50%;
}
.c-cards--reviews .c-cards-features__icon::after {
  display: none;
  -webkit-transform: none;
  transform: none;
}
.c-cards--reviews .c-cards-features__icon--social {
  position: absolute;
  right: 24px;
  top: 24px;
}
.c-cards--reviews .c-cards-features__icon--social img {
  -webkit-transform: none;
  transform: none;
}
@media screen and (max-width: 768px) {
  .c-cards--reviews .c-cards-features__item,
  .c-cards--reviews .c-card_long__item {
    height: 320px !important;
  }
  .c-cards--reviews .c-cards-features__icon {
    display: none;
  }
  .c-cards--reviews .c-cards-features__info,
  .c-cards--reviews .c-card_long__info {
    margin-top: 0;
  }
  .c-cards--reviews .c-cards-features__text {
    display: block !important;
  }
  .c-cards--reviews .c-cards-features__title .c-cards-features__icon {
    opacity: 1;
    display: block;
    top: 280px !important;
    right: 0.5rem !important;
  }
}
section .c-card_long {
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  section .c-card_long {
    background-image: none !important;
  }
}
.c-card_long__item {
  color: #736d91;
  padding: 48px;
  height: auto !important;
}
.c-card_long .c-block-list-with-icons__list {
  padding: 0;
  border: 0;
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .c-card_long .c-block-list-with-icons__list {
    margin-top: 32px !important;
  }
}
.c-card_long .c-block-list-with-icons__list-item {
  padding-bottom: 0;
}
.c-card_long .c-block-list-with-icons--new i {
  padding: 24px;
}
.c-card_long .c-block-list-with-icons--new i img {
  max-width: 24px;
}
.c-card_long.pink .e-button {
  display: inline-block;
  width: auto;
  color: #ffffff;
  background-color: #ebb7c5 !important;
}
@media screen and (max-width: 768px) {
  .c-card_long.pink .e-button {
    display: block;
  }
}
.c-cardBig {
  background-position: right bottom;
  background-size: cover !important;
  background-repeat: no-repeat;
  position: relative;
  padding: 48px 40px 0 40px;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 32px;
  background-color: var(--bg-color);
}
.c-cardBig p,
.c-cardBig h3,
.c-cardBig h4 {
  margin: 0;
}
.c-cardBig h3 {
  color: #000;
  margin-bottom: 24px;
}
.small-title .c-cardBig h3 {
  margin-bottom: 32px;
}
.c-cardBig .c-block-list-with-icons__list-item h4 {
  font-weight: 400;
  color: #000;
}
.c-cardBig h4 {
  color: #b7bccc;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.c-cardBig .subtitle {
  display: block;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #6d7791;
  padding-bottom: 8px;
}
.c-cardBig p {
  color: #6d7791;
  margin-bottom: 32px;
}
.bg-image .c-cardBig {
  min-height: 496px;
}
.bg-center .c-cardBig {
  background-position: center bottom;
}
.height-850 .c-cardBig {
  min-height: 750px;
}
.typo .c-cardBig {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}
.typo .c-cardBig h3 {
  margin-bottom: 48px;
}
.no-cover .c-cardBig {
  background-size: 70% !important;
}
@media screen and (max-width: 768px) {
  .no-cover .c-cardBig {
    background-size: 100% !important;
  }
}
.inverse .c-cardBig {
  background-color: var(--bg-color);
  color: #fff;
}
.inverse .c-cardBig p,
.inverse .c-cardBig h3,
.inverse .c-cardBig h4,
.inverse .c-cardBig li {
  color: #fff;
}
.inverse .c-cardBig li:before {
  color: #fff;
}
.inverse .c-cardBig .e-link--arrow a {
  color: #fff;
}
.c-cardBig--grid {
  padding-left: 0;
  padding-right: 0;
}
.c-cardBig--grid > div {
  padding-left: 40px;
  padding-right: 40px;
}
.c-cardBig--grey {
  background-color: #f5f4f7;
}
.c-cardFaqs {
  padding: 64px 0;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 32px;
  background: #fff;
}
.c-swiper-features {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-swiper-features .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  position: relative;
}
.c-swiper-features .swiper-slide {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  width: auto;
  position: relative;
  padding: 0 32px;
}
@media screen and (max-width: 768px) {
  .c-swiper-features .swiper-slide {
    max-width: 350px;
  }
}
.c-swiper-features .swiper-slide a:hover h4 {
  color: #284bff;
}
.c-swiper-features .swiper-slide a:hover h4:after {
  opacity: 1;
  -webkit-transform: translateX(48px);
  transform: translateX(48px);
}
@media screen and (max-width: 768px) {
  .c-swiper-features .c-round-icon {
    font-size: 24px;
    padding: 16px;
  }
}
.c-swiper-features h4 {
  position: relative;
  margin: 8px 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #000;
  margin: 20px 0;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
@media screen and (max-width: 768px) {
  .c-swiper-features h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.c-swiper-features h4:after {
  font-family: "hype-fonticon" !important;
  opacity: 0;
  top: 0;
  content: "\e93c";
  height: 2px;
  position: absolute;
  right: 0px;
  -webkit-transform: translateX(24px);
  transform: translateX(24px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 36px;
}
.c-swiper-features p {
  max-width: 320px;
  margin-bottom: 0;
  color: #6d7791;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .c-swiper-features p {
    font-size: 14px;
  }
}
.c-cards-features-new__item {
  overflow: hidden;
  padding: 32px 40px;
  position: relative;
  z-index: 20;
  display: block;
  width: 100%;
  height: 270px;
  background-color: #ffffff;
  border-radius: 32px;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features-new__item a {
  width: 100%;
  color: #201849;
}
.c-cards-features-new__item:hover .c-cards-features-new__icon i {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.c-cards-features-new__item:hover .c-cards-features-new__icon::after {
  opacity: 1;
  -webkit-transform: scale3d(12, 12, 12);
  transform: scale3d(12, 12, 12);
}
.c-cards-features-new__item:hover .c-cards-features__badge .badge {
  background-color: #284bff !important;
}
.c-cards-features-new__item:hover .c-cards-features-new__info {
  margin-top: 24px;
}
.c-cards-features-new__item:hover .c-cards-features-new__info h6,
.c-cards-features-new__item:hover .c-cards-features-new__info p {
  color: #fff;
}
.c-cards-features-new__item:hover .c-cards-features-new__arrow {
  color: #fff;
}
.c-cards-features-new__item:hover .c-cards-features-new__arrow i::after {
  opacity: 1;
  width: 800%;
  height: 800%;
}
.c-cards-features-new__icon {
  position: relative;
  line-height: 0.8;
  display: inline-block;
  -webkit-transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features-new__icon i {
  font-size: 1.5rem;
  padding: 20px;
  border-radius: 50%;
  color: #5a75ff;
  font-family: "hype-fonticon";
  background-color: #eaedff;
  display: inline-block;
  -webkit-transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features-new__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  opacity: 0;
  height: 100%;
  border-radius: 50%;
  display: inline-block;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  background-color: #284bff;
  -webkit-transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features-new__info {
  margin-top: 24px;
}
.c-cards-features-new__info h6 {
  position: relative;
  z-index: 11;
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  -webkit-transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features-new__info p {
  position: relative;
  z-index: 11;
  margin-top: 24px;
  font-size: 14px;
  color: #6d7791;
  -webkit-transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features-new__arrow {
  position: absolute;
  right: 32px;
  bottom: 40px;
  font-family: "hype-icon";
  font-size: 16px;
  z-index: 1;
  display: inline-block;
  color: #284bff;
  -webkit-transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-cards-features-new__arrow i {
  position: relative;
}
.c-cards-features-new__arrow i::before {
  position: relative;
  z-index: 10;
}
.c-cards-features-new__arrow i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0%;
  z-index: 0;
  opacity: 0;
  height: 0%;
  border-radius: 50%;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #ff6c63;
  -webkit-transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.7s cubic-bezier(0.6, 0.2, 0.1, 1);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.c-pricing-table {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
.c-pricing-table .c-pricing-table__container {
  background-color: transparent;
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  border-bottom: 1px solid #f4f3f6;
}
.c-pricing-table .c-pricing-table__container .c-pricing-table__column {
  display: inline-block !important;
}
.c-pricing-table .c-pricing-table__container .c-pricing-table__column p {
  margin: 0;
}
.c-pricing-table
  .c-pricing-table__container
  .c-pricing-table__column.c-pricing-table__column--header {
  border-top: 1px solid #1b143c !important;
}
.c-pricing-table
  .c-pricing-table__container
  .c-pricing-table__column.c-pricing-table__column--header.no-bg {
  background-color: transparent;
}
.c-pricing-table .c-pricing-table__container .c-pricing-table__column--1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 60%;
  border-top: 1px solid #f4f3f6;
  text-align: center;
  padding: 0 1rem;
}
@media screen and (min-width: 48em) {
  .c-pricing-table .c-pricing-table__container .c-pricing-table__column--1 {
    border-right: 1px solid #f4f3f6;
  }
}
@media screen and (min-width: 60em) {
  .c-pricing-table .c-pricing-table__container .c-pricing-table__column--1 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 60%;
    border-top: 1px solid #f4f3f6;
    text-align: left;
  }
}
.c-pricing-table .c-pricing-table__container .c-pricing-table__column--2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 40%;
  border-top: 1px solid #f4f3f6;
  border-right: 1px solid #f4f3f6;
}
@media screen and (min-width: 60em) {
  .c-pricing-table .c-pricing-table__container .c-pricing-table__column--2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 20%;
    border-top: 1px solid #f4f3f6;
    text-align: center;
  }
}
.c-pricing-table .c-pricing-table__container .c-pricing-table__column--2 p {
  text-align: center;
}
.c-pricing-table .c-pricing-table__container .c-pricing-table__column--3 {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 40%;
  border-top: 1px solid #f4f3f6;
  display: none;
}
@media screen and (min-width: 60em) {
  .c-pricing-table .c-pricing-table__container .c-pricing-table__column--3 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 20%;
    border-top: 1px solid #f4f3f6;
    text-align: center;
  }
}
.c-pricing-table .c-pricing-table__container .c-pricing-table__column--3 p {
  text-align: center;
}
.c-pricing-table .c-pricing-table__row {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  width: 100%;
}
.c-pricing-table .c-pricing-table__row .c-pricing-table__column {
  padding: 8px;
}
@media screen and (min-width: 60em) {
  .c-pricing-table .c-pricing-table__row .c-pricing-table__column {
    padding: 16px 16px 16px 16px;
  }
}
.c-pricing-table .c-pricing-table__row .c-pricing-table__column i.checked {
  content: "";
  height: 32px;
  width: 32px;
  display: block;
  background: url("assets/images/icon_ok.svg") center center no-repeat;
  background-size: contain;
  background-position-y: 3px;
  display: inline-block;
  vertical-align: middle;
}
.c-pricing-table .c-pricing-table__row .c-pricing-table__column i.not-checked {
  content: "";
  height: 32px;
  width: 32px;
  display: block;
  background: url("assets/images/icon_ko.svg") center center no-repeat;
  background-size: contain;
  background-position-y: 3px;
  display: inline-block;
  vertical-align: middle;
}
.c-pricing-table .c-pricing-table__row .c-pricing-table__column--1 {
  display: block !important;
  width: 100%;
}
.c-pricing-table .c-pricing-table__row .c-pricing-table__column--2 {
  display: inline-block !important;
  vertical-align: top;
  width: 50%;
}
.c-pricing-table .c-pricing-table__row .c-pricing-table__column--3 {
  display: inline-block !important;
  vertical-align: top;
  width: 50%;
}
.c-pricing-table .c-pricing-table__row p {
  font-weight: 300;
}
.c-pricing-table .c-pricing-table__row p .c-pricing-table__row--popup {
  border: none;
  color: inherit;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  background-color: inherit;
  margin-left: 0;
  padding: 0 8px;
}
.c-pricing-table .c-pricing-table__row p i.fa {
  color: #00a5ff;
}
.c-pricing-table
  .c-pricing-table__row.c-pricing-table__column--title
  .c-pricing-table__column--1 {
  background-color: #f4f3f6;
  border-left: none;
}
.c-pricing-table
  .c-pricing-table__row.c-pricing-table__column--title
  .c-pricing-table__column--1
  p {
  color: #00a5ff;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.c-pricing-table
  .c-pricing-table__row.c-pricing-table__column--title
  .c-pricing-table__column--2 {
  background-color: #00a5ff;
  border-left: none;
}
.c-pricing-table
  .c-pricing-table__row.c-pricing-table__column--title
  .c-pricing-table__column--3 {
  background-color: #1b143c;
  border-left: none;
}
@media screen and (min-width: 48em) {
  .c-pricing-table .c-pricing-table__row {
    display: -webkit-box;
    display: flex;
  }
}
.c-pricing-table .c-pricing-table__column--header {
  padding: 16px;
}
.c-pricing-table .c-pricing-table__column--header h5 {
  color: #ffffff;
  vertical-align: middle;
  font-size: 1.25rem;
  margin: 3px;
}
.c-contacts {
  padding: 56px 0 160px 0;
}
.c-contacts__header {
  width: 100%;
}
.c-contacts__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2.75rem;
  font-weight: 500;
}
.c-contacts__header .subtitle {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.375rem;
}
.c-contacts__list {
  margin: 56px 0 0 0;
  padding: 0;
  border: 1px solid #f1f3f7;
  display: block;
}
.c-contacts__list-item {
  margin: 0;
  padding: 5em;
  display: block;
  width: 100%;
}
.c-contacts__list-item--border-right {
  border-right: 1px solid #f1f3f7;
}
.c-contacts__list-item--border-left {
  border-left: 1px solid #f1f3f7;
}
.c-contacts__list-icon {
  display: block;
  margin: 0 auto 40px auto;
}
.c-contacts__list-description {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 0.813rem;
  color: #bab7cc;
}
.c-contacts__list-description--more-margin {
  margin-bottom: 16px;
}
.c-contacts__list-contact {
  display: block;
  text-align: center;
  width: 100%;
  color: #453f6b;
}
@media screen and (min-width: 60em) {
  .c-contacts {
    padding: 144px 0 160px 0;
  }
  .c-contacts__list {
    display: -webkit-box;
    display: flex;
  }
  .c-contacts__list-item {
    width: 100%;
  }
}
.c-customer-reviews {
  padding: 40px 40px 80px 40px;
  text-align: center;
  position: relative;
}
.c-customer-reviews .review {
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  background-repeat: no-repeat;
  background-size: 120px 120px;
  background-position: -32px -32px;
  text-align: left;
}
.c-customer-reviews .review__header {
  padding: 16px 16px 16px 120px;
}
.c-customer-reviews .review__content {
  padding: 0px 16px 16px 120px;
}
.c-customer-reviews .review .reviewer {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  color: #201849;
}
.c-customer-reviews .review .title {
  font-size: 16px;
  font-weight: 600;
  color: #00a5ff;
}
.c-customer-reviews .review .content {
  font-size: 14px;
  font-weight: 300;
  color: #736d91;
  position: relative;
}
.c-customer-reviews .review:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.c-customer-reviews__ctr {
  position: absolute;
  z-index: 12;
  left: 0;
  right: 0;
  top: 60px;
  bottom: 30px;
}
.c-customer-reviews__arrow {
  background: rgba(255, 255, 255, 0.9);
  border: none;
  display: -webkit-inline-box;
  display: inline-flex;
  width: 150px;
  height: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  z-index: 12;
  cursor: pointer;
  outline: none !important;
}
.c-customer-reviews__arrow:focus {
  outline: none !important;
}
.c-customer-reviews__arrow .dx {
  background: url(/assets/images/arrow_right.svg) center center no-repeat;
  background-size: contain;
  display: -webkit-inline-box;
  display: inline-flex;
  width: 60px;
  height: 110px;
}
.c-customer-reviews__arrow .sx {
  background: url(/assets/images/arrow_left.svg) center center no-repeat;
  background-size: contain;
  display: -webkit-inline-box;
  display: inline-flex;
  width: 60px;
  height: 110px;
}
.c-customer-reviews__arrow .icon-font {
  display: -webkit-inline-box;
  display: inline-flex;
  width: 100%;
}
.c-customer-reviews__arrow.reviews-slider-prev {
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.c-customer-reviews__arrow.reviews-slider-next {
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 576px) {
  .c-customer-reviews__arrow {
    width: 50px;
  }
}
@media screen and (max-width: 576px) {
  .c-customer-reviews .review__content {
    padding: 16px 16px 16px 16px;
  }
}
.c-customer-reviews__title {
  margin-bottom: 80px;
}
@media screen and (max-width: 576px) {
  .c-customer-reviews__title {
    color: #00a5ff;
    font-size: 1.5em;
  }
}
.c-customer-reviews-slider {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.c-customer-reviews-slider--landing {
  padding: 24px;
}
.c-customer-reviews-slider__item {
  list-style: none;
  height: auto !important;
}
.js-slider__slide {
  display: none;
}
.js-slider__slide--active {
  display: block;
}
.c-customer-reviews-slider__avatar {
  max-width: 100px;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
  border-radius: 100px;
}
.c-customer-reviews-slider__name {
  margin: 0 0 8px 0;
  color: #736d91;
  font-size: 1.5rem;
}
.c-customer-reviews-slider__review-title {
  margin: 24px 0 8px 0;
  font-size: 1.5rem;
}
.c-customer-reviews-slider__review-text {
  display: block;
  margin: 0 auto 40px auto;
  font-size: 1.375rem;
  color: #736d91;
  font-weight: 500;
  max-width: 630px;
}
.c-customer-reviews-slider__store-icon {
  max-height: 34px;
}
.c-customer-reviews-slider__arrow {
  width: 60px;
  height: 110px;
  position: absolute;
  z-index: 10;
  top: 40%;
  cursor: pointer;
}
.c-customer-reviews-slider__arrow--left {
  background: url("assets/images/arrow_left.svg") center center no-repeat;
  background-size: contain;
  left: 0;
  top: -3px;
}
.c-customer-reviews-slider__arrow--right {
  background: url("assets/images/arrow_right.svg") center center no-repeat;
  background-size: contain;
  right: 0;
  top: -3px;
}
@media screen and (min-width: 60em) {
  .c-customer-reviews-slider__arrow--left {
    left: 10%;
    top: 0;
  }
  .c-customer-reviews-slider__arrow--right {
    right: 10%;
    top: 0;
  }
}
.c-cookie-block {
  display: -webkit-box;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 16px;
  background: #fefaf2;
  z-index: 1010;
  position: relative;
}
.c-cookie-block p {
  font-size: 0.775rem;
  margin: auto;
  float: left;
  display: inline-table;
  width: 100%;
}
.c-cookie-block__wrapper {
  display: -webkit-box;
  display: flex;
}
.c-cookie-block--closed {
  display: none;
  margin-top: -80px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.c-cookie-block__btn-close {
  background-image: url(/assets/images/privacy-close@2x.png);
  background-size: cover;
  background-color: transparent;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin: 12px;
  display: table;
  position: absolute;
  bottom: 0;
  right: 0;
  float: right;
}
@media screen and (min-width: 60em) {
  p {
    display: block;
  }
  .c-cookie-block__btn-close {
    width: 16px;
    height: 16px;
    padding: 8px;
    position: relative;
    display: block;
    float: right;
    margin: 0 auto;
    margin-right: 16px;
    margin-top: 8px;
  }
  .c-cookie-block__wrapper {
    padding: 0 16px;
    min-width: 915px;
    position: relative;
    display: -webkit-box;
    display: flex;
    margin: 0 auto;
    width: 100%;
  }
}
.c-costs-table {
  padding: 0;
  text-align: center;
}
.c-costs-table h3 {
  text-align: left;
}
.c-costs-table__list {
  padding: 0;
  margin: 40px auto;
}
.c-costs-table__list-item {
  display: inline-block;
  list-style: none;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 16px 0;
  width: 100%;
}
.c-costs-table__list-item:last-child {
  border-bottom: 0;
}
.c-costs-table__list-item p {
  display: inline-block;
  margin: 0;
}
.c-costs-table__list-text {
  float: left;
  padding-right: 16px;
  overflow: hidden;
  width: 100%;
  margin-top: 3px;
}
.c-costs-table__list-value {
  float: right;
  padding-left: 0;
  overflow: hidden;
  width: 100%;
  margin-top: 3px;
  text-align: left;
}
.c-costs-table__list-value p {
  color: #00a5ff;
}
.c-costs-table__list-value.c-costs-table__list-value-long div {
  font-size: 1rem;
  color: #bab7cc;
}
@media screen and (min-width: 60em) {
  .c-costs-table {
    padding: 40px 0;
  }
  .c-costs-table__list-item {
    display: -webkit-box;
    display: flex;
  }
  .c-costs-table__list-value {
    width: 40%;
    padding-left: 32px;
    text-align: right;
  }
  .c-costs-table__list-value.c-costs-table__list-value-long {
    text-align: right;
  }
  .c-costs-table__list-value.c-costs-table__list-value-long div {
    font-size: 1rem;
    color: #bab7cc;
    text-align: right;
  }
  .c-costs-table__list-text {
    width: 60%;
  }
}
.c-customer-care-block {
  padding: 96px 16px 144px 16px;
  background-image: url("assets/images/assistenza.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
.c-customer-care-block__content {
  text-align: left;
  max-width: 790px;
  margin: 0 auto;
}
.c-customer-care-block__title {
  font-size: 2.375rem;
  color: #fefaf2;
  text-align: left;
}
.c-customer-care-block__text {
  font-size: 1.25rem;
  font-weight: 500;
  color: #fefaf2;
  margin-bottom: 56px;
}
@media screen and (min-width: 60em) {
  .c-customer-care-block__content {
    text-align: center;
  }
  .c-customer-care-block__title {
    text-align: center;
    padding: 16px 72px;
  }
}
.c-deals-block {
  background: #bab7cc;
  background-size: cover;
  text-align: center;
  padding: 40px 24px;
}
.c-deals-block__title {
  display: block;
  color: #fefaf2;
  max-width: 524px;
  margin: 0 auto;
  padding-top: 80px;
}
.c-deals-block__text {
  color: #fefaf2;
  max-width: 524px;
  margin: 0 auto;
  margin-top: 16px;
  padding-bottom: 80px;
}
.c-deals-block__image {
  width: 100%;
  max-width: 595px;
  padding-bottom: 80px;
}
@media screen and (min-width: 60em) {
  .c-deals-block__image {
    max-width: 595px;
    width: 595px;
  }
}
.c-devices-table-applepay {
  background: #00a5ff;
  padding: 40px 16px;
  text-align: center;
}
.c-devices-table-applepay__title {
  color: #fefaf2;
}
.c-devices-table-applepay__list {
  max-width: 885px;
  padding: 0;
  margin: 40px auto;
}
.c-devices-table-applepay__list-item {
  display: block;
  list-style: none;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 32px 0;
}
.c-devices-table-applepay__list-item:last-child {
  border-bottom: 0;
}
.c-devices-table-applepay__list-item p {
  display: inline-block;
  margin: 0;
  font-size: 1.2rem;
  color: #fefaf2;
  font-weight: 500;
  width: 40%;
}
.c-devices-table-applepay__list-icons {
  float: right;
  overflow: hidden;
  width: 60%;
}
.c-devices-table-applepay__list-head {
  float: right;
  overflow: hidden;
  width: 56%;
}
.c-devices-table-applepay__head {
  display: block;
  text-transform: uppercase;
  color: #b9e6ff;
  font-size: 16px;
  font-weight: 500;
  float: right;
  margin-left: 16px;
}
.c-devices-table-applepay__icon {
  display: block;
  width: 45px;
  height: 45px;
  float: right;
  margin-left: 23px;
}
.c-devices-table-applepay__icon--true {
  background: url(/assets/images/icon_true.svg) center center no-repeat;
  background-size: contain;
  background-position-y: 3px;
}
.c-devices-table-applepay__icon--false {
  background: url(/assets/images/icon_false.svg) center center no-repeat;
  background-size: 27px;
}
@media screen and (min-width: 60em) {
  .c-devices-table-applepay {
    padding: 40px;
  }
  .c-devices-table-applepay__list-item {
    padding: 32px 16px;
  }
  .c-devices-table-applepay__list-item p {
    width: 60%;
  }
  .c-devices-table-applepay__list-icons {
    padding-right: 16px;
    width: 40%;
  }
  .c-devices-table-applepay__icon {
    margin-left: 18%;
  }
  .c-devices-table-applepay__head {
    width: 26%;
    text-align: center;
  }
  .c-devices-table-applepay__list-head {
    width: 37%;
  }
}
.c-documentation-table {
  padding: 0;
  text-align: center;
}
.c-documentation-table__list {
  padding: 0;
}
.c-documentation-table__list-item {
  display: inline-block;
  list-style: none;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 32px 0;
}
.c-documentation-table__list-item:last-child {
  border-bottom: 0;
}
.c-documentation-table__list-item p {
  display: inline-block;
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  color: #000;
  width: 100%;
}
.c-documentation-table__list-item p.c-documentation-table__subtitle {
  font-size: 1em;
  font-weight: 400;
  color: #6d7791;
}
h3.c-documentation-table__subtitle {
  text-align: left;
}
.c-documentation-table__list-button {
  float: right;
  padding: 16px 40px;
  overflow: hidden;
  width: 100%;
  margin: 16px 0;
  text-align: center;
}
@media screen and (min-width: 60em) {
  .c-documentation-table {
    padding: 40px;
  }
  .c-documentation-table__list-item {
    display: block;
  }
  .c-documentation-table__list-item p {
    width: 60%;
  }
  .c-documentation-table__list-button {
    width: auto;
    margin: 3px 0 0 0;
    padding: 8px 16px;
  }
}
.c-emoji {
  margin: 0 !important;
  width: 16px;
}
.c-exchange-money-block {
  background: url("assets/images/scambio-denaro-bg.png") no-repeat #003c5d;
  background-size: cover;
  text-align: center;
  padding: 40px 24px;
}
.c-exchange-money-block__title {
  display: block;
  font-size: 2.375rem;
  color: #fefaf2;
  padding: 80px 0;
  max-width: 640px;
  margin: 0 auto;
}
.c-exchange-money-block__list {
  padding: 0 0 80px 0;
  margin: 0;
}
.c-exchange-money-block__list-item {
  list-style: none;
  display: inline-block;
  text-align: left;
  margin: 32px 0;
}
.c-exchange-money-block__list-item__image {
  margin-left: -14px;
}
.c-exchange-money-block__list-item__title {
  margin: 8px 0 16px 0;
  font-size: 1.333rem;
}
.c-exchange-money-block__list-item__text {
  color: #fefaf2;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 32px;
}
.c-exchange-money-block__list-item--pay
  .c-exchange-money-block__list-item__title {
  color: #b9e6ff;
}
.c-exchange-money-block__list-item--send
  .c-exchange-money-block__list-item__title {
  color: #bab7cc;
}
.c-exchange-money-block__list-item--receive
  .c-exchange-money-block__list-item__title {
  color: #ffddba;
}
@media screen and (min-width: 60em) {
  .c-exchange-money-block__list-item {
    width: 26%;
    vertical-align: top;
    text-align: left;
    float: left;
    box-sizing: border-box;
    width: 33.3333333333%;
    margin-left: 0%;
    padding: 0 15px;
  }
  .c-exchange-money-block__list-item__text {
    margin-bottom: 64px;
    min-height: 245px;
  }
}
.c-faq-table,
.c-accordion {
  margin: 10px auto 30px auto;
  text-align: left;
}
.c-faq-table div,
.c-accordion div {
  border-bottom: 1px solid #f2eee6;
  padding: 16px 0;
}
.c-faq-table h3,
.c-accordion h3 {
  padding-top: 16px;
}
.c-faq-table input[type="checkbox"],
.c-accordion input[type="checkbox"] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.c-faq-table label,
.c-accordion label {
  text-align: left;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #505b7d;
  cursor: pointer;
  line-height: 33px;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 5px 40px 5px 0;
}
.c-faq-table label h4,
.c-accordion label h4 {
  font-weight: 500;
}
.c-faq-table label p,
.c-accordion label p {
  color: #6d7791;
}
.c-faq-table input,
.c-accordion input {
  display: none;
}
.c-faq-table input[type="checkbox"]:checked ~ p,
.c-accordion input[type="checkbox"]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.c-faq-table input[type="checkbox"]:checked ~ i:before,
.c-accordion input[type="checkbox"]:checked ~ i:before {
  -webkit-transform: translate(2px, 0) rotate(45deg);
  transform: translate(2px, 0) rotate(45deg);
}
.c-faq-table input[type="checkbox"]:checked ~ i:after,
.c-accordion input[type="checkbox"]:checked ~ i:after {
  -webkit-transform: translate(-2px, 0) rotate(-45deg);
  transform: translate(-2px, 0) rotate(-45deg);
}
.c-faq-table article,
.c-accordion article {
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  opacity: 0;
  position: relative;
  z-index: 10;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  padding: 0 32px;
}
@media screen and (max-width: 768px) {
  .c-faq-table article,
  .c-accordion article {
    padding: 0 16px;
  }
}
.c-faq-table label:after,
.c-faq-table input:checked + label:after,
.c-accordion label:after,
.c-accordion input:checked + label:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 27px;
  height: 17px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../../assets/images/icons/Specifics/e-icon/arrow-down.svg)
    no-repeat center center;
}
.c-faq-table input:checked + label:after,
.c-accordion input:checked + label:after {
  background: url(../../assets/images/icons/Specifics/e-icon/arrow-top.svg)
    no-repeat center center;
}
.c-faq-table--grey div,
.c-accordion--grey div {
  border: 0;
  padding: 8px 0;
}
.c-faq-table--grey label,
.c-accordion--grey label {
  background-color: #f5f4f7;
  padding: 0;
  border-radius: 8px;
}
.c-faq-table--grey label:hover,
.c-accordion--grey label:hover {
  background-color: #f5f4f7 !important;
}
.c-faq-table--grey label:after,
.c-accordion--grey label:after {
  right: 16px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.c-faq-table--grey h3,
.c-accordion--grey h3 {
  font-size: 1.125rem !important;
  padding: 16px;
}
.c-accordion {
  margin-bottom: 0;
}
.c-accordion div {
  border: 0;
  padding: 0;
}
.c-accordion h4 {
  margin: 0;
}
.c-accordion article {
  padding: 0;
}
.c-accordion p {
  font-size: 13px !important;
}
.c-faq-table article p,
.c-accordion article p {
  font-size: 1rem;
}
.c-faq-table article li,
.c-accordion article li {
  font-size: 1.125rem;
  color: #1b143c;
}
.c-faq-table input:checked ~ article,
.c-accordion input:checked ~ article {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  height: auto;
}
@media screen and (min-width: 60em) {
  .c-faq-table label,
  .c-accordion label {
    padding: 5px 0;
  }
}
.c-faq-table--tim {
  margin-left: 30px !important;
  margin-right: 50px !important;
}
.c-feature-card-recharge {
  background: url("assets/images/scambio-denaro-bg.png") no-repeat #003c5d;
  background-size: cover;
  text-align: center;
  padding: 40px 24px;
}
.c-feature-card-recharge--new {
  padding: 0;
}
.c-feature-card-recharge--new .c-feature-card-recharge__text {
  max-width: none;
  width: auto;
  margin: 0;
  text-align: center;
  padding-bottom: 70px;
}
.c-feature-card-recharge--new .c-feature-card-recharge__list {
  max-width: none;
  width: auto;
}
.c-feature-card-recharge--new {
  background: url("assets/images/scambio-denaro-bg-new.png") no-repeat #1b143c;
  background-size: cover;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.c-feature-card-recharge--new .c-block-list-with-icons__list {
  border-bottom: 0;
}
.c-feature-card-recharge--new .c-block-list-with-icons__list-item h4 {
  font-size: 1rem;
}
.c-feature-card-recharge--new .c-block-list-with-icons__list-item h4,
.c-feature-card-recharge--new .c-block-list-with-icons__list-item i {
  color: #fff !important;
}
.c-feature-card-recharge--new .c-block-list-with-icons__list-item p {
  color: #bab7cc;
}
.c-feature-card-recharge__title {
  display: block;
  font-size: 2.75rem;
  color: #fefaf2;
  padding: 80px 0 0 0;
  max-width: 640px;
  margin: 0 auto;
}
.c-feature-card-recharge__text {
  font-size: 1.375rem;
  color: #bab7cc;
  padding: 80px 0;
  max-width: 840px;
  margin: 0 auto;
  font-weight: 500;
  text-align: left;
  margin-bottom: 32px;
}
.c-feature-card-recharge__list {
  padding: 0 0 80px 0;
  max-width: 840px;
  margin: 0 auto;
  text-align: center;
}
.c-feature-card-recharge__list-item {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin: 0 32px 64px 32px;
  width: 25%;
}
.c-feature-card-recharge__list-item img {
  width: 60px;
}
.c-feature-card-recharge__list-item__text {
  color: #ffc296;
  font-weight: 500;
  margin-bottom: 32px;
  margin-top: 0;
}
@media screen and (min-width: 60em) {
  .c-feature-card-recharge__list-item {
    max-width: 300px;
    width: 25%;
    margin: 0;
  }
  .c-feature-card-recharge__list-item__text {
    margin-bottom: 64px;
  }
}
.c-features-card-block__image {
  width: 320px;
  max-width: 320px;
  margin: 0 auto;
  text-align: center;
}
.c-features-card-block__description {
  font-size: 1.25rem;
}
@media screen and (min-width: 60em) {
  .c-features-card-block {
    text-align: left;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: flex;
  }
  .c-features-card-block__text {
    -webkit-box-flex: 2;
    flex: 2;
    padding: 32px;
    margin-right: 16px;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .c-features-card-block__title {
    text-align: center;
    color: #00a5ff;
    z-index: 10;
    display: block;
    width: 100%;
  }
  .c-features-card-block__image {
    display: block;
    width: 360px;
    max-width: 360px;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    order: 2;
    margin-right: 24px;
  }
}
.c-features-double-image-text-block {
  background: url("assets/images/search-bg.png") left top no-repeat #003c5d;
  background-size: inherit;
  overflow: hidden;
  padding: 32px 0;
}
.c-features-double-image-text-block h1 {
  color: white;
  text-align: center;
  font-size: 2.4rem;
  padding: 32px 24px;
}
.c-features-double-image-text-block__bg-bottom {
  background: url("assets/images/search-bg-bottom.png") bottom no-repeat #003c5d;
  background-size: inherit;
  display: table;
}
.c-features-double-image-text-block__bg-bottom
  .c-features-double-image-text-block__box {
  display: table;
}
.c-features-double-image-text-block__bg-bottom
  .c-features-double-image-text-block__text {
  display: table-footer-group;
}
.c-features-double-image-text-block__box {
  padding: 24px;
  text-align: left;
}
.c-features-double-image-text-block__image {
  max-width: 298px;
  display: block;
  margin: 0 auto;
  margin-bottom: 24px;
}
.c-features-double-image-text-block__image.c-features-double-image-text-block__image-hash {
  max-width: 316px;
}
.c-features-double-image-text-block__text p,
.c-features-double-image-text-block__text h3 {
  color: #b9e6ff;
}
.c-features-double-image-text-block__text-orange {
  color: #fca664;
}
@media screen and (min-width: 60em) {
  .c-features-double-image-text-block__bg-bottom {
    background-size: contain;
    background-position: left bottom;
  }
  .c-features-double-image-text-block {
    background-size: contain;
  }
  .c-features-double-image-text-block.c-features-double-image-text-block__bg-bottom
    .c-features-double-image-text-block__box {
    display: -webkit-box;
    display: flex;
  }
  .c-features-double-image-text-block.c-features-double-image-text-block__bg-bottom
    .c-features-double-image-text-block__text {
    display: inherit;
    max-width: 82%;
    min-width: 300px;
  }
  .c-features-double-image-text-block__box {
    text-align: left;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: flex;
  }
  .c-features-double-image-text-block__image {
    max-width: 376px;
    float: left;
    border-bottom: 0;
  }
  .c-features-double-image-text-block__image.c-features-double-image-text-block__image-hash {
    max-width: 380px;
  }
  .c-features-double-image-text-block__text {
    max-width: 650px;
    float: left;
  }
}
.c-features-navigation {
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 11px 16px;
  border-top: 1px solid rgba(186, 183, 204, 0.3);
  background: #fff;
  z-index: 1000;
  height: 44px;
  -webkit-transition: position 0.2s ease-in;
  transition: position 0.2s ease-in;
}
.c-features-navigation--hidden {
  top: -44px;
  -webkit-transition: position 0.2s ease-out;
  transition: position 0.2s ease-out;
}
.c-features-navigation-icon {
  background: url("images/feature-icon.svg") no-repeat;
  background-size: contain;
  background-position: center;
  width: 40%;
  height: 20px;
  margin-top: 2px;
  text-align: center;
}
.c-features-navigation-arrow {
  z-index: 9999;
  width: 50%;
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #453f6b;
}
.c-features-navigation-arrow.c-features-navigation-arrow__prev {
  background: url("images/prev-mobile.svg") no-repeat;
  background-size: contain;
  padding-left: 1rem;
  text-align: left;
}
.c-features-navigation-arrow.c-features-navigation-arrow__next {
  background: url("images/next-mobile.svg") no-repeat;
  background-size: contain;
  background-position: right;
  padding-right: 1rem;
  text-align: right;
}
@media screen and (min-width: 60em) {
  .c-features-navigation {
    position: inherit;
    padding: 0;
    width: auto;
    overflow: hidden;
    background: none;
    height: inherit;
    border: none;
  }
  .c-features-navigation-arrow {
    color: transparent;
    width: 34px;
    height: 121px;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .c-features-navigation-arrow:hover {
    color: transparent;
  }
  .c-features-navigation-arrow.c-features-navigation-arrow__prev {
    background: url("images/prev.svg") no-repeat;
    background-size: contain;
    left: 24px;
    background-position: inherit;
  }
  .c-features-navigation-arrow.c-features-navigation-arrow__next {
    background: url("images/next.svg") no-repeat;
    background-size: contain;
    right: 24px;
  }
  .c-features-navigation-icon {
    display: none;
  }
}
.c-features-block {
  padding: 40px 24px;
}
.c-features-block__feature-image {
  max-width: 390px;
}
.c-features-block__feature {
  padding: 3em 0;
  text-align: center;
  margin: 0 auto;
}
.c-features-block__feature-text {
  text-align: left;
}
.c-features-block__feature-description {
  font-size: 1.375rem;
}
@media screen and (min-width: 60em) {
  .c-features-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .c-features-block__feature {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 100px 0;
  }
  .c-features-block__feature-text {
    float: left;
    box-sizing: border-box;
    width: 40%;
    margin-left: 0%;
    padding: 0 15px;
    margin-right: 48px;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .c-features-block__feature-image {
    float: left;
    box-sizing: border-box;
    width: 60%;
    margin-left: 0%;
    padding: 0 15px;
    margin-left: 48px;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}
.c-features-wallet-block {
  padding: 80px 16px;
  margin: 0 auto;
  text-align: center;
}
.c-features-wallet-block__image {
  width: 250px;
  max-width: 250px;
}
@media screen and (min-width: 60em) {
  .c-features-wallet-block {
    padding: 80px 16px;
    border-bottom: 1px solid #f2eee6;
    background-size: cover;
    position: relative;
    text-align: left;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: flex;
  }
  .c-features-wallet-block__title {
    color: #00a5ff;
    margin-top: 0;
    margin-bottom: 32px;
    z-index: 10;
  }
  .c-features-wallet-block__subtitle {
    display: block;
    max-width: 500px;
    font-weight: 400;
    z-index: 10;
  }
  .c-features-wallet-block__subtitle p {
    font-size: 1.375rem;
    font-weight: 400;
  }
  .c-features-wallet-block__image {
    display: block;
    width: 359px;
    max-width: 359px;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    order: 2;
    margin-right: 24px;
  }
}
.c-features-friends-block {
  background: #016aa3;
  background-size: cover;
  text-align: center;
  padding: 40px 24px;
}
.c-features-friends-block__title {
  display: block;
  color: #fefaf2;
  max-width: 524px;
  margin: 0 auto;
  padding-top: 80px;
}
.c-features-friends-block__text {
  color: #fefaf2;
  max-width: 524px;
  margin: 0 auto;
  margin-top: 16px;
  padding-bottom: 80px;
}
.c-features-friends-block__image {
  width: 100%;
  max-width: 595px;
  padding-bottom: 80px;
}
@media screen and (min-width: 60em) {
  .c-features-friends-block__image {
    max-width: 595px;
    width: 595px;
  }
}
.c-features {
  padding: 40px 0;
  margin: 0 auto;
}
.c-features h1 {
  display: block;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-features h1 {
    font-size: 2em;
  }
}
.c-features .subtitle {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.375rem;
  margin-bottom: 32px;
}
.c-features__list {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.c-features-list__item {
  display: inline-block;
  max-width: inherit;
  vertical-align: top;
  text-align: center;
  background-color: #ffffff;
  margin-bottom: 2rem;
}
.c-features-list__item a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-features-list__item a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 1px 19px 0 rgba(0, 0, 0, 0.06);
  border-color: #ffffff;
  z-index: 10;
}
.c-features-list__item:hover .c-features-list__title:before {
  width: 100%;
}
.c-features-list__item:hover .c-features-list__title:after {
  opacity: 0;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}
.c-features-list__title {
  font-size: 1.333rem;
  color: #00a5ff;
  margin: 32px 0 0 0;
  display: inline-block;
  position: relative;
}
.c-features-list__title:before {
  content: "";
  height: 2px;
  position: absolute;
  z-index: 2;
  width: 0;
  bottom: -4px;
  left: 0;
  background-color: #00a5ff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-features-list__title:after {
  opacity: 1;
  content: "\2192";
  height: 2px;
  position: absolute;
  width: auto;
  right: -25px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-features-list__excerpt {
  font-size: 1.333rem;
  font-weight: 400;
  padding-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}
.c-features-list__image {
  max-width: 100%;
}
@media screen and (min-width: 30em) {
  .c-features-list__item {
    padding: 0 32px;
  }
  .c-features-list__excerpt {
    max-width: 273px;
  }
  .c-features-list__image {
    max-width: 100%;
  }
}
@media screen and (min-width: 30em) {
  .c-features-list__item {
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin-left: 0%;
    padding: 0 15px;
  }
}
@media screen and (min-width: 60em) {
  .c-features {
    padding: 144px 0 64px 0;
    margin: 0 auto;
  }
  .c-features-list__item {
    float: left;
    box-sizing: border-box;
    width: 33.3333333333%;
    margin-left: 0%;
    padding: 0 15px;
  }
  .c-features-list__title {
    font-size: 1.125rem;
  }
  .c-features-list__excerpt {
    font-size: 1rem;
    padding-bottom: 0;
  }
}
.c-footer {
  padding: 40px 0;
  text-align: left;
}
@media screen and (max-width: 60em) {
  .c-footer {
    padding-bottom: 80px;
  }
}
.c-footer-new {
  padding-top: 120px;
}
.c-footer-new .border-bottom {
  border-color: #b7bccc;
}
.c-footer-timpersonal {
  background-color: #003264;
  padding: 40px;
  color: white;
  max-width: initial;
}
.c-footer__logo {
  display: block;
}
.c-footer__social {
  margin: 40px auto 0 auto;
  padding: 0;
  text-align: center;
  -webkit-box-align: center;
  align-items: center;
}
.c-footer__social li {
  display: inline-block;
  list-style: none;
  min-height: 24px;
  min-width: 24px;
}
.c-footer__social-facebook,
.c-footer__social-twitter,
.c-footer__social-instagram {
  display: inline-block;
  list-style: none;
  min-height: 24px;
  min-width: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-footer__social-facebook {
  background-image: url("images/facebook.png");
  margin-right: 8px;
}
.c-footer__social-twitter {
  background-image: url("images/twitter.png");
  margin-right: 8px;
}
.c-footer__social-instagram {
  background-image: url("images/instagram.png");
}
.c-footer__copyright {
  margin: 0 auto;
  padding: 32px 0 0 0;
  text-align: center;
  color: #6d7791;
}
.c-footer__copyright.c-footer__copyright-timpersonal {
  color: rgba(254, 250, 242, 0.6);
}
.c-footer__copyright.c-footer__copyright-timpersonal-disclaimer {
  font-size: 0.65rem;
  text-align: left;
  line-height: normal;
  color: rgba(254, 250, 242, 0.4);
}
.c-footer__copyright-b {
  color: #6d7791;
}
.c-footer__miglior-prepagata {
  margin-top: 48px;
  text-align: center;
  float: left;
  box-sizing: border-box;
  width: 100%;
  margin-left: 0%;
  padding: 0 15px;
}
.c-footer__miglior-prepagata .img {
  width: 70%;
}
@media screen and (min-width: 48em) {
  .c-footer__miglior-prepagata {
    display: none;
  }
}
@media screen and (min-width: 60em) {
  .c-footer__miglior-prepagata {
    float: right;
    display: inline-block;
    margin: 0;
    margin-top: 32px;
    float: left;
    box-sizing: border-box;
    width: 29.1666666667%;
    margin-left: 0%;
    padding: 0 15px;
  }
}
.c-footer__featured {
  margin-top: 16px;
}
.c-footer__featured-img {
  max-width: 110px;
  margin: 16px 8px;
  vertical-align: middle;
}
.c-footer__navigation {
  position: relative;
  z-index: 21;
  display: inline-block;
  margin-top: 32px;
}
.c-footer__navigation .o-columns {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-top: 0px;
}
.c-footer__navigation .o-columns .o-columns__item {
  -webkit-box-flex: 1;
  flex: 1 0 160px;
  margin-left: 0px;
  margin-top: 0px;
  border-bottom: 1px solid #f2eee6;
}
@media (min-width: 320px) {
  .c-footer__navigation .o-columns .o-columns__item {
    max-width: calc(50% - 0px);
    border-bottom: 0;
  }
  .c-footer__navigation .o-columns .o-columns__item:nth-child(2n + 1) {
    border-right: 1px solid #f2eee6;
    padding-left: 0 !important;
  }
}
@media (min-width: 320px) {
  .c-footer__navigation .o-columns .o-columns__item {
    min-width: calc(50% - 0px);
  }
}
.c-footer__navigation .c-footer__navigation__list-item:nth-child(2n) {
  padding-left: 30px;
  border: 0;
}
.c-footer__navigation__list {
  padding: 0;
  margin: 0;
  width: 100%;
}
.c-footer__navigation__list-item {
  font-size: 1rem;
  font-weight: 400;
  list-style: none;
  padding: 8px 8px 8px 0;
}
.c-footer__navigation__list-item--active {
  font-size: 1rem;
  font-weight: 400;
  color: #284bff;
}
.c-footer__navigation__link {
  font-size: 1rem;
  color: #6d7791;
}
.c-footer__navigation__link-b {
  color: #284bff;
  text-decoration: underline;
  padding-bottom: 16px;
}
@media screen and (min-width: 48em) {
  .c-footer__navigation {
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin-left: 0%;
    padding: 0 15px;
  }
  .c-footer__navigation__list-item {
    padding: 8px 40px 8px 0;
  }
  .c-footer__navigation__list-item:nth-child(2n) {
    border-right: 1px solid #f2eee6 !important;
  }
}
@media screen and (min-width: 60em) {
  .c-footer__navigation {
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin-left: 0%;
    padding: 0 15px;
  }
}
@media screen and (min-width: 80em) {
  .c-footer__navigation {
    float: left;
    box-sizing: border-box;
    width: 45.8333333333%;
    margin-left: 0%;
    padding: 0 15px;
  }
}
.c-header {
  display: none;
}
.c-header__wrapper {
  padding: 16px;
}
.c-header.is-sticky {
  background-color: #fff;
  border-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 990;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-header.cookie-on {
  margin-top: 0;
}
.c-header--landing {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
  z-index: 999;
}
@media screen and (max-width: 768px) {
  .c-header--landing {
    background-color: #ffffff;
  }
}
.c-header--landing .c-header__wrapper {
  width: 100%;
}
.c-header--landing .e-button {
  display: inline-block !important;
  position: static;
  float: right;
}
.c-header--landing .c-logo {
  width: 59px;
  display: inline-block;
  padding: 8px 16px;
  height: 49px;
  margin: 0 auto;
}
.c-header--landing-timpersonal {
  display: inline-block !important;
  background-color: #004990;
  width: 100%;
}
.c-header--landing-timpersonal.is-sticky {
  background-color: #004990 !important;
}
.c-header--landing-timpersonal .e-button {
  display: block !important;
  background-color: #eb0028;
  color: white;
  border: none;
  border-radius: 4px;
  font-weight: 400;
}
.c-header--landing-partner {
  display: block;
}
.c-header--landing-partner .c-header__wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: inherit;
  justify-content: inherit;
  -webkit-box-align: center;
  align-items: center;
}
.c-header--landing-partner .c-header__wrapper .e-button {
  display: inline-block !important;
  position: static;
}
.c-header--landing-partner .c-header__wrapper .c-logo {
  width: 59px;
  display: inline-block;
  height: 49px;
  margin: 0 auto;
  float: left;
  position: absolute;
}
.c-header--landing-partner .c-header__wrapper .c-header__logos {
  display: inline;
}
.c-header__promo {
  width: 100%;
  padding: 8px 16px;
  background-color: #453f6b;
  text-align: center;
}
.c-header__promo p {
  margin: 0;
  font-size: 14px;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .c-header__promo p {
    font-size: 12px;
  }
}
.c-header__promo img {
  vertical-align: bottom;
}
.c-header__promo i {
  font-family: "hype-fonticon";
  margin-right: 12px;
}
.c-header__promo--new {
  background-color: rgba(40, 75, 255, 0.1);
}
.c-header__promo--new i {
  color: #5a75ff;
}
.c-header__promo--new p {
  color: #505b7d;
}
.c-header__logos {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  text-align: center;
  justify-content: space-around;
}
.c-header__partner-logo {
  height: 32px;
  margin: 0.4rem 0 0 3.5rem;
  display: inline;
  position: absolute;
}
.c-header__partner-logo.c-header__partner-logo__timpersonal {
  height: 32px;
  margin: -1.3rem 0 0 4.5rem;
  display: inline;
  position: absolute;
}
@media screen and (min-width: 60em) {
  .c-header__partner-logo {
    height: 40px;
  }
}
.c-header .e-button {
  font-size: 0.875rem;
  display: none;
  padding: 12px 32px;
}
@media screen and (min-width: 60em) {
  .c-header {
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
    z-index: 2;
  }
  .c-header--landing-partner .c-logo {
    position: relative !important;
  }
  .c-header--landing-timpersonal .c-header .e-button {
    padding: 8px 56px;
  }
  .c-header .c-header__partner-logo__timpersonal {
    height: 43px;
    margin: -1rem 0 0 2.5rem;
  }
  .c-header.is-sticky {
    background-color: rgba(255, 255, 255, 0.98);
    border-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 990;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  @supports (
    (-webkit-backdrop-filter: saturate(180%) blur(20px)) or
      (backdrop-filter: saturate(180%) blur(20px))
  ) {
    .c-header.is-sticky {
      background-color: rgba(255, 255, 255, 0.72) !important;
      -webkit-backdrop-filter: saturate(180%) blur(20px);
      backdrop-filter: saturate(180%) blur(20px);
    }
  }
  .c-header.cookie-on {
    margin-top: 0;
    position: relative;
  }
  .c-header--landing .c-header__wrapper {
    width: 1220px;
  }
  .c-header--landing .c-logo {
    margin-left: 0;
  }
  .c-header__wrapper {
    width: 1220px;
    padding: 16px 32px;
    min-width: 915px;
    position: relative;
    display: -webkit-box;
    display: flex;
    margin: 0 auto;
  }
  .c-header__wrapper.c-header__wrapper--full {
    width: 100%;
  }
  .c-header .e-button {
    display: block;
  }
  .c-header__partner-logo {
    position: relative;
    height: 32px;
    margin: 0 0 0 2.5rem;
  }
}
.c-help-block {
  display: block;
  overflow: hidden;
  margin-top: 2em;
  vertical-align: top;
  text-align: center;
  border: 1px solid #f2eee6;
  padding-top: 20px;
  padding-bottom: 20px;
}
.c-help-block h5 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 32px;
}
.c-help-block h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  color: #6d7791;
}
.c-help-block__text-title {
  font-size: 1.75rem;
  margin: 0;
  padding-top: 8px;
  font-weight: 600;
  color: #00a5ff;
}
.c-help-block__text-paragraph {
  font-size: 1rem;
  font-weight: 400;
  color: #bab7cc;
}
@media screen and (min-width: 48em) {
  .c-help-block {
    text-align: left;
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin-left: 0%;
    padding: 0 15px;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .c-help-block__text {
    display: inline-block;
    max-width: 83%;
  }
}
@media screen and (min-width: 60em) {
  .c-help-block {
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin-left: 0%;
    padding: 0 15px;
  }
}
@media screen and (min-width: 80em) {
  .c-help-block {
    float: left;
    box-sizing: border-box;
    width: 25%;
    margin-left: 0%;
    padding: 0 15px;
  }
}
.c-hero {
  padding: 24px 0;
  text-align: left;
}
.c-hero--landing {
  margin-top: 64px;
  padding: 24px 16px;
}
.c-hero .c-hero__card {
  overflow: hidden;
  padding: 24px;
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 70%;
  height: auto;
  color: #fff;
  background-color: #221c35;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
@media screen and (max-width: 768px) {
  .c-hero .c-hero__card {
    width: 100%;
  }
}
.c-hero .c-hero__title br {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-hero .c-hero__title {
    font-size: 2em;
  }
}
.c-hero .c-hero__price {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.c-hero .c-hero__price .price {
  text-align: left;
  -webkit-box-align: center;
  align-items: center;
}
.c-hero .c-hero__price .price h5 {
  font-size: 16px;
  font-weight: 500;
  color: #bab7cc;
  margin: 0;
}
.c-hero .c-hero__price .price p {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #201849;
}
.c-hero .c-hero__price .price strong {
  font-weight: 900;
}
.c-hero--premium {
  background-color: #221c35;
  background-image:
    url("images/hero_bg--premium.png"), url("images/bg-premium.png");
  background-repeat: no-repeat, no-repeat;
  background-position:
    top right,
    0% 75%;
  background-size: contain, cover;
  overflow-x: hidden;
}
.c-hero--premium .c-hero__price h5 {
  color: #bab7cc;
}
.c-hero--premium .c-hero__price p {
  color: #fff !important;
}
.c-hero--premium .c-hero__title {
  color: #fff;
}
.c-hero--premium .c-hero__subtitle {
  color: #fff;
}
.c-hero--premium p,
.c-hero--premium li {
  color: #fff;
}
.c-hero--premium .text-primary {
  color: #fff !important;
}
.c-hero--premium #parallax-container {
  position: relative;
  visibility: visible !important;
  height: auto !important;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .c-hero--premium #parallax-container > svg {
    width: 140% !important;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .c-hero--premium #parallax-container::after {
    z-index: 0;
    position: absolute;
    bottom: -41px;
    left: 0;
    right: 0;
    background-color: #fff;
    content: "";
    height: 160px;
  }
}
@media screen and (max-width: 768px) {
  .c-hero--premium #parallax-container {
    background-image: url("images/bg-premium.png");
    background-repeat: no-repeat;
    background-position: 150% 50%;
    background-size: 105%;
  }
}
@media screen and (max-width: 768px) {
  .c-hero--premium .c-hero--new {
    padding-top: 70px;
  }
}
.c-hero--next {
  background-color: #fff;
  background-image: url("images/hero_bg--next.png"), url("images/bg-next.png");
  background-repeat: no-repeat, no-repeat;
  background-position:
    top right,
    bottom left;
  background-size: contain, cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .c-hero--next .c-hero--new {
    padding-top: 70px;
  }
}
.c-hero--next svg {
  width: auto !important;
  height: auto !important;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0) !important;
  transform: translate3d(0, -50%, 0) !important;
}
@media screen and (max-width: 1600px) {
  .c-hero--next svg {
    width: 160% !important;
  }
}
@media screen and (max-width: 768px) {
  .c-hero--next svg {
    width: 180% !important;
    margin: -100px auto 0 auto;
    position: relative;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
}
.c-hero--newui {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#f5f4f7),
    color-stop(35%, #fff)
  );
  background: linear-gradient(0deg, #f5f4f7 0%, #fff 35%);
}
@media screen and (max-width: 768px) {
  .c-hero--newui {
    overflow: hidden;
  }
}
.c-hero--newui .c-hero__title {
  color: #000;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .c-hero--newui .c-hero__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
  }
}
.c-hero--newui .c-hero__title--small {
  font-size: 56px;
  line-height: 72px;
}
@media screen and (max-width: 768px) {
  .c-hero--newui .c-hero__title--small {
    font-size: 40px;
    line-height: 52px;
  }
}
.c-hero--newui .c-hero__subtitle {
  color: #505b7d;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-hero--newui .c-hero__subtitle {
    font-size: 16px;
    margin-top: 24px;
    bottom: -24px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .c-hero--newui .c-hero__subtitle + .c-hero__title {
    margin-top: 16px;
  }
}
.c-hero--newui .c-hero__subtext {
  color: #6d7791;
  padding: 0;
  text-align: left;
  margin: 0;
}
.c-hero--newui .c-hero__text {
  margin-top: 32px;
}
.c-hero--newui #animation-container {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-hero--newui #animation-container {
    position: absolute;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    width: 105%;
  }
}
.c-hero--newui .c-image-container {
  position: relative;
  width: 100% !important;
  height: 0;
  padding-top: 102%;
}
.c-hero--newui .c-image-container figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-hero--newui .c-image-container {
    margin-top: 40px;
  }
}
.c-hero--newui .c-image-container .image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 32px;
}
@media screen and (max-width: 768px) {
  .c-hero--newui .c-image-container .image {
    border-radius: 0;
  }
}
.c-hero--newui .c-image-container .image::before {
  position: absolute;
  overflow: hidden;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: rgba(0, 165, 255, 0.15) !important;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
  -webkit-animation: trans_bg 600ms;
  animation: trans_bg 600ms;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.c-hero--newui-image #parallax-container {
  padding: 0 16px;
}
.c-hero--white {
  background: #fff !important;
}
.c-hero__promotion-legal {
  color: #bab7cc;
  display: inline-block;
}
.c-hero__underage {
  display: block;
  padding-top: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.c-hero__image-timpersonal {
  width: 300px;
  margin-top: 56px;
  vertical-align: top;
}
.c-hero__icon-box {
  width: 100%;
  float: left;
}
.c-hero__icon-timpersonal {
  width: 40% !important;
}
.c-hero__pretimpersonal {
  margin-bottom: 24px;
  display: inline;
  color: #1c5186;
  font-weight: 700;
  font-size: 2.7rem;
}
.c-hero__phone-timpersonal {
  max-width: 730px;
  top: -78px;
  right: -80px;
  position: absolute;
}
.c-hero__apple-pay {
  max-width: 80%;
  margin-top: 24px;
}
.c-hero__subtext {
  margin: 0 auto 24px auto;
  padding: 16px 40px;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  color: #bab7cc;
}
.c-hero__button {
  padding: 16px 8px;
  display: block;
}
.c-hero__button--last {
  display: none;
}
.c-hero__applepay {
  margin-top: 24px;
  height: 40px;
}
.c-hero__play {
  background: none !important;
  box-shadow: none;
  outline: none;
  border: none;
  position: absolute;
  display: none;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 989;
}
@media screen and (min-width: 48em) {
  .c-hero__play {
    display: block;
  }
}
.c-hero__play svg {
  width: 150px;
  height: 150px;
}
.c-hero__text {
  margin-top: 90px;
}
@media screen and (min-width: 48em) {
  .c-hero {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
    padding: 9% 24px 40px 40px;
  }
  .c-hero--landing {
    margin-bottom: 64px;
  }
  .c-hero--landingtim {
    padding: 6% 24px 40px 40px;
  }
  .c-hero--landing-new {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    justify-content: space-around;
  }
  .c-hero--landing-new .c-hero__image {
    max-width: 45%;
    margin-right: 5%;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    display: block;
    min-height: 600px;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1;
  }
  .c-hero--landing-new .c-hero__play {
    top: 200px;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .c-hero--landing-new .c-hero__text {
    max-width: 50%;
  }
  .c-hero--new {
    padding: 12% 0 40px 0;
  }
  .c-hero--new .c-hero__image {
    -webkit-transform: scale(0.6) translate(-50%, -50%);
    transform: scale(0.6) translate(-50%, -50%);
    display: block;
    z-index: 105;
    min-height: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-flex: 1;
    flex: 1;
  }
  .c-hero--newui {
    padding: 10% 0 40px 0;
  }
  .c-hero--newui .c-hero__image {
    display: block;
    z-index: 105;
    min-height: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-flex: 1;
    flex: 1;
  }
  .c-hero__button {
    padding: 16px 32px;
    display: inline-block;
  }
  .c-hero__button--last {
    display: inline-block;
  }
  .c-hero__button--first {
    display: none;
  }
  .c-hero__subtitle {
    padding: 0 28% 0 0;
    font-size: 22px;
  }
  .c-hero__text {
    -webkit-box-flex: 2;
    flex: 2;
    align-self: center;
    margin-top: 0;
  }
  .c-hero__title {
    margin: 0;
  }
  .c-hero__title br {
    display: block;
  }
  .c-hero__title-timpersonal {
    padding: 24px 28% 0 0;
  }
  .c-hero__icon-box {
    width: 30%;
  }
  .c-hero__icon-timpersonal {
    width: 100% !important;
    display: block;
    margin: 30px auto -30px auto;
  }
  .c-hero__image {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    display: block;
    min-height: 600px;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1;
  }
  .c-hero__safe-to-spend,
  .c-hero__row,
  .c-hero__row--2,
  .c-hero__row--3,
  .c-hero__row--full,
  .c-hero__phone,
  .c-hero__other {
    position: absolute;
  }
  .c-hero__safe-to-spend,
  .c-hero__row,
  .c-hero__row--2,
  .c-hero__row--3 {
    z-index: 10;
    max-width: 310px;
  }
  .c-hero__apple-pay {
    max-width: 465px;
  }
  .c-hero__phone {
    max-width: 530px;
    right: 0;
  }
  .c-hero__other {
    max-width: 830px;
    right: -330px;
    z-index: 11;
  }
  .c-hero__promotion {
    max-width: 90%;
  }
  .c-hero__phone_plus {
    max-width: 585px;
    right: 0;
  }
  .c-hero__minori {
    max-width: 430px;
    right: 0;
  }
  .c-hero__safe-to-spend {
    top: 50px;
    right: -8px;
  }
  .c-hero__row {
    top: 214px;
    right: 8px;
  }
  .c-hero__row--2 {
    top: 300px;
    right: -32px;
  }
  .c-hero__row--3 {
    top: 385px;
    right: 8px;
  }
  .c-hero__row--full {
    max-width: 800px;
    top: -400px;
    right: -400px;
  }
}
@media screen and (min-width: 60em) {
  .c-hero__row--full {
    max-width: 1200px;
    top: -600px;
    right: -600px;
  }
}
@media screen and (min-width: 80em) {
  .c-hero__subtitle {
    padding: 0;
  }
  .c-hero__subtitle-timpersonal {
    padding: 0 28% 0 0;
  }
}
#parallax-container {
  position: relative;
  padding: 0px;
  margin: 0px auto;
  visibility: visible;
  display: block !important;
  min-height: 100px;
  height: 100%;
}
#parallax-container.c-hero__animation {
  padding-top: 24px;
}
@media screen and (min-width: 768px) {
  #parallax-container.c-hero__animation {
    padding-top: 100px;
    position: absolute !important;
    right: 25%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    padding-top: 0;
  }
}
@media screen and (min-width: 48em) {
  #parallax-container {
    visibility: visible;
    display: block !important;
    min-height: 100px;
    height: auto;
    width: 50%;
  }
}
.box {
  position: absolute;
  width: 200px;
  height: auto;
}
.box img {
  width: 100%;
  max-width: 100%;
}
.box-1 {
  bottom: 150px;
  width: 100%;
  right: 0;
  z-index: 20;
}
.box-2 {
  bottom: 0px;
  right: 0;
  width: 60%;
  z-index: 19;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: drop-shadow(-2px 2px 2px #adb5bd);
  filter: drop-shadow(-2px 2px 2px #adb5bd);
}
.box-3 {
  bottom: -10px;
  right: 0;
  width: 100%;
  z-index: 17;
}
.c-illustrated-description-block {
  padding: 24px;
  text-align: center;
  margin: 0 auto;
}
.c-illustrated-description-block--new {
  text-align: left;
  padding: 0;
}
.c-illustrated-description-block__text {
  text-align: left;
}
.c-illustrated-description-block__text p {
  font-size: 1.25rem;
}
.c-illustrated-description-block__image {
  margin-top: 32px;
  width: 350px;
}
.c-illustrated-description-block__image--addcard,
.c-illustrated-description-block__image--online {
  width: 220px;
  margin-bottom: 48px;
}
@media screen and (min-width: 60em) {
  .c-illustrated-description-block {
    padding: 112px;
    overflow: hidden;
    text-align: left;
  }
  .c-illustrated-description-block--new {
    padding: 0;
  }
  .c-illustrated-description-block__content {
    margin: 0 auto;
    overflow: hidden;
    max-width: 910px;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .c-illustrated-description-block__text {
    max-width: 454px;
    float: left;
  }
  .c-illustrated-description-block__image {
    float: left;
    margin-left: 112px;
    margin-top: 0;
    width: 350px;
  }
  .e-apple-pay .c-illustrated-description-block__content {
    margin: 0 auto;
    overflow: hidden;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .e-apple-pay .c-illustrated-description-block__text {
    max-width: 580px;
    float: left;
  }
  .e-apple-pay .c-illustrated-description-block__image {
    float: left;
    margin-left: 112px;
    margin-top: 0;
    width: 350px;
  }
  .e-apple-pay .c-illustrated-description-block__image--addcard,
  .e-apple-pay .c-illustrated-description-block__image--online {
    width: 220px;
  }
}
.c-shape-image {
  background-size: contain;
  padding-left: 2rem;
  padding-right: 1rem;
}
.c-shape-image--ok {
  background-size: 90%;
  vertical-align: bottom;
  margin: 0;
}
.c-shape-image--ok svg {
  vertical-align: bottom;
}
.c-shape-image__shapes {
  width: 60px;
  height: auto;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}
.c-shape-image__shapes.right {
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
}
.c-shape-image svg {
  vertical-align: bottom;
}
.c-round-icon {
  margin-right: 16px;
  display: inline-block;
  line-height: 1;
  padding: 2rem;
  border-radius: 50%;
  color: #fff;
  background-color: var(--bg-color);
  margin-bottom: 0;
  font-family: "hype-fonticon";
  padding: 20px;
  font-size: 2.5rem;
}
.c-round-icon--SpyroBlue {
  background-color: rgba(90, 117, 255, 0.1);
  color: #5a75ff;
}
.c-intro-block {
  padding: 80px 0 80px 0;
  text-align: center;
  border-bottom: 1px solid #f2eee6;
  background-size: cover;
  position: relative;
}
.c-intro-block .lead {
  color: #736d91;
}
.c-intro-block .price {
  font-size: 64px;
  font-weight: 700;
  color: #1b143c;
}
.c-intro-block .price small {
  font-size: 50%;
  color: #bab7cc;
}
.c-intro-block.c-cardBig {
  background-color: #5a75ff;
  overflow: hidden;
  color: #fff;
}
.c-intro-block.c-cardBig .lead,
.c-intro-block.c-cardBig h2 {
  color: #fff;
}
.c-intro-block__title {
  color: #00a5ff;
  margin-top: 0;
  margin-bottom: 32px;
  z-index: 10;
}
.c-intro-block__subtitle {
  display: block;
  max-width: 430px;
  margin: 0 auto;
  font-size: 1.375rem;
  font-weight: 400;
  z-index: 10;
}
.c-intro-block__subtitle p {
  font-size: 1.375rem;
  font-weight: 400;
}
.c-intro-block__bg-img {
  display: none;
}
@media screen and (max-width: 60em) {
  .c-intro-block.c-cardBig {
    padding-bottom: 340px;
  }
  .c-intro-block.c-cardBig h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .c-intro-block.c-cardBig .lead {
    font-size: 14px;
    line-height: 22px;
  }
  .c-intro-block__bg-img-mob {
    position: absolute;
    display: block;
    z-index: 20;
  }
  .c-intro-block__bg-img-mob.rotate-1-mob {
    bottom: 0;
    left: 0;
    width: 230px;
  }
  .c-intro-block__bg-img-mob.rotate-2-mob {
    bottom: 0;
    right: 0;
    width: 300px;
  }
  .c-intro-block__bg-img-mob.rotate-3-mob {
    bottom: 0;
    right: 0;
    width: 140px;
  }
}
@media screen and (min-width: 60em) {
  .c-intro-block {
    padding: 160px 0;
  }
  .c-intro-block__bg-img-mob {
    display: none;
  }
  .c-intro-block__bg-img {
    position: absolute;
    display: block;
    z-index: 20;
  }
  .c-intro-block__bg-img.rotate-1 {
    top: 0;
    left: 0;
    width: 330px;
  }
  .c-intro-block__bg-img.rotate-2 {
    top: 280px;
    left: 0;
    width: 90px;
  }
  .c-intro-block__bg-img.rotate-3 {
    bottom: 0;
    left: 0;
    width: 320px;
  }
  .c-intro-block__bg-img.rotate-4 {
    top: 0;
    right: 0;
    width: 270px;
  }
  .c-intro-block__bg-img.rotate-5 {
    right: 0;
    width: 240px;
    bottom: 0;
  }
  .c-intro-block__bg-img--card {
    width: 300px;
    top: 200px;
    left: 40px;
  }
  .c-intro-block__bg-img--card.animate {
    -webkit-animation: 1s ease rotateInDownLeft forwards;
    animation: 1s ease rotateInDownLeft forwards;
  }
  .c-intro-block__bg-img--stats {
    top: 0;
    left: 0;
    width: 250px;
  }
  .c-intro-block__bg-img--offers {
    top: 350px;
    left: 0;
    width: 200px;
  }
  .c-intro-block__bg-img--profile {
    top: -20px;
    right: 0;
    width: 100px;
  }
  .c-intro-block__bg-img--profile.animate {
    -webkit-animation: 1s ease rotateInDownRight forwards;
    animation: 1s ease rotateInDownRight forwards;
  }
  .c-intro-block__bg-img--conto {
    top: -100px;
    right: 0;
    width: 350px;
  }
  .c-intro-block__bg-img--conto.animate {
    -webkit-animation: 1s ease rotateInDownRight forwards;
    animation: 1s ease rotateInDownRight forwards;
  }
  .c-intro-block__bg-img--goals {
    top: 220px;
    right: 0;
    width: 350px;
  }
}
.c-landing-card-block {
  padding: 32px;
}
.c-landing-card-block img {
  display: block;
}
.c-landing-card-block__text p,
.c-landing-card-block__text li {
  font-size: 1.25rem;
  line-height: 1.8;
}
@media screen and (min-width: 60em) {
  .c-landing-card-block {
    background: url("assets/images/hand_card.jpg") center right no-repeat;
    background-size: 50%;
    padding: 112px;
  }
  .c-landing-card-block img {
    display: none;
  }
  .c-landing-card-block.c-landing-card-block-sabati-colorati {
    background: url("assets/images/sabati-colorati-paga-con-hype.png") center
      right no-repeat;
    background-size: 50%;
    padding: 112px;
  }
  .c-landing-card-block.c-landing-card-block-sabati-colorati {
    background: url("assets/images/sabati-colorati-paga-con-hype.png") center
      right no-repeat;
    background-size: 50%;
    padding: 112px;
  }
  .c-landing-card-block.c-landing-card-plus {
    background: url("assets/images/mockup_plus.png") center right no-repeat;
    background-size: 24%;
    background-position-x: 89%;
    padding: 112px;
  }
  .c-landing-card-block.c-landing-human-safari {
    background: url("assets/images/nicolo_human-safari.png") center right
      no-repeat;
    background-size: 100%;
    background-position-x: 89%;
    padding: 112px;
  }
  .c-landing-card-block.c-landing-klaus {
    background: url("assets/images/klaus.png") center right no-repeat;
    background-size: 100%;
    background-position-x: 89%;
    background-position-y: 10%;
    padding: 112px;
  }
  .c-landing-card-block.c-landing-pow3r {
    background: url("assets/images/pow3r-2.jpg") center right no-repeat;
    background-size: 100%;
    background-position-x: 89%;
    background-position-y: 10%;
    padding: 112px;
  }
  .c-landing-card-block.c-landing-card-block-timpersonal {
    background: url("assets/images/timpersonal/tim_nfc_payment.png") center
      right no-repeat;
    background-size: 260px;
    background-position-x: 13%;
    height: 580px;
    padding: 0;
  }
  .c-landing-card-block.c-landing-card-block-timpersonal
    .c-landing-card-block__text {
    width: 58%;
    max-width: 600px;
    float: right;
  }
  .c-landing-card-block.c-landing-card-block-timapplepay {
    background: url("assets/images/timpersonal/applepay-bg.png") center right
      no-repeat;
    background-size: 315px;
    background-position-x: 100%;
    padding: 100px;
  }
  .c-landing-card-block__text {
    max-width: 470px;
  }
}
.c-landing-money-block {
  background: url("assets/images/landing_money_bg.png") left top no-repeat
    #003c5d;
  background-size: cover;
  padding: 32px;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column;
}
.e-landing-timpersonal .c-landing-money-block {
  background: #004990;
  background-size: cover;
  padding: 32px;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column;
}
.c-landing-money-block__image {
  display: block;
  max-width: 230px;
  margin: 16px auto;
  margin-bottom: -33px;
  -webkit-box-ordinal-group: 3;
  order: 2;
}
.c-landing-money-block__text p,
.c-landing-money-block__text h3 {
  color: #fefaf2;
}
.c-landing-money-block__text p,
.c-landing-money-block__text li {
  font-size: 1.25rem;
}
@media screen and (min-width: 60em) {
  .c-landing-money-block__image {
    max-width: 340px;
  }
}
@media screen and (min-width: 80em) {
  .c-landing-money-block {
    padding: 112px 112px 0 112px;
    display: block;
  }
  .e-landing-timpersonal .c-landing-money-block {
    padding: 80px 112px 0 32px;
    display: block;
  }
  .e-landing-timpersonal .c-landing-money-block__text {
    max-width: 533px;
    float: left;
    margin-left: 13%;
    position: relative;
    top: -16px;
  }
  .e-landing-timpersonal .c-landing-money-block__image {
    float: right !important;
  }
  .c-landing-money-block__image {
    float: left;
    margin-left: 10%;
    border-bottom: 0;
    margin-bottom: 0;
    bottom: -31px;
    position: relative;
  }
  .c-landing-money-block__text {
    max-width: 460px;
    float: left;
    margin-left: 10%;
    position: relative;
    top: -56px;
  }
}
@media screen and (min-width: 100em) {
  .c-landing-money-block {
    display: block;
  }
  .c-landing-money-block__text {
    margin-left: 20%;
  }
}
.c-landing-dream-block {
  padding: 32px;
  margin: 48px 0;
}
.c-landing-dream-block__text p,
.c-landing-dream-block__text li {
  font-size: 1.25rem;
  line-height: 1.8;
}
@media screen and (min-width: 80em) {
  .c-landing-dream-block {
    background: url("assets/images/landing_dream.png") center right no-repeat;
    background-size: 720px;
    padding: 112px;
  }
  .c-landing-dream-block.c-landing-dream-block-applepay {
    background: url("assets/images/applepay/online.png") center right no-repeat;
    background-size: 780px;
    background-position: 100% 89%;
  }
  .c-landing-dream-block__text {
    max-width: 460px;
  }
}
.c-landing-comparative-table {
  background: #00a5ff;
  padding: 40px 16px;
  text-align: center;
}
.c-landing-comparative-table--light {
  background: rgba(0, 165, 255, 0.05);
}
.c-landing-comparative-table--light .c-landing-comparative-table__title {
  color: #201849;
}
.c-landing-comparative-table--light .c-landing-comparative-table__list-item {
  padding: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border: 0;
}
.c-landing-comparative-table--light .c-landing-comparative-table__list-item p {
  color: #000;
  font-size: 1.125rem;
}
.c-landing-comparative-table--light .c-landing-comparative-table__icon--true {
  background: url(/assets/images/icon_ok.svg) center center no-repeat;
}
@media screen and (min-width: 60em) {
  .c-landing-comparative-table--light .c-landing-comparative-table__list-item {
    padding: 16px;
  }
  .c-landing-comparative-table--light
    .c-landing-comparative-table__list-item
    p {
    font-size: 1.4rem;
  }
}
.e-landing-timpersonal .c-landing-comparative-table {
  background: #82b9e6;
  padding: 40px 16px;
  text-align: center;
}
.c-landing-comparative-table__title {
  color: #fefaf2;
}
.c-landing-comparative-table__list {
  max-width: 885px;
  padding: 0;
  margin: 40px auto;
}
.c-landing-comparative-table__list-item {
  display: block;
  list-style: none;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 32px 0;
}
.c-landing-comparative-table__list-item:last-child {
  border-bottom: 0;
}
.c-landing-comparative-table__list-item p {
  display: inline-block;
  margin: 0;
  font-size: 1.4rem;
  color: #fefaf2;
  font-weight: 500;
  width: 60%;
}
.c-landing-comparative-table__list-icons {
  float: right;
  overflow: hidden;
  width: 40%;
}
.c-landing-comparative-table__icon {
  display: block;
  width: 45px;
  height: 45px;
  float: right;
  margin-left: 16px;
}
.c-landing-comparative-table__icon--true {
  background: url(/assets/images/icon_true.svg) center center no-repeat;
  background-size: contain;
  background-position-y: 3px;
}
.c-landing-comparative-table__icon--false {
  background: url(/assets/images/icon_false.svg) center center no-repeat;
  background-size: 27px;
}
@media screen and (min-width: 60em) {
  .c-landing-comparative-table {
    padding: 40px;
  }
  .c-landing-comparative-table__list-item {
    padding: 32px 16px;
  }
  .c-landing-comparative-table__list-icons {
    padding-right: 16px;
  }
  .c-landing-comparative-table__icon {
    margin-left: 30%;
  }
}
.c-landing-cashback {
  position: relative;
}
.c-landing-cashback__title {
  font-size: 2.75em;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 20%;
}
@media screen and (max-width: 60em) {
  .c-landing-cashback__title {
    position: relative;
    font-size: 1.8em;
    margin-bottom: 1.5em;
    left: 0;
    text-align: center;
  }
}
.c-landing-cashback .c-landing-cashback__path {
  position: relative;
}
.c-landing-cashback .c-landing-cashback__path svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  max-width: 100%;
  height: 100%;
  pointer-events: none;
}
.c-landing-cashback .c-landing-cashback__path .c-landing-cashback__box {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.197209);
  text-align: center;
  display: table;
}
.c-landing-cashback .c-landing-cashback__path .c-landing-cashback__box span {
  display: table-cell;
  vertical-align: middle;
}
.c-landing-cashback .c-landing-cashback__loghi {
  position: absolute;
  top: 220px;
  margin: 0;
}
@media screen and (max-width: 60em) {
  .c-landing-cashback .c-landing-cashback__loghi {
    display: none;
  }
}
.c-landing-cashback .c-landing-cashback__loghi--mobile {
  margin-top: 64px;
  display: none;
}
@media screen and (max-width: 60em) {
  .c-landing-cashback .c-landing-cashback__loghi--mobile {
    display: block;
  }
}
.c-language-switcher {
  display: none;
}
@media screen and (min-width: 60em) {
  .c-language-switcher {
    display: block;
    margin: 0;
    padding: 8px 32px;
  }
  .c-language-switcher__lang {
    text-transform: uppercase;
    list-style: none;
    font-weight: 500;
  }
}
.c-logo {
  display: block;
  width: 90px;
  height: 72px;
  margin: 0 auto;
  background: url("images/logo.svg") no-repeat;
  background-size: contain;
  text-indent: -9999px;
}
.c-logo.c-logo--landing-timpersonal {
  background: url("images/hype-logo-white.svg") no-repeat;
  width: 49px;
  display: inline-block;
  height: 39px;
  float: left;
  position: absolute;
  margin: -1.6rem 0 !important;
}
@media screen and (min-width: 60em) {
  .c-logo {
    width: 60px;
    height: 50px;
    background: url("images/logo.svg") no-repeat;
    background-size: contain;
    text-indent: -9999px;
  }
  .c-logo.c-logo--landing-timpersonal {
    margin: -0.9rem 0 !important;
  }
}
.c-list_check {
  font-size: 0.9rem;
  font-weight: 300;
  padding-left: 2rem;
  text-align: left;
}
.c-list_check li {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 300;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-list_check li.disabled {
  color: #bab7cc;
}
.c-list_check li.disabled:before {
  color: #bab7cc;
  content: "\e90a";
}
@media screen and (max-width: 768px) {
  .c-list_check li {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.c-list_check li.promo {
  color: #fca664;
}
.c-list_check li.promo:before {
  color: #fca664;
  content: "\e900";
}
.c-list_check li.notify {
  color: #fca664;
}
.c-list_check li.notify:before {
  color: #fca664;
  content: "\e918";
  font-size: 1rem;
  padding-left: 0.25rem;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.c-list_check li:before {
  content: "\e90a";
  font-family: "hype-icon";
  font-size: 1.5rem;
  line-height: 1;
  float: left;
  margin-left: -2rem;
  color: #284bff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .c-list_check {
    padding-left: 2.5rem;
  }
  .c-list_check li {
    font-size: 0.8889rem;
  }
  .c-list_check li:before {
    margin-left: -2.5rem;
  }
}
.c-main-navigation {
  display: none;
}
.c-main-navigation__link-icon {
  vertical-align: text-top;
  margin-left: 8px;
}
.c-main-navigation__link-icon:hover {
  -webkit-filter: opacity(80%);
  filter: opacity(80%);
}
.c-main-navigation__tim {
  color: white;
  float: right;
  padding: 10px;
  line-height: 20px;
}
@media screen and (min-width: 60em) {
  .c-main-navigation {
    display: -webkit-box;
    display: flex;
    position: relative;
    padding: 0 8px;
    margin-left: 32px;
    width: 100%;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .c-main-navigation > div {
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .c-main-navigation__list {
    padding: 0;
    margin: 0;
  }
  .c-main-navigation__list-item {
    position: relative;
    display: inline-block;
    font-weight: 500;
    margin-right: 32px;
    font-size: 0.9rem;
    padding-top: 8px;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .c-main-navigation__list-item--right {
    list-style-type: none;
    min-width: 430px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .c-main-navigation__list-item--right .c-main-navigation__link {
    color: #00a5ff;
  }
  .c-main-navigation__list-item--right
    .c-main-navigation__link
    .c-main-navigation__link-icon {
    vertical-align: text-top;
    margin-left: 8px;
  }
  .c-main-navigation__list-item--right .c-main-navigation__link:hover {
    -webkit-filter: opacity(70%);
    filter: opacity(70%);
  }
  .c-main-navigation__list-item:after {
    position: absolute;
    content: attr(data-label);
    color: #fc766a;
    font-size: 1.3rem;
    top: auto;
    left: 103%;
    line-height: 0.3;
  }
  .c-main-navigation__list-item:last-child {
    margin-right: 0;
  }
  .c-main-navigation__link {
    color: #3a3a3a;
  }
}
@media screen and (min-width: 60em) and (min-width: 60em) {
  .c-main-navigation__tim {
    color: white;
    padding-left: 74%;
  }
  .c-main-navigation__tim:hover {
    color: white;
  }
}
@media screen and (min-width: 48em) and (max-width: 80em) {
  .c-main-navigation__list-item {
    font-size: 0.8rem;
    margin-right: 24px;
  }
  .c-main-navigation__list-item--right {
    min-width: 360px;
  }
}
@media screen and (min-width: 60em) {
  .c-main-navigation__buttons {
    padding-right: 64px;
  }
}
.e-milione-content {
  background: #201849;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 90%;
  font-family: "gordita";
  font-weight: 400;
}
.e-milione-content *,
.e-milione-content a {
  cursor: none;
}
.e-milione-content a {
  color: #00a5ff;
}
.e-milione-content a:hover {
  color: #fca664;
}
.e-milione-content .e-button {
  color: #ffffff !important;
}
.e-milione-container {
  display: none;
}
.e-milione-container .c-header {
  top: -60px;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99;
  background-color: #ffffff;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background-color: #00a5ff;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 100%;
}
.circle-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  display: none;
}
.circle-cursor--outer {
  width: 30px;
  height: 30px;
  border: 2px solid #00a5ff;
  z-index: 12000;
}
.circle-cursor--inner {
  width: 8px;
  height: 8px;
  left: -4px;
  top: -4px;
  z-index: 11000;
  background: #00a5ff;
}
@media screen and (min-width: 60em) {
  .circle-cursor {
    display: inline-block;
    opacity: 0;
  }
}
.milione-avatar {
  position: absolute;
  z-index: 99;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  transform: scale(0);
  will-change: transform;
}
.milione-avatar img {
  border-radius: 100%;
}
.milione-first {
  background-color: #201849;
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.milione-first__bg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  background-image: url("images/milione/hero_bg.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 80%;
  background-attachment: scroll;
  opacity: 0;
}
.milione-first.in {
  background-color: none;
}
.milione-first__scroll-container {
  position: absolute;
  left: 50%;
  bottom: 100px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.milione-first__scroll {
  opacity: 0;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  background-color: transparent;
  border: 2px solid #00a5ff;
}
.milione-first__scroll svg {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.milione-first__scroll svg path {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.milione-first__scroll.in {
  opacity: 1;
}
.milione-first__scroll::after {
  content: "";
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  border-radius: 50%;
  border: 2px solid #b9e6ff;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.milione-first .odometer-content {
  font-size: 48px;
  line-height: 48px;
}
@media screen and (min-width: 320px) {
  .milione-first .odometer-content {
    font-size: calc(48px + 152 * ((100vw - 320px) / 1120));
    line-height: calc(48px + 152 * ((100vw - 320px) / 1120));
  }
}
@media screen and (min-width: 1440px) {
  .milione-first .odometer-content {
    font-size: 200px;
    line-height: 200px;
  }
}
.milione-first .milione-avatar--1 {
  top: 80px;
  right: 64px;
}
@media screen and (min-width: 60em) {
  .milione-first .milione-avatar--1 {
    top: 94px;
    right: 200px;
  }
}
@media screen and (min-width: 100em) {
  .milione-first .milione-avatar--1 {
    width: 96px;
    height: 96px;
  }
}
.milione-first .milione-avatar--2 {
  top: 180px;
  left: 36px;
  width: 42px;
  height: 42px;
}
@media screen and (min-width: 60em) {
  .milione-first .milione-avatar--2 {
    top: 180px;
    left: -20px;
  }
}
@media screen and (min-width: 100em) {
  .milione-first .milione-avatar--2 {
    width: 96px;
    height: 96px;
  }
}
.milione-first .milione-avatar--3 {
  display: none;
  bottom: 124px;
  left: 26px;
  width: 64px;
  height: 64px;
}
@media screen and (min-width: 60em) {
  .milione-first .milione-avatar--3 {
    display: block;
    bottom: 183px;
    left: 184px;
    width: 48px;
    height: 48px;
  }
}
@media screen and (min-width: 100em) {
  .milione-first .milione-avatar--3 {
    width: 96px;
    height: 96px;
  }
}
.milione-first .milione-avatar--4 {
  bottom: 190px;
  right: -30px;
  width: 80px;
  height: 80px;
}
@media screen and (min-width: 60em) {
  .milione-first .milione-avatar--4 {
    bottom: 126px;
    right: 123px;
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 100em) {
  .milione-first .milione-avatar--4 {
    width: 96px;
    height: 96px;
  }
}
.milione-first .milione-avatar--5 {
  bottom: 124px;
  left: 26px;
  width: 64px;
  height: 64px;
}
@media screen and (min-width: 60em) {
  .milione-first .milione-avatar--5 {
    top: -10px;
    left: 35%;
    bottom: auto;
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 100em) {
  .milione-first .milione-avatar--5 {
    width: 96px;
    height: 96px;
  }
}
.milione-first .subtitle {
  display: block;
  padding: 0px !important;
  text-align: center;
  opacity: 0;
  color: #201849;
  -webkit-transform: translate3d(0px, 40px, 0px);
  transform: translate3d(0px, 40px, 0px);
  font-weight: 500 !important;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.milione-first .subtitle strong {
  font-weight: 500 !important;
}
.milione-first .subtitle {
  font-size: 12px;
  line-height: 12px;
}
@media screen and (min-width: 320px) {
  .milione-first .subtitle {
    font-size: calc(12px + 8 * ((100vw - 320px) / 1120));
    line-height: calc(12px + 8 * ((100vw - 320px) / 1120));
  }
}
@media screen and (min-width: 1440px) {
  .milione-first .subtitle {
    font-size: 20px;
    line-height: 20px;
  }
}
.milione-first .subtitle.in {
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.zero {
  padding: 0;
}
.zero .milione-first {
  padding: 0;
  top: 0 !important;
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
  display: none;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
  padding: 0 2px;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme
  .odometer-digit
  .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal
  .odometer-digit
  .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition:
    transform 2s,
    -webkit-transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down
  .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition:
    transform 2s,
    -webkit-transform 2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.odometer-content {
  text-align: center;
  overflow: hidden;
  position: relative;
  height: 80px;
  width: 100%;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
}
@media screen and (min-width: 700px) {
  .odometer-content {
    height: 140px;
  }
}
@media screen and (min-width: 1000px) {
  .odometer-content {
    height: 180px;
  }
}
@media screen and (min-width: 1200px) {
  .odometer-content {
    height: 230px;
  }
}
@media screen and (max-height: 600px) {
  .odometer-content {
    height: 60px;
  }
}
.odometer {
  position: relative;
  display: inline-block;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.odometer-number {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.odometer-number.out {
  -webkit-animation: slide 0.8s forwards;
  animation: slide 0.8s forwards;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.odometer-number span {
  display: none;
}
.odometer-milione {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  display: inline-block;
}
.odometer-milione.in {
  -webkit-animation: slideM 0.8s forwards;
  animation: slideM 0.8s forwards;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.odometer-milione .milione-letter {
  display: inline-block;
  margin-left: -12px;
}
@media screen and (min-width: 700px) {
  .odometer-milione .milione-letter {
    margin-left: -30px;
  }
}
@media screen and (min-width: 1200px) {
  .odometer-milione .milione-letter {
    margin-left: -50px;
  }
}
.odometer.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition-duration: 4s !important;
  transition-duration: 4s !important;
}
.sbuttons {
  top: -60px;
  position: fixed;
  margin: 0 16px;
  right: 0;
}
.sbutton {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  position: relative;
  background-color: transparent;
  border: 2px solid #bab7cc;
}
.sbutton svg path {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.sbutton:hover {
  border-color: #00a5ff;
}
.sbutton:hover svg {
  fill: white;
}
.sbutton:not(:first-child) {
  width: 40px;
  height: 40px;
  margin: 16px auto 0;
  right: -200%;
}
.sbutton:not(:first-child) svg {
  fill: #bab7cc;
}
.sbutton:not(:first-child) svg path {
  fill: #bab7cc;
}
.sbutton:not(:first-child):hover svg {
  fill: #00a5ff;
}
.sbutton:not(:first-child):hover svg path {
  fill: #00a5ff;
}
.sbutton:not(:first-child) > i {
  font-size: 16px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sbuttons:hover .sbutton:not(:first-child) {
  opacity: 1;
  margin: 15px auto 0;
  right: 0;
}
.sbutton:nth-last-child(1) {
  -webkit-transition-delay: 25ms;
  transition-delay: 25ms;
}
.sbutton:not(:first-child):nth-child(2) {
  -webkit-transition-delay: 20ms;
  transition-delay: 20ms;
}
.sbutton:not(:first-child):nth-child(3) {
  -webkit-transition-delay: 40ms;
  transition-delay: 40ms;
}
.sbutton:not(:first-child):nth-child(4) {
  -webkit-transition-delay: 60ms;
  transition-delay: 60ms;
}
.sbutton:not(:first-child):nth-child(5) {
  -webkit-transition-delay: 80ms;
  transition-delay: 80ms;
}
.sbutton:not(:first-child):nth-child(6) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
.sbutton.mainsbutton {
  border-color: #00a5ff;
  background: #00a5ff;
}
.sbutton.mainsbutton svg {
  fill: #201849;
}
.sbutton.mainsbutton svg path {
  fill: #201849;
  stroke: #201849;
}
.sbutton.mainsbutton:hover svg {
  fill: #ffffff !important;
}
.sbutton.mainsbutton:hover svg path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}
.milione-bg {
  position: relative;
}
.milione-bg__img {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("images/milione/bg-milione.png");
  background-repeat: repeat-y;
  background-position: center top;
  background-size: auto;
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}
.milione-years {
  background: transparent;
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 100%;
}
.milione-years__year {
  position: relative;
  min-height: 30vh;
  height: auto;
  padding: 240px 0 100px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 60em) {
  .milione-years__year {
    padding: 240px 0;
    text-align: left;
  }
}
.milione-years__year-year {
  margin: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
  opacity: 0;
  color: #fff;
}
.milione-years__year-year {
  font-size: 160px;
  line-height: 160px;
}
@media screen and (min-width: 320px) {
  .milione-years__year-year {
    font-size: calc(160px + 40 * ((100vw - 320px) / 1120));
    line-height: calc(160px + 40 * ((100vw - 320px) / 1120));
  }
}
@media screen and (min-width: 1440px) {
  .milione-years__year-year {
    font-size: 200px;
    line-height: 200px;
  }
}
@media screen and (min-width: 700px) {
  .milione-years__year-year {
    -webkit-transform: rotate(-90deg) translateX(5%);
    transform: rotate(-90deg) translateX(5%);
    left: -200px;
  }
  .milione-years__year-year--dx {
    left: auto;
    right: -200px;
  }
}
.milione-years__year-title {
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 1.3 !important;
}
.milione-years__year-title {
  font-size: 32px;
  line-height: 32px;
}
@media screen and (min-width: 320px) {
  .milione-years__year-title {
    font-size: calc(32px + 8 * ((100vw - 320px) / 1120));
    line-height: calc(32px + 8 * ((100vw - 320px) / 1120));
  }
}
@media screen and (min-width: 1440px) {
  .milione-years__year-title {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (min-width: 60em) {
  .milione-years__year-title {
    text-align: left;
    margin: 0;
  }
}
.milione-years__year-title span {
  display: block;
}
.milione-years__year-title .titleBar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 100%;
  background-color: #00a5ff;
}
.milione-years__year-text {
  text-align: center;
}
@media screen and (min-width: 60em) {
  .milione-years__year-text {
    text-align: left;
  }
}
.milione-years__year-image {
  margin: 0;
  position: relative;
  text-align: center;
}
.milione-years__year-image img {
  max-width: 260px;
}
.milione-years__year-image .card {
  position: absolute;
  bottom: -40px;
  right: -60px;
}
.milione-years__year-image .of {
  position: absolute;
  top: 0;
  left: 50px;
  width: 110px;
}
.milione-years__year-image .bubble {
  position: absolute;
  top: -30px;
  left: 0px;
  width: 260px;
}
.milione-years__year-circle_image .img {
  border-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border: 2px solid #00a5ff;
  border-top: 0;
}
.milione-years__year-details {
  background-image: url("images/milione/bg1.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.milione-years__year-details .c-blog-block__item {
  text-align: left;
}
.milione-years__year-details .c-blog-block__item:hover {
  box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.08);
}
.milione-years__year-details .row {
  padding: 160px 0 0 0;
}
.milione-years__year-details img {
  width: 40px;
}
.milione-years__year:nth-child(1) .milione-avatar {
  bottom: 48px;
  left: 10%;
  width: 48px;
  height: 48px;
}
@media screen and (min-width: 60em) {
  .milione-years__year:nth-child(1) .milione-avatar {
    bottom: 83px;
    left: 40%;
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 100em) {
  .milione-years__year:nth-child(1) .milione-avatar {
    width: 96px;
    height: 96px;
  }
}
.milione-years__year:nth-child(2) .milione-avatar {
  bottom: 0px;
  right: 16%;
  width: 48px;
  height: 48px;
}
@media screen and (min-width: 60em) {
  .milione-years__year:nth-child(2) .milione-avatar {
    bottom: 0;
    right: 20%;
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 100em) {
  .milione-years__year:nth-child(2) .milione-avatar {
    width: 96px;
    height: 96px;
  }
}
.milione-years__year:nth-child(3) .milione-avatar {
  bottom: -60px;
  left: 25%;
  width: 64px;
  height: 64px;
}
@media screen and (min-width: 60em) {
  .milione-years__year:nth-child(3) .milione-avatar {
    bottom: -100px;
    left: 25%;
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 100em) {
  .milione-years__year:nth-child(3) .milione-avatar {
    width: 96px;
    height: 96px;
  }
}
.milione-years__year:nth-child(4) .milione-avatar {
  bottom: -20px;
  right: 20%;
  width: 48px;
  height: 48px;
}
@media screen and (min-width: 60em) {
  .milione-years__year:nth-child(4) .milione-avatar {
    bottom: -100px;
    left: 10%;
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 100em) {
  .milione-years__year:nth-child(4) .milione-avatar {
    width: 96px;
    height: 96px;
  }
}
.milione-years__year:nth-child(5) .milione-avatar {
  bottom: 0;
  right: 30%;
  width: 64px;
  height: 64px;
}
@media screen and (min-width: 60em) {
  .milione-years__year:nth-child(5) .milione-avatar {
    bottom: 0;
    right: 30%;
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 100em) {
  .milione-years__year:nth-child(5) .milione-avatar {
    width: 96px;
    height: 96px;
  }
}
.milione-years__year:nth-child(6) .milione-avatar {
  bottom: 24px;
  left: 30%;
  width: 64px;
  height: 64px;
}
@media screen and (min-width: 60em) {
  .milione-years__year:nth-child(6) .milione-avatar {
    bottom: 183px;
    left: 40%;
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 100em) {
  .milione-years__year:nth-child(6) .milione-avatar {
    width: 96px;
    height: 96px;
  }
}
.milione-years__year:nth-child(7) .milione-avatar {
  bottom: 14px;
  right: 25%;
  width: 64px;
  height: 64px;
}
@media screen and (min-width: 60em) {
  .milione-years__year:nth-child(7) .milione-avatar {
    bottom: 60px;
    left: 40%;
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 100em) {
  .milione-years__year:nth-child(7) .milione-avatar {
    width: 96px;
    height: 96px;
  }
}
.milione-phones {
  position: relative;
  padding-bottom: 200px;
}
.milione-phones__image {
  margin: 0;
  position: relative;
  height: 500px;
}
.milione-phones .phone {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  position: absolute;
}
.milione-phones .phone.l {
  position: absolute;
  max-width: 190px;
  left: 2%;
  top: 0px;
}
.milione-phones .phone.r {
  position: absolute;
  max-width: 270px;
  right: 2%;
  bottom: 0px;
}
.milione-phones__text:not(a) {
  color: #ffffff !important;
}
.milione-phones__title {
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 1.3 !important;
  color: #ffffff !important;
}
.milione-phones__title {
  font-size: 32px;
  line-height: 32px;
}
@media screen and (min-width: 320px) {
  .milione-phones__title {
    font-size: calc(32px + 8 * ((100vw - 320px) / 1120));
    line-height: calc(32px + 8 * ((100vw - 320px) / 1120));
  }
}
@media screen and (min-width: 1440px) {
  .milione-phones__title {
    font-size: 40px;
    line-height: 40px;
  }
}
.milione-phones__title span {
  display: block;
}
@media screen and (max-width: 700px) {
  .milione-phones .milione-phones__image {
    height: 350px;
  }
  .milione-phones .phone.l {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: -180px;
    left: 0;
  }
  .milione-phones .phone.r {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    right: 0;
  }
}
.milione-playlist {
  position: relative;
  margin-top: 160px;
  padding: 120px 0 0 0;
}
@media screen and (min-width: 60em) {
  .milione-playlist {
    padding: 200px 0 0 0;
  }
}
.milione-playlist .milione-years__year {
  padding: 0 0 100px 0;
}
@media screen and (min-width: 60em) {
  .milione-playlist .milione-years__year {
    padding: 240px 0 100px 0;
  }
}
.milione-playlist .milione-years__year-image iframe {
  width: 100%;
  height: 400px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  pointer-events: none;
}
@media screen and (min-width: 60em) {
  .milione-playlist .milione-years__year-image iframe {
    pointer-events: visible;
    height: 600px;
  }
}
.milione-playlist .milione-years__year-text:not(a) {
  color: #ffffff !important;
  text-align: center;
}
.milione-marque {
  display: block;
  position: absolute;
  top: -160px;
}
.milione-marque__container {
  overflow: hidden;
  white-space: nowrap;
  margin: 0 0 24px 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.milione-marque__text {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.milione-marque__text {
  font-size: 64px;
  line-height: 64px;
}
@media screen and (min-width: 320px) {
  .milione-marque__text {
    font-size: calc(64px + 96 * ((100vw - 320px) / 1120));
    line-height: calc(64px + 96 * ((100vw - 320px) / 1120));
  }
}
@media screen and (min-width: 1440px) {
  .milione-marque__text {
    font-size: 160px;
    line-height: 160px;
  }
}
.milione-marque__text--2 {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}
.milione-marque__text--2.r {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}
.milione-marque__text--3 {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}
.milione-marque__text--3.r {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}
.milione-footer {
  font-size: 10px;
  color: #736d91;
}
.milione-footer a {
  color: #736d91;
  text-decoration: underline;
}
.float {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  -webkit-animation: float 4s linear infinite;
  animation: float 4s linear infinite;
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translatey(2px);
    transform: translatey(2px);
  }
  50% {
    -webkit-transform: translatey(4px);
    transform: translatey(4px);
  }
  75% {
    -webkit-transform: translatey(2px);
    transform: translatey(2px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translatey(2px);
    transform: translatey(2px);
  }
  50% {
    -webkit-transform: translatey(4px);
    transform: translatey(4px);
  }
  75% {
    -webkit-transform: translatey(2px);
    transform: translatey(2px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes marquee {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes marquee2 {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
@keyframes marquee2 {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
@-webkit-keyframes marquee3 {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%);
  }
}
@keyframes marquee3 {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%);
  }
}
@-webkit-keyframes marqueer {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes marqueer {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes marqueer2 {
  from {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes marqueer2 {
  from {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes marqueer3 {
  from {
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes marqueer3 {
  from {
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slide {
  0% {
    top: 0;
  }
  100% {
    top: -100%;
  }
}
@keyframes slide {
  0% {
    top: 0;
  }
  100% {
    top: -100%;
  }
}
@-webkit-keyframes slideM {
  0% {
    top: 100%;
  }
  100% {
    top: 0;
  }
}
@keyframes slideM {
  0% {
    top: 100%;
  }
  100% {
    top: 0;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.7;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.4;
  }
}
.c-loading {
  background-color: #201849;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-loading .e-loading {
  border-top: 4px solid rgba(255, 255, 255, 0);
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
}
.c-loading .e-logo {
  position: relative;
  margin: 0;
  padding: 0;
}
.c-loading .e-logo svg {
  width: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: fade 1s infinite ease-in-out;
  animation: fade 1s infinite ease-in-out;
}
.c-loading .e-logo path {
  fill: #ffffff;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes fade {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
.c-mobile-navigation {
  display: none;
}
.c-mobile-navigation .c-logo {
  width: 49px;
  display: inline-block;
  padding: 8px 16px;
}
.c-mobile-navigation .e-button {
  display: none;
  padding: 8px 16px;
}
.c-mobile-navigation--closed {
  max-height: 72px;
  overflow: hidden;
  -webkit-transition: all 100ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 100ms cubic-bezier(0.86, 0, 0.07, 1);
}
.c-mobile-navigation--closed.is-sticky {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.c-mobile-navigation--closed.is-sticky .c-logo {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  opacity: 0;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  position: absolute;
}
.c-mobile-navigation--closed.is-sticky .e-button {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  opacity: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  display: inline;
  position: absolute;
}
.c-mobile-navigation__promo {
  padding: 0 !important;
  max-height: 130px !important;
}
.c-mobile-navigation__promo .c-mobile-navigation__wrapper {
  padding: 16px;
}
.c-mobile-navigation__burger {
  float: right;
  color: #1b143c;
  font-weight: 500;
  margin-top: 8px;
}
.c-mobile-navigation__burger:hover,
.c-mobile-navigation__burger:active {
  color: #201849;
}
.c-mobile-navigation__list {
  padding: 16px 0;
  margin: 0;
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  height: 80%;
}
.c-mobile-navigation__list-item {
  display: block;
  padding: 1vh 0;
  text-align: center;
}
.c-mobile-navigation__list-item--active {
  color: #284bff;
  font-size: 2rem;
}
.c-mobile-navigation__list-item:after {
  position: absolute;
  content: attr(data-label);
  color: #fca664;
  font-size: 0.5rem;
  top: 0;
  left: 105%;
}
.c-mobile-navigation__link {
  color: #1b143c;
  font-size: 5vh;
}
.c-mobile-navigation__list-help {
  padding: 32px 0 8px 0;
  margin: 0;
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  height: 80%;
  text-align: center;
}
.c-mobile-navigation__link-help {
  color: #00a5ff;
  font-size: 3vh;
}
@supports (
  (-webkit-backdrop-filter: saturate(180%) blur(20px)) or
    (backdrop-filter: saturate(180%) blur(20px))
) {
  .c-mobile-navigation {
    background-color: rgba(255, 255, 255, 0.72) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
}
@media screen and (max-width: 60em) {
  .c-mobile-navigation {
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.975);
    z-index: 1000;
  }
  .c-mobile-navigation--closed {
    max-height: 72px;
    overflow: hidden;
    -webkit-transition: all 100ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 100ms cubic-bezier(0.86, 0, 0.07, 1);
  }
  .c-mobile-navigation--closed.is-sticky {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }
  .c-mobile-navigation--closed.is-sticky .c-logo {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    opacity: 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    position: absolute;
  }
  .c-mobile-navigation--closed.is-sticky .e-button {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    opacity: 1;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    display: inline;
    position: absolute;
  }
  .c-mobile-navigation--open {
    max-height: 100% !important;
    -webkit-transition: all 100ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 100ms cubic-bezier(0.86, 0, 0.07, 1);
  }
  .c-mobile-navigation--open .c-mobile-navigation__plans {
    display: none;
  }
  .c-mobile-navigation--open ~ #chatbot {
    display: none;
  }
  .c-mobile-navigation--closed > .c-mobile-navigation__list {
    display: none;
  }
  .c-mobile-navigation__signup {
    display: block;
    position: fixed;
    bottom: 1rem;
    width: calc(100% - 2rem);
    text-align: center;
  }
}
.c-mobile-navigation--scroll.is-scroll {
  position: relative;
}
.c-mobile-registration {
  display: block;
  position: fixed;
  z-index: 101;
  bottom: -200px;
  left: 0;
  right: 0;
  padding: 16px 16px 24px 16px;
  background-color: #ffffff;
  -webkit-transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 60em) {
  .c-mobile-registration.is-sticky {
    display: block;
    bottom: 0;
  }
}
.c-modal .modal-dialog {
  position: relative;
  -webkit-transform: translate(0, 25%);
  transform: translate(0, 25%);
}
.c-modal .modal-title {
  text-align: center;
  margin: 0;
}
.c-modal--email {
  position: fixed;
  top: auto;
  right: 0;
  left: 0;
  bottom: 0;
  width: auto;
}
.c-modal .close {
  position: fixed;
  top: 32px;
  right: 32px;
  z-index: 2;
  background: none;
  box-shadow: none;
  font-size: inherit;
  font-family: inherit;
  -webkit-appearance: none;
  border: 0;
}
.c-modal .close path {
  fill: #bab7cc;
}
.c-modal .close:hover path {
  fill: #00a5ff;
}
.c-modal p.policy {
  margin-top: 24px;
  text-align: center;
  font-size: 12px;
  color: #bab7cc;
}
.nuova-hype section {
  padding-top: 100px;
  padding-bottom: 100px;
}
.nuova-hype .c-video {
  position: fixed;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 16%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.7);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: c-modal-video;
  animation-name: c-modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.nuova-hype .c-video.hidden {
  display: none;
}
.nuova-hype .c-video.open {
  display: -webkit-box;
  display: flex;
}
.nuova-hype .c-video__body {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
  margin: 0;
}
.nuova-hype .c-video iframe,
.nuova-hype .c-video object,
.nuova-hype .c-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nuova-hype .c-video__close {
  color: #ffffff;
  font-size: 37px;
  top: -6%;
  height: 34px;
  line-height: 0;
  position: absolute;
  font-weight: bold;
  z-index: 99999;
  left: 101%;
  display: block;
  background: transparent;
  border: transparent;
}
.nuova-hype .c-video__close:hover,
.nuova-hype .c-video__close:focus {
  color: #00a5ff;
  text-decoration: none;
  cursor: pointer;
  background: none !important;
  box-shadow: none;
  outline: none;
  border: none;
}
.nuova-hype-video {
  margin: 32px;
  border-radius: 32px;
  height: 87.5vh;
  background-size: cover;
  background: transparent url(/assets/images/nuova-hype-video.jpg) no-repeat
    center;
}
.nuova-hype-video .bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 4;
  border-radius: 32px;
  background-color: rgba(0, 0, 0, 0.4);
}
.nuova-hype-video iframe,
.nuova-hype-video video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 32px;
  border: 0;
  pointer-events: none;
}
.nuova-hype-video svg {
  cursor: pointer;
}
.nuova-hype-video .testo {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 101;
  color: #fff;
  text-align: center;
}
.nuova-hype-video .testo * {
  color: #fff !important;
}
.nuova-hype-video .testo h1 {
  font-size: 100px;
  text-transform: uppercase;
}
@media screen and (max-width: 60em) {
  .nuova-hype-video .testo h1 {
    font-size: 58px;
  }
}
.nuova-hype-video .testo p {
  margin: 8px 0 0;
  font-size: 12px;
}
@media screen and (max-width: 60em) {
  .nuova-hype-video {
    margin: 16px;
  }
}
.nuova-hype-title {
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.nuova-hype-title h2 {
  font-size: 6vw;
  color: #fff;
}
.nuova-hype-paragrafo {
  text-align: center;
  position: relative;
  height: 60vh;
  overflow: hidden;
}
@media screen and (max-width: 60em) {
  .nuova-hype-paragrafo {
    height: 35vh;
  }
}
.nuova-hype-paragrafo * {
  color: #fff !important;
}
.nuova-hype-paragrafo .container {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nuova-hype-paragrafo h4 {
  font-weight: 500;
  font-size: 58px;
  width: 700px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  margin: 0 auto;
  -webkit-transition: all 1.2s linear;
  transition: all 1.2s linear;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
@media screen and (max-width: 60em) {
  .nuova-hype-paragrafo h4 {
    font-size: 24px;
    width: 100%;
  }
}
.nuova-hype-paragrafo .testo {
  -webkit-transition: all 1.2s linear;
  transition: all 1.2s linear;
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  opacity: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.nuova-hype-paragrafo p {
  width: 60%;
  font-size: 60px;
  margin: 48px auto;
}
@media screen and (max-width: 60em) {
  .nuova-hype-paragrafo p {
    font-size: 28px;
    width: 100%;
  }
}
.nuova-hype-paragrafo figure {
  margin: 0;
  width: 360px;
  position: absolute;
  z-index: -1;
}
.nuova-hype-paragrafo figure img {
  display: block;
  max-width: 100%;
}
.nuova-hype-paragrafo figure.l {
  left: 0;
  bottom: -80%;
  -webkit-transition: all 1.2s linear;
  transition: all 1.2s linear;
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
@media screen and (max-width: 60em) {
  .nuova-hype-paragrafo figure.l {
    left: -25%;
  }
}
@media screen and (max-width: 30em) {
  .nuova-hype-paragrafo figure.l {
    left: -50%;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
.nuova-hype-paragrafo figure.r {
  right: 0;
  top: -10%;
  -webkit-transition: all 1.2s linear;
  transition: all 1.2s linear;
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
@media screen and (max-width: 60em) {
  .nuova-hype-paragrafo figure.r {
    right: -25%;
  }
}
@media screen and (max-width: 30em) {
  .nuova-hype-paragrafo figure.r {
    right: -50%;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
.nuova-hype-paragrafo.active h4 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  font-size: 16px;
  width: 200px;
}
.nuova-hype-paragrafo.active .testo {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.nuova-hype-paragrafo.active figure.l {
  bottom: 0;
}
.nuova-hype-paragrafo.active figure.r {
  top: 0;
}
@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  33% {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
  }
  66% {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  33% {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
  }
  66% {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rotate_scale {
  0% {
    font-size: 58px;
    width: 800px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  33% {
    width: 600px;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  66% {
    width: 450px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    width: 200px;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@keyframes rotate_scale {
  0% {
    font-size: 58px;
    width: 800px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  33% {
    width: 600px;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  66% {
    width: 450px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    width: 200px;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
.nuova-hype-slider {
  min-height: 100vh;
  margin-top: 200px;
}
.nuova-hype-slider .container-fluid {
  max-height: 100vh;
}
.nuova-hype-slider h2 {
  position: absolute;
  left: 50%;
  text-align: center;
  top: 200px;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 1.2s linear;
  transition: all 1.2s linear;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  opacity: 0;
}
@media screen and (max-width: 60em) {
  .nuova-hype-slider h2 {
    top: 60px;
  }
}
.nuova-hype-slider .swiper {
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  opacity: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
@media screen and (max-width: 60em) {
  .nuova-hype-slider .swiper .swiper-wrapper {
    padding: 0;
  }
}
.nuova-hype-slider.active h2 {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: 16px;
}
.nuova-hype-slider.active .swiper {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.nuova-hype-slider .swiper-slide,
.nuova-hype-slider .slide {
  scroll-snap-align: start;
  position: relative;
  padding: 150px 0;
  min-height: 50vh;
  height: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (max-width: 60em) {
  .nuova-hype-slider .swiper-slide,
  .nuova-hype-slider .slide {
    padding: 50px 0;
    min-height: 35vh;
    height: auto;
  }
}
.nuova-hype-slider .swiper-slide div.text,
.nuova-hype-slider .slide div.text {
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
  opacity: 0;
  -webkit-transform: translateY(64px);
  transform: translateY(64px);
  font-size: 58px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 60em) {
  .nuova-hype-slider .swiper-slide div.text,
  .nuova-hype-slider .slide div.text {
    font-size: 32px;
  }
}
.nuova-hype-slider .swiper-slide div.text-four,
.nuova-hype-slider .slide div.text-four {
  font-size: 100px;
  font-weight: 500;
}
@media screen and (max-width: 60em) {
  .nuova-hype-slider .swiper-slide div.text-four,
  .nuova-hype-slider .slide div.text-four {
    font-size: 48px;
  }
}
@media screen and (max-width: 60em) {
  .nuova-hype-slider .swiper-slide,
  .nuova-hype-slider .slide {
    font-size: 32px;
  }
  .nuova-hype-slider .swiper-slide svg,
  .nuova-hype-slider .slide svg {
    width: 110px;
  }
}
.nuova-hype-slider .swiper-slide svg,
.nuova-hype-slider .slide svg {
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  opacity: 0;
  -webkit-transform: translateY(64px);
  transform: translateY(64px);
}
@media screen and (max-width: 60em) {
  .nuova-hype-slider .swiper-slide svg,
  .nuova-hype-slider .slide svg {
    width: 100px;
  }
}
.nuova-hype-slider .swiper-slide-active div.text,
.nuova-hype-slider .slide.active div.text {
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.nuova-hype-slider .swiper-slide-active svg,
.nuova-hype-slider .slide.active svg {
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.nuova-hype-slider .swiper-slide-prev div.text {
  opacity: 0;
  -webkit-transform: translateY(-64px);
  transform: translateY(-64px);
}
.nuova-hype-slider .swiper-slide-prev svg {
  opacity: 0;
  -webkit-transform: translateY(-64px);
  transform: translateY(-64px);
}
.nuova-hype-slider .icon-one {
  right: 25%;
  top: -80%;
  z-index: -1;
}
.nuova-hype-slider .icon-two {
  left: 25%;
  bottom: -80%;
  z-index: -1;
}
.nuova-hype-slider .icon-three {
  -webkit-transform: translateY(0) translateX(-50%) !important;
  transform: translateY(0) translateX(-50%) !important;
  left: 50%;
  bottom: -70%;
  z-index: -1;
}
.nuova-hype-slider .icon-four {
  -webkit-transform: translateY(0) translateX(-50%) !important;
  transform: translateY(0) translateX(-50%) !important;
  left: 50%;
  bottom: -25%;
  z-index: -1;
}
.nuova-hype-slider .icon-five {
  right: 5%;
  bottom: -45%;
  z-index: -1;
}
.nuova-hype-slider .icon-six {
  right: 5%;
  bottom: -45%;
  z-index: -1;
}
.nuova-hype-logo {
  margin: 0;
  position: fixed;
  top: 60px;
  left: 60px;
  z-index: 100;
  cursor: pointer;
}
@media screen and (max-width: 60em) {
  .nuova-hype-logo {
    top: 32px;
    left: 32px;
  }
}
.nuova-hype-cards {
  margin: 100px auto 0 auto !important;
  padding: 0 !important;
  position: relative;
  width: 600px;
  height: 700px;
  margin: 0 auto;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.nuova-hype-cards .nuova-hype-card.one {
  position: absolute;
  left: 0;
  top: 0;
}
.nuova-hype-cards .nuova-hype-card.two {
  position: absolute;
  right: 0;
  top: 71px;
}
.nuova-hype-cards .nuova-hype-card.three {
  position: absolute;
  left: 90px;
  top: 300px;
}
@media screen and (max-width: 30em) {
  .nuova-hype-cards {
    width: 100%;
    height: 450px;
  }
  .nuova-hype-cards .nuova-hype-card.c-cards-features-new__item {
    position: relative;
    width: 190px;
    height: 190px;
  }
  .nuova-hype-cards
    .nuova-hype-card.c-cards-features-new__item
    .c-cards-features-new__info
    h6 {
    font-size: 20px;
  }
  .nuova-hype-cards
    .nuova-hype-card.c-cards-features-new__item
    .c-card-features-new__hidetext {
    font-size: 7px;
  }
  .nuova-hype-cards .nuova-hype-card.one {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform-origin: left !important;
    transform-origin: left !important;
  }
  .nuova-hype-cards .nuova-hype-card.two {
    position: absolute;
    right: 0;
    top: 71px;
    -webkit-transform-origin: right !important;
    transform-origin: right !important;
  }
  .nuova-hype-cards .nuova-hype-card.three {
    position: absolute;
    left: 90px;
    top: 250px;
  }
}
.nuova-hype-link {
  font-size: 58px;
  text-align: center;
  color: #fff;
  padding-top: 0px !important;
}
@media screen and (max-width: 60em) {
  .nuova-hype-link {
    padding-top: 56px !important;
  }
}
.nuova-hype-link a {
  color: #fff !important;
  text-decoration: underline;
  display: block;
}
.nuova-hype-link a:hover {
  color: #284bff !important;
}
.nuova-hype-link svg {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.nuova-hype-link:hover svg {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.nuova-hype-card.c-cards-features-new__item {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  display: grid;
  align-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.nuova-hype-card.c-cards-features-new__item:hover {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
  z-index: 100;
  background-color: #5a75ff;
}
.nuova-hype-card.c-cards-features-new__item:hover .c-cards-features-new__info {
  opacity: 0;
}
.nuova-hype-card.c-cards-features-new__item:hover .c-cards-features-new__icon {
  opacity: 0;
}
.nuova-hype-card.c-cards-features-new__item:hover
  .c-card-features-new__hidetext {
  opacity: 1;
}
.nuova-hype-card.c-cards-features-new__item:hover .c-cards-features-new__arrow {
  opacity: 0;
}
@media screen and (max-width: 60em) {
  .nuova-hype-card.c-cards-features-new__item:hover {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
.nuova-hype-card .c-cards-features-new__info {
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.nuova-hype-card .c-cards-features-new__icon {
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.nuova-hype-card .c-cards-features-new__icon::after {
  background-color: transparent;
}
.nuova-hype-card .c-cards-features-new__arrow {
  right: 50%;
  opacity: 1;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
@media screen and (max-width: 60em) {
  .nuova-hype-card .c-cards-features-new__arrow {
    bottom: 30px;
  }
}
.nuova-hype-card .c-cards-features-new__arrow i::after {
  background-color: transparent;
}
.nuova-hype-card .c-card-features-new__hidetext {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  color: #fff;
  font-size: 11px;
  padding: 40px 32px;
}
.nuova-hype-card .c-card-features-new__hidetext p {
  color: #fff;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.e-nuova-hype-content {
  background: #000;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#212121),
    color-stop(20%, #000),
    to(#000)
  );
  background: linear-gradient(180deg, #212121 0%, #000 20%, #000 100%);
  font-family: "gordita";
  padding: 0;
  font-weight: 400;
}
.e-nuova-hype-content a {
  color: #284bff;
}
.e-nuova-hype-content a:hover {
  color: #ff6c63;
}
.e-nuova-hype-content .e-button {
  color: #ffffff !important;
}
.swiper-nuova-hype {
  width: 100%;
  height: 100vh;
}
.swiper-nuova-hype .swiper-slide {
  text-align: center;
  font-size: 18px;
  color: #fff;
  font-size: 58px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.swiper-nuova-hype .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-nuova-hype .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-marquee {
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-marquee .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  position: relative;
}
.swiper-marquee .swiper-slide {
  text-align: center;
  font-size: 82px;
  font-weight: 500;
  font-style: italic;
  text-transform: uppercase;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: auto;
  position: relative;
  padding: 0 50px;
  color: #212121;
}
@media screen and (max-width: 60em) {
  .swiper-marquee .swiper-slide {
    font-size: 58px;
  }
}
.swiper-marquee-r .swiper-slide {
  -webkit-animation: color-change 4s infinite;
  animation: color-change 4s infinite;
}
@-webkit-keyframes color-change {
  0% {
    color: #5a75ff;
  }
  33% {
    color: #b8e9fa;
  }
  66% {
    color: #fc766a;
  }
  100% {
    color: #5a75ff;
  }
}
@keyframes color-change {
  0% {
    color: #5a75ff;
  }
  33% {
    color: #b8e9fa;
  }
  66% {
    color: #fc766a;
  }
  100% {
    color: #5a75ff;
  }
}
.e-nuova-hype-container {
  display: none;
}
.e-nuova-hype-container .c-header {
  top: -60px;
}
.nuova-hype-bg {
  position: relative;
}
.c-page-content {
  margin: 0 auto;
  padding: 80px 0;
}
.c-page-content--tim {
  padding-top: 56px;
}
.c-page-content h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2.75rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .c-page-content h1 {
    font-size: 2em;
  }
}
.c-page-content h1.left {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .c-page-content h1.left {
    text-align: center;
  }
}
.c-page-content .subtitle {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 300;
  padding: 0 8px;
}
@media screen and (max-width: 768px) {
  .c-page-content .subtitle {
    font-size: 0.9em;
  }
}
.c-page-content .subtitle.left {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .c-page-content .subtitle.left {
    text-align: center;
  }
}
.c-page-content .image-container {
  position: relative;
  width: 100% !important;
  height: 0;
  padding-top: 102%;
}
.c-page-content .image-container figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-page-content .image-container {
    margin-top: 40px;
  }
}
.c-page-content .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  height: 100%;
  width: 100%;
}
.c-page-content .image::before {
  position: absolute;
  overflow: hidden;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: rgba(0, 165, 255, 0.15) !important;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
  -webkit-animation: trans_bg 600ms;
  animation: trans_bg 600ms;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.c-page-content img {
  margin: 16px 0;
}
.c-page-content p {
  font-weight: 400;
}
.c-page-content.pink .image::before {
  background-color: rgba(235, 183, 197, 0.45) !important;
}
.c-page-content.pink .e-button {
  background-color: #ebb7c5 !important;
}
.c-page-content .c-hero__play {
  top: 50%;
  left: 50%;
  z-index: 10000;
  display: none;
}
.c-page-content .c-hero__play svg {
  width: 80px;
  height: 80px;
}
.c-hero--newui .c-hero__play {
  top: 50%;
  left: 50%;
  display: none;
}
.c-hero--newui .c-hero__play svg {
  width: 80px;
  height: 80px;
}
@media screen and (min-width: 60em) {
  .c-page-content {
    padding: 144px 0 112px 0;
  }
  .c-page-content img {
    margin: 64px 0 0px 0;
  }
  .c-page-content.pink .c-hero__play,
  .c-page-content.video .c-hero__play,
  .c-hero--newui .c-hero__play {
    display: inline-block;
  }
}
@-webkit-keyframes trans_bg {
  0% {
    -webkit-transform: translate(0);
  }
  30% {
    -webkit-transform: translate(-90px, -40px);
  }
  65% {
    -webkit-transform: translate(-70px, -30px);
  }
  100% {
    -webkit-transform: translate(-80px, -32px);
  }
}
@keyframes trans_bg {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  30% {
    -webkit-transform: translate(-90px, -40px);
    transform: translate(-90px, -40px);
  }
  65% {
    -webkit-transform: translate(-70px, -30px);
    transform: translate(-70px, -30px);
  }
  100% {
    -webkit-transform: translate(-80px, -32px);
    transform: translate(-80px, -32px);
  }
}
.c-payinstore-applepay {
  background-color: #f6f9fc;
  padding: 56px 24px;
  text-align: left;
}
.c-payonline-applepay {
  background-color: white;
  padding: 56px 24px;
  text-align: left;
}
.c-payinstore-applepay__title {
  display: block;
  max-width: 815px;
  margin: 0 auto;
  font-size: 44px;
}
.c-payinstore-applepay__text {
  max-width: 815px;
  margin: 0 auto;
  margin-top: 16px;
  padding-bottom: 8px;
}
.c-payinstore-applepay__image {
  background-image: url(/assets/images/applepay/photo-pay.jpg);
  background-size: cover;
  height: 400px;
  background-position: right;
}
@media screen and (min-width: 60em) {
  .c-payinstore-applepay__image {
    height: 1082px;
  }
  .c-payonline-applepay {
    text-align: center;
    padding: 72px 64px;
  }
  .c-payinstore-applepay {
    text-align: center;
    padding: 72px 64px;
  }
}
.c-plus-block__content {
  background-color: #201849;
  background-image: url("assets/images/bg-purple-block.png");
  background-size: cover;
  position: relative;
}
.c-plus-block__content h3,
.c-plus-block__content p {
  color: #fff;
}
.c-plus-block__content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: -100%;
  background-color: #201849;
}
.c-plus-block__image {
  position: relative;
}
.c-plus-block__image::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #201849;
}
.c-pricing-plans {
  padding: 24px 0;
  color: #000;
}
.c-pricing-plans--modal .planShadow {
  background-color: white;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 0;
  box-shadow: none;
}
.c-pricing-plans--modal .planTable .cell {
  background-color: transparent;
}
.c-pricing-plans--modal .planTable .cell.selected {
  background-color: rgba(90, 117, 255, 0.1);
}
.c-pricing-plans--modal .planNameContainer .h6 {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .c-pricing-plans--modal .planNameContainer .h6 {
    font-size: 14px;
  }
}
.c-pricing-plans--modal .planNameContainer .price .text-10 {
  font-size: 32px;
  color: #000;
}
.c-pricing-plans--modal .planNameContainer .price .text-10 small {
  font-size: 12px;
  position: relative;
  display: block;
}
.c-pricing-plans--modal .planNameContainer .price .text-10 span {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-pricing-plans--modal .planNameContainer .price .text-10 {
    font-size: 10px;
    color: #505b7d;
  }
  .c-pricing-plans--modal .planNameContainer .price .text-10 small {
    font-size: 10px;
    color: #6d7791;
    display: inline-block;
  }
  .c-pricing-plans--modal .planNameContainer .price .text-10 span {
    display: inline-block;
  }
}
.c-pricing-plans__list {
  padding: 0;
  margin: 0;
  display: block;
}
.c-pricing-plans__list-item__header {
  position: relative;
  z-index: 2;
  background: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-pricing-plans__list-item__header__plan {
  display: block;
  text-align: center;
  font-size: 2.25rem;
  font-weight: 800;
  margin-bottom: 24px;
  color: #00a5ff;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-pricing-plans__list-item__header__price {
  text-align: center;
  background-color: rgba(242, 242, 242, 0.4);
  padding: 16px;
  margin: 0 0 32px 0;
  color: #201849;
  font-size: 2.25rem;
  font-weight: 800;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-pricing-plans__list-item__header__price span {
  font-weight: 600;
  font-size: 1rem;
  color: #bab7cc;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-pricing-plans__list-item__header__price-label {
  background-color: #fca664;
  font-size: 0.875rem;
  text-align: center;
  font-weight: 600;
  color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.c-pricing-plans__list-item__header__limit {
  font-size: 1rem;
  color: #bab7cc;
  font-weight: 600 !important;
  margin: 32px 0 16px 0;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-pricing-plans__list-item__header__limit-value {
  font-size: 2rem;
  color: #bab7cc;
  font-weight: 600 !important;
  margin: 0 0 48px 0;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
@media screen and (max-width: 768px) {
  .c-pricing-plans__list-item__header__plan {
    margin-bottom: 8px;
  }
  .c-pricing-plans__list-item__header__price {
    font-size: 1rem;
    margin-bottom: 32px;
  }
}
.c-pricing-plans__list-item {
  position: relative;
  z-index: 20;
  margin: 24px 0;
  background-color: #fff;
  box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.08);
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 1rem;
  font-weight: 300;
  border-radius: 0.5rem;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-pricing-plans__list-item p {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-pricing-plans__list-item img {
  margin: 0;
}
.c-pricing-plans__list-item hr {
  border-top: 2px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  display: block;
}
.c-pricing-plans__list-item-content {
  position: relative;
  z-index: 2;
  padding: 0 32px;
}
.c-pricing-plans__list-item__gradient {
  border-radius: 0.5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0293e1),
    to(#00a5ff)
  );
  background: linear-gradient(90deg, #0293e1 0%, #00a5ff 100%);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-pricing-plans__list-item__promo {
  padding: 1rem;
  font-size: 1.125rem;
  line-height: 1.1;
  border-radius: 0;
  color: #00a5ff;
  text-align: center;
  border-top: 2px solid rgba(242, 242, 242, 0.8);
  border-right: 0;
  border-bottom: 2px solid rgba(242, 242, 242, 0.8);
  border-left: 0;
  -webkit-box-align: center !important;
  align-items: center !important;
}
.c-pricing-plans__list-item__promo h4,
.c-pricing-plans__list-item__promo p {
  color: #00a5ff;
  margin: 0;
}
.c-pricing-plans__list-item__promo--plus {
  padding: 1rem 4rem;
  text-align: left;
  box-shadow: none;
  border-top: 0;
  border-radius: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 2px solid #5cc5ff;
}
.c-pricing-plans__list-item__promo--plus h4,
.c-pricing-plans__list-item__promo--plus p {
  color: #00a5ff;
}
.c-pricing-plans__list-item__promo--top {
  padding: 1rem 4rem;
  text-align: center;
  box-shadow: none;
  border-top: 0;
  border-radius: 0;
  border-right: 0;
  border-bottom: 0;
  border-top: 2px solid #5cc5ff;
}
.c-pricing-plans__list-item__promo--top h4,
.c-pricing-plans__list-item__promo--top p {
  color: #00a5ff;
}
.c-pricing-plans__list-item ul {
  text-align: left;
  margin-bottom: 48px !important;
}
.c-pricing-plans__list-item .e-button {
  text-align: center;
}
.c-pricing-plans__list-item .table {
  text-align: left;
  margin-bottom: 48px;
}
.c-pricing-plans__list-item .table td {
  padding-left: 0;
  padding-right: 0;
}
.c-pricing-plans__list-item .e-button--light {
  color: #00a5ff !important;
}
.c-pricing-plans__list-item .c-list_check li .badge {
  background-color: rgba(186, 183, 204, 0.5);
}
.c-pricing-plans__list-item .c-list_check li.disabled .badge {
  background-color: rgba(186, 183, 204, 0.2);
}
.c-pricing-plans__list-item.active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  background-color: #00a5ff;
  color: #fff;
}
.c-pricing-plans__list-item.active p {
  color: #fff;
}
.c-pricing-plans__list-item.active .c-pricing-plans__list-item__header {
  background: transparent;
}
.c-pricing-plans__list-item.active .c-pricing-plans__list-item__header__plan {
  color: #fff;
}
.c-pricing-plans__list-item.active .c-pricing-plans__list-item__header__price {
  color: #fff;
}
.c-pricing-plans__list-item.active
  .c-pricing-plans__list-item__header__price
  span {
  color: #b9e6ff;
}
.c-pricing-plans__list-item.active .c-pricing-plans__list-item__gradient {
  opacity: 1;
}
.c-pricing-plans__list-item.active .e-button {
  background: #fff;
  color: #00a5ff;
}
.c-pricing-plans__list-item.active .c-list_check li.disabled {
  opacity: 0.4;
  color: #fff;
}
.c-pricing-plans__list-item.active .c-list_check li.disabled:before {
  color: #fff;
}
.c-pricing-plans__list-item.active .c-list_check li:not(.disabled) {
  color: #fff;
}
.c-pricing-plans__list-item.active .c-list_check li:not(.disabled):before {
  color: #fff;
}
.c-pricing-plans__list-item.active .c-pricing-plans__list-item__promo {
  padding: 1rem;
  font-size: 1.125rem;
  line-height: 1.1;
  color: #fff;
  text-align: center;
  border-color: #5cc5ff;
  -webkit-box-align: center !important;
  align-items: center !important;
}
.c-pricing-plans__list-item.active .c-pricing-plans__list-item__promo h4,
.c-pricing-plans__list-item.active .c-pricing-plans__list-item__promo p {
  color: #fff;
  margin: 0;
}
.c-pricing-plans__list-item.active .c-pricing-plans__list-item__promo--plus {
  padding: 1rem 4rem;
  text-align: left;
  box-shadow: none;
  border-top: 0;
  border-radius: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 2px solid #5cc5ff;
}
.c-pricing-plans__list-item.active .c-pricing-plans__list-item__promo--plus h4,
.c-pricing-plans__list-item.active .c-pricing-plans__list-item__promo--plus p {
  color: #00a5ff;
}
.c-pricing-plans__accordion {
  display: none;
}
.c-pricing-plans__accordion label h4 {
  color: #284bff;
  font-weight: 500 !important;
}
.c-pricing-plans__accordion label:after,
.c-pricing-plans__accordion input:checked + label:after {
  background: url(../../assets/images/icons/Specifics/e-icon/arrow-down.svg)
    no-repeat center center;
}
.c-pricing-plans__accordion input:checked + label:after {
  background: url(../../assets/images/icons/Specifics/e-icon/arrow-top.svg)
    no-repeat center center;
}
.c-pricing-plans__accordion .c-block-list-with-icons__list {
  display: -webkit-box;
  display: flex;
}
.c-pricing-plans .c-block-list-with-icons__list {
  display: -webkit-box;
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-pricing-plans__accordion {
    display: block;
  }
  .c-pricing-plans__accordion .c-block-list-with-icons__list {
    display: -webkit-box !important;
    display: flex !important;
  }
  .c-pricing-plans .c-block-list-with-icons__list {
    display: none;
  }
  .c-pricing-plans__list {
    display: none;
  }
  .c-pricing-plans__list-item {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .c-pricing-plans__list-tabs,
  .c-pricing-plans__list-tabs__content {
    display: block !important;
  }
  .c-pricing-plans__list-item__promo--plus {
    text-align: center;
    border-right: 2px solid #5cc5ff;
    border-bottom: 0;
    border-left: 2px solid #5cc5ff;
  }
}
ul.c-pricing-plans__list-tabs {
  display: none;
  width: 100%;
  margin: 0 auto;
  list-style: none;
  overflow: hidden;
  padding: 0;
  box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.08);
}
ul.c-pricing-plans__list-tabs li {
  float: left;
  width: 50%;
}
ul.c-pricing-plans__list-tabs li a {
  position: relative;
  display: block;
  height: auto;
  text-align: center;
  text-decoration: none;
  -webkit-transition:
    padding 0.2s ease,
    margin 0.2s ease;
  transition:
    padding 0.2s ease,
    margin 0.2s ease;
}
ul.c-pricing-plans__list-tabs li a.active {
  z-index: 22;
  outline: none;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
}
ul.c-pricing-plans__list-tabs li a .group:before,
ul.c-pricing-plans__list-tabs li a .group:after {
  content: " ";
  display: table;
}
ul.c-pricing-plans__list-tabs li a .group:after {
  clear: both;
}
ul.c-pricing-plans__list-tabs li:first-child a {
  z-index: 22;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
ul.c-pricing-plans__list-tabs li:last-child a {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
ul.c-pricing-plans__list-tabs
  li:last-child
  a
  .c-pricing-plans__list-item__header {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
ul.c-pricing-plans__list-tabs li#mobile-plus a {
  background-color: #00a5ff;
}
ul.c-pricing-plans__list-tabs
  li#mobile-plus
  .c-pricing-plans__list-item__header {
  background: transparent;
}
ul.c-pricing-plans__list-tabs
  li#mobile-plus
  .c-pricing-plans__list-item__header__plan {
  color: #fff;
}
ul.c-pricing-plans__list-tabs
  li#mobile-plus
  .c-pricing-plans__list-item__header__price {
  color: #fff;
}
ul.c-pricing-plans__list-tabs
  li#mobile-plus
  .c-pricing-plans__list-item__header__price
  span {
  color: #b9e6ff;
}
.c-pricing-plans__list-tabs__content {
  display: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.c-pricing-plans__list-tabs__content .c-pricing-plans__list-item ul {
  margin-bottom: inherit !important;
}
.c-pricing-table {
  padding: 40px 0;
  text-align: center;
}
.c-pricing-table__title {
  margin: 16px 0;
}
.c-pricing-table__list {
  padding: 0;
  margin: 40px auto;
  max-width: 680px;
}
.c-pricing-table__list-item {
  display: inline-block;
  list-style: none;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 16px 0;
  width: 100%;
}
.c-pricing-table__list-item:last-child {
  border-bottom: 0;
}
.c-pricing-table__list-text {
  float: left;
  padding-right: 0;
  overflow: hidden;
  width: 100%;
  margin-top: 3px;
  font-weight: 500;
  font-size: 1.125rem;
}
.c-pricing-table__list-value {
  float: left;
  overflow: hidden;
  width: 50%;
  text-align: center;
  margin-top: 24px;
  color: #00a5ff;
  font-size: 1.125rem;
  position: relative;
  display: block;
}
.c-pricing-table__list-item-title {
  font-weight: 600;
}
.c-pricing-table__list-item__column-title {
  display: none;
}
.c-pricing-table__list-value--start {
  position: relative;
}
.c-pricing-table__list-value--start:before {
  content: "Start: ";
  position: relative;
  color: #1b143c;
  display: block;
}
.c-pricing-table__list-value--plus {
  position: relative;
}
.c-pricing-table__list-value--plus:before {
  content: "Plus: ";
  position: relative;
  color: #1b143c;
  display: block;
}
.c-pricing-table-nb {
  font-size: 1rem;
  text-align: left;
  color: #736d91;
  margin-top: 24px;
}
@media screen and (min-width: 60em) {
  .c-pricing-table {
    padding: 40px;
  }
  .c-pricing-table__list-item {
    display: -webkit-box;
    display: flex;
    padding: 24px 0;
  }
  .c-pricing-table__list-value {
    width: 25%;
    text-align: center;
    margin-top: 3px;
    height: auto;
    line-height: inherit;
  }
  .c-pricing-table__list-text {
    width: 50%;
    padding-right: 48px;
  }
  .c-pricing-table__list-item__column-title {
    display: block;
    font-weight: 600;
    color: #1b143c;
  }
  .c-pricing-table__list-value--plus:before,
  .c-pricing-table__list-value--start:before {
    display: none;
  }
}
.centerContainer .planTable {
  text-align: right;
}
.planSelect {
  top: 0;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .planSelect {
    position: -webkit-sticky;
    position: sticky;
  }
}
.planShadow {
  display: block;
  position: absolute;
  left: 40%;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 8px;
  z-index: -1;
  box-shadow:
    0px 4px 64px rgba(0, 0, 0, 0.06),
    0px 1px 16px rgba(0, 0, 0, 0.08),
    0px 2px 8px rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 900px) {
  .planShadow {
    left: 34%;
  }
}
@media only screen and (max-width: 768px) {
  .planShadow {
    display: none;
  }
}
.planTable .cell {
  background-color: #ffffff;
}
.planTable .planNameContainer {
  padding-bottom: 32px;
  border-bottom: 1px solid #e9ecef;
}
.planTable .planNameContainer .price {
  padding-left: 24px;
  padding-right: 24px;
  color: #8d9fff;
}
.planTable .planNameContainer .price h3 {
  padding: 0;
  color: #8d9fff;
  line-height: 90%;
}
.planTable .planNameContainer .price h3 small {
  font-size: 14px;
}
.planTable .planNameContainer .price a {
  border: 2px solid;
  margin-top: 40px;
  background-color: transparent;
  color: #284bff;
  border-color: #284bff;
}
.planTable .planNameContainer:hover .cellContent {
  background-color: #5a75ff;
}
@media (hover: hover) and (pointer: fine) {
  .planNameContainer:hover .cellContent {
    background-color: #5a75ff;
  }
}
@media only screen and (max-width: 768px) {
  .centerContainer .planTable {
    text-align: center;
    width: 90vw;
    margin: 0 auto;
  }
  .hdAvail {
    text-align: center;
  }
}
.planTable .columnHeader {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .planTable .columnHeader {
    text-align: center;
  }
}
.pt-header-cell.pt-header-cell.pt-header-cell.pt-header-cell {
  cursor: pointer;
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 18%;
  font-size: 19px;
  height: 110px;
  background-color: #0071eb;
  color: #ffffff;
  margin: 0 23px;
}
@media only screen and (max-width: 768px) {
  .pt-header-cell.pt-header-cell.pt-header-cell.pt-header-cell {
    margin: 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .pt-header-cell.pt-header-cell.pt-header-cell.pt-header-cell {
    width: 30%;
    border-right: 0;
    margin: 0 5% 0 0;
    display: inline-block;
  }
  .pt-header-cell.pt-header-cell.pt-header-cell.pt-header-cell:last-child {
    margin-right: 0;
  }
}
.pt-header-cell.pt-header-cell.pt-header-cell.pt-header-cell.selected.selected {
  background-color: #0071eb;
  color: #ffffff;
}
.pt-header-box {
  position: absolute;
  top: 40%;
  text-align: center;
  width: 100%;
}
.headerRow.fix.pt-header-row-wide-fix {
  width: 97%;
  margin-right: 0;
}
.pt-header-with-border.selected .pt-header-box-border {
  position: absolute;
  top: -41px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border: 2px solid #ffffff;
  width: 96%;
  height: 104px;
}
.pt-header-badge {
  font-weight: bold;
  position: absolute;
  width: 100%;
  padding: 5px;
  text-align: center;
  font-size: 11px;
  top: 4px;
}
.pt-cell-content {
  display: inline-block;
  font-size: 16px;
}
@media only screen and (max-width: 400px) {
  .pt-cell-content {
    font-size: 14px;
  }
}
@media only screen and (max-width: 370px) {
  .pt-header-badge-wings {
    font-size: 11px;
    padding: 3px 1px;
    font-weight: normal;
  }
  .pt-header-cell.pt-header-cell.pt-header-cell.pt-header-cell {
    font-size: 16px;
  }
}
.pt-header-badge-wings {
  background-color: #74a1d8;
  position: absolute;
  padding: 5px 2px 6px 2px;
  right: -7.5px;
  left: -7.5px;
  top: -41px;
}
.pt-header-badge-wings:before,
.pt-header-badge-wings:after {
  content: "";
  position: absolute;
  bottom: -8px;
  border-bottom: 8.5px solid transparent;
}
.pt-header-badge-wings:before {
  left: 0;
  border-right: 8.5px solid #6b86a1;
}
.pt-header-badge-wings:after {
  right: 0;
  border-left: 8.5px solid #6b86a1;
}
.selected .pt-header-badge-wings {
  background-color: #0763be;
}
.selected .pt-header-badge-wings:before {
  border-right: 8.5px solid #033562;
}
.selected .pt-header-badge-wings:after {
  border-left: 8.5px solid #033562;
}
.pt-header-fix-table {
  display: none;
}
@media only screen and (max-width: 768px) {
  .pt-header-fix-table {
    display: table;
    left: 1.6%;
    width: 92.5%;
    border-collapse: collapse;
    position: fixed;
    margin-right: 11px;
    padding-bottom: 5px;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 0;
    z-index: 10;
    margin-left: 5px;
  }
  .pt-header-fix-table .headerRow {
    background-color: #e6e6e6;
    display: none;
  }
  .pt-header-fix-table .headerRow.show {
    display: table-row;
  }
  .centerContainer.basicRegReducedTitleSize > div > p {
    font-size: 16px;
  }
}
.pt-header-box-arrow {
  display: inline-block;
  width: 40px;
  border-top: 15px solid #0071eb;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
.pt-header-box-arrow-container {
  display: none;
  position: absolute;
  bottom: -63px;
  text-align: center;
  width: 100%;
}
.selected .pt-header-box-arrow-container {
  display: block;
}
.pt-header-badge-image {
  width: 100%;
  margin: 2px auto 1px auto;
  height: 10px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 400px) {
  .pt-header-badge-image {
    width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  .alt {
    margin: -8px 0 5px 0;
  }
  .planTableOptionsReduceSpace.planTableOptions.planTable {
    border-spacing: 0 10px;
    top: 30px;
  }
  .planTableOptionsReduceSpace.planTableOptions.planTable .row {
    display: block;
  }
  .planTableOptionsReduceSpace.planTableOptions.planTable .bodyCell {
    display: inline-block;
    width: 27%;
    margin-bottom: 20px;
  }
  .planTableOptionsReduceSpace.planTableOptions.planTable .alt {
    display: block;
    margin: -8px 0 5px 0;
    position: relative;
  }
}
.planTable {
  display: table;
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}
.planTable .row {
  display: table-row;
  border-bottom: 1px solid rgba(222, 226, 230, 0.4);
}
.planTable .row.planPrice .columnHeader {
  border-top-left-radius: 8px;
}
.planTable .row:last-child .columnHeader {
  border-bottom-left-radius: 8px;
}
.planTable .row [class^="icon-"],
.planTable .row [class*=" icon-"] {
  -webkit-transform: none;
  transform: none;
}
.planTable .row:last-child {
  border-bottom: none;
}
.planTable .alt {
  display: none;
}
.planTable .columnHeader {
  display: table-cell;
  padding: 24px 32px;
  height: 60px;
  font-weight: 500;
  box-sizing: border-box;
  vertical-align: middle;
  background-color: #f5f4f7;
  color: #000;
}
.planTable .columnHeader.promo {
  padding: 40px 32px;
}
.planTable .cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 20%;
}
.planTable .cell.disabled {
  pointer-events: none;
}
.planTable .cell.disabled .cellContent {
  background-color: #bab7cc;
}
.planTable .cell.disabled .price {
  color: #bab7cc;
}
.planTable .cell.disabled .price h3 {
  color: #bab7cc;
}
.planTable .cell.disabled .e-button {
  opacity: 0;
}
.planTable--two .cell {
  width: 30%;
}
.planTable .bodyCell {
  padding: 24px 32px;
  color: #505b7d;
  fill: #505b7d;
  font-size: 16px;
}
.planTable .bodyCell small {
  font-size: 70%;
  display: inline-block;
}
.planTable .bodyCell.disabled {
  pointer-events: none;
  color: #bab7cc;
  fill: #bab7cc;
}
.planTable .bodyCell strong {
  font-weight: 800;
}
.planTable .bodyCell .svg-icon {
  display: inline-block;
  height: 18px;
  width: 18px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.planTable .bodyCell.icon-circle-solid {
  font-size: 0.65em;
}
.hdAvail {
  color: #737373;
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  white-space: normal;
  display: block;
  position: absolute;
  padding-top: 10px;
  width: 100%;
}
.planSelectionContainer {
  display: table;
  width: 100%;
  position: relative;
}
.planSelectionContainer--2 {
  background: none;
}
@media only screen and (max-width: 768px) {
  .planSelectionContainer--2 {
    display: none;
  }
}
.planSelectionContainer .arrow {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #8d9fff;
  margin: -3px auto 0;
  width: 0;
  height: 0;
  visibility: hidden;
}
.planSelectionContainer .show .selected .arrow {
  visibility: visible;
}
.planSelectionContainer .headerRow {
  display: table-row;
  padding-top: 5px;
  font-size: 19px;
}
.planSelectionContainer .headerRow title {
  background-color: transparent;
}
.planSelectionContainer .headerRow.fix {
  display: none;
}
.planSelectionContainer .headerRow .cell .cellContent {
  border-right: 2px solid #ffffff;
}
.planSelectionContainer .headerRow .cell:last-child .cellContent {
  border: 0;
}
.planSelectionContainer .headerRow .cellContent {
  display: -webkit-box;
  display: flex;
  align-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  width: 100%;
  height: 120px;
  line-height: 120px;
  background-color: #8d9fff;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  cursor: pointer;
}
.planSelectionContainer .headerRow .cellContent h3 {
  margin: 0;
  padding: 0;
  color: #ffffff;
}
.planSelectionContainer .selected,
.planNameContainer:hover {
  background-color: rgba(90, 117, 255, 0.1);
  color: #000;
  fill: #000;
}
.planSelectionContainer .selected .price,
.planNameContainer:hover .price {
  color: #000 !important;
}
.planSelectionContainer .selected .price h3,
.planNameContainer:hover .price h3 {
  color: #000 !important;
}
.planSelectionContainer .selected a,
.planNameContainer:hover a {
  color: #fff !important;
  background-color: #284bff !important;
}
.planSelectionContainer .selected .arrow {
  border-top-color: #5a75ff;
}
.planSelectionContainer .selected .cellContent {
  opacity: 1;
  background: #5a75ff;
}
.planSelectionContainer.has4Plans .planTable .headerRow .cell,
.planSelectionContainer.has4Plans .planTable .bodyCell {
  width: 16.4%;
}
.planSelectionContainer .disclaimerPartner {
  padding: 10px 0px;
}
.promocode-mobile {
  display: none;
  background-color: #ffffff !important;
}
@media only screen and (max-width: 950px) {
  .planTable .headerRow .cellContent {
    height: 80px;
    line-height: 80px;
    font-size: 18px;
  }
  .planTable .headerRow .cellContent h3 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .planSelectionContainer .headerMarker {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .planSelect {
    background-attachment: scroll;
    background-color: #ffffff !important;
    padding-top: 59px;
  }
  .planSelectionContainer {
    background: none !important;
  }
  h1 {
    font-size: 23px;
  }
  .promocode-mobile {
    text-align: center;
    margin-bottom: 64px;
    color: #5a75ff;
  }
  .promocode-mobile h4 {
    margin: 24px 0;
    font-size: 24px;
    color: #5a75ff;
  }
  .promocode-mobile h4 small {
    font-size: 16px;
  }
  .promocode-mobile a {
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);
  }
  .promocode-mobile.selected {
    display: block;
    background-color: transparent;
  }
  .price h3 {
    font-size: 18px;
  }
  .price a {
    display: none;
  }
  .planTableOptions {
    border-spacing: 0 27px;
    border-collapse: separate;
    position: relative;
    top: -5px;
  }
  .planTable .row {
    border-bottom: none;
  }
  .planTable .alt {
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    font-size: 13px;
    line-height: 100%;
  }
  .planTable .alt.promocode {
    display: none;
  }
  .planTable .row .cell {
    border-right: 1px solid #e9ecef;
  }
  .planTable .row .cell:last-child {
    border-right: none;
  }
  .planTable .columnHeader {
    display: none;
  }
  .planTable .bodyCell {
    width: 33%;
    padding: 8px;
    height: 36px;
    box-sizing: border-box;
  }
  .planSelectionContainer {
    padding-top: 5px;
  }
  .planSelectionContainer .arrow {
    border-left-width: 10px;
    border-right-width: 10px;
    border-top-width: 10px;
    margin: 0 auto;
  }
  .planSelectionContainer .headerRow {
    width: 94%;
    visibility: hidden;
  }
  .planSelectionContainer .headerRow .title {
    display: none;
  }
  .planSelectionContainer .headerRow.show {
    visibility: visible;
  }
  .planSelectionContainer .headerRow .cell {
    padding-bottom: 0;
    width: 33%;
  }
  .planSelectionContainer .headerRow.fix {
    display: table-row;
    padding-bottom: 5px;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 0;
    background-color: #f3f3f3;
    z-index: 10;
    width: 90vw;
  }
  .planSelectionContainer.has4Plans .planTable .headerRow .cell,
  .planSelectionContainer.has4Plans .planTable .bodyCell {
    width: 25%;
  }
  .planSelectionContainer.has4Plans .planTable .headerRow .cellContent,
  .planSelectionContainer.has4Plans .planTable .planPrice .bodyCell {
    font-size: 12px;
  }
  .planTable .planPrice.promocode {
    display: none;
  }
}
@media only screen and (max-width: 450px) {
  .iosInApp .planSelectionContainer .headerRow.fix {
    top: 45px;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    padding-top: 30px;
  }
  100% {
    padding-top: 10px;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    padding-top: 30px;
  }
  100% {
    padding-top: 10px;
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.loadingText {
  text-align: center;
  height: 80px;
  font-weight: bold;
}
.loadingText .loadingTextContent {
  opacity: 0;
  padding-top: 30px;
}
.fadedTable {
  opacity: 0.3;
  pointer-events: none;
}
.c-prefooter {
  padding: 96px 0 144px 0;
  background-color: #fefaf2;
  background-image: url("assets/images/prefooter_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.c-prefooter--blue {
  background-size: cover !important;
  background-color: transparent;
  background-image: url("assets/images/prefooter_bg--blue.png");
}
.c-prefooter--blue .c-prefooter__title {
  font-size: 1.8em;
}
@media screen and (max-width: 60em) {
  .c-prefooter--blue {
    text-align: center;
  }
  .c-prefooter--blue .c-prefooter__title {
    font-size: 1.375em;
  }
  .c-prefooter--blue .c-prefooter__text {
    font-size: 1em;
    font-weight: 500;
  }
  .c-prefooter--blue .c-prefooter__text-image {
    display: none;
  }
}
.c-prefooter__title {
  max-width: 560px;
  color: #00a5ff;
  margin-bottom: 24px;
}
.c-prefooter__text {
  font-size: 1.375rem;
  font-weight: 500;
}
.c-prefooter__text-image {
  margin: 0 8px;
}
.c-prefooter__text-image--margin-left {
  margin-left: 24px;
}
.c-prefooter__button {
  width: 100%;
  text-align: center;
}
.e-landing-timpersonal .c-prefooter {
  background-color: #004990;
  background-image: none;
  padding: 80px 0;
  text-align: center;
}
.e-landing-timpersonal .c-prefooter__title {
  color: white;
  margin: 0 auto;
}
.e-landing-timpersonal .c-prefooter__text {
  color: white;
  margin: 0 auto;
}
@media screen and (min-width: 30em) {
  .c-prefooter__button {
    width: auto;
  }
}
@media screen and (min-width: 60em) {
  .c-prefooter {
    background-size: contain;
    background-position: top right;
  }
  .c-prefooter__text {
    max-width: 664px;
  }
  .c-prefooter__button {
    width: auto;
  }
}
.c-press-kit {
  padding: 56px 0 160px 0;
}
.c-press-kit__header {
  width: 100%;
  padding: 0 24px;
}
.c-press-kit__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2.75rem;
  font-weight: 500;
}
.c-press-kit__header .subtitle {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.375rem;
}
.c-press-kit__text {
  padding: 32px;
}
.c-press-kit__text__title {
  margin-bottom: 32px;
  font-size: 1.75rem;
  font-weight: bold;
  color: #453f6b;
}
.c-press-kit__text__description {
  font-size: 1.375rem;
  font-weight: 400;
  color: #453f6b;
}
.c-press-kit__list {
  margin: 0;
  padding: 0;
}
.c-press-kit__list-item {
  display: inline-block;
  list-style: none;
  width: 50%;
  text-align: center;
  padding: 16px;
}
.c-press-kit__list-item--border-right {
  border-right: 1px solid #f1f3f7;
}
.c-press-kit__list-item--border-bottom {
  border-bottom: 1px solid #f1f3f7;
}
.c-press-kit__list-title {
  font-size: 1rem;
  font-weight: 600;
  color: #453f6b;
}
@media screen and (min-width: 60em) {
  .c-press-kit {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 144px 0 160px 0;
  }
  .c-press-kit__text {
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0 128px 0 0;
  }
  .c-press-kit__list {
    width: 50%;
  }
  .c-press-kit__list-item {
    padding: 48px;
  }
}
.c-press-block {
  padding: 80px 32px;
  text-align: center;
}
.c-press-block--light {
  background-color: #fff;
}
.c-press-block--light .c-press-block__list-item--prepagata img {
  width: 180px;
  max-width: 180px;
}
.c-press-block__list {
  padding: 0;
  margin: 0;
}
.c-press-block__list-item {
  display: inline-block;
  list-style: none;
  vertical-align: middle;
  margin: 0 32px;
}
.c-press-block__list-item--prepagata img {
  max-width: 180px;
}
.c-press-block__list-item--nerd img {
  max-width: 81px;
}
.c-press-block__list-item--money img {
  max-width: 138px;
}
.c-press-block__list-item--hardware img {
  max-width: 184px;
}
.c-press-block__list-item img {
  position: relative;
}
@media screen and (max-width: 60em) {
  .c-press-block__list-item {
    display: block;
    margin: 64px 32px;
  }
  .c-press-block--light .c-press-block__list-item {
    display: inline-block;
    width: 16%;
    margin: 0;
    box-sizing: border-box;
  }
  .c-press-block--light .c-press-block__list-item img {
    width: auto;
    max-width: 80%;
  }
  .c-press-block--light .c-press-block__list-item--prepagata {
    margin: 0 0 32px 0;
    width: 100% !important;
  }
  .c-press-block--light .c-press-block__list-item--prepagata img {
    width: auto;
    max-width: 30% !important;
  }
}
@media screen and (max-width: 48em) {
  .c-press-block--light .c-press-block__list-item {
    display: inline-block;
    width: 48%;
    margin: 0;
    box-sizing: border-box;
  }
  .c-press-block--light .c-press-block__list-item--prepagata {
    margin: 0 0 32px 0;
    width: 100% !important;
  }
  .c-press-block--light .c-press-block__list-item--prepagata img {
    width: auto;
    max-width: 70%;
  }
}
.c-shapes__fullscreenImage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 18;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-color: transparent;
  background-size: cover;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.c-steps {
  text-align: center;
  cursor: default;
}
.c-steps.dark {
  background-color: rgba(186, 183, 204, 0.15);
}
.c-steps__title {
  color: #b7bccc !important;
  margin-bottom: 48px !important;
}
.c-steps__row .col-md-4 {
  position: relative;
}
.c-steps__row .col-md-4:last-child:after {
  content: "";
}
.c-steps__item {
  padding: 24px;
  border-right: 2px solid #ced4da;
}
.c-steps__item-numbers {
  font-size: 29px;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
}
.c-steps__item-image {
  display: block;
  margin: 0;
  position: relative;
  text-align: center;
  border-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-position: center center;
  background-size: 101%;
  background-repeat: no-repeat;
}
.c-steps__item-image img {
  border-radius: 50%;
  border: 0;
  display: block;
}
.c-steps__item-image .card {
  position: absolute;
  bottom: -40px;
  right: -60px;
}
.c-steps__item-image .of {
  position: absolute;
  top: 0;
  left: 50px;
  width: 110px;
}
.c-steps__item-image .bubble {
  position: absolute;
  top: -30px;
  left: 0px;
  width: 260px;
}
@media screen and (max-width: 700px) {
  .c-steps__item-image {
    display: block;
  }
}
.c-steps__item-title {
  font-weight: 500;
  color: #000;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-steps__item-txt {
  font-size: 12px !important;
  line-height: 18px !important;
  color: #6d7791;
}
.c-steps__item:last-child {
  border: 0;
}
.c-steps.pink {
  background-color: rgba(235, 183, 197, 0.2);
}
.c-steps.pink .c-steps__title {
  color: #ebb7c5;
}
.c-steps.pink .c-steps__item-title {
  color: #ebb7c5;
}
.c-steps.pink .arrow:after {
  color: #ebb7c5 !important;
}
.c-steps.pink .e-button {
  background-color: #ebb7c5 !important;
}
.c-steps--noCircle .c-steps__item-image {
  border-radius: 0;
  border: 0;
  background-size: contain;
}
.c-steps--noCircle .c-steps__item-image img {
  border-radius: 0;
}
.hover-reveal {
  position: fixed;
  width: 250px;
  height: 368px;
  top: 0;
  left: 0;
  z-index: 20;
  pointer-events: none;
  opacity: 0;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.hover-reveal__inner,
.hover-reveal__img {
  width: 100%;
  height: 100%;
  position: relative;
}
.hover-reveal__deco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00a5ff;
}
.hover-reveal__img {
  background-size: cover;
  background-position: 50% 50%;
}
@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px) rotate(90deg);
    transform: translateY(-45px) rotate(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px) rotate(90deg);
    transform: translateY(-24px) rotate(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px) rotate(90deg);
    transform: translateY(-12px) rotate(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px) rotate(90deg);
    transform: translateY(-6px) rotate(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px) rotate(90deg);
    transform: translateY(-4px) rotate(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px) rotate(90deg);
    transform: translateY(0px) rotate(90deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px) rotate(90deg);
    transform: translateY(0px) rotate(90deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px) rotate(90deg);
    transform: translateY(-45px) rotate(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px) rotate(90deg);
    transform: translateY(-24px) rotate(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px) rotate(90deg);
    transform: translateY(-12px) rotate(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px) rotate(90deg);
    transform: translateY(-6px) rotate(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px) rotate(90deg);
    transform: translateY(-4px) rotate(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px) rotate(90deg);
    transform: translateY(0px) rotate(90deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px) rotate(90deg);
    transform: translateY(0px) rotate(90deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
.c-support {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1020;
  margin: 16px;
  height: 48px;
  width: 48px;
  display: block;
}
@media screen and (max-width: 60em) {
  .c-support {
    display: none;
  }
}
.c-support__button {
  width: 48px;
  height: 48px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -webkit-transform: scale(1);
  transform: scale(1);
  border-radius: 32px;
  background: #8d9fff;
  border-width: initial;
  border-style: none;
  border-color: initial;
  -webkit-border-image: initial;
  -o-border-image: initial;
  border-image: initial;
  outline: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.c-support__button--minimized {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.c-support__icon {
  color: white;
  font-size: 1.5rem;
  display: inline-block;
  margin: 0.5rem;
}
.news-slider {
  z-index: 2;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .news-slider {
    max-width: 1000px;
  }
}
@media screen and (max-width: 576px) {
  .news-slider {
    margin-top: 45px;
  }
}
.news-slider__wrp {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.news-slider__item {
  width: 270px;
  flex-shrink: 0;
}
@media screen and (max-width: 992px) {
  .news-slider__item {
    width: 230px;
  }
}
.news-slider__item.swiper-slide {
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.news-slider__item.swiper-slide-active,
.news-slider__item.swiper-slide-prev,
.news-slider__item.swiper-slide-next {
  opacity: 1;
  pointer-events: auto;
}
.news-slider__ctr {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 130px;
  bottom: 100px;
}
.news-slider__arrow {
  background: rgba(255, 255, 255, 0.9);
  border: none;
  display: -webkit-inline-box;
  display: inline-flex;
  width: 150px;
  height: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  z-index: 20;
  cursor: pointer;
  outline: none !important;
}
.news-slider__arrow:focus {
  outline: none !important;
}
.news-slider__arrow .dx {
  background: url(/assets/images/arrow_right.svg) center center no-repeat;
  background-size: contain;
  display: -webkit-inline-box;
  display: inline-flex;
  width: 60px;
  height: 110px;
}
.news-slider__arrow .sx {
  background: url(/assets/images/arrow_left.svg) center center no-repeat;
  background-size: contain;
  display: -webkit-inline-box;
  display: inline-flex;
  width: 60px;
  height: 110px;
}
.news-slider__arrow .icon-font {
  display: -webkit-inline-box;
  display: inline-flex;
  width: 100%;
}
.news-slider__arrow.news-slider-prev {
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.news-slider__arrow.news-slider-next {
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 576px) {
  .news-slider__arrow {
    width: 50px;
  }
}
.news-slider__pagination {
  text-align: center;
  margin-top: 50px;
}
.news-slider__pagination .swiper-pagination-bullet {
  width: 13px;
  height: 10px;
  display: inline-block;
  background: #00a5ff;
  opacity: 0.2;
  margin: 0 5px;
  border-radius: 20px;
  -webkit-transition:
    opacity 0.5s,
    background-color 0.5s,
    width 0.5s;
  transition:
    opacity 0.5s,
    background-color 0.5s,
    width 0.5s;
  -webkit-transition-delay: 0.5s, 0.5s, 0s;
  transition-delay: 0.5s, 0.5s, 0s;
}
.news-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #00a5ff;
  width: 100px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
@media screen and (max-width: 576px) {
  .news-slider__pagination .swiper-pagination-bullet-active {
    width: 70px;
  }
}
.news__item {
  padding: 8px;
  border-radius: 10px;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 800px) {
  .news__item:hover {
    color: #222222;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  .news__item:hover .news-date,
  .news__item:hover .news__title,
  .news__item:hover .news__txt {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  .news__item:hover .news__img {
    -webkit-filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.05));
    opacity: 1;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.news__item.active {
  color: #453f6b;
}
.news__item.active .news-date,
.news__item.active .news__title,
.news__item.active .news__txt {
  opacity: 1;
  z-index: 100;
}
.news__item.active .news__img {
  -webkit-filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.05));
  filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.05));
  opacity: 1;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.news-date {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid;
  display: inline-block;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 576px) {
  .news-date {
    margin-bottom: 10px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 0;
  }
}
.news-date__title {
  display: block;
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 500;
}
@media screen and (max-width: 576px) {
  .news-date__title {
    margin-right: 10px;
  }
}
.news-date__txt {
  font-size: 16px;
}
.news__title {
  position: absolute;
  text-align: center;
  left: -50%;
  right: -50%;
  top: -100px;
  font-size: 1.4em;
  font-weight: 500;
  opacity: 0;
  margin-top: 10px;
  margin-bottom: 15px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 576px) {
  .news__title {
    font-size: 16px;
    margin-bottom: 10px;
    left: -30%;
    right: -30%;
  }
}
.news__txt {
  margin: 10px 0;
  line-height: 1.6em;
  font-size: 15px;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.news__img {
  border-radius: 10px;
  margin-top: 30px;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  opacity: 0.2;
}
.news__img img {
  max-width: 100%;
  border-radius: 10px;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-swiper-home {
    padding-left: 0;
    padding-right: 0;
  }
}
.c-swiper-home-slider {
  z-index: 20;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .c-swiper-home-slider {
    max-width: 1000px;
  }
}
@media screen and (max-width: 992px) {
  .c-swiper-home-slider {
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 992px) {
  .c-swiper-home-slider.texts {
    margin-top: 0;
    padding-top: 1.5rem;
    padding-bottom: 0;
    text-align: center;
  }
}
.c-swiper-home-slider__wrp {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  position: relative;
  z-index: 20;
}
.c-swiper-home-slider__item {
  width: 270px;
  flex-shrink: 0;
}
@media screen and (max-width: 992px) {
  .c-swiper-home-slider__item {
    width: 230px;
  }
}
.c-swiper-home-slider__item.swiper-slide {
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-swiper-home-slider__item.swiper-slide-active,
.c-swiper-home-slider__item.swiper-slide-prev,
.c-swiper-home-slider__item.swiper-slide-next {
  opacity: 1;
  pointer-events: auto;
}
.c-swiper-home-slider__arrow {
  border: none;
  height: 100%;
  background-color: transparent;
  cursor: pointer;
  outline: none !important;
}
.c-swiper-home-slider__arrow:focus {
  outline: none !important;
}
.c-swiper-home-slider__arrow svg * {
  stroke: #bab7cc;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-swiper-home-slider__arrow .sx svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (max-width: 992px) {
  .c-swiper-home-slider__arrow {
    width: 50px;
  }
}
.c-swiper-home-slider__arrow:hover svg * {
  stroke: #00a5ff;
}
.c-swiper-home__item {
  position: relative;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-swiper-home__item.active {
  color: #453f6b;
}
.c-swiper-home__item.active .c-swiper-home__img {
  position: absolute;
  z-index: 99;
  opacity: 1;
}
.c-swiper-home__item.active .c-swiper-home__img img {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  -webkit-filter: drop-shadow(0 6px 26px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 6px 26px rgba(0, 0, 0, 0.25));
}
.c-swiper-home__txt {
  padding-left: 16px;
  padding-right: 16px;
  margin: 1.5rem 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.c-swiper-home__title {
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (max-width: 768px) {
  .c-swiper-home__title {
    font-size: 1.5em;
  }
}
.c-swiper-home__img {
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  opacity: 0.2;
}
.c-swiper-home__img img {
  max-width: 100%;
  border-radius: 10px;
  height: 100%;
  width: 100%;
}
.c-slider__number-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  display: none;
  z-index: 20;
}
.c-slider__number-wrapper .c-slider__number-count {
  position: relative;
  display: inline-block;
}
.c-slider__number-wrapper .number {
  position: relative;
  font-size: 12rem;
  color: rgba(186, 183, 204, 0.2);
  font-weight: 800;
}
@media screen and (max-width: 768px) {
  .c-slider__number-wrapper {
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
  }
}
.c-slider__nav-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-48px);
  transform: translateY(-48px);
  text-align: center;
  z-index: 21;
}
.c-slider__nav-wrapper .c-slider__nav-arrows {
  position: relative;
  display: inline-block;
  width: 100%;
}
.c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow {
  position: absolute;
  background-color: transparent;
  border: none;
  height: 100%;
  cursor: pointer;
  outline: none !important;
}
.c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow:focus {
  outline: none !important;
}
.c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow svg {
  width: 4rem;
  height: 3rem;
}
.c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow svg * {
  stroke: #bab7cc;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow.sx,
.c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow.dx {
  width: 4rem;
  height: 3rem;
  cursor: pointer;
}
.c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow.sx {
  opacity: 0;
  left: 2rem;
}
.c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow.sx svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow.dx {
  right: 2rem;
}
@media screen and (max-width: 768px) {
  .c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow {
    width: 50px;
  }
  .c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow.sx {
    left: 1rem;
  }
  .c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow.dx {
    right: 1rem;
  }
}
.c-slider__nav-wrapper .c-slider__nav-arrows .c-slider__nav-arrow:hover svg * {
  stroke: #00a5ff;
}
@media screen and (max-width: 768px) {
  .c-slider__nav-wrapper {
    bottom: 2rem;
    top: inherit;
    left: 50%;
    -webkit-transform: translate(-50%, -48px);
    transform: translate(-50%, -48px);
  }
}
.c-slider__content {
  background-color: rgba(186, 183, 204, 0.1);
  background-image: url(/assets/images/bg-news.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  min-width: 360px;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.c-slider__content .c-slider__slide {
  opacity: 0;
  position: absolute;
  width: calc(100% - 32px);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-slider__content .c-slider__slide::after {
  display: block;
  clear: both;
  content: "";
}
@media screen and (max-width: 768px) {
  .c-slider__content .c-slider__slide {
    width: calc(100% - 32px);
    left: 16px;
    right: 16px;
  }
}
.c-slider__content .c-slider__slide:first-child .txt-wrapper span.copy {
  opacity: 1;
}
.c-slider__content .c-slider__slide .img {
  -webkit-transform: translate(-110%, 0%) matrix(1, 0, 0, 1, 0, 0);
  transform: translate(-110%, 0%) matrix(1, 0, 0, 1, 0, 0);
  text-align: center;
  -webkit-filter: drop-shadow(-2px 2px 2px #adb5bd);
  filter: drop-shadow(-2px 2px 2px #adb5bd);
}
@media screen and (max-width: 768px) {
  .c-slider__content .c-slider__slide .img {
    margin-bottom: 32px;
  }
}
.c-slider__content .c-slider__slide .txt {
  -webkit-transform: translate(-270%, 0%) matrix(1, 0, 0, 1, 0, 0);
  transform: translate(-270%, 0%) matrix(1, 0, 0, 1, 0, 0);
}
.c-slider__content .c-slider__slide.active {
  position: absolute;
  z-index: 21;
  opacity: 1;
}
.c-slider__content .c-slider__slide.active .img,
.c-slider__content .c-slider__slide.active .txt {
  -webkit-transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
  transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
}
.c-slider__container {
  position: relative;
  min-height: 400px;
  height: auto;
  overflow: hidden;
}
.c-slider__container::after {
  display: block;
  clear: both;
  content: "";
}
@media screen and (max-width: 768px) {
  .c-slider__container {
    min-height: 700px;
  }
}
.c-slider__container .c-slider__slide-content {
  position: relative;
  display: block;
  height: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.c-slider__container .c-slider__slide-content .txt-wrapper {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.c-slider__container .c-slider__slide-content .txt-wrapper span.copy {
  color: #fca664;
  position: relative;
  text-transform: uppercase;
  display: block;
  margin-bottom: 1.5rem;
  opacity: 0;
}
.c-slider__container .c-slider__slide-content .txt-wrapper h2 {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.c-slider__container .c-slider__slide-content .txt-wrapper h2 span {
  display: block;
}
.c-slider__container .c-slider__slide-content .txt-wrapper p {
  color: #736d91;
}
@media screen and (max-width: 768px) {
  .c-slider__container .c-slider__slide-content .txt-wrapper {
    text-align: center;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.c-swiper_tabs {
  width: 100%;
  border-bottom: 1px solid #e9ecef;
}
.c-swiper_tabs .selected {
  width: 100%;
  height: 100%;
  color: #00a5ff !important;
  border-color: #00a5ff !important;
}
.c-swiper_tabs .selected .icon {
  background-color: rgba(185, 230, 255, 0.2) !important;
}
.c-swiper_tabs .selected .icon svg path {
  fill: #00a5ff !important;
}
.c-swiper_tabs .swiper-wrapper {
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}
.c-swiper_tabs .swiper-slide {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  height: auto;
  padding: 24px 0;
  color: #bab7cc;
  text-align: center;
  border-bottom: 4px solid transparent;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  flex-direction: column !important;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .c-swiper_tabs .swiper-slide .title {
    font-size: 14px;
  }
}
.c-swiper_tabs .swiper-slide .icon {
  display: inline-block;
  border-radius: 50%;
  padding: 14px 16px;
  background-color: #e9ecef;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-swiper_tabs .swiper-slide .icon svg,
.c-swiper_tabs .swiper-slide .icon img {
  max-width: 100%;
  margin: 0;
  vertical-align: sub;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.c-swiper_tabs .swiper-slide .icon svg path,
.c-swiper_tabs .swiper-slide .icon img path {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  fill: #bab7cc;
}
.c-swiper_tabs__content {
  width: 100%;
  height: auto;
  position: relative;
}
.c-swiper_tabs__content .c-swiper-arrow {
  position: absolute;
  z-index: 100;
  top: 10%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: inline-block;
  background: transparent url("assets/images/icons/features/purple/arrow.svg")
    no-repeat center center;
  background-size: cover;
}
.c-swiper_tabs__content .c-swiper-arrow:focus {
  outline: none;
}
.c-swiper_tabs__content .c-swiper-arrow.left {
  right: auto;
  left: 10% !important;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 768px) {
  .c-swiper_tabs__content .c-swiper-arrow.left {
    left: 1% !important;
  }
}
.c-swiper_tabs__content .c-swiper-arrow.right {
  right: 10% !important;
  left: auto;
}
@media screen and (max-width: 768px) {
  .c-swiper_tabs__content .c-swiper-arrow.right {
    right: 1% !important;
  }
}
.c-swiper_tabs__content .c-swiper-arrow.disabled {
  opacity: 0;
}
.c-swiper_tabs__content .swiper-slide {
  height: auto;
}
.c-texts-blocks__title {
  margin: 0 0 1rem 0;
}
.c-texts-blocks__text {
  font-size: 0.8889rem;
  margin: 0 0 3rem 0;
}
.e-upgrade-tabs,
.e-signin-tabs {
  position: relative;
}
.e-upgrade-tabs > main,
.e-signin-tabs > main {
  padding-top: 0 !important;
}
.e-upgrade-page.dark,
[class*="e-upgrade-page-"].dark,
.e-upgrade-tabs.dark,
[class*="e-upgrade-tabs-"].dark,
.e-signin-tabs.dark,
[class*="e-signin-tabs-"].dark {
  background-color: #121212;
}
.e-signin-tabs-b {
  position: relative;
}
.e-signin-tabs-b > main {
  padding-top: 0 !important;
}
.e-signin-tabs-b .c-pricing-plans {
  padding: 0;
}
.e-signin-tabs-b .planSelectionContainer {
  padding: 0;
}
.e-signin-tabs-b .planSelect {
  top: 0;
}
.e-signin-tabs-b #js-pricing {
  display: block;
  height: 0;
}
.e-signin-tabs-b .planTableOptions {
  top: 0;
  margin-top: -30px;
}
.e-signin-tabs-b .t-spacer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.e-signin-tabs-b .hdAvail {
  padding: 0;
  border-top: 1px solid #e9ecef;
}
.e-signin-tabs-b .hdAvail > span > div {
  padding-bottom: 24px;
}
.c-upgrade__title {
  text-align: center;
  color: #201849 !important;
}
.c-upgrade__tabs {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 8px 16px;
  z-index: 10;
  background-color: #f5f4f7;
}
.c-upgrade__tabs .swiper-slide {
  padding: 8px 0;
  border: 0;
  font-weight: 500;
  font-size: 14px;
  border-radius: 8px;
}
.c-upgrade__tabs .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}
.c-upgrade__tabs .selected {
  background-color: #284bff;
  color: #fff !important;
  font-weight: 700;
}
.c-upgrade__tabs .selected .blink::after {
  display: none;
}
.c-upgrade__tabs .blink {
  position: relative;
}
.c-upgrade__tabs .blink::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #284bff;
  left: -16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.c-upgrade .c-swiper_tabs {
  border-bottom: 0;
  border-radius: 8px;
  background-color: white;
}
.c-upgrade__content {
  padding-top: 40px !important;
  padding-bottom: 70px !important;
}
.c-upgrade__content .media {
  padding: 0 16px;
}
.c-upgrade__content small {
  font-size: 10px;
  color: #bab7cc;
  margin-bottom: 16px;
  text-align: center;
  display: block;
}
.c-upgrade__content .subtitle {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.c-upgrade__content .description {
  color: #505b7d;
  font-size: 14px;
  margin: 16px;
  text-align: center;
}
.c-upgrade__content .priceB {
  margin: 16px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  color: #000;
}
.c-upgrade__content .priceB small {
  color: #6d7791;
  font-size: 14px;
  display: unset;
}
.c-upgrade__content .card {
  margin: 16px;
  background-color: white;
  border-radius: 16px;
}
.c-upgrade__price {
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 0;
  padding-bottom: 16px;
  background-color: #f5f4f7;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  z-index: 11;
  -webkit-backface-visibility: hidden;
}
.c-upgrade__price .e-button {
  display: block;
  font-size: 14px;
  text-transform: none;
  padding: 14px;
  border-radius: 8px;
}
.c-upgrade__price .price {
  -webkit-box-align: center;
  align-items: center;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  display: none;
  opacity: 0;
}
.c-upgrade__price .price [class^="icon-"],
.c-upgrade__price .price [class*=" icon-"] {
  color: #5a75ff;
}
.c-upgrade__price .price h5 {
  font-size: 14px;
  font-weight: 400;
  color: #6d7791;
  margin: 0;
}
.c-upgrade__price .price p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 110%;
}
.c-upgrade__price .price .promo {
  text-align: center;
  font-size: 14px;
  display: block;
  color: #505b7d;
  background-color: rgba(141, 159, 255, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.c-upgrade__price .price .promo img {
  margin-right: 12px;
  vertical-align: text-top;
}
.c-upgrade__price .price strong {
  font-weight: 900;
}
.c-upgrade__price .price.active {
  display: -webkit-box;
  display: flex;
  opacity: 1;
}
.c-upgrade__price--hide {
  -webkit-transform: translateY(120%);
  transform: translateY(120%);
}
.c-upgrade .e-shadow-image {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.c-upgrade .c-swiper-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: inline-block;
  background: transparent url("assets/images/icons/features/purple/arrow.svg")
    no-repeat center center;
}
.c-upgrade .c-swiper-arrow:focus {
  outline: none;
}
.c-upgrade .c-swiper-arrow.left {
  right: auto;
  left: 8px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.c-upgrade .c-swiper-arrow.right {
  right: 8px;
  left: auto;
}
.c-upgrade .c-swiper-arrow.disabled {
  opacity: 0;
}
.c-upgrade .active-mark {
  background: #ffeb3b;
  width: 25%;
  height: 4px;
  position: absolute;
  left: 0;
  top: 52px;
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
.c-upgrade .swiper-pagination-bullet {
  background-color: #00d42b;
  border-radius: 0;
  box-sizing: border-box;
  color: #0e8927;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: normal;
  opacity: 1;
  height: 56px;
  width: 25%;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transition: font-weight 0.22s ease;
  transition: font-weight 0.22s ease;
}
.c-upgrade
  .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active
  ~ .active-mark {
  left: 0%;
}
.c-upgrade
  .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active
  ~ .active-mark {
  left: 25%;
}
.c-upgrade
  .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active
  ~ .active-mark {
  left: 50%;
}
.c-upgrade
  .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active
  ~ .active-mark {
  left: 75%;
}
.c-upgrade
  .swiper-pagination-bullet:first-of-type.swiper-pagination-bullet-active
  ~ .active-mark {
  left: 0;
}
.c-upgrade .swiper-pagination-bullet-active {
  font-weight: bold;
}
.c-upgrade.dark .subtitle {
  color: #ffffff;
}
.c-upgrade.dark .blink::after {
  background-color: #fff;
}
.c-upgrade.dark .c-upgrade__tabs {
  background-color: #121212;
}
.c-upgrade.dark .c-upgrade__tabs .selected {
  background-color: #4260ff;
}
.c-upgrade.dark .c-swiper_tabs {
  background-color: rgba(90, 117, 255, 0.3);
}
.c-upgrade.dark .c-swiper_tabs .swiper-slide {
  color: #5a75ff;
}
.c-upgrade.dark .card {
  background-color: #212121;
}
.c-upgrade.dark .c-block-list-with-icons--upgrade hr {
  border-top-color: #121212;
}
.c-upgrade.dark .c-block-list-with-icons--upgrade h4 {
  color: #ffffff;
}
.c-upgrade.dark .c-block-list-with-icons--upgrade i {
  background-color: rgba(90, 117, 255, 0.3) !important;
}
.c-upgrade.dark .c-upgrade__price {
  background-color: #121212;
}
.c-upgrade.dark .c-upgrade__price .price p {
  color: #ffffff;
}
.c-upgrade.dark .c-upgrade__price .e-button {
  background-color: #4260ff;
}
.c-upgrade.dark .c-upgrade__price .promo {
  background-color: rgba(141, 159, 255, 0.2);
  color: #b7bccc;
}
@keyframes blink {
  0% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.1;
  }
}
.c-usage-limits-table {
  padding: 0;
  text-align: center;
}
.c-usage-limits-table h3 {
  text-align: left;
  margin: 0;
  font-weight: 800 !important;
  font-size: 1.422em;
  width: 90%;
}
.c-usage-limits-table__list {
  padding: 0;
  margin: 16px auto;
}
.c-usage-limits-table__list-item {
  display: inline-block;
  list-style: none;
  text-align: left;
  padding: 16px 0 0 0;
  width: 100%;
}
.c-usage-limits-table__list-item:last-child {
  border-bottom: 0;
}
.c-usage-limits-table__list-text {
  float: left;
  padding-right: 16px;
  padding-bottom: 16px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  margin: 0;
  font-weight: 300;
  font-size: 0.75rem;
}
.c-usage-limits-table__list-text h3 {
  font-size: 2.5rem;
  font-weight: 800 !important;
  padding: 0;
}
.c-usage-limits-table__list-text.small h3 {
  font-size: 1.777em;
}
.c-usage-limits-table__list-value {
  float: left;
  position: relative;
  width: 33%;
  font-size: 0.75rem;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #284bff;
  position: relative;
  display: block;
  border: 1px solid transparent;
}
.c-usage-limits-table__list-value img {
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 900;
  right: 0;
  opacity: 1;
  -webkit-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
}
.c-usage-limits-table__list-value--noPlus {
  width: 100%;
  text-align: left;
}
.c-usage-limits-table__list-value h3 {
  display: none;
}
.c-usage-limits-table__list-value.small {
  color: #201849;
  font-weight: 700;
  font-size: 1.3em;
}
.c-usage-limits-nb {
  font-weight: 300;
  font-size: 0.875rem;
  text-align: right;
  color: #736d91;
  margin: 0;
}
.c-usage-limits-table__list-value--column-title {
  display: none;
}
.c-usage-limits-table__list-value--column-title.disabled {
  color: #bab7cc !important;
}
.c-usage-limits-table__list-value--column-title.disabled h3 {
  color: #bab7cc !important;
  position: relative;
}
.c-usage-limits-table__list-value--column-title.disabled h3:before {
  content: "Non attivo";
  position: absolute;
  bottom: -12px;
  right: 0;
  display: block;
  font-weight: 400;
  font-size: 11px;
}
.c-usage-limits-table__list-value--start {
  position: relative;
}
.c-usage-limits-table__list-value--start:before {
  position: relative;
  color: #1b143c;
  display: block;
}
.c-usage-limits-table__list-value--plus {
  color: #bab7cc;
  position: relative;
}
.c-usage-limits-table__list-value--plus:before {
  position: relative;
  color: #bab7cc;
  display: block;
}
.c-usage-limits-table__list-value--premium {
  position: relative;
}
.c-usage-limits-table__list-value--premium:before {
  position: relative;
  color: #1b143c;
  display: block;
}
.c-usage-limits-table__list-value--next {
  position: relative;
  background-color: rgba(90, 117, 255, 0.1);
}
.c-usage-limits-table__list-value--next:before {
  position: relative;
  color: #1b143c;
  display: block;
}
@media screen and (min-width: 60em) {
  .c-usage-limits-table {
    padding: 80px 0;
  }
  .c-usage-limits-table__list-item {
    display: -webkit-box;
    display: flex;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .c-usage-limits-table__list-item.top {
    padding: 16px 0 0 0;
  }
  .c-usage-limits-table__list-value {
    width: 15%;
    text-align: right;
    padding: 0;
    height: auto;
    line-height: inherit;
    border: 0 !important;
    font-size: 1rem;
  }
  .c-usage-limits-table__list-value h3 {
    display: block;
    text-align: center;
  }
  .c-usage-limits-table__list-value--noPlus {
    width: 30%;
  }
  .c-usage-limits-table__list-text {
    width: 70%;
    padding-right: 48px;
    padding-bottom: 0;
    text-align: left;
    font-size: 1rem;
  }
  .c-usage-limits-table__list-value--column-title {
    display: block;
  }
  .c-usage-limits-table__list-value--column-title h3 {
    text-align: right;
    font-size: 1.5rem;
    color: #000;
    width: 100%;
  }
  .c-usage-limits-table__list-value--premium:before,
  .c-usage-limits-table__list-value--next:before,
  .c-usage-limits-table__list-value--plus:before,
  .c-usage-limits-table__list-value--start:before {
    display: none;
  }
  .c-usage-limits-table__list-value--next {
    background-color: unset;
  }
}
@-webkit-keyframes c-modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes c-modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.c-video.hidden {
  display: none;
}
.c-youtube-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  background: #000;
  margin: 0;
}
.c-youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}
.button {
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.button:hover {
  fill: white;
}
@media screen and (min-width: 48em) {
  .c-video {
    position: fixed;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 16%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 20, 60, 0.7);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: c-modal-video;
    animation-name: c-modal-video;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .c-video.hidden {
    display: none;
  }
  .c-video.open {
    display: -webkit-box;
    display: flex;
  }
  .c-video.pink {
    padding: 0 30% !important;
  }
  .c-video.pink .c-video__body {
    padding-bottom: 100% !important;
  }
  .c-video__body {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
    margin: 0;
  }
  .c-video iframe,
  .c-video object,
  .c-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .c-video__close {
    color: #ffffff;
    font-size: 37px;
    top: -6%;
    height: 34px;
    line-height: 0;
    position: absolute;
    font-weight: bold;
    z-index: 99999;
    left: 101%;
    display: block;
    background: transparent;
    border: transparent;
  }
  .c-video__close:hover,
  .c-video__close:focus {
    color: #00a5ff;
    text-decoration: none;
    cursor: pointer;
    background: none !important;
    box-shadow: none;
    outline: none;
    border: none;
  }
  .c-video-mobile {
    display: none;
  }
}
.c-bg__wave {
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: none;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
#wave-blue {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  #wave-blue,
  #path-blue {
    display: none;
  }
}
.e-documentation-dots .c-logo--dots {
  display: block;
  width: 84px;
  height: 24px;
  margin: 8px auto;
  background: url("images/dots_logo.svg") no-repeat;
  background-size: contain;
  text-indent: -9999px;
}
@media screen and (min-width: 60em) {
  .e-documentation-dots .c-logo--dots {
    margin: 8px;
  }
}
.e-documentation-dots .c-page-content {
  padding-top: 68px;
  padding-bottom: 0;
}
@media screen and (min-width: 60em) {
  .e-documentation-dots .c-page-content {
    padding-top: 128px;
    padding-bottom: 80px;
  }
}
.e-documentation-dots .c-page-content h1 {
  font-family:
    "gotham", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #e63888;
}
.e-documentation-dots .e-button--dots {
  font-family:
    "gotham", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  background-color: #171c8f;
  border-radius: 120px;
  width: 100%;
  height: 52px;
  color: #ffffff;
}
@media screen and (min-width: 60em) {
  .e-documentation-dots .e-button--dots {
    width: 120px;
    height: 40px;
  }
}
.e-documentation-dots .c-documentation-table__list-item {
  border-color: #d8d8d8;
}
.e-documentation-dots .c-documentation-table__list-item p {
  font-family:
    "gotham", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  font-size: 20px;
  color: #282828;
}
@media screen and (min-width: 60em) {
  .e-documentation-dots .c-documentation-table__list-item p {
    font-size: 24px;
  }
}
.e-documentation-dots .c-footer__copyright {
  font-family:
    "gotham", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  font-size: 12px;
  color: #171c8f;
}

.font--normal {
  font-weight: normal;
}