@charset "UTF-8";
html, body {
    width: 100%;
    border: 0;
    font-family: "Helvetica-Neue","Helvetica",Arial,sans-serif;
    color: #FFF;
    margin: 0;
    padding: 0; }

div, span, object, iframe, img, table, caption, thead, tbody, tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu, nav, footer, header, section, summary, mark, audio, video {
    border: 0;
    margin: 0;
    padding: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, code, del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, legend, label {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0; }

div, main, article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
    display: block; }

table {
    border-collapse: separate;
    border-spacing: 0; }

table caption, table th, table td {
    text-align: left;
    vertical-align: middle; }

a img {
    border: 0; }

img {
    max-width: 100%;
    height: auto; }

a {
    text-decoration: none; }

ul, li {
    list-style-type: none;
    line-height: 1; }

:focus {
    outline: 0; }

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

@font-face {
    font-family: 'Rogan-Thin';
    src: local("â˜º"), url("../fonts/Rogan-Thin.woff") format("woff");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'Rogan-Light';
    src: local("â˜º"), url("../fonts/Rogan-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'Rogan-Regular';
    src: local("â˜º"), url("../fonts/Rogan-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'Rogan-Medium';
    src: local("â˜º"), url("../fonts/Rogan-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'Rogan-Bold';
    src: local("â˜º"), url("../fonts/Rogan-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'fontello';
    src: local("â˜º"), url("../icons/fontello.woff") format("woff");
    font-weight: normal;
    font-style: normal; }

.ic-btc {
    background: url("../icons/ic/ic-btc.png") center no-repeat;
    background-size: contain; }

.ic-eth {
    background: url("../icons/ic/ic-eth.png") center no-repeat;
    background-size: contain; }

.ic-ust {
    background: url("../icons/ic/ic-ust.png") center no-repeat;
    background-size: contain; }

.ic-trx {
    background: url("../icons/ic/ic-trx.png") center no-repeat;
    background-size: contain; }

.ic-xrp {
    background: url("../icons/ic/ic-xrp.png") center no-repeat;
    background-size: contain; }

.ic-message {
    background: url("../icons/ic/ic-message.png") center no-repeat;
    background-size: contain; }

i.icon {
    font-style: normal; }

.icon:before,
[class^='icon-']:before,
[class*=' icon-']:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.icon-horn:before {
    content: '\e800'; }

.icon-vault:before {
    content: '\e801'; }

.icon-credit-card:before {
    content: '\e802'; }

.icon-customer:before {
    content: '\e803'; }

.icon-dashboard:before {
    content: '\e804'; }

.icon-headphones:before {
    content: '\e805'; }

.icon-exit:before {
    content: '\e806'; }

.icon-copy:before {
    content: '\e807'; }

.icon-down:before {
    content: '\e808'; }

.icon-left:before {
    content: '\e809'; }

.icon-logout:before {
    content: '\e80a'; }

.icon-military-rank:before {
    content: '\e80b'; }

.icon-settings:before {
    content: '\e80c'; }

.icon-bar-chart:before {
    content: '\e80d'; }

.icon-right:before {
    content: '\e80e'; }

.icon-up:before {
    content: '\e80f'; }

.icon-line-chart:before {
    content: '\e810'; }

.icon-info:before {
    content: '\e811'; }

.icon-equalizer:before {
    content: '\e812'; }

.icon-calendar:before {
    content: '\e813'; }

.icon-cash:before {
    content: '\e814'; }

.icon-return:before {
    content: '\e815'; }

.icon-mail:before {
    content: '\e816'; }

.icon-cog:before {
    content: '\e817'; }

.icon-viber:before {
    content: '\e818'; }

.icon-lock:before {
    content: '\e819'; }

.icon-paper-plane:before {
    content: '\e81a'; }

.icon-whatsapp:before {
    content: '\e81b'; }

.icon-growth:before {
    content: '\e81c'; }

.icon-roundabout:before {
    content: '\e81d'; }

.icon-chat:before {
    content: '\e81e'; }

.icon-calend:before {
    content: '\e81f'; }

.icon-send:before {
    content: '\e820'; }

.icon-login:before {
    content: '\e821'; }

.icon-envelope-text:before {
    content: '\e83c'; }

.icon-exclamation:before {
    content: '\e885'; }

.icon-check:before {
    content: '\e886'; }

.icon-icon-info:before {
    content: '\e887'; }

.icon-cross:before {
    content: '\e888'; }

.icon-tw:before {
    content: '\f099'; }

.icon-mail-alt:before {
    content: '\f0e0'; }

.icon-yt:before {
    content: '\f16a'; }

.icon-fb-rect:before {
    content: '\f301'; }

.btn-limpid {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #a4b3c5;
    text-align: center;
    border: 1px solid #a4b3c5;
    background-color: transparent;
    border-radius: 10px;
    padding: 13px 16px;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.btn-limpid:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-radius: 10px;
    background-color: #33c474;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 0; }
.btn-limpid i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 20px;
    font-size: 26px;
    margin-right: 16px;
    z-index: 1; }
.btn-limpid span {
    display: inline-block;
    position: relative;
    z-index: 1; }
.btn-limpid:hover {
    color: #ffffff;
    border-color: transparent; }
.btn-limpid:hover:before {
    width: 110%;
    height: 110%; }
.btn-limpid:disabled, .btn-limpid.disabled {
    opacity: 0.5;
    pointer-events: none; }

.main-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #ffffff;
    text-align: center;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 10px;
    padding: 13px 16px;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.main-btn:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110%;
    height: 110%;
    border-radius: 10px;
    background-color: #33c474;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 0; }
.main-btn i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 20px;
    font-size: 26px;
    margin-right: 16px;
    z-index: 1; }
.main-btn span {
    display: inline-block;
    position: relative;
    z-index: 1; }
.main-btn:hover {
    color: #33c474;
    border-color: #33c474; }
.main-btn:hover:before {
    width: 0;
    height: 0; }
.main-btn:disabled, .main-btn.disabled {
    opacity: 0.5;
    pointer-events: none; }

.main-btn-tr {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #ffffff;
    text-align: center;
    border: 1px solid #33c474;
    background-color: transparent;
    border-radius: 10px;
    padding: 13px 16px;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.main-btn-tr:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-radius: 10px;
    background-color: #33c474;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 0; }
.main-btn-tr i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 20px;
    font-size: 26px;
    margin-right: 16px;
    z-index: 1; }
.main-btn-tr span {
    display: inline-block;
    position: relative;
    z-index: 1; }
.main-btn-tr:hover {
    color: #ffffff;
    border-color: transparent; }
.main-btn-tr:hover:before {
    width: 110%;
    height: 110%; }
.main-btn-tr:disabled, .main-btn-tr.disabled {
    opacity: 0.5;
    pointer-events: none; }

.main-btn-bs {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #ffffff;
    text-align: center;
    border: 0;
    background-color: #33c474;
    -webkit-box-shadow: 0 0 32px -5px #33c474;
    box-shadow: 0 0 32px -5px #33c474;
    border-radius: 10px;
    padding: 13px 16px;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.main-btn-bs i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 20px;
    font-size: 26px;
    margin-right: 16px;
    z-index: 1; }
.main-btn-bs span {
    display: inline-block;
    position: relative;
    z-index: 1; }
.main-btn-bs:hover {
    -webkit-box-shadow: 0 0 32px -5px transparent;
    box-shadow: 0 0 32px -5px transparent; }
.main-btn-bs:disabled, .main-btn-bs.disabled {
    opacity: 0.5;
    pointer-events: none; }

.negative-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #fc2f3e; }
.negative-link:hover {
    text-decoration: underline; }

.btn-promo .view-text {
    display: inline-block; }

.btn-promo .hide-text {
    display: none; }

.btn-promo.active .view-text {
    display: none; }

.btn-promo.active .hide-text {
    display: inline-block; }

.flag {
    display: inline-block;
    width: 40px;
    height: 27px;
    background-size: 100% !important; }

.flag.afg {
    background: url("../images/flags/afg.svg") center no-repeat; }

.flag.alb {
    background: url("../images/flags/alb.svg") center no-repeat; }

.flag.dza {
    background: url("../images/flags/dza.svg") center no-repeat; }

.flag.asm {
    background: url("../images/flags/asm.svg") center no-repeat; }

.flag.and {
    background: url("../images/flags/and.svg") center no-repeat; }

.flag.ago {
    background: url("../images/flags/ago.svg") center no-repeat; }

.flag.aia {
    background: url("../images/flags/aia.svg") center no-repeat; }

.flag.ata {
    background: url("../images/flags/ata.svg") center no-repeat; }

.flag.atg {
    background: url("../images/flags/atg.svg") center no-repeat; }

.flag.arg {
    background: url("../images/flags/arg.svg") center no-repeat; }

.flag.arm {
    background: url("../images/flags/arm.svg") center no-repeat; }

.flag.abw {
    background: url("../images/flags/abw.svg") center no-repeat; }

.flag.aus {
    background: url("../images/flags/aus.svg") center no-repeat; }

.flag.aut {
    background: url("../images/flags/aut.svg") center no-repeat; }

.flag.aze {
    background: url("../images/flags/aze.svg") center no-repeat; }

.flag.bhs {
    background: url("../images/flags/bhs.svg") center no-repeat; }

.flag.bhr {
    background: url("../images/flags/bhr.svg") center no-repeat; }

.flag.bgd {
    background: url("../images/flags/bgd.svg") center no-repeat; }

.flag.brb {
    background: url("../images/flags/brb.svg") center no-repeat; }

.flag.blr {
    background: url("../images/flags/blr.svg") center no-repeat; }

.flag.bel {
    background: url("../images/flags/bel.svg") center no-repeat; }

.flag.blz {
    background: url("../images/flags/blz.svg") center no-repeat; }

.flag.ben {
    background: url("../images/flags/ben.svg") center no-repeat; }

.flag.bmu {
    background: url("../images/flags/bmu.svg") center no-repeat; }

.flag.btn {
    background: url("../images/flags/btn.svg") center no-repeat; }

.flag.bol {
    background: url("../images/flags/bol.svg") center no-repeat; }

.flag.bih {
    background: url("../images/flags/bih.svg") center no-repeat; }

.flag.bwa {
    background: url("../images/flags/bwa.svg") center no-repeat; }

.flag.bvt {
    background: url("../images/flags/bvt.svg") center no-repeat; }

.flag.bra {
    background: url("../images/flags/bra.svg") center no-repeat; }

.flag.iot {
    background: url("../images/flags/iot.svg") center no-repeat; }

.flag.vgb {
    background: url("../images/flags/vgb.svg") center no-repeat; }

.flag.brn {
    background: url("../images/flags/brn.svg") center no-repeat; }

.flag.bgr {
    background: url("../images/flags/bgr.svg") center no-repeat; }

.flag.bfa {
    background: url("../images/flags/bfa.svg") center no-repeat; }

.flag.bdi {
    background: url("../images/flags/bdi.svg") center no-repeat; }

.flag.khm {
    background: url("../images/flags/khm.svg") center no-repeat; }

.flag.cmr {
    background: url("../images/flags/cmr.svg") center no-repeat; }

.flag.can {
    background: url("../images/flags/can.svg") center no-repeat; }

.flag.cpv {
    background: url("../images/flags/cpv.svg") center no-repeat; }

.flag.bes {
    background: url("../images/flags/bes.svg") center no-repeat; }

.flag.cym {
    background: url("../images/flags/cym.svg") center no-repeat; }

.flag.caf {
    background: url("../images/flags/caf.svg") center no-repeat; }

.flag.tcd {
    background: url("../images/flags/tcd.svg") center no-repeat; }

.flag.chl {
    background: url("../images/flags/chl.svg") center no-repeat; }

.flag.chn {
    background: url("../images/flags/chn.svg") center no-repeat; }

.flag.cxr {
    background: url("../images/flags/cxr.svg") center no-repeat; }

.flag.cck {
    background: url("../images/flags/cck.svg") center no-repeat; }

.flag.col {
    background: url("../images/flags/col.svg") center no-repeat; }

.flag.com {
    background: url("../images/flags/com.svg") center no-repeat; }

.flag.cok {
    background: url("../images/flags/cok.svg") center no-repeat; }

.flag.cri {
    background: url("../images/flags/cri.svg") center no-repeat; }

.flag.hrv {
    background: url("../images/flags/hrv.svg") center no-repeat; }

.flag.cub {
    background: url("../images/flags/cub.svg") center no-repeat; }

.flag.cuw {
    background: url("../images/flags/cuw.svg") center no-repeat; }

.flag.cyp {
    background: url("../images/flags/cyp.svg") center no-repeat; }

.flag.cze {
    background: url("../images/flags/cze.svg") center no-repeat; }

.flag.cod {
    background: url("../images/flags/cod.svg") center no-repeat; }

.flag.dnk {
    background: url("../images/flags/dnk.svg") center no-repeat; }

.flag.dji {
    background: url("../images/flags/dji.svg") center no-repeat; }

.flag.dma {
    background: url("../images/flags/dma.svg") center no-repeat; }

.flag.dom {
    background: url("../images/flags/dom.svg") center no-repeat; }

.flag.ecu {
    background: url("../images/flags/ecu.svg") center no-repeat; }

.flag.egy {
    background: url("../images/flags/egy.svg") center no-repeat; }

.flag.slv {
    background: url("../images/flags/slv.svg") center no-repeat; }

.flag.gnq {
    background: url("../images/flags/gnq.svg") center no-repeat; }

.flag.eri {
    background: url("../images/flags/eri.svg") center no-repeat; }

.flag.est {
    background: url("../images/flags/est.svg") center no-repeat; }

.flag.swz {
    background: url("../images/flags/swz.svg") center no-repeat; }

.flag.eth {
    background: url("../images/flags/eth.svg") center no-repeat; }

.flag.flk {
    background: url("../images/flags/flk.svg") center no-repeat; }

.flag.fro {
    background: url("../images/flags/fro.svg") center no-repeat; }

.flag.fji {
    background: url("../images/flags/fji.svg") center no-repeat; }

.flag.fin {
    background: url("../images/flags/fin.svg") center no-repeat; }

.flag.fra {
    background: url("../images/flags/fra.svg") center no-repeat; }

.flag.guf {
    background: url("../images/flags/guf.svg") center no-repeat; }

.flag.pyf {
    background: url("../images/flags/pyf.svg") center no-repeat; }

.flag.atf {
    background: url("../images/flags/atf.svg") center no-repeat; }

.flag.gab {
    background: url("../images/flags/gab.svg") center no-repeat; }

.flag.gmb {
    background: url("../images/flags/gmb.svg") center no-repeat; }

.flag.geo {
    background: url("../images/flags/geo.svg") center no-repeat; }

.flag.deu {
    background: url("../images/flags/deu.svg") center no-repeat; }

.flag.gha {
    background: url("../images/flags/gha.svg") center no-repeat; }

.flag.gib {
    background: url("../images/flags/gib.svg") center no-repeat; }

.flag.grc {
    background: url("../images/flags/grc.svg") center no-repeat; }

.flag.grl {
    background: url("../images/flags/grl.svg") center no-repeat; }

.flag.grd {
    background: url("../images/flags/grd.svg") center no-repeat; }

.flag.glp {
    background: url("../images/flags/glp.svg") center no-repeat; }

.flag.gum {
    background: url("../images/flags/gum.svg") center no-repeat; }

.flag.gtm {
    background: url("../images/flags/gtm.svg") center no-repeat; }

.flag.ggy {
    background: url("../images/flags/ggy.svg") center no-repeat; }

.flag.gin {
    background: url("../images/flags/gin.svg") center no-repeat; }

.flag.gnb {
    background: url("../images/flags/gnb.svg") center no-repeat; }

.flag.guy {
    background: url("../images/flags/guy.svg") center no-repeat; }

.flag.hti {
    background: url("../images/flags/hti.svg") center no-repeat; }

.flag.hmd {
    background: url("../images/flags/hmd.svg") center no-repeat; }

.flag.hnd {
    background: url("../images/flags/hnd.svg") center no-repeat; }

.flag.hkg {
    background: url("../images/flags/hkg.svg") center no-repeat; }

.flag.hun {
    background: url("../images/flags/hun.svg") center no-repeat; }

.flag.isl {
    background: url("../images/flags/isl.svg") center no-repeat; }

.flag.ind {
    background: url("../images/flags/ind.svg") center no-repeat; }

.flag.idn {
    background: url("../images/flags/idn.svg") center no-repeat; }

.flag.irn {
    background: url("../images/flags/irn.svg") center no-repeat; }

.flag.irq {
    background: url("../images/flags/irq.svg") center no-repeat; }

.flag.irl {
    background: url("../images/flags/irl.svg") center no-repeat; }

.flag.imn {
    background: url("../images/flags/imn.svg") center no-repeat; }

.flag.isr {
    background: url("../images/flags/isr.svg") center no-repeat; }

.flag.ita {
    background: url("../images/flags/ita.svg") center no-repeat; }

.flag.civ {
    background: url("../images/flags/civ.svg") center no-repeat; }

.flag.jam {
    background: url("../images/flags/jam.svg") center no-repeat; }

.flag.jpn {
    background: url("../images/flags/jpn.svg") center no-repeat; }

.flag.jey {
    background: url("../images/flags/jey.svg") center no-repeat; }

.flag.jor {
    background: url("../images/flags/jor.svg") center no-repeat; }

.flag.kaz {
    background: url("../images/flags/kaz.svg") center no-repeat; }

.flag.ken {
    background: url("../images/flags/ken.svg") center no-repeat; }

.flag.kir {
    background: url("../images/flags/kir.svg") center no-repeat; }

.flag.unk {
    background: url("../images/flags/unk.svg") center no-repeat; }

.flag.kwt {
    background: url("../images/flags/kwt.svg") center no-repeat; }

.flag.kgz {
    background: url("../images/flags/kgz.svg") center no-repeat; }

.flag.lao {
    background: url("../images/flags/lao.svg") center no-repeat; }

.flag.lva {
    background: url("../images/flags/lva.svg") center no-repeat; }

.flag.lbn {
    background: url("../images/flags/lbn.svg") center no-repeat; }

.flag.lso {
    background: url("../images/flags/lso.svg") center no-repeat; }

.flag.lbr {
    background: url("../images/flags/lbr.svg") center no-repeat; }

.flag.lby {
    background: url("../images/flags/lby.svg") center no-repeat; }

.flag.lie {
    background: url("../images/flags/lie.svg") center no-repeat; }

.flag.ltu {
    background: url("../images/flags/ltu.svg") center no-repeat; }

.flag.lux {
    background: url("../images/flags/lux.svg") center no-repeat; }

.flag.mac {
    background: url("../images/flags/mac.svg") center no-repeat; }

.flag.mdg {
    background: url("../images/flags/mdg.svg") center no-repeat; }

.flag.mwi {
    background: url("../images/flags/mwi.svg") center no-repeat; }

.flag.mys {
    background: url("../images/flags/mys.svg") center no-repeat; }

.flag.mdv {
    background: url("../images/flags/mdv.svg") center no-repeat; }

.flag.mli {
    background: url("../images/flags/mli.svg") center no-repeat; }

.flag.mlt {
    background: url("../images/flags/mlt.svg") center no-repeat; }

.flag.mhl {
    background: url("../images/flags/mhl.svg") center no-repeat; }

.flag.mtq {
    background: url("../images/flags/mtq.svg") center no-repeat; }

.flag.mrt {
    background: url("../images/flags/mrt.svg") center no-repeat; }

.flag.mus {
    background: url("../images/flags/mus.svg") center no-repeat; }

.flag.myt {
    background: url("../images/flags/myt.svg") center no-repeat; }

.flag.mex {
    background: url("../images/flags/mex.svg") center no-repeat; }

.flag.fsm {
    background: url("../images/flags/fsm.svg") center no-repeat; }

.flag.mda {
    background: url("../images/flags/mda.svg") center no-repeat; }

.flag.mco {
    background: url("../images/flags/mco.svg") center no-repeat; }

.flag.mng {
    background: url("../images/flags/mng.svg") center no-repeat; }

.flag.mne {
    background: url("../images/flags/mne.svg") center no-repeat; }

.flag.msr {
    background: url("../images/flags/msr.svg") center no-repeat; }

.flag.mar {
    background: url("../images/flags/mar.svg") center no-repeat; }

.flag.moz {
    background: url("../images/flags/moz.svg") center no-repeat; }

.flag.mmr {
    background: url("../images/flags/mmr.svg") center no-repeat; }

.flag.nam {
    background: url("../images/flags/nam.svg") center no-repeat; }

.flag.nru {
    background: url("../images/flags/nru.svg") center no-repeat; }

.flag.npl {
    background: url("../images/flags/npl.svg") center no-repeat; }

.flag.nld {
    background: url("../images/flags/nld.svg") center no-repeat; }

.flag.ncl {
    background: url("../images/flags/ncl.svg") center no-repeat; }

.flag.nzl {
    background: url("../images/flags/nzl.svg") center no-repeat; }

.flag.nic {
    background: url("../images/flags/nic.svg") center no-repeat; }

.flag.ner {
    background: url("../images/flags/ner.svg") center no-repeat; }

.flag.nga {
    background: url("../images/flags/nga.svg") center no-repeat; }

.flag.niu {
    background: url("../images/flags/niu.svg") center no-repeat; }

.flag.nfk {
    background: url("../images/flags/nfk.svg") center no-repeat; }

.flag.prk {
    background: url("../images/flags/prk.svg") center no-repeat; }

.flag.mkd {
    background: url("../images/flags/mkd.svg") center no-repeat; }

.flag.mnp {
    background: url("../images/flags/mnp.svg") center no-repeat; }

.flag.nor {
    background: url("../images/flags/nor.svg") center no-repeat; }

.flag.omn {
    background: url("../images/flags/omn.svg") center no-repeat; }

.flag.pak {
    background: url("../images/flags/pak.svg") center no-repeat; }

.flag.plw {
    background: url("../images/flags/plw.svg") center no-repeat; }

.flag.pse {
    background: url("../images/flags/pse.svg") center no-repeat; }

.flag.pan {
    background: url("../images/flags/pan.svg") center no-repeat; }

.flag.png {
    background: url("../images/flags/png.svg") center no-repeat; }

.flag.pry {
    background: url("../images/flags/pry.svg") center no-repeat; }

.flag.per {
    background: url("../images/flags/per.svg") center no-repeat; }

.flag.phl {
    background: url("../images/flags/phl.svg") center no-repeat; }

.flag.pcn {
    background: url("../images/flags/pcn.svg") center no-repeat; }

.flag.pol {
    background: url("../images/flags/pol.svg") center no-repeat; }

.flag.prt {
    background: url("../images/flags/prt.svg") center no-repeat; }

.flag.pri {
    background: url("../images/flags/pri.svg") center no-repeat; }

.flag.qat {
    background: url("../images/flags/qat.svg") center no-repeat; }

.flag.cog {
    background: url("../images/flags/cog.svg") center no-repeat; }

.flag.rou {
    background: url("../images/flags/rou.svg") center no-repeat; }

.flag.rus {
    background: url("../images/flags/rus.svg") center no-repeat; }

.flag.rwa {
    background: url("../images/flags/rwa.svg") center no-repeat; }

.flag.reu {
    background: url("../images/flags/reu.svg") center no-repeat; }

.flag.blm {
    background: url("../images/flags/blm.svg") center no-repeat; }

.flag.shn {
    background: url("../images/flags/shn.svg") center no-repeat; }

.flag.kna {
    background: url("../images/flags/kna.svg") center no-repeat; }

.flag.lca {
    background: url("../images/flags/lca.svg") center no-repeat; }

.flag.maf {
    background: url("../images/flags/maf.svg") center no-repeat; }

.flag.spm {
    background: url("../images/flags/spm.svg") center no-repeat; }

.flag.vct {
    background: url("../images/flags/vct.svg") center no-repeat; }

.flag.wsm {
    background: url("../images/flags/wsm.svg") center no-repeat; }

.flag.smr {
    background: url("../images/flags/smr.svg") center no-repeat; }

.flag.sau {
    background: url("../images/flags/sau.svg") center no-repeat; }

.flag.sen {
    background: url("../images/flags/sen.svg") center no-repeat; }

.flag.srb {
    background: url("../images/flags/srb.svg") center no-repeat; }

.flag.syc {
    background: url("../images/flags/syc.svg") center no-repeat; }

.flag.sle {
    background: url("../images/flags/sle.svg") center no-repeat; }

.flag.sgp {
    background: url("../images/flags/sgp.svg") center no-repeat; }

.flag.sxm {
    background: url("../images/flags/sxm.svg") center no-repeat; }

.flag.svk {
    background: url("../images/flags/svk.svg") center no-repeat; }

.flag.svn {
    background: url("../images/flags/svn.svg") center no-repeat; }

.flag.slb {
    background: url("../images/flags/slb.svg") center no-repeat; }

.flag.som {
    background: url("../images/flags/som.svg") center no-repeat; }

.flag.zaf {
    background: url("../images/flags/zaf.svg") center no-repeat; }

.flag.sgs {
    background: url("../images/flags/sgs.svg") center no-repeat; }

.flag.kor {
    background: url("../images/flags/kor.svg") center no-repeat; }

.flag.ssd {
    background: url("../images/flags/ssd.svg") center no-repeat; }

.flag.esp {
    background: url("../images/flags/esp.svg") center no-repeat; }

.flag.lka {
    background: url("../images/flags/lka.svg") center no-repeat; }

.flag.sdn {
    background: url("../images/flags/sdn.svg") center no-repeat; }

.flag.sur {
    background: url("../images/flags/sur.svg") center no-repeat; }

.flag.sjm {
    background: url("../images/flags/sjm.svg") center no-repeat; }

.flag.swe {
    background: url("../images/flags/swe.svg") center no-repeat; }

.flag.che {
    background: url("../images/flags/che.svg") center no-repeat; }

.flag.syr {
    background: url("../images/flags/syr.svg") center no-repeat; }

.flag.stp {
    background: url("../images/flags/stp.svg") center no-repeat; }

.flag.twn {
    background: url("../images/flags/twn.svg") center no-repeat; }

.flag.tjk {
    background: url("../images/flags/tjk.svg") center no-repeat; }

.flag.tza {
    background: url("../images/flags/tza.svg") center no-repeat; }

.flag.tha {
    background: url("../images/flags/tha.svg") center no-repeat; }

.flag.tls {
    background: url("../images/flags/tls.svg") center no-repeat; }

.flag.tgo {
    background: url("../images/flags/tgo.svg") center no-repeat; }

.flag.tkl {
    background: url("../images/flags/tkl.svg") center no-repeat; }

.flag.ton {
    background: url("../images/flags/ton.svg") center no-repeat; }

.flag.tto {
    background: url("../images/flags/tto.svg") center no-repeat; }

.flag.tun {
    background: url("../images/flags/tun.svg") center no-repeat; }

.flag.tur {
    background: url("../images/flags/tur.svg") center no-repeat; }

.flag.tkm {
    background: url("../images/flags/tkm.svg") center no-repeat; }

.flag.tca {
    background: url("../images/flags/tca.svg") center no-repeat; }

.flag.tuv {
    background: url("../images/flags/tuv.svg") center no-repeat; }

.flag.uga {
    background: url("../images/flags/uga.svg") center no-repeat; }

.flag.ukr {
    background: url("../images/flags/ukr.svg") center no-repeat; }

.flag.are {
    background: url("../images/flags/are.svg") center no-repeat; }

.flag.gbr {
    background: url("../images/flags/gbr.svg") center no-repeat; }

.flag.usa {
    background: url("../images/flags/usa.svg") center no-repeat;
    background-size: cover !important; }

.flag.umi {
    background: url("../images/flags/umi.svg") center no-repeat; }

.flag.vir {
    background: url("../images/flags/vir.svg") center no-repeat; }

.flag.ury {
    background: url("../images/flags/ury.svg") center no-repeat; }

.flag.uzb {
    background: url("../images/flags/uzb.svg") center no-repeat; }

.flag.vut {
    background: url("../images/flags/vut.svg") center no-repeat; }

.flag.vat {
    background: url("../images/flags/vat.svg") center no-repeat; }

.flag.ven {
    background: url("../images/flags/ven.svg") center no-repeat; }

.flag.vnm {
    background: url("../images/flags/vnm.svg") center no-repeat; }

.flag.wlf {
    background: url("../images/flags/wlf.svg") center no-repeat; }

.flag.esh {
    background: url("../images/flags/esh.svg") center no-repeat; }

.flag.yem {
    background: url("../images/flags/yem.svg") center no-repeat; }

.flag.zmb {
    background: url("../images/flags/zmb.svg") center no-repeat; }

.flag.zwe {
    background: url("../images/flags/zwe.svg") center no-repeat; }

.flag.ala {
    background: url("../images/flags/ala.svg") center no-repeat; }

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99; }
.modal .scroll-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    width: 100%;
    padding: 30px 16px;
    overflow-y: auto;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.modal .cross {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    border: 0;
    background-color: transparent;
    opacity: 0.5;
    cursor: pointer;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.modal .cross:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background-color: #ffffff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.modal .cross:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background-color: #ffffff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.modal .cross:hover {
    opacity: 1; }
.modal .modal-body {
    display: block;
    position: relative;
    max-width: 450px;
    width: 100%;
    border: 1px solid #354c83;
    background: #17264a;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 29px rgba(29, 20, 62, 0.32);
    box-shadow: 0 0 29px rgba(29, 20, 62, 0.32);
    padding: 40px 32px 32px;
    margin: 0 auto; }
@media screen and (max-width: 640px) {
    .modal .modal-body {
        padding: 40px 16px 32px; } }
.modal .head-modal {
    display: block;
    text-align: center; }
.modal .head-modal .title {
    display: block;
    font: 400 20px/1.3 "Rogan-Regular";
    color: #ffffff; }
.modal .modal-content {
    display: block; }

.support-m .modal-body {
    max-width: 1000px; }

.support-m .head-modal {
    text-align: left; }
.support-m .head-modal .sup-title {
    display: block;
    font: 400 20px/1.3 "Rogan-Regular";
    color: #33c474;
    padding-bottom: 3px; }
@media screen and (max-width: 640px) {
    .support-m .head-modal .sup-title {
        font-size: 16px; } }
.support-m .head-modal .title {
    display: block;
    font: 400 32px/1.3 "Rogan-Regular";
    color: #ffffff; }
@media screen and (max-width: 640px) {
    .support-m .head-modal .title {
        font-size: 24px; } }

.support-m .modal-content {
    padding-top: 32px; }
.support-m .modal-content .flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
@media screen and (max-width: 640px) {
    .support-m .modal-content .flex-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
.support-m .modal-content .flex-row .fieldset {
    width: calc(50% - 22px); }
@media screen and (max-width: 960px) {
    .support-m .modal-content .flex-row .fieldset {
        width: calc(50% - 8px); } }
@media screen and (max-width: 640px) {
    .support-m .modal-content .flex-row .fieldset {
        width: 100%; } }
.support-m .modal-content .fieldset .label {
    padding-bottom: 8px; }
.support-m .modal-content .fieldset .input {
    background-color: #17264a;
    border-color: #52689d; }
.support-m .modal-content .fieldset .input:focus {
    border-color: #33c474; }
.support-m .modal-content .fieldset .textarea {
    height: 190px;
    background-color: #17264a;
    border-color: #52689d; }
.support-m .modal-content .fieldset .textarea:focus {
    border-color: #33c474; }
.support-m .modal-content .foot-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 16px; }
@media screen and (max-width: 640px) {
    .support-m .modal-content .foot-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
.support-m .modal-content .foot-row .block {
    display: block;
    padding-right: 32px; }
@media screen and (max-width: 640px) {
    .support-m .modal-content .foot-row .block {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding: 32px 0 0; } }
.support-m .modal-content .foot-row .block .title {
    display: block;
    font: 400 16px/1.3 "Rogan-Regular";
    color: #ffffff; }
.support-m .modal-content .foot-row .block .cont-list {
    padding-top: 8px; }
.support-m .modal-content .foot-row .btn-block {
    display: block; }
@media screen and (max-width: 640px) {
    .support-m .modal-content .foot-row .btn-block {
        width: 100%; } }
.support-m .modal-content .foot-row .btn-block button, .support-m .modal-content .foot-row .btn-block a {
    min-width: 280px;
    width: 100%;
    font-size: 24px;
    text-transform: uppercase; }

.pin-code {
    display: block; }
.pin-code .pin-field {
    display: block;
    position: relative;
    max-width: 96px;
    height: 16px;
    margin: 32px auto 24px; }
.pin-code .pin-field input {
    display: none; }
.pin-code .pin-field .box-mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 16px; }
.pin-code .pin-field .box-mask span {
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #52689d;
    margin: 0 4px; }
.pin-code .pin-field .box-mask span.active {
    border-color: #ffffff;
    background-color: #ffffff; }
.pin-code .pin-field .box-mask.invalid span {
    -webkit-animation: shake .5s linear;
    animation: shake .5s linear; }
.pin-code .keyboard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 200px;
    width: 100%;
    margin: 0 auto; }
.pin-code .keyboard .btn-keyboard {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    min-width: 60px;
    height: 60px;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #ffffff;
    border-radius: 8px;
    border: 1px solid #52689d;
    background-color: transparent;
    margin: 2px;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
.pin-code .keyboard .btn-keyboard i {
    font-size: 24px; }
.pin-code .keyboard .btn-keyboard:hover {
    border-color: #ffffff;
    -webkit-box-shadow: 0 0 5px #ffffff;
    box-shadow: 0 0 5px #ffffff; }
.pin-code .keyboard .btn-keyboard:active {
    color: #09052d;
    border-color: #ffffff;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0 #ffffff;
    box-shadow: 0 0 0 #ffffff; }
.pin-code .keyboard .btn-ok {
    border-color: #33c474;
    background-color: #33c474; }
.pin-code .keyboard .btn-ok:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
.pin-code .link-row {
    display: block;
    text-align: center;
    padding-top: 16px; }
.pin-code .link-row .link {
    display: inline-block;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #33c474; }
.pin-code .link-row .link:hover {
    text-decoration: underline; }

html {
    overflow-x: hidden; }

body {
    font-family: "Rogan-Regular";
    overflow-x: hidden; }

#outline {
    stroke-dasharray: 2.42777px, 242.77666px;
    stroke-dashoffset: 0;
    -webkit-animation: anim 1.6s linear infinite;
    animation: anim 1.6s linear infinite; }

@-webkit-keyframes anim {
    12.5% {
        stroke-dasharray: 33.98873px, 242.77666px;
        stroke-dashoffset: -26.70543px; }
    43.75% {
        stroke-dasharray: 84.97183px, 242.77666px;
        stroke-dashoffset: -84.97183px; }
    100% {
        stroke-dasharray: 2.42777px, 242.77666px;
        stroke-dashoffset: -240.34889px; } }

@keyframes anim {
    12.5% {
        stroke-dasharray: 33.98873px, 242.77666px;
        stroke-dashoffset: -26.70543px; }
    43.75% {
        stroke-dasharray: 84.97183px, 242.77666px;
        stroke-dashoffset: -84.97183px; }
    100% {
        stroke-dasharray: 2.42777px, 242.77666px;
        stroke-dashoffset: -240.34889px; } }

.fieldset {
    display: block;
    padding-bottom: 24px; }
.fieldset .label {
    display: block;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #93a5bb;
    padding-bottom: 4px; }
@media screen and (max-width: 760px) {
    .fieldset .label {
        font-size: 16px; } }

.fieldset-btn {
    display: block;
    padding-bottom: 24px; }

.input-group {
    display: block;
    position: relative; }
.input-group .input {
    display: block;
    width: 100%;
    font: 400 16px/1 "Rogan-Regular";
    color: #ffffff;
    border-radius: 10px;
    border: 1px solid #52689d;
    background-color: #110d35;
    padding: 15px 16px; }
@media screen and (max-width: 640px) {
    .input-group .input {
        font-size: 16px; } }
.input-group .input:focus {
    border-color: #33c474;
    background-color: #09052d;
    -webkit-box-shadow: 0 0 5px #33c474;
    box-shadow: 0 0 5px #33c474; }
.input-group .input:disabled {
    opacity: 0.5; }
.input-group .all-out {
    display: inline-block;
    font: 400 14px/1.2 "Rogan-Regular";
    color: #26bf60;
    background-color: transparent;
    border: 0;
    cursor: pointer; }
.input-group .all-out:hover {
    text-decoration: underline; }
.input-group .textarea {
    display: block;
    width: 100%;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #ffffff;
    border-radius: 10px;
    border: 1px solid #514a81;
    background-color: #09052d;
    padding: 16px;
    resize: none; }
@media screen and (max-width: 640px) {
    .input-group .textarea {
        font-size: 16px; } }
.input-group .icon-wall {
    position: absolute;
    top: 12px;
    left: 16px;
    width: 32px;
    height: 32px; }
.input-group .icon-cont {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 32px;
    font-size: 22px;
    color: #33c474;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
.input-group .icon-cont.icon-mail {
    margin-top: -2px; }
.input-group .error-data {
    display: none;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font: 400 14px/1.3 "Rogan-Regular";
    color: #dd6064;
    padding: 4px 0 0; }
.input-group.invalid-data .input {
    color: #dd6064;
    border-color: #dd6064;
    background-color: #09052d;
    -webkit-box-shadow: 0 0 5px #dd6064;
    box-shadow: 0 0 5px #dd6064; }
.input-group.invalid-data .error-data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
.input-group.valid-data .input {
    border-color: #33c474;
    -webkit-box-shadow: 0 0 5px #33c474;
    box-shadow: 0 0 5px #33c474; }
.input-group.disabled input {
    background-color: #140f3e;
    padding-right: 48px; }
.input-group.disabled:before {
    content: '\E819';
    position: absolute;
    right: 16px;
    top: 18px;
    font-family: 'fontello';
    font-size: 24px;
    color: #ffffff;
    z-index: 2; }

.pin-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
.pin-group .input {
    width: 57px;
    margin-right: 8px;
    text-align: center; }

.select-group {
    display: block;
    position: relative; }

.select {
    display: block;
    position: relative; }
.select.open .selected {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
.select.open .selected:before {
    content: '\e80f'; }
.select.open .select-list {
    display: block;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0; }
.select .selected {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid #52689d;
    background-color: #110d35;
    padding: 16px 64px 16px 16px;
    cursor: pointer; }
.select .selected:before {
    content: '\e808';
    position: absolute;
    right: 24px;
    font-family: 'fontello';
    font-size: 22px;
    color: #93a5bb;
    line-height: 1; }
.select .selected .icon {
    margin: -6px 16px -6px 0; }
.select .icon {
    display: inline-block;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 16px; }
.select .name {
    display: block;
    font: 400 16px/1.3 "Rogan-Regular";
    color: #ffffff; }
.select .option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px !important;
    line-height: 1.2; }
.select .select-list {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #52689d;
    background-color: #09052d;
    overflow: hidden;
    z-index: 2; }
.select .select-list .list {
    display: block; }
.select .select-list .item {
    display: block; }
.select .select-list .item .option {
    color: #93a5bb; }
.select .select-list .item.active .option {
    background-color: #1f194d; }
.select .select-list.wrap-scroll {
    max-height: 300px; }
.select .select-list .option {
    padding: 12px 16px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.select .select-list .option:hover {
    background-color: #140f3e; }

.radio-input {
    display: none; }
.radio-input:checked + .radio-label:after {
    opacity: 1;
    visibility: visible; }

.radio-label {
    display: inline-block;
    position: relative;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #a4b3c5;
    padding: 5px 0 5px 45px; }
.radio-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #514a81;
    background-color: #09052d;
    cursor: pointer; }
.radio-label:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #33c474;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

.check-input {
    display: none; }
.check-input:checked + .check-label:before {
    border-color: #33c474;
    background-color: #33c474; }
.check-input:checked + .check-label:after {
    opacity: 1;
    visibility: visible; }

.check-label {
    display: inline-block;
    position: relative;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #a4b3c5;
    padding: 5px 0 5px 40px; }
.check-label:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #514a81;
    background-color: #09052d;
    cursor: pointer; }
.check-label:after {
    content: '';
    position: absolute;
    top: 11px;
    left: 6px;
    width: 10px;
    height: 4px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.auth-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    top: 0;
    right: -105%;
    width: 50%;
    height: 100%;
    background: #110d35;
    padding: 56px 56px 40px 130px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    overflow-y: auto;
    z-index: 999; }
@media screen and (max-width: 1600px) {
    .auth-bar {
        max-width: 750px;
        width: 100%;
        padding: 56px; } }
@media screen and (max-width: 960px) {
    .auth-bar {
        max-width: 100%; } }
@media screen and (max-width: 640px) {
    .auth-bar {
        padding: 56px 24px 32px; } }
.auth-bar .cross {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 28px;
    right: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 2; }
@media screen and (max-width: 960px) {
    .auth-bar .cross {
        top: 8px;
        right: 8px; } }
.auth-bar .cross:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    border-radius: 1px;
    background-color: #ffffff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.auth-bar .cross:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    border-radius: 1px;
    background-color: #ffffff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.auth-bar .cross:hover {
    opacity: 1; }
.auth-bar .cross:hover:before, .auth-bar .cross:hover:after {
    background-color: #93a5bb; }
.auth-bar .auth-ctn {
    display: block;
    max-width: 630px;
    width: 100%;
    position: relative;
    padding-right: 50px; }
@media screen and (max-width: 960px) {
    .auth-bar .auth-ctn {
        position: static;
        max-width: 500px;
        padding-right: 0;
        margin: 0 auto; } }
.auth-bar .upper {
    display: block;
    position: relative;
    padding-bottom: 32px; }
.auth-bar .upper .head-row {
    display: block; }
.auth-bar .upper .head-row .sub-title {
    display: block;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #93a5bb;
    padding-bottom: 3px; }
.auth-bar .upper .head-row .title {
    display: block;
    font: 400 32px/1.3 "Rogan-Regular";
    color: #ffffff; }
@media screen and (max-width: 640px) {
    .auth-bar .upper .head-row .title {
        font-size: 24px; } }
.auth-bar .upper .ctn-row {
    display: block;
    max-width: 450px;
    width: 100%;
    padding-top: 56px; }
@media screen and (max-width: 960px) {
    .auth-bar .upper .ctn-row {
        max-width: 100%; } }
.auth-bar .upper .ctn-row .input-group {
    display: block;
    position: relative; }
.auth-bar .upper .ctn-row .input-group .input {
    background-color: #110d35; }
.auth-bar .upper .ctn-row .fieldset .link-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 8px; }
.auth-bar .upper .ctn-row .fieldset .link-row a {
    font: 400 16px/1.1 "Rogan-Regular"; }
.auth-bar .upper .ctn-row .info-row {
    display: block; }
.auth-bar .upper .ctn-row .info-row .media {
    display: block;
    text-align: center; }
.auth-bar .upper .ctn-row .info-row .media.media-lock {
    text-align: left;
    max-width: 300px;
    margin: 0 0 -24px -24px; }
.auth-bar .upper .ctn-row .info-row .media.media-letter {
    max-width: 300px;
    margin: 0 auto; }
.auth-bar .upper .ctn-row .info-row .media.media-verified {
    max-width: 300px;
    margin: 0 auto; }
.auth-bar .upper .ctn-row .info-row .icon {
    display: block;
    margin-bottom: 16px;
    line-height: 0; }
.auth-bar .upper .ctn-row .info-row .icon.icon-mail {
    font-size: 40px;
    color: #ffffff; }
.auth-bar .upper .ctn-row .info-row .text {
    display: block;
    max-width: 415px;
    font: 400 20px/1.5 "Rogan-Regular";
    color: #ffffff; }
@media screen and (max-width: 640px) {
    .auth-bar .upper .ctn-row .info-row .text {
        font-size: 18px; } }
.auth-bar .upper .ctn-row .info-row .gray-text {
    display: block;
    max-width: 320px;
    font: 400 20px/1.5 "Rogan-Regular";
    color: #93a5bb; }
@media screen and (max-width: 640px) {
    .auth-bar .upper .ctn-row .info-row .gray-text {
        font-size: 18px; } }
.auth-bar .upper .ctn-row .info-row .mail {
    color: #33c474; }
.auth-bar .upper .ctn-row .fieldset-btn {
    display: block;
    padding-top: 8px; }
.auth-bar .upper .ctn-row .fieldset-btn button, .auth-bar .upper .ctn-row .fieldset-btn a {
    width: 100%;
    text-transform: uppercase; }
.auth-bar .upper .ctn-row .btn-row {
    display: block;
    padding-top: 32px; }
.auth-bar .upper .ctn-row .btn-row button, .auth-bar .upper .ctn-row .btn-row a {
    width: 100%;
    text-transform: uppercase; }
.auth-bar .lower {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 630px;
    width: 100%;
    border-top: 2px solid #2a2a52;
    padding-top: 8px; }
@media screen and (max-width: 960px) {
    .auth-bar .lower {
        max-width: 100%; } }
.auth-bar .lower .block {
    display: block; }
.auth-bar .lower .cont-list {
    margin-top: 8px;
    margin-right: 32px; }
.auth-bar .lower .copy {
    display: block;
    font: 400 16px/1.3 "Rogan-Regular";
    color: #93a5bb;
    padding-top: 16px; }
.auth-bar .link {
    color: #33c474; }
.auth-bar .link:hover {
    text-decoration: underline; }
.auth-bar.open {
    right: 0; }
.auth-bar.open + .auth-overlay {
    opacity: 0.5;
    visibility: visible;
    z-index: 0; }

.auth-overlay {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
@media screen and (max-width: 800px) {
    .auth-overlay {
        top: 50px; } }

.cont-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -8px; }
.cont-list .item {
    display: block;
    line-height: 0;
    padding: 5px; }
.cont-list .item a {
    display: block;
    font-size: 20px;
    color: #52689d;
    padding: 3px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.cont-list .item a .icon-yt {
    font-size: 24px; }
.cont-list .item a .icon-paper-plane {
    font-size: 24px; }
.cont-list .item a .icon-tw {
    font-size: 24px; }
.cont-list .item a:hover {
    color: #ffffff; }

.preview-news {
    margin-bottom: 24px; }
.preview-news .media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 155px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 16px; }
.preview-news .media img {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
.preview-news .description {
    display: block; }
.preview-news .description .date {
    display: block;
    font: 400 16px/1 "Rogan-Regular";
    color: #93a5bb;
    padding-bottom: 8px; }
.preview-news .description .title {
    display: block;
    font: 400 16px/1.3 "Rogan-Regular";
    color: #33c474; }
.preview-news .description .title:hover {
    text-decoration: underline; }

.footer {
    display: block;
    background-color: #ffffff;
    padding: 48px 0; }
@media screen and (max-width: 1300px) {
    .footer {
        padding-bottom: 16px; } }
@media screen and (max-width: 960px) {
    .footer {
        padding: 32px 0 16px; } }
.footer .upper {
    display: block;
    padding: 0 32px 24px; }
@media screen and (max-width: 960px) {
    .footer .upper {
        padding: 0 0 24px; } }
.footer .upper .title-row {
    display: block;
    padding-bottom: 8px; }
.footer .upper .title-row .title {
    display: block;
    font: 500 22px/1.3 "Rogan-Medium";
    color: #140f3e; }
.footer .lower {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgba(147, 165, 187, 0.2);
    padding-top: 48px; }
@media screen and (max-width: 1300px) {
    .footer .lower {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
@media screen and (max-width: 960px) {
    .footer .lower {
        padding-top: 32px; } }
.footer .owl-carousel .owl-nav {
    height: 0; }
@media screen and (max-width: 960px) {
    .footer .owl-carousel .owl-nav {
        display: none; } }
.footer .owl-carousel .owl-nav .owl-prev, .footer .owl-carousel .owl-nav .owl-next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 55px;
    font-size: 32px;
    color: #93a5bb;
    font-weight: 900;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.footer .owl-carousel .owl-nav .owl-prev:hover, .footer .owl-carousel .owl-nav .owl-next:hover {
    color: #140f3e; }
.footer .owl-carousel .owl-nav .owl-prev {
    left: -32px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
.footer .owl-carousel .owl-nav .owl-next {
    right: -32px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
.footer .owl-carousel .owl-dots {
    display: none; }
@media screen and (max-width: 960px) {
    .footer .owl-carousel .owl-dots {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
.footer .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 50%;
    background-color: #93a5bb;
    padding: 0;
    margin: 3px; }
.footer .owl-carousel .owl-dots .owl-dot.active {
    background-color: #140f3e; }
.footer .first-block {
    display: block; }
.footer .first-block .logo-box {
    display: block;
    line-height: 0; }
.footer .first-block .logo-box a {
    display: block;
    line-height: 0;
    max-width: 200px; }
.footer .copyright {
    display: block;
    padding-top: 28px; }
@media screen and (max-width: 800px) {
    .footer .copyright {
        padding-top: 16px; } }
.footer .copyright p {
    display: block;
    font: 400 18px/1.3 "Rogan-Regular";
    color: #93a5bb; }
.footer .copyright p span {
    display: block; }
@media screen and (max-width: 800px) {
    .footer .copyright p span {
        display: inline-block; } }
.footer .footer-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 16px;
    margin-top: -8px; }
@media screen and (max-width: 800px) {
    .footer .footer-nav {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding: 32px 0 0;
        margin: 0 -16px -16px; } }
.footer .footer-nav .list {
    display: block;
    line-height: 0;
    padding: 0 16px; }
@media screen and (max-width: 800px) {
    .footer .footer-nav .list {
        min-width: 250px;
        margin-bottom: 16px; } }
.footer .footer-nav .item {
    display: block;
    line-height: 0;
    margin-bottom: 16px; }
.footer .footer-nav .item:last-child {
    margin-bottom: 0; }
.footer .footer-nav .item a {
    display: inline-block;
    font: 500 22px/1.3 "Rogan-Medium";
    color: #140f3e;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
@media screen and (max-width: 1700px) {
    .footer .footer-nav .item a {
        font-size: 18px; } }
.footer .footer-nav .item a:hover {
    color: #33c474; }
.footer .last-block {
    display: block; }
@media screen and (max-width: 1300px) {
    .footer .last-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding-top: 32px; } }
.footer .last-block .btn-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 24px;
    margin-right: -16px; }
@media screen and (max-width: 1300px) {
    .footer .last-block .btn-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 8px; } }
@media screen and (max-width: 500px) {
    .footer .last-block .btn-row {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
.footer .last-block .btn-row .btn-limpid {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 180px;
    border-radius: 50px;
    margin-right: 16px; }
@media screen and (max-width: 800px) {
    .footer .last-block .btn-row .btn-limpid {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 8px; } }
.footer .last-block .btn-row .btn-limpid:before {
    background-color: #140f3e; }
.footer .last-block .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 0;
    margin-right: -8px; }
@media screen and (max-width: 1300px) {
    .footer .last-block .list {
        padding-bottom: 16px; } }
@media screen and (max-width: 500px) {
    .footer .last-block .list {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
.footer .last-block .list .item {
    display: block;
    line-height: 0;
    margin-right: 8px; }
.footer .last-block .list .item a {
    display: block;
    font-size: 28px;
    color: #93a5bb;
    padding: 5px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.footer .last-block .list .item a .icon-fb-rect {
    font-size: 24px; }
.footer .last-block .list .item a:hover {
    color: #33c474; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }

body {
    margin: 0; }

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: 700; }

dfn {
    font-style: italic; }

h1 {
    font-size: 2em;
    margin: .67em 0; }

mark {
    background: #ff0;
    color: #000; }

small {
    font-size: 80%; }

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sup {
    top: -.5em; }

sub {
    bottom: -.25em; }

img {
    border: 0; }

svg:not(:root) {
    overflow: hidden; }

figure {
    margin: 1em 40px; }

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0; }

pre {
    overflow: auto; }

code, kbd, pre, samp {
    font-family: 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: not-allowed; }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0; }

input {
    line-height: normal; }

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none; }

legend {
    border: 0;
    padding: 0; }

textarea {
    overflow: auto; }

optgroup {
    font-weight: 700; }

table {
    border-collapse: collapse;
    border-spacing: 0; }

td, th {
    padding: 0; }

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
    font-size: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit; }

body {
    padding: 0;
    margin: 0;
    font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background: #fefefe;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle; }

textarea {
    height: auto;
    min-height: 50px; }

select, textarea {
    border-radius: 3px; }

select {
    width: 100%; }

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important; }

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 3px;
    line-height: 1; }

[data-whatinput=mouse] button {
    outline: 0; }

.is-visible {
    display: block !important; }

.is-hidden {
    display: none !important; }

.float-left {
    float: left !important; }

.float-right {
    float: right !important; }

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto; }

.clearfix:after, .clearfix:before {
    content: ' ';
    display: table; }

.clearfix:after {
    clear: both; }

.hide {
    display: none !important; }

.invisible {
    visibility: hidden; }

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important; } }

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important; } }

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
        display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important; } }

@media screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important; } }

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .hide-for-large-only {
        display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important; } }

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

.hide-for-portrait, .show-for-landscape {
    display: block !important; }

@media screen and (orientation: landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block !important; } }

@media screen and (orientation: portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none !important; } }

.hide-for-landscape, .show-for-portrait {
    display: none !important; }

@media screen and (orientation: landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important; } }

@media screen and (orientation: portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important; } }

.row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto; }

.row:after, .row:before {
    content: ' ';
    display: table; }

.row:after {
    clear: both; }

.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }

.row .row {
    max-width: none; }

.row .row, .row .row.collapse {
    margin-left: 0;
    margin-right: 0; }

.row.expanded {
    max-width: none; }

.row.expanded .row {
    margin-left: auto;
    margin-right: auto; }

.column, .columns {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0; }

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }

.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
    float: none; }

.row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
    width: 8.33333%; }

.small-push-1 {
    position: relative;
    left: 8.33333%; }

.small-pull-1 {
    position: relative;
    left: -8.33333%; }

.small-offset-0 {
    margin-left: 0; }

.small-2 {
    width: 16.66667%; }

.small-push-2 {
    position: relative;
    left: 16.66667%; }

.small-pull-2 {
    position: relative;
    left: -16.66667%; }

.small-offset-1 {
    margin-left: 8.33333%; }

.small-3 {
    width: 25%; }

.small-push-3 {
    position: relative;
    left: 25%; }

.small-pull-3 {
    position: relative;
    left: -25%; }

.small-offset-2 {
    margin-left: 16.66667%; }

.small-4 {
    width: 33.33333%; }

.small-push-4 {
    position: relative;
    left: 33.33333%; }

.small-pull-4 {
    position: relative;
    left: -33.33333%; }

.small-offset-3 {
    margin-left: 25%; }

.small-5 {
    width: 41.66667%; }

.small-push-5 {
    position: relative;
    left: 41.66667%; }

.small-pull-5 {
    position: relative;
    left: -41.66667%; }

.small-offset-4 {
    margin-left: 33.33333%; }

.small-6 {
    width: 50%; }

.small-push-6 {
    position: relative;
    left: 50%; }

.small-pull-6 {
    position: relative;
    left: -50%; }

.small-offset-5 {
    margin-left: 41.66667%; }

.small-7 {
    width: 58.33333%; }

.small-push-7 {
    position: relative;
    left: 58.33333%; }

.small-pull-7 {
    position: relative;
    left: -58.33333%; }

.small-offset-6 {
    margin-left: 50%; }

.small-8 {
    width: 66.66667%; }

.small-push-8 {
    position: relative;
    left: 66.66667%; }

.small-pull-8 {
    position: relative;
    left: -66.66667%; }

.small-offset-7 {
    margin-left: 58.33333%; }

.small-9 {
    width: 75%; }

.small-push-9 {
    position: relative;
    left: 75%; }

.small-pull-9 {
    position: relative;
    left: -75%; }

.small-offset-8 {
    margin-left: 66.66667%; }

.small-10 {
    width: 83.33333%; }

.small-push-10 {
    position: relative;
    left: 83.33333%; }

.small-pull-10 {
    position: relative;
    left: -83.33333%; }

.small-offset-9 {
    margin-left: 75%; }

.small-11 {
    width: 91.66667%; }

.small-push-11 {
    position: relative;
    left: 91.66667%; }

.small-pull-11 {
    position: relative;
    left: -91.66667%; }

.small-offset-10 {
    margin-left: 83.33333%; }

.small-12 {
    width: 100%; }

.small-offset-11 {
    margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
    width: 100%;
    float: left; }

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
    width: 50%;
    float: left; }

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
    width: 33.33333%;
    float: left; }

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
    width: 25%;
    float: left; }

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
    width: 20%;
    float: left; }

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
    width: 16.66667%;
    float: left; }

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
    width: 14.28571%;
    float: left; }

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
    width: 12.5%;
    float: left; }

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }

.expanded.row .small-collapse.row, .small-collapse .row {
    margin-left: 0;
    margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-left: 0;
    padding-right: 0; }

.small-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }

.small-pull-0, .small-push-0, .small-uncentered {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; }

@media screen and (min-width: 40em) {
    .medium-1 {
        width: 8.33333%; }
    .medium-push-1 {
        position: relative;
        left: 8.33333%; }
    .medium-pull-1 {
        position: relative;
        left: -8.33333%; }
    .medium-offset-0 {
        margin-left: 0; }
    .medium-2 {
        width: 16.66667%; }
    .medium-push-2 {
        position: relative;
        left: 16.66667%; }
    .medium-pull-2 {
        position: relative;
        left: -16.66667%; }
    .medium-offset-1 {
        margin-left: 8.33333%; }
    .medium-3 {
        width: 25%; }
    .medium-push-3 {
        position: relative;
        left: 25%; }
    .medium-pull-3 {
        position: relative;
        left: -25%; }
    .medium-offset-2 {
        margin-left: 16.66667%; }
    .medium-4 {
        width: 33.33333%; }
    .medium-push-4 {
        position: relative;
        left: 33.33333%; }
    .medium-pull-4 {
        position: relative;
        left: -33.33333%; }
    .medium-offset-3 {
        margin-left: 25%; }
    .medium-5 {
        width: 41.66667%; }
    .medium-push-5 {
        position: relative;
        left: 41.66667%; }
    .medium-pull-5 {
        position: relative;
        left: -41.66667%; }
    .medium-offset-4 {
        margin-left: 33.33333%; }
    .medium-6 {
        width: 50%; }
    .medium-push-6 {
        position: relative;
        left: 50%; }
    .medium-pull-6 {
        position: relative;
        left: -50%; }
    .medium-offset-5 {
        margin-left: 41.66667%; }
    .medium-7 {
        width: 58.33333%; }
    .medium-push-7 {
        position: relative;
        left: 58.33333%; }
    .medium-pull-7 {
        position: relative;
        left: -58.33333%; }
    .medium-offset-6 {
        margin-left: 50%; }
    .medium-8 {
        width: 66.66667%; }
    .medium-push-8 {
        position: relative;
        left: 66.66667%; }
    .medium-pull-8 {
        position: relative;
        left: -66.66667%; }
    .medium-offset-7 {
        margin-left: 58.33333%; }
    .medium-9 {
        width: 75%; }
    .medium-push-9 {
        position: relative;
        left: 75%; }
    .medium-pull-9 {
        position: relative;
        left: -75%; }
    .medium-offset-8 {
        margin-left: 66.66667%; }
    .medium-10 {
        width: 83.33333%; }
    .medium-push-10 {
        position: relative;
        left: 83.33333%; }
    .medium-pull-10 {
        position: relative;
        left: -83.33333%; }
    .medium-offset-9 {
        margin-left: 75%; }
    .medium-11 {
        width: 91.66667%; }
    .medium-push-11 {
        position: relative;
        left: 91.66667%; }
    .medium-pull-11 {
        position: relative;
        left: -91.66667%; }
    .medium-offset-10 {
        margin-left: 83.33333%; }
    .medium-12 {
        width: 100%; }
    .medium-offset-11 {
        margin-left: 91.66667%; }
    .medium-up-1 > .column, .medium-up-1 > .columns {
        width: 100%;
        float: left; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
        clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
        clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
        float: left; }
    .medium-up-2 > .column, .medium-up-2 > .columns {
        width: 50%;
        float: left; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
        clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
        clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
        float: left; }
    .medium-up-3 > .column, .medium-up-3 > .columns {
        width: 33.33333%;
        float: left; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
        clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
        clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
        float: left; }
    .medium-up-4 > .column, .medium-up-4 > .columns {
        width: 25%;
        float: left; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
        clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
        clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
        float: left; }
    .medium-up-5 > .column, .medium-up-5 > .columns {
        width: 20%;
        float: left; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
        clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
        clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
        float: left; }
    .medium-up-6 > .column, .medium-up-6 > .columns {
        width: 16.66667%;
        float: left; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
        clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
        clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
        float: left; }
    .medium-up-7 > .column, .medium-up-7 > .columns {
        width: 14.28571%;
        float: left; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
        clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
        clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
        float: left; }
    .medium-up-8 > .column, .medium-up-8 > .columns {
        width: 12.5%;
        float: left; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
        clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
        clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
        float: left; }
    .medium-collapse > .column, .medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0; }
    .expanded.row .medium-collapse.row, .medium-collapse .row {
        margin-left: 0;
        margin-right: 0; }
    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-left: 0;
        padding-right: 0; }
    .medium-centered {
        float: none;
        margin-left: auto;
        margin-right: auto; }
    .medium-pull-0, .medium-push-0, .medium-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left; } }

@media screen and (min-width: 64em) {
    .large-1 {
        width: 8.33333%; }
    .large-push-1 {
        position: relative;
        left: 8.33333%; }
    .large-pull-1 {
        position: relative;
        left: -8.33333%; }
    .large-offset-0 {
        margin-left: 0; }
    .large-2 {
        width: 16.66667%; }
    .large-push-2 {
        position: relative;
        left: 16.66667%; }
    .large-pull-2 {
        position: relative;
        left: -16.66667%; }
    .large-offset-1 {
        margin-left: 8.33333%; }
    .large-3 {
        width: 25%; }
    .large-push-3 {
        position: relative;
        left: 25%; }
    .large-pull-3 {
        position: relative;
        left: -25%; }
    .large-offset-2 {
        margin-left: 16.66667%; }
    .large-4 {
        width: 33.33333%; }
    .large-push-4 {
        position: relative;
        left: 33.33333%; }
    .large-pull-4 {
        position: relative;
        left: -33.33333%; }
    .large-offset-3 {
        margin-left: 25%; }
    .large-5 {
        width: 41.66667%; }
    .large-push-5 {
        position: relative;
        left: 41.66667%; }
    .large-pull-5 {
        position: relative;
        left: -41.66667%; }
    .large-offset-4 {
        margin-left: 33.33333%; }
    .large-6 {
        width: 50%; }
    .large-push-6 {
        position: relative;
        left: 50%; }
    .large-pull-6 {
        position: relative;
        left: -50%; }
    .large-offset-5 {
        margin-left: 41.66667%; }
    .large-7 {
        width: 58.33333%; }
    .large-push-7 {
        position: relative;
        left: 58.33333%; }
    .large-pull-7 {
        position: relative;
        left: -58.33333%; }
    .large-offset-6 {
        margin-left: 50%; }
    .large-8 {
        width: 66.66667%; }
    .large-push-8 {
        position: relative;
        left: 66.66667%; }
    .large-pull-8 {
        position: relative;
        left: -66.66667%; }
    .large-offset-7 {
        margin-left: 58.33333%; }
    .large-9 {
        width: 75%; }
    .large-push-9 {
        position: relative;
        left: 75%; }
    .large-pull-9 {
        position: relative;
        left: -75%; }
    .large-offset-8 {
        margin-left: 66.66667%; }
    .large-10 {
        width: 83.33333%; }
    .large-push-10 {
        position: relative;
        left: 83.33333%; }
    .large-pull-10 {
        position: relative;
        left: -83.33333%; }
    .large-offset-9 {
        margin-left: 75%; }
    .large-11 {
        width: 91.66667%; }
    .large-push-11 {
        position: relative;
        left: 91.66667%; }
    .large-pull-11 {
        position: relative;
        left: -91.66667%; }
    .large-offset-10 {
        margin-left: 83.33333%; }
    .large-12 {
        width: 100%; }
    .large-offset-11 {
        margin-left: 91.66667%; }
    .large-up-1 > .column, .large-up-1 > .columns {
        width: 100%;
        float: left; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
        clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
        clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
        float: left; }
    .large-up-2 > .column, .large-up-2 > .columns {
        width: 50%;
        float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
        clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
        clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
        float: left; }
    .large-up-3 > .column, .large-up-3 > .columns {
        width: 33.33333%;
        float: left; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
        clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
        clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
        float: left; }
    .large-up-4 > .column, .large-up-4 > .columns {
        width: 25%;
        float: left; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
        clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
        clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
        float: left; }
    .large-up-5 > .column, .large-up-5 > .columns {
        width: 20%;
        float: left; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
        clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
        clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
        float: left; }
    .large-up-6 > .column, .large-up-6 > .columns {
        width: 16.66667%;
        float: left; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
        clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
        clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
        float: left; }
    .large-up-7 > .column, .large-up-7 > .columns {
        width: 14.28571%;
        float: left; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
        clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
        clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
        float: left; }
    .large-up-8 > .column, .large-up-8 > .columns {
        width: 12.5%;
        float: left; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
        clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
        clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
        float: left; }
    .large-collapse > .column, .large-collapse > .columns {
        padding-left: 0;
        padding-right: 0; }
    .expanded.row .large-collapse.row, .large-collapse .row {
        margin-left: 0;
        margin-right: 0; }
    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-left: 0;
        padding-right: 0; }
    .large-centered {
        float: none;
        margin-left: auto;
        margin-right: auto; }
    .large-pull-0, .large-push-0, .large-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left; } }

.slide-in-down.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.slide-in-left.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

.slide-in-up.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.slide-in-right.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

.slide-out-down.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

.slide-out-right.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }

.slide-out-up.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }

.slide-out-left.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }

.fade-in.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
    opacity: 1; }

.fade-out.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 1;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
    opacity: 0; }

.hinge-in-from-top.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-in-from-right.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-in-from-bottom.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-in-from-left.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active, .hinge-out-from-top.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-out-from-top.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform; }

.hinge-out-from-top.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }

.hinge-out-from-right.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }

.hinge-out-from-bottom.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0; }

.hinge-out-from-left.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }

.scale-in-up.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

.scale-in-down.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active, .scale-out-up.mui-leave {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

.scale-out-up.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform; }

.scale-out-up.mui-leave.mui-leave-active {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0; }

.scale-out-down.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; }

.spin-in.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0; }

.spin-in.mui-enter.mui-enter-active, .spin-out.mui-leave {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

.spin-out.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform; }

.spin-in-ccw.mui-enter, .spin-out.mui-leave.mui-leave-active {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    opacity: 0; }

.spin-in-ccw.mui-enter {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform; }

.spin-in-ccw.mui-enter.mui-enter-active, .spin-out-ccw.mui-leave {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

.spin-out-ccw.mui-leave {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    transition-property: -webkit-transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform; }

.spin-out-ccw.mui-leave.mui-leave-active {
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
    opacity: 0; }

.slow {
    -webkit-transition-duration: 0.75s !important;
    -o-transition-duration: 0.75s !important;
    transition-duration: 0.75s !important; }

.fast {
    -webkit-transition-duration: 0.25s !important;
    -o-transition-duration: 0.25s !important;
    transition-duration: 0.25s !important; }

.linear {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important; }

.ease {
    -webkit-transition-timing-function: ease !important;
    -o-transition-timing-function: ease !important;
    transition-timing-function: ease !important; }

.ease-in {
    -webkit-transition-timing-function: ease-in !important;
    -o-transition-timing-function: ease-in !important;
    transition-timing-function: ease-in !important; }

.ease-out {
    -webkit-transition-timing-function: ease-out !important;
    -o-transition-timing-function: ease-out !important;
    transition-timing-function: ease-out !important; }

.ease-in-out {
    -webkit-transition-timing-function: ease-in-out !important;
    -o-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important; }

.bounce-in {
    -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
    -o-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
    -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    -o-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    -o-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
    -webkit-transition-delay: 0.3s !important;
    -o-transition-delay: 0.3s !important;
    transition-delay: 0.3s !important; }

.long-delay {
    -webkit-transition-delay: 0.7s !important;
    -o-transition-delay: 0.7s !important;
    transition-delay: 0.7s !important; }

.shake {
    -webkit-animation-name: a;
    animation-name: a; }

@-webkit-keyframes a {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%); }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%); } }

@keyframes a {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%); }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%); } }

.spin-cw {
    -webkit-animation-name: b;
    animation-name: b; }

@-webkit-keyframes b {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn); }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0); } }

@keyframes b {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn); }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0); } }

.spin-ccw {
    -webkit-animation-name: b;
    animation-name: b; }

@keyframes b {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0); }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn); } }

.wiggle {
    -webkit-animation-name: c;
    animation-name: c; }

@-webkit-keyframes c {
    40%, 50%, 60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg); }
    35%, 45%, 55%, 65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg); }
    0%, 30%, 70%, to {
        -webkit-transform: rotate(0);
        transform: rotate(0); } }

@keyframes c {
    40%, 50%, 60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg); }
    35%, 45%, 55%, 65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg); }
    0%, 30%, 70%, to {
        -webkit-transform: rotate(0);
        transform: rotate(0); } }

.shake, .spin-ccw, .spin-cw, .wiggle {
    -webkit-animation-duration: .5s;
    animation-duration: .5s; }

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.slow {
    -webkit-animation-duration: 0.75s !important;
    animation-duration: 0.75s !important; }

.fast {
    -webkit-animation-duration: 0.25s !important;
    animation-duration: 0.25s !important; }

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important; }

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important; }

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important; }

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important; }

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important; }

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
    -webkit-animation-delay: 0.3s !important;
    animation-delay: 0.3s !important; }

.long-delay {
    -webkit-animation-delay: 0.7s !important;
    animation-delay: 0.7s !important; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative; }

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1; }

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
    display: block;
    width: 100%; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }

.owl-carousel.owl-loading {
    opacity: 0;
    display: block; }

.owl-carousel.owl-hidden {
    opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }

.owl-carousel.owl-rtl {
    direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
    float: right; }

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
    z-index: 0; }

.owl-carousel .owl-animated-out {
    z-index: 1; }

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }

@keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease; }

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    -o-transition: transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none; }

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease; }

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%; }

/*!
 * fullPage 3.0.4
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
.fp-enabled body, html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.fp-slide {
    float: left; }

.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block; }

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out; }

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%; }

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%; }

.fp-slidesContainer {
    float: left;
    position: relative; }

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent; }

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff; }

.fp-scrollable {
    overflow: hidden;
    position: relative; }

.fp-scroller {
    overflow: hidden; }

.iScrollIndicator {
    border: 0 !important; }

.fp-notransition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; }

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); }

#fp-nav.fp-right {
    right: 17px; }

#fp-nav.fp-left {
    left: 17px; }

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important; }

.fp-slidesNav.fp-bottom {
    bottom: 17px; }

.fp-slidesNav.fp-top {
    top: 17px; }

#fp-nav ul, .fp-slidesNav ul {
    margin: 0;
    padding: 0; }

#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative; }

.fp-slidesNav ul li {
    display: inline-block; }

#fp-nav ul li a, .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none; }

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%; }

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out; }

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px; }

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer; }

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1; }

#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px; }

#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px; }

.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
    height: auto !important; }

.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important; }

.fp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; }

/*# sourceMappingURL=fullpage.min.css.map */
html, body {
    font-family: "Rogan-Regular";
    font-size: 14px;
    background-color: #140f3e; }
@media screen and (min-width: 1700px) {
    html, body {
        font-size: calc(9px + .25vw + .42vh); } }
@media screen and (max-width: 1400px), (max-height: 700px) {
    html, body {
        font-size: 14px; } }

h1 {
    font: 500 3.9em/1.2 "Rogan-Medium";
    margin: 20px 0; }
@media screen and (max-width: 1030px) {
    h1 {
        font-size: 2.28571em; } }
@media (max-width: 800px) {
    h1 {
        font-size: 32px;
        margin: 16px 0; } }

h2 {
    font: 500 1.12em/1.3 "Rogan-Medium";
    color: #33c474; }

h3 {
    font: 500 2.5em/1.1 "Rogan-Medium";
    color: #ffffff;
    margin: 16px 0; }
@media screen and (max-width: 1030px) {
    h3 {
        font-size: 1.71429em; } }
@media screen and (max-width: 800px) {
    h3 {
        font-size: 24px; } }

h4 {
    font: 500 1.12em/1.3 "Rogan-Medium";
    color: #33c474; }
@media screen and (max-width: 1030px) {
    h4 {
        font-size: 1em; } }
@media (max-width: 800px) {
    h4 {
        font-size: 18px; } }

p {
    font: 500 1.14em/1.3 "Rogan-Medium";
    color: #93a5bb; }
@media screen and (max-width: 1030px) {
    p {
        font-size: 1em; } }
@media (max-width: 800px) {
    p {
        font-size: 16px; } }

@media screen and (max-width: 800px) {
    .homepage {
        padding-top: 50px; } }

.homepage.fp-viewing-slide-1 .slide-1:before {
    opacity: 1; }

.homepage.fp-viewing-slide-2 .header .logo .logo-white {
    opacity: 0; }

.homepage.fp-viewing-slide-2 .header .logo .logo-blue {
    opacity: 1; }

.homepage.fp-viewing-slide-2 .slide-1:before {
    opacity: 0;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s; }

.homepage.fp-viewing-slide-3 .header .logo .logo-white {
    opacity: 1; }

.homepage.fp-viewing-slide-3 .header .logo .logo-blue {
    opacity: 0; }

.homepage.fp-viewing-slide-3 .backgrounds-wrapper .bg-wrapper.slide-3-bg {
    opacity: 1;
    -webkit-transition: 0.5s 0.5s;
    -o-transition: 0.5s 0.5s;
    transition: 0.5s 0.5s; }
.homepage.fp-viewing-slide-3 .backgrounds-wrapper .bg-wrapper.slide-3-bg .bg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s; }

.homepage.fp-viewing-slide-5 .row {
    position: relative;
    z-index: 2; }

.homepage.fp-viewing-slide-5 .backgrounds-wrapper .bg-wrapper.slide-5-bg {
    opacity: 1;
    -webkit-transition: 0.5s 0.5s;
    -o-transition: 0.5s 0.5s;
    transition: 0.5s 0.5s; }
.homepage.fp-viewing-slide-5 .backgrounds-wrapper .bg-wrapper.slide-5-bg .bg {
    -webkit-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    opacity: 1;
    -webkit-transition: 1s 0.5s;
    -o-transition: 1s 0.5s;
    transition: 1s 0.5s; }

.homepage .slide-1 {
    position: relative;
    color: #ffffff; }
@media screen and (max-width: 800px) {
    .homepage .slide-1 {
        padding-top: 32px; } }
.homepage .slide-1:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 80%;
    height: 100%;
    background: url("../images/before-slide-one.png") center no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition: 0.75s 1s;
    -o-transition: 0.75s 1s;
    transition: 0.75s 1s;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
@media screen and (max-width: 960px) {
    .homepage .slide-1:before {
        width: 100%; } }
@media screen and (max-width: 800px) {
    .homepage .slide-1:before {
        top: initial;
        bottom: 0;
        height: 80%;
        z-index: 0; } }
.homepage .slide-1 h4 {
    -webkit-transform: translateX(-1.875em);
    -ms-transform: translateX(-1.875em);
    transform: translateX(-1.875em);
    opacity: 0;
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s; }
.homepage .slide-1 h1 {
    -webkit-transform: translateX(-0.5em);
    -ms-transform: translateX(-0.5em);
    transform: translateX(-0.5em);
    opacity: 0;
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s; }
.homepage .slide-1 .text {
    -webkit-transform: translateX(-3em);
    -ms-transform: translateX(-3em);
    transform: translateX(-3em);
    opacity: 0;
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s; }
.homepage .slide-1 .text-container {
    position: relative;
    z-index: 2;
    padding-right: 2.14286em; }
@media (max-width: 1030px) {
    .homepage .slide-1 .text-container {
        padding-right: 5em; } }
@media screen and (max-width: 800px) {
    .homepage .slide-1 .text-container {
        max-width: 560px;
        width: 100%;
        margin: 0 auto 32px;
        padding: 0;
        float: none; } }
.homepage .slide-1 .text-container-right {
    position: relative;
    z-index: 2;
    padding-left: 16.42857em; }
@media (max-width: 1030px) {
    .homepage .slide-1 .text-container-right {
        padding-left: 11.53846em; } }
@media (max-width: 800px) {
    .homepage .slide-1 .text-container-right {
        display: none; } }
.homepage .slide-1 .text-container-right ul {
    display: block;
    padding-top: 1.5em; }
.homepage .slide-1 .text-container-right li {
    margin-bottom: 0;
    font-size: 1.7em;
    position: relative;
    padding-left: 0.8em;
    -webkit-transform: translateX(-1.25em);
    -ms-transform: translateX(-1.25em);
    transform: translateX(-1.25em);
    opacity: 0;
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s; }
@media (max-width: 1030px) {
    .homepage .slide-1 .text-container-right li {
        font-size: 1.38462em; } }
.homepage .slide-1 .text-container-right li:not(:last-of-type) {
    margin-bottom: 1em; }
.homepage .slide-1 .text-container-right li a {
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.homepage .slide-1 .text-container-right li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-radius: 50%;
    background: #33c474; }
.homepage .slide-1 .text-container-right li a:hover {
    color: #33c474; }
.homepage .slide-1 .mobile-phone-wrapper {
    display: none; }
@media (max-width: 800px) {
    .homepage .slide-1 .mobile-phone-wrapper {
        display: block;
        position: relative;
        top: initial;
        left: initial;
        height: auto;
        width: 240px;
        margin: 0 auto;
        opacity: 0;
        -webkit-transition: 0.75s 0.7s;
        -o-transition: 0.75s 0.7s;
        transition: 0.75s 0.7s;
        z-index: 1;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%); } }
.homepage .slide-1 .mobile-phone-wrapper .screen {
    width: 91%; }
.homepage .slide-1 .mobile-phone-wrapper .phone {
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 240px;
    top: 0;
    left: 0;
    margin: 0; }
.homepage .slide-1 .mobile-phone-wrapper .phone .home-screen {
    height: 100%;
    text-align: left; }

.homepage .slide-2 .left, .homepage .slide-2 .right {
    width: 50%;
    height: 100%;
    float: left;
    display: table;
    table-layout: fixed; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .left, .homepage .slide-2 .right {
        float: none;
        display: block;
        width: 100%;
        padding: 0 16px; } }

.homepage .slide-2 .left {
    background: #fff;
    background: rgba(255, 255, 255, 0); }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .left {
        max-width: 560px;
        width: 100%;
        margin: 0 auto 56px; } }
.homepage .slide-2 .left .inner-wrapper {
    margin-left: auto;
    padding-right: 15em; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .left .inner-wrapper {
        padding: 0;
        margin: 0 auto 32px; } }
.homepage .slide-2 .left h3 {
    color: #140f3e; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .left h3 {
        color: #ffffff; } }

.homepage .slide-2 .right {
    color: #fff;
    position: relative; }
.homepage .slide-2 .right:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
.homepage .slide-2 .right .inner-wrapper {
    padding-left: 16.42857em; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .right .inner-wrapper {
        padding: 0; } }
.homepage .slide-2 .right ul {
    padding-top: 16px; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .right ul {
        padding-top: 0; } }
.homepage .slide-2 .right ul li {
    -webkit-transform: translateX(-2.14286em);
    -ms-transform: translateX(-2.14286em);
    transform: translateX(-2.14286em);
    opacity: 0;
    -webkit-transition: all 0.75s, height 0s 0s;
    -o-transition: all 0.75s, height 0s 0s;
    transition: all 0.75s, height 0s 0s; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .right ul li {
        margin: 0; } }
.homepage .slide-2 .right h3 {
    font: 500 1.8em/1.1 "Rogan-Medium";
    color: #33c474; }
.homepage .slide-2 .right .footnote {
    display: block;
    padding-top: 32px;
    opacity: 0;
    -webkit-transform: translateX(-2.14286em);
    -ms-transform: translateX(-2.14286em);
    transform: translateX(-2.14286em);
    -webkit-transition: all 0.75s, height 0s 0s;
    -o-transition: all 0.75s, height 0s 0s;
    transition: all 0.75s, height 0s 0s; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .right .footnote {
        padding: 0 0 32px; } }
.homepage .slide-2 .right .footnote p {
    font-size: 0.8em; }

.homepage .slide-2 .inner-wrapper {
    width: 41.64286em;
    max-width: 90%; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .inner-wrapper {
        max-width: 100%;
        width: 100%; } }

.homepage .slide-2 .content {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .content {
        display: block; } }

.homepage .slide-2.animated .right:after {
    left: -200%;
    -webkit-transition: 0s 2s;
    -o-transition: 0s 2s;
    transition: 0s 2s; }

.homepage .slide-2.animated .right ul li {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }
.homepage .slide-2.animated .right ul li:nth-of-type(1) {
    -webkit-transition: 0.75s 1.35s;
    -o-transition: 0.75s 1.35s;
    transition: 0.75s 1.35s; }
.homepage .slide-2.animated .right ul li:nth-of-type(2) {
    -webkit-transition: 0.75s 1.45s;
    -o-transition: 0.75s 1.45s;
    transition: 0.75s 1.45s; }
.homepage .slide-2.animated .right ul li:nth-of-type(3) {
    -webkit-transition: 0.75s 1.55s;
    -o-transition: 0.75s 1.55s;
    transition: 0.75s 1.55s; }
.homepage .slide-2.animated .right ul li:nth-of-type(4) {
    -webkit-transition: 0.75s 1.65s;
    -o-transition: 0.75s 1.65s;
    transition: 0.75s 1.65s; }
.homepage .slide-2.animated .right ul li:nth-of-type(5) {
    -webkit-transition: 0.75s 1.75s;
    -o-transition: 0.75s 1.75s;
    transition: 0.75s 1.75s; }
.homepage .slide-2.animated .right ul li:nth-of-type(6) {
    -webkit-transition: 0.75s 1.85s;
    -o-transition: 0.75s 1.85s;
    transition: 0.75s 1.85s; }
.homepage .slide-2.animated .right ul li:nth-of-type(7) {
    -webkit-transition: 0.75s 1.95s;
    -o-transition: 0.75s 1.95s;
    transition: 0.75s 1.95s; }
.homepage .slide-2.animated .right ul li:nth-of-type(8) {
    -webkit-transition: 0.75s 2.05s;
    -o-transition: 0.75s 2.05s;
    transition: 0.75s 2.05s; }
.homepage .slide-2.animated .right ul li:nth-of-type(9) {
    -webkit-transition: 0.75s 2.15s;
    -o-transition: 0.75s 2.15s;
    transition: 0.75s 2.15s; }

.homepage .slide-2.animated .right .footnote {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: 0.75s 2.15s;
    -o-transition: 0.75s 2.15s;
    transition: 0.75s 2.15s; }

.homepage .slide-2 .mobile-phone-wrapper {
    display: none; }
@media (max-width: 800px) {
    .homepage .slide-2 .mobile-phone-wrapper {
        display: block;
        position: relative;
        top: initial;
        left: initial;
        height: auto;
        width: 240px;
        margin: 0 auto 32px;
        opacity: 1;
        -webkit-transition: 0.75s 0.7s;
        -o-transition: 0.75s 0.7s;
        transition: 0.75s 0.7s;
        z-index: 1;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%); } }
.homepage .slide-2 .mobile-phone-wrapper .screen {
    width: 91%; }
.homepage .slide-2 .mobile-phone-wrapper .phone {
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 240px;
    top: 0;
    left: 0;
    margin: 0; }
.homepage .slide-2 .mobile-phone-wrapper .phone .home-screen {
    height: 100%;
    text-align: left; }

.homepage .slide-2 .prop-row {
    position: relative; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .prop-row {
        border-radius: 10px;
        background: #09052c;
        padding: 0 40px;
        margin: 16px 0;
        overflow: hidden; } }
.homepage .slide-2 .prop-row .prev-btn, .homepage .slide-2 .prop-row .next-btn {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 32px;
    height: 100%;
    font-size: 18px;
    color: #ffffff;
    z-index: 3; }
@media screen and (max-width: 800px) {
    .homepage .slide-2 .prop-row .prev-btn, .homepage .slide-2 .prop-row .next-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
.homepage .slide-2 .prop-row .prev-btn {
    left: 0;
    border-radius: 10px 0 0 10px;
    border-right: 1px solid #140f3e; }
.homepage .slide-2 .prop-row .next-btn {
    right: 0;
    border-radius: 0 10px 10px 0;
    border-left: 1px solid #140f3e; }

@media screen and (max-width: 800px) {
    .homepage .slide-3 {
        background: #000 url("../images/section-three.png") center no-repeat;
        background-size: cover; } }

.homepage .slide-3 .large-4 {
    width: 37.33%; }

.homepage .slide-3 h3 {
    margin: 24px 0; }

@media screen and (max-width: 800px) {
    .homepage .slide-3 .text-container {
        max-width: 560px;
        width: 100%;
        margin: 0 auto;
        float: none; } }

.homepage .slide-4 {
    color: #fff; }
.homepage .slide-4 .large-4 {
    width: 37%; }
.homepage .slide-4 h3 {
    margin: 24px 0; }
.homepage .slide-4 .text-container {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto; }
@media screen and (max-width: 800px) {
    .homepage .slide-4 .text-container {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        max-width: 560px;
        width: 100% !important;
        margin: 0 auto;
        float: none; } }
.homepage .slide-4 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
@media screen and (max-width: 800px) {
    .homepage .slide-4 .row {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
@media screen and (max-width: 800px) {
    .homepage .slide-4 .medium-6 {
        width: 100%; } }

@media screen and (max-width: 800px) {
    .homepage .contact-slide {
        background: #000 url("../images/section-five.png") center no-repeat;
        background-size: cover; } }

@media screen and (max-width: 800px) {
    .homepage .contact-slide .text-container {
        max-width: 560px;
        width: 100%;
        margin: 0 auto;
        float: none; } }

.homepage .contact-slide h3 {
    font-size: 3.4em; }

.homepage .contact-slide .a-wrapper {
    max-width: 25em; }
@media screen and (max-width: 800px) {
    .homepage .contact-slide .a-wrapper {
        max-width: 100%; } }

.homepage .btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 32px;
    min-width: calc(100% + 16px);
    margin: 0 -16px -16px 0; }
.homepage .btn-wrap a {
    margin-right: 16px;
    margin-bottom: 16px; }
@media (max-width: 1030px) {
    .homepage .btn-wrap a {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
.homepage .btn-wrap .btn-limpid {
    min-width: 150px; }
.homepage .btn-wrap .main-btn {
    min-width: 200px; }

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 3.5em;
    z-index: 15; }
@media screen and (max-width: 1400px) {
    .header {
        padding-top: 2em; } }
@media screen and (max-width: 800px) {
    .header {
        height: 50px;
        background-color: #09052c;
        -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.3);
        padding: 8px 0; } }
.header:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 200%;
    background: -webkit-gradient(linear, left top, left bottom, from(#140f3e), to(rgba(32, 65, 248, 0)));
    background: -o-linear-gradient(#140f3e, rgba(32, 65, 248, 0));
    background: linear-gradient(#140f3e, rgba(32, 65, 248, 0));
    pointer-events: none;
    left: -100%; }
.header .row {
    position: relative !important;
    z-index: auto !important; }
.header .logo {
    position: absolute;
    left: 0;
    width: 10.99em;
    line-height: 0;
    opacity: 0;
    -webkit-transform: translateX(-2.14286em);
    -ms-transform: translateX(-2.14286em);
    transform: translateX(-2.14286em);
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s;
    margin: 11px 0; }
@media screen and (max-width: 800px) {
    .header .logo {
        top: -6px;
        left: 50%;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important; } }
.header .logo img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
.header .logo .logo-blue {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0; }
.header .lang-wrap {
    position: absolute;
    top: 50%;
    left: 10.99em;
    margin-left: 32px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
@media screen and (max-width: 800px) {
    .header .lang-wrap {
        display: inline-block;
        position: relative;
        top: initial;
        left: initial;
        width: 75px;
        margin: 0;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        -webkit-transform: translateY(1.42857em);
        -ms-transform: translateY(1.42857em);
        transform: translateY(1.42857em);
        opacity: 0;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; } }
.header .lang-wrap .title {
    display: block;
    font: 400 16px/1 "Rogan-Regular";
    color: #93a5bb;
    padding-bottom: 5px; }
@media screen and (max-width: 800px) {
    .header .lang-wrap .title {
        display: none; } }
.header .lang-wrap .lang-s {
    display: block; }
.header .lang-wrap .lang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
.header .lang-wrap .lang span {
    display: inline-block;
    font: 400 20px/1 "Rogan-Regular";
    color: #33c474;
    border-bottom: 1px solid #33c474;
    margin-right: 10px; }
.header .nav-right {
    float: right;
    padding-right: 4em; }
@media screen and (max-width: 800px) {
    .header .nav-right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        float: none;
        width: 100%;
        opacity: 0;
        padding: 0 0 32px 0;
        margin-top: -36px;
        -webkit-transform: translateY(1.42857em);
        -ms-transform: translateY(1.42857em);
        transform: translateY(1.42857em);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; } }
.header .nav-right .login-btn {
    font-family: "Rogan-Medium";
    font-size: 18px;
    color: #ffffff;
    margin-right: 30px;
    padding: 10px; }
@media screen and (max-width: 800px) {
    .header .nav-right .login-btn {
        margin: 0 0 16px; } }
.header .nav-right .login-btn:hover {
    color: #33c474; }
.header .nav-right .btn {
    -webkit-transform: translateX(-3em);
    -ms-transform: translateX(-3em);
    transform: translateX(-3em);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    text-align: center; }
.header .nav-right .btn:nth-of-type(1) {
    -webkit-transition: 0.3s 0.1s;
    -o-transition: 0.3s 0.1s;
    transition: 0.3s 0.1s; }
@media screen and (max-width: 800px) {
    .header .nav-right .btn:nth-of-type(1) {
        -webkit-transition: 0.3s 0s;
        -o-transition: 0.3s 0s;
        transition: 0.3s 0s; } }
.header .nav-right .main-btn {
    min-width: 200px; }
@media screen and (max-width: 800px) {
    .header .nav-right .main-btn {
        width: 100%; } }
.header .menu-trigger {
    position: absolute;
    right: 0; }
@media screen and (max-width: 800px) {
    .header .menu-trigger {
        top: -8px;
        right: inherit;
        left: 8px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1; } }
.header .menu {
    position: fixed;
    top: 0;
    right: -50%;
    width: 50%;
    height: 100%;
    z-index: 2;
    background: #110d35;
    padding-left: 13.28571em;
    padding-top: 7.14286em;
    padding-bottom: 7.14286em;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
@media (max-width: 1030px) {
    .header .menu {
        padding-left: 5em; } }
@media screen and (max-width: 800px) {
    .header .menu {
        right: inherit;
        top: 50px;
        left: -400px;
        max-width: 350px;
        width: 100%;
        background-color: #09052c;
        -webkit-box-shadow: 5px 5px 5px -3px rgba(0, 0, 0, 0.3);
        box-shadow: 5px 5px 5px -3px rgba(0, 0, 0, 0.3);
        overflow-y: auto;
        border-top: 1px solid #140f3e;
        padding: 32px 16px; } }
.header .menu .inner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
@media screen and (max-width: 800px) {
    .header .menu .inner-wrapper {
        display: block;
        height: auto; } }
.header .menu .menu-middle {
    margin-top: auto;
    margin-bottom: auto; }
@media screen and (max-width: 800px) {
    .header .menu .menu-middle {
        margin: 0;
        padding-bottom: 80px; } }
.header .menu .menu-middle ul {
    margin-top: 2.28571em; }
@media screen and (max-width: 800px) {
    .header .menu .menu-middle ul {
        margin: 0; } }
.header .menu .menu-middle ul li {
    -webkit-transform: translateY(1.42857em);
    -ms-transform: translateY(1.42857em);
    transform: translateY(1.42857em);
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
.header .menu .menu-middle ul li:not(:first-of-type) {
    margin-top: 3.35714em; }
@media screen and (max-width: 800px) {
    .header .menu .menu-middle ul li:not(:first-of-type) {
        margin-top: 16px; } }
.header .menu .menu-middle span {
    display: block;
    font: 500 1.12em/1.3 "Rogan-Medium";
    color: #33c474;
    opacity: 0;
    -webkit-transition: all 0s 0s, opacity 0.5s 0s;
    -o-transition: all 0s 0s, opacity 0.5s 0s;
    transition: all 0s 0s, opacity 0.5s 0s;
    -webkit-transform: translateY(1.42857em);
    -ms-transform: translateY(1.42857em);
    transform: translateY(1.42857em); }
.header .menu .menu-bottom {
    width: 100%;
    margin-top: auto; }
@media screen and (max-width: 800px) {
    .header .menu .menu-bottom {
        margin: 0;
        padding-bottom: 80px; } }
.header .menu .menu-bottom li {
    display: inline-block;
    vertical-align: top;
    margin-right: 1.42857em;
    -webkit-transform: translateY(1.42857em);
    -ms-transform: translateY(1.42857em);
    transform: translateY(1.42857em);
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
.header .menu .menu-bottom span {
    display: block;
    font: 500 1.12em/1.3 "Rogan-Medium";
    color: #33c474;
    opacity: 0;
    -webkit-transition: all 0s 0s, opacity 0.5s 0s;
    -o-transition: all 0s 0s, opacity 0.5s 0s;
    transition: all 0s 0s, opacity 0.5s 0s;
    -webkit-transform: translateY(1.42857em);
    -ms-transform: translateY(1.42857em);
    transform: translateY(1.42857em); }
.header .menu ul {
    margin-top: 1.42857em; }
@media screen and (max-width: 800px) {
    .header .menu ul {
        padding-top: 16px;
        margin: 0; } }
.header .menu a {
    display: inline-block;
    vertical-align: top;
    font-size: 2.57143em;
    color: #FFF;
    letter-spacing: 0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
@media screen and (max-width: 800px) {
    .header .menu a {
        font-size: 18px; } }
.header .menu a:hover {
    color: #33c474; }
.header .menu.open {
    right: 0; }
@media screen and (max-width: 800px) {
    .header .menu.open {
        left: 0; } }
.header .menu.open + .menu-overlay {
    opacity: 0.5;
    visibility: visible;
    z-index: 0; }
@media screen and (max-width: 800px) {
    .header .menu.open .lang-wrap {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        -webkit-transition: 0.75s 0.3s;
        -o-transition: 0.75s 0.3s;
        transition: 0.75s 0.3s; } }
@media screen and (max-width: 800px) {
    .header .menu.open .nav-right {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        -webkit-transition: 0.75s 0.3s;
        -o-transition: 0.75s 0.3s;
        transition: 0.75s 0.3s; } }
.header .menu.open .menu-top {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: 0.75s 0.3s;
    -o-transition: 0.75s 0.3s;
    transition: 0.75s 0.3s; }
.header .menu.open .menu-middle span {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: 0.75s 0.4s;
    -o-transition: 0.75s 0.4s;
    transition: 0.75s 0.4s; }
.header .menu.open .menu-middle li {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }
.header .menu.open .menu-middle li:nth-of-type(1) {
    -webkit-transition: 0.75s 0.5s;
    -o-transition: 0.75s 0.5s;
    transition: 0.75s 0.5s; }
.header .menu.open .menu-middle li:nth-of-type(2) {
    -webkit-transition: 0.75s 0.6s;
    -o-transition: 0.75s 0.6s;
    transition: 0.75s 0.6s; }
.header .menu.open .menu-middle li:nth-of-type(3) {
    -webkit-transition: 0.75s 0.7s;
    -o-transition: 0.75s 0.7s;
    transition: 0.75s 0.7s; }
.header .menu.open .menu-middle li:nth-of-type(4) {
    -webkit-transition: 0.75s 0.8s;
    -o-transition: 0.75s 0.8s;
    transition: 0.75s 0.8s; }
.header .menu.open .menu-bottom span {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: 0.75s 0.8s;
    -o-transition: 0.75s 0.8s;
    transition: 0.75s 0.8s; }
.header .menu.open .menu-bottom li {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }
.header .menu.open .menu-bottom li:nth-of-type(1) {
    -webkit-transition: 0.75s 0.9s;
    -o-transition: 0.75s 0.9s;
    transition: 0.75s 0.9s; }
.header .menu.open .menu-bottom li:nth-of-type(2) {
    -webkit-transition: 0.75s 1s;
    -o-transition: 0.75s 1s;
    transition: 0.75s 1s; }
.header .menu.open .menu-bottom li:nth-of-type(3) {
    -webkit-transition: 0.75s 1.1s;
    -o-transition: 0.75s 1.1s;
    transition: 0.75s 1.1s; }
.header .menu .menu-top {
    -webkit-transform: translateY(1.42857em);
    -ms-transform: translateY(1.42857em);
    transform: translateY(1.42857em);
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
.header .menu-overlay {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
@media screen and (max-width: 800px) {
    .header .menu-overlay {
        top: 50px; } }
.header .mobile-btn {
    display: none;
    position: absolute;
    top: -8px;
    right: 0; }
@media screen and (max-width: 800px) {
    .header .mobile-btn {
        display: block; } }
.header .mobile-btn .login-btn-m {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 5px;
    font-size: 24px;
    color: #33c474; }

.section {
    height: 100vh; }
@media screen and (max-width: 800px) {
    .section {
        height: auto;
        text-align: center;
        padding: 50px 0; } }
.section .content {
    margin: auto auto; }
.section.animated .a-wrapper {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: 0.75s 0.85s;
    -o-transition: 0.75s 0.85s;
    transition: 0.75s 0.85s; }
.section.animated .a-wrapper.delay-0 {
    -webkit-transition: 0.75s 0.85s;
    -o-transition: 0.75s 0.85s;
    transition: 0.75s 0.85s; }
.section.animated .a-wrapper.delay-1 {
    -webkit-transition: 0.75s 0.95s;
    -o-transition: 0.75s 0.95s;
    transition: 0.75s 0.95s; }
.section.animated .a-wrapper.delay-2 {
    -webkit-transition: 0.75s 1.05s;
    -o-transition: 0.75s 1.05s;
    transition: 0.75s 1.05s; }
.section.animated .a-wrapper.delay-3 {
    -webkit-transition: 0.75s 1.15s;
    -o-transition: 0.75s 1.15s;
    transition: 0.75s 1.15s; }
.section.animated .a-wrapper.delay-4 {
    -webkit-transition: 0.75s 1.25s;
    -o-transition: 0.75s 1.25s;
    transition: 0.75s 1.25s; }
.section.animated .user-feedback:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: 2s 0.95s;
    -o-transition: 2s 0.95s;
    transition: 2s 0.95s; }
.section.animated .user-feedback .bubble-wrapper {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }
.section.animated .user-feedback .bubble-wrapper:nth-of-type(1) {
    -webkit-transition: 1s 1.05s;
    -o-transition: 1s 1.05s;
    transition: 1s 1.05s; }
.section.animated .user-feedback .bubble-wrapper:nth-of-type(2) {
    -webkit-transition: 1s 1.15s;
    -o-transition: 1s 1.15s;
    transition: 1s 1.15s; }
.section.animated .user-feedback .bubble-wrapper:nth-of-type(3) {
    -webkit-transition: 1s 1.25s;
    -o-transition: 1s 1.25s;
    transition: 1s 1.25s; }
.section.animated .user-feedback .bubble-wrapper:nth-of-type(4) {
    -webkit-transition: 1s 1.35s;
    -o-transition: 1s 1.35s;
    transition: 1s 1.35s; }
.section.animated .user-feedback .bubble-wrapper:nth-of-type(5) {
    -webkit-transition: 1s 1.45s;
    -o-transition: 1s 1.45s;
    transition: 1s 1.45s; }
.section.animated .user-feedback .bubble-wrapper:nth-of-type(6) {
    -webkit-transition: 1s 1.55s;
    -o-transition: 1s 1.55s;
    transition: 1s 1.55s; }
.section.animated .user-feedback .bubble-wrapper:nth-of-type(7) {
    -webkit-transition: 1s 1.65s;
    -o-transition: 1s 1.65s;
    transition: 1s 1.65s; }
.section.animated .user-feedback .bubble-wrapper:nth-of-type(8) {
    -webkit-transition: 1s 1.75s;
    -o-transition: 1s 1.75s;
    transition: 1s 1.75s; }
.section.animated .user-feedback .user {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
.section.animated .user-feedback .user:nth-of-type(1) {
    -webkit-transition: 1s 0.95s;
    -o-transition: 1s 0.95s;
    transition: 1s 0.95s; }
.section.animated .user-feedback .user:nth-of-type(2) {
    -webkit-transition: 1s 1.05s;
    -o-transition: 1s 1.05s;
    transition: 1s 1.05s; }
.section.animated .user-feedback .user:nth-of-type(3) {
    -webkit-transition: 1s 1.15s;
    -o-transition: 1s 1.15s;
    transition: 1s 1.15s; }
.section.animated .user-feedback .user:nth-of-type(4) {
    -webkit-transition: 1s 1.25s;
    -o-transition: 1s 1.25s;
    transition: 1s 1.25s; }
.section.animated .user-feedback .user:nth-of-type(5) {
    -webkit-transition: 1s 1.35s;
    -o-transition: 1s 1.35s;
    transition: 1s 1.35s; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(1) .bubble {
    -webkit-animation: rotate 10s infinite linear;
    animation: rotate 10s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(1) .bubble:after {
    -webkit-animation: shake 3s infinite linear;
    animation: shake 3s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(2) .bubble {
    -webkit-animation: rotate 20s infinite linear;
    animation: rotate 20s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(2) .bubble:after {
    -webkit-animation: shake 3s infinite linear;
    animation: shake 3s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(3) .bubble {
    -webkit-animation: rotate 10s infinite linear;
    animation: rotate 10s infinite linear;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(3) .bubble:after {
    -webkit-animation: shake 3s infinite linear;
    animation: shake 3s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(4) .bubble {
    -webkit-animation: rotate 15s infinite linear;
    animation: rotate 15s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(4) .bubble:after {
    -webkit-animation: shake 3s infinite linear;
    animation: shake 3s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(5) .bubble {
    -webkit-animation: rotate 10s infinite linear;
    animation: rotate 10s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(5) .bubble:after {
    -webkit-animation: shake 3s infinite linear;
    animation: shake 3s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(6) .bubble {
    -webkit-animation: rotate 12s infinite linear;
    animation: rotate 12s infinite linear;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(6) .bubble:after {
    -webkit-animation: shake 3s infinite linear;
    animation: shake 3s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(7) .bubble {
    -webkit-animation: rotate 20s infinite linear;
    animation: rotate 20s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(7) .bubble:after {
    -webkit-animation: shake 3s infinite linear;
    animation: shake 3s infinite linear; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(8) .bubble {
    -webkit-animation: rotate 12s infinite linear;
    animation: rotate 12s infinite linear;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }
.section.animated .user-feedback .bubbles .bubble-wrapper:nth-of-type(8) .bubble:after {
    -webkit-animation: shake 3s infinite linear;
    animation: shake 3s infinite linear; }

.home-screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }

.props-screen {
    position: absolute;
    height: 50%;
    top: 50%;
    left: 0;
    right: 0;
    background-size: cover;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center; }

.animation-bg {
    top: -100%;
    left: -100%;
    width: 300%;
    height: 300%;
    top: 100%;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: 1;
    position: absolute;
    background: #ffffff; }
@media screen and (max-width: 800px) {
    .animation-bg {
        display: none; } }

.a-wrapper {
    -webkit-transform: translateX(-2.14286em);
    -ms-transform: translateX(-2.14286em);
    transform: translateX(-2.14286em);
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }

body.homepage.fp-viewing-slide-1 .mobile-phone-wrapper, body.homepage.fp-viewing-slide-2 .mobile-phone-wrapper, body.page-colleges.fp-viewing-slide-1 .mobile-phone-wrapper, body.page-colleges.fp-viewing-slide-2 .mobile-phone-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

body.homepage.fp-viewing-slide-1 .mobile-phone-wrapper .phone, body.homepage.fp-viewing-slide-2 .mobile-phone-wrapper .phone, body.page-colleges.fp-viewing-slide-1 .mobile-phone-wrapper .phone, body.page-colleges.fp-viewing-slide-2 .mobile-phone-wrapper .phone {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }

body.homepage.fp-viewing-slide-1 .mobile-phone-wrapper .screen-inner-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.mobile-phone-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    width: 18.42857em;
    margin-left: -9.71429em;
    height: 100%;
    z-index: 10;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    pointer-events: none; }
@media (max-width: 1030px) {
    .mobile-phone-wrapper {
        width: 17.14286em;
        margin-left: -8.57143em; } }
@media (max-width: 800px) {
    .mobile-phone-wrapper {
        display: none;
        width: 11.71429em;
        margin-left: -5.85714em; } }
.mobile-phone-wrapper.animate-out {
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%); }
.mobile-phone-wrapper.animate-out .phone {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: 0.5s 0s;
    -o-transition: 0.5s 0s;
    transition: 0.5s 0s; }
.mobile-phone-wrapper.mobile {
    display: none; }
.mobile-phone-wrapper .phone {
    left: 50%;
    margin-left: -50%;
    top: 50%;
    margin-top: -19.78571em;
    position: absolute;
    width: 100%;
    padding-top: 200%;
    -webkit-transition: 0.5s 0.25s;
    -o-transition: 0.5s 0.25s;
    transition: 0.5s 0.25s;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
@media (max-width: 1030px) {
    .mobile-phone-wrapper .phone {
        margin-top: 0;
        margin-top: -17.14286em; } }
.mobile-phone-wrapper .phone .phone-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 154%;
    height: 140%;
    z-index: 1;
    background: url("../images/iphone-2.png") left top no-repeat;
    background-size: 100%; }
.mobile-phone-wrapper .phone .screen {
    position: absolute;
    top: 1.5%;
    height: 95%;
    height: 96.47%;
    left: 6%;
    width: 90%;
    z-index: -1;
    background: #000;
    overflow: hidden;
    border-radius: 30px; }
.mobile-phone-wrapper .phone .screen-inner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200%;
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.mobile-phone-wrapper .main-screen {
    display: block;
    position: relative;
    height: 100%;
    padding: 2em;
    background-color: #140f3e; }
@media (max-width: 1030px) {
    .mobile-phone-wrapper .main-screen {
        padding: 1.5em 1em; } }
.mobile-phone-wrapper .main-screen .logo-row {
    display: block;
    text-align: center;
    padding-top: 2em; }
.mobile-phone-wrapper .main-screen .logo-row a {
    display: inline-block;
    max-width: 8em;
    line-height: 0; }
.mobile-phone-wrapper .main-screen .logo-row a img {
    max-width: 100%; }
.mobile-phone-wrapper .main-screen .msg-list {
    display: block;
    height: 75%;
    padding: 2em 0 4em;
    overflow: hidden; }
@media (max-width: 1030px) {
    .mobile-phone-wrapper .main-screen .msg-list {
        padding: 1em 0 0; } }
.mobile-phone-wrapper .main-screen .msg-list .msg-wrap {
    display: block;
    border-radius: 10px;
    background-color: #231d58;
    padding: 1em;
    margin-bottom: 8px; }
.mobile-phone-wrapper .main-screen .msg-list .msg-title {
    display: block;
    font: 500 0.8em/1.2 "Rogan-Medium";
    color: #ffffff;
    padding-bottom: 2px; }
.mobile-phone-wrapper .main-screen .msg-list .msg-meaning {
    display: block;
    font: 500 0.8em/1.1 "Rogan-Medium";
    color: #33c474; }
.mobile-phone-wrapper .main-screen .btn-row {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2em; }
.mobile-phone-wrapper .main-screen .btn-row a, .mobile-phone-wrapper .main-screen .btn-row .main-btn {
    font-size: 1em;
    width: 100%;
    padding: 12px 16px; }
.mobile-phone-wrapper .main-screen .msg-anim, .mobile-phone-wrapper .main-screen .msg-anim-m {
    opacity: 0; }

.line-wrapper {
    position: absolute;
    left: 0;
    bottom: 5.14286em;
    width: 100%;
    height: 3px;
    z-index: 2; }
@media screen and (max-width: 1400px) {
    .line-wrapper {
        bottom: 4em; } }
@media screen and (max-width: 800px) {
    .line-wrapper {
        display: none; } }
.line-wrapper .line-container {
    width: 100%;
    height: 1px;
    margin: 0 auto;
    background: #33c474; }
.line-wrapper .loading-line {
    width: 83.28571em;
    margin: 0 auto;
    max-width: 90%;
    position: relative; }
.line-wrapper .loading-line:before {
    content: "";
    position: absolute;
    left: -2.85714em;
    right: -2.85714em;
    height: 1px;
    background: rgba(147, 165, 187, 0.3);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s; }
.line-wrapper .loading-line-inner-wrapper {
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -1px;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s; }
.line-wrapper .loading-line-inner-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #33c474;
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0); }
.line-wrapper .numbers-wrapper {
    position: absolute;
    font-size: 2.57143em;
    height: 1em;
    line-height: 1em;
    bottom: 0.41667em;
    color: #33c474;
    font-weight: 300;
    overflow: hidden;
    -webkit-transform: translateX(-0.83333em);
    -ms-transform: translateX(-0.83333em);
    transform: translateX(-0.83333em);
    opacity: 0;
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s; }
.line-wrapper .numbers-wrapper .inner-wrapper {
    display: inline-block;
    vertical-align: top;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s; }
.line-wrapper .scroll-down-wrapper {
    font-weight: 700;
    font-size: 0.71429em;
    color: #33c474;
    letter-spacing: 0.3em;
    position: absolute;
    top: 1.5em;
    left: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
.line-wrapper .scroll-down-wrapper span {
    display: block;
    -webkit-transform: translateX(-3em);
    -ms-transform: translateX(-3em);
    transform: translateX(-3em);
    opacity: 0;
    -webkit-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s;
    text-transform: uppercase; }

.menu-trigger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-transform: translateX(-2.14286em);
    -ms-transform: translateX(-2.14286em);
    transform: translateX(-2.14286em);
    -webkit-transition: -webkit-transform 250ms ease;
    transition: -webkit-transform 250ms ease;
    -o-transition: transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease, -webkit-transform 250ms ease;
    opacity: 0;
    cursor: pointer; }
.menu-trigger span {
    position: relative;
    display: block;
    width: 55%;
    height: 3px;
    float: left;
    border-radius: 3px;
    background-color: #ffffff;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 250ms ease;
    transition: -webkit-transform 250ms ease;
    -o-transition: transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease, -webkit-transform 250ms ease;
    z-index: 200; }
.menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
.menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
.menu-trigger.active {
    background-color: transparent;
    -webkit-transition: -webkit-transform 250ms ease;
    transition: -webkit-transform 250ms ease;
    -o-transition: transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease, -webkit-transform 250ms ease;
    z-index: 99999; }
.menu-trigger.active span {
    -webkit-transition: -webkit-transform 250ms ease;
    transition: -webkit-transform 250ms ease;
    -o-transition: transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease, -webkit-transform 250ms ease; }
.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(1px) rotate(45deg);
    -ms-transform: translateY(1px) rotate(45deg);
    transform: translateY(1px) rotate(45deg); }
.menu-trigger.active span:nth-of-type(2) {
    display: none; }
.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-1px) rotate(-45deg);
    -ms-transform: translateY(-1px) rotate(-45deg);
    transform: translateY(-1px) rotate(-45deg); }

.mask-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    opacity: 0.5; }
@media screen and (max-width: 800px) {
    .mask-bg {
        display: none; } }

.fullpage-wrapper {
    z-index: 2; }

.container {
    height: 100%;
    position: relative;
    -webkit-transition: all 1.1s cubic-bezier(0.86, 0, 0.07, 1), opacity 0s 0s;
    -o-transition: all 1.1s cubic-bezier(0.86, 0, 0.07, 1), opacity 0s 0s;
    transition: all 1.1s cubic-bezier(0.86, 0, 0.07, 1), opacity 0s 0s;
    opacity: 0; }
.container.last-item .line-wrapper .scroll-down-wrapper {
    opacity: 0; }

.row {
    width: 83.28571em;
    max-width: 90%;
    margin: 0 auto; }
@media screen and (max-width: 800px) {
    .row {
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
        margin: 0 auto; } }
.row .row {
    width: 100%; }

.backgrounds-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden; }
@media screen and (max-width: 800px) {
    .backgrounds-wrapper {
        display: none; } }
.backgrounds-wrapper .bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    display: block;
    height: 100%;
    -webkit-transition: 0.5s 0s;
    -o-transition: 0.5s 0s;
    transition: 0.5s 0s; }
.backgrounds-wrapper .bg-wrapper .bg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
.backgrounds-wrapper .bg-wrapper.slide-3-bg {
    width: 50%;
    left: 50%; }
.backgrounds-wrapper .bg-wrapper.slide-3-bg .bg {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s; }
.backgrounds-wrapper .bg-wrapper.slide-5-bg .bg {
    -webkit-transform: scale(1.1) translateX(-3.57143em);
    -ms-transform: scale(1.1) translateX(-3.57143em);
    transform: scale(1.1) translateX(-3.57143em);
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }

.content-left-slide .bg-wrapper {
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    overflow: hidden; }
@media screen and (max-width: 800px) {
    .content-left-slide .bg-wrapper {
        display: none; } }

.content-left-slide .bg {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s; }
@media screen and (max-width: 800px) {
    .content-left-slide .bg {
        display: none; } }

.bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: scale(1.1) translateX(-3.57143em);
    -ms-transform: scale(1.1) translateX(-3.57143em);
    transform: scale(1.1) translateX(-3.57143em);
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
@media screen and (max-width: 800px) {
    .bg {
        display: none !important; } }

@media screen and (max-width: 800px) {
    .prop-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden; } }

.prop-list li {
    position: relative;
    margin-bottom: 1.07143em; }
@media screen and (max-width: 800px) {
    .prop-list li {
        display: none;
        width: 100%;
        min-width: 100%; } }
.prop-list li.active {
    display: block; }

.prop-list .prop-wrapper {
    position: relative;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding-right: 1.42857em; }
@media screen and (max-width: 800px) {
    .prop-list .prop-wrapper {
        padding: 16px 0 !important; } }
.prop-list .prop-wrapper:before {
    content: "";
    position: absolute;
    top: -1.07143em;
    bottom: -1.07143em;
    left: 0;
    width: 100%; }
@media screen and (max-width: 800px) {
    .prop-list .prop-wrapper:before {
        display: none; } }
.prop-list .prop-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: -16.42857em;
    height: 100%;
    right: 0;
    background: #09052c;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    border-radius: 0 10px 10px 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: -2;
    -webkit-box-shadow: 0 0 0 0 rgba(23, 58, 199, 0);
    box-shadow: 0 0 0 0 rgba(23, 58, 199, 0); }
@media screen and (max-width: 800px) {
    .prop-list .prop-wrapper:after {
        display: none; } }
.prop-list .prop-wrapper .prop-background {
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
.prop-list .prop-wrapper .text, .prop-list .prop-wrapper .sub-text {
    display: block;
    font: 500 1.1em/1.2 "Rogan-Medium";
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left; }
@media screen and (max-width: 800px) {
    .prop-list .prop-wrapper .text, .prop-list .prop-wrapper .sub-text {
        -webkit-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        transform: translateX(0) !important; } }
.prop-list .prop-wrapper .text {
    color: #33c474; }
.prop-list .prop-wrapper .sub-text {
    color: #ffffff; }
.prop-list .prop-wrapper.active {
    padding-top: 0.7em;
    padding-bottom: 0.7em; }
.prop-list .prop-wrapper.active:after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-box-shadow: 0 12px 10px 0 rgba(9, 5, 44, 0.22);
    box-shadow: 0 12px 10px 0 rgba(9, 5, 44, 0.22); }
.prop-list .prop-wrapper.active .prop-background {
    opacity: 1;
    -webkit-transition: 0.5s 0.5s;
    -o-transition: 0.5s 0.5s;
    transition: 0.5s 0.5s; }
.prop-list .prop-wrapper.active .text, .prop-list .prop-wrapper.active .sub-text {
    -webkit-transform: translateX(1.85714em);
    -ms-transform: translateX(1.85714em);
    transform: translateX(1.85714em); }

.user-feedback {
    width: 43.64286em;
    max-width: 100%;
    position: relative; }
@media screen and (max-width: 800px) {
    .user-feedback {
        width: 100%;
        margin-top: 32px; } }
.user-feedback:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-3.57143em);
    -ms-transform: translateX(-3.57143em);
    transform: translateX(-3.57143em);
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
.user-feedback:after {
    content: "";
    display: block;
    padding-top: 76%; }
@media screen and (max-width: 800px) {
    .user-feedback:after {
        padding-top: 55%; } }
.user-feedback .inner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
.user-feedback .bubbles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.user-feedback .bubbles .bubble {
    position: absolute; }
.user-feedback .bubbles .bubble:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #d8d8d8; }
.user-feedback .bubbles .bubble-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-3.57143em);
    -ms-transform: translateX(-3.57143em);
    transform: translateX(-3.57143em);
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
.user-feedback .bubbles .bubble-wrapper:nth-of-type(1) .bubble {
    width: 10px;
    height: 10px;
    top: 0;
    left: 87%;
    -webkit-transform-origin: -5px;
    -ms-transform-origin: -5px;
    transform-origin: -5px; }
.user-feedback .bubbles .bubble-wrapper:nth-of-type(2) .bubble {
    width: 6px;
    height: 6px;
    top: 25%;
    left: 0%;
    -webkit-transform-origin: -4px;
    -ms-transform-origin: -4px;
    transform-origin: -4px; }
@media screen and (max-width: 800px) {
    .user-feedback .bubbles .bubble-wrapper:nth-of-type(2) .bubble {
        left: 8%; } }
.user-feedback .bubbles .bubble-wrapper:nth-of-type(3) .bubble {
    width: 12px;
    height: 12px;
    top: 25%;
    left: 23%;
    -webkit-transform-origin: -4px;
    -ms-transform-origin: -4px;
    transform-origin: -4px; }
@media screen and (max-width: 800px) {
    .user-feedback .bubbles .bubble-wrapper:nth-of-type(3) .bubble {
        top: 10%;
        left: 55%; } }
.user-feedback .bubbles .bubble-wrapper:nth-of-type(4) .bubble {
    width: 12px;
    height: 12px;
    top: 51%;
    left: 52%;
    margin-left: 5px;
    -webkit-transform-origin: -4px;
    -ms-transform-origin: -4px;
    transform-origin: -4px;
    margin-left: 4px; }
.user-feedback .bubbles .bubble-wrapper:nth-of-type(5) .bubble {
    width: 6px;
    height: 6px;
    top: 51.5%;
    left: 76%;
    -webkit-transform-origin: -4px;
    -ms-transform-origin: -4px;
    transform-origin: -4px;
    margin-left: 4px; }
.user-feedback .bubbles .bubble-wrapper:nth-of-type(6) .bubble {
    width: 6px;
    height: 6px;
    top: 79%;
    left: 40.5%;
    -webkit-transform-origin: -4px;
    -ms-transform-origin: -4px;
    transform-origin: -4px;
    margin-left: 4px; }
.user-feedback .bubbles .bubble-wrapper:nth-of-type(7) .bubble {
    width: 12px;
    height: 12px;
    top: 78.5%;
    left: 75.5%;
    -webkit-transform-origin: -8px;
    -ms-transform-origin: -8px;
    transform-origin: -8px;
    margin-left: 8px; }
.user-feedback .bubbles .bubble-wrapper:nth-of-type(8) .bubble {
    width: 8px;
    height: 8px;
    top: 90%;
    left: 12%;
    -webkit-transform-origin: -4px;
    -ms-transform-origin: -4px;
    transform-origin: -4px;
    margin-left: 4px; }
.user-feedback .user {
    position: absolute;
    -webkit-transform: translateX(-2.14286em);
    -ms-transform: translateX(-2.14286em);
    transform: translateX(-2.14286em);
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
.user-feedback .user:nth-of-type(1) {
    left: 69.06%;
    top: 23.27%; }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(1) {
        top: 0;
        left: 20%; } }
.user-feedback .user:nth-of-type(1) .photo-wrapper {
    width: 5em;
    height: 5em; }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(1) .photo-wrapper {
        width: 3.57143em;
        height: 3.57143em; } }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(1) .feedback-wrapper {
        bottom: auto;
        top: 100%;
        margin-top: 1.28571em;
        margin-bottom: 0; } }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(1) .feedback-wrapper:before {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left; } }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(1) .feedback-wrapper:after {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: -0.35714em; } }
.user-feedback .user:nth-of-type(2) {
    left: 84.28%;
    top: 41.59%; }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(2) {
        top: 20%;
        left: 75.71%; } }
.user-feedback .user:nth-of-type(2) .photo-wrapper {
    width: 2.92857em;
    height: 2.92857em; }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(2) .photo-wrapper {
        width: 2.78571em;
        height: 2.78571em; } }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(2) .feedback-wrapper {
        bottom: auto;
        top: 100%;
        right: 0;
        margin-top: 1.28571em;
        margin-bottom: 0; } }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(2) .feedback-wrapper:before {
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right; } }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(2) .feedback-wrapper:after {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: -0.35714em;
        left: auto;
        right: 1.42857em; } }
.user-feedback .user:nth-of-type(3) {
    left: 32.89%;
    top: 46.55%; }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(3) {
        left: 32.42%;
        top: 43.75%; } }
.user-feedback .user:nth-of-type(3) .photo-wrapper {
    width: 4.14286em;
    height: 4.14286em; }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(3) .photo-wrapper {
        width: 2.57143em;
        height: 2.57143em; } }
.user-feedback .user:nth-of-type(4) {
    left: 11.94%;
    top: 61.85%; }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(4) {
        left: 14.28%;
        top: 66.66%; } }
.user-feedback .user:nth-of-type(4) .photo-wrapper {
    width: 2.92857em;
    height: 2.92857em; }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(4) .photo-wrapper {
        width: 2.28571em;
        height: 2.28571em; } }
.user-feedback .user:nth-of-type(5) {
    left: 54.5%;
    top: 64.65%; }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(5) {
        left: 63.21%;
        top: 85.41%; } }
.user-feedback .user:nth-of-type(5) .photo-wrapper {
    width: 3.57143em;
    height: 3.57143em; }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(5) .photo-wrapper {
        width: 2.85714em;
        height: 2.85714em; } }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(5) .feedback-wrapper {
        right: 0; } }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(5) .feedback-wrapper:before {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom; } }
@media screen and (max-width: 800px) {
    .user-feedback .user:nth-of-type(5) .feedback-wrapper:after {
        left: auto;
        right: 1.42857em; } }
.user-feedback .user .photo-wrapper {
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
.user-feedback .user .feedback-wrapper {
    position: absolute;
    bottom: 100%;
    width: 16.42857em;
    margin-bottom: 1.28571em;
    padding: 1.28571em;
    z-index: 2;
    pointer-events: none; }
.user-feedback .user .feedback-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0d0832;
    -webkit-box-shadow: 0 0.85714em 1.42857em 0 rgba(13, 8, 50, 0.5);
    box-shadow: 0 0.85714em 1.42857em 0 rgba(13, 8, 50, 0.5);
    border-radius: 10px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: 0.5s 0.3s;
    -o-transition: 0.5s 0.3s;
    transition: 0.5s 0.3s; }
.user-feedback .user .feedback-wrapper:after {
    content: "";
    width: 0.71429em;
    height: 0.71429em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    position: absolute;
    left: 1.42857em;
    background: #0d0832;
    top: 100%;
    margin-top: -1.07143em;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
.user-feedback .user .feedback-wrapper .feedback-content {
    font-size: 0.78571em;
    line-height: 1.36364em;
    letter-spacing: 0;
    -webkit-transform: translateX(-1.36364em);
    -ms-transform: translateX(-1.36364em);
    transform: translateX(-1.36364em);
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
.user-feedback .user .feedback-wrapper .feedback-content .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font: 500 1em/1.3 "Rogan-Medium";
    color: #93a5bb;
    padding-bottom: 5px; }
.user-feedback .user .feedback-wrapper .feedback-content .item:last-child {
    padding-bottom: 0;
    margin-bottom: -8px; }
.user-feedback .user .feedback-wrapper .feedback-content .item .title {
    display: inline-block;
    color: #ffffff;
    padding-right: 8px;
    padding-bottom: 8px; }
.user-feedback .user .feedback-wrapper .feedback-content .item .meaning {
    display: inline-block;
    color: #33c474;
    padding-bottom: 8px; }
.user-feedback .user:hover .feedback-wrapper:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: 0.5s 0s;
    -o-transition: 0.5s 0s;
    transition: 0.5s 0s; }
.user-feedback .user:hover .feedback-wrapper:after {
    opacity: 1;
    margin-top: -0.35714em;
    -webkit-transition: 0.3s 0.3s;
    -o-transition: 0.3s 0.3s;
    transition: 0.3s 0.3s; }
.user-feedback .user:hover .feedback-wrapper .feedback-content, .user-feedback .user:hover .feedback-wrapper .feedback-author {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }
.user-feedback .user:hover .feedback-wrapper .feedback-content {
    -webkit-transition: 0.5s 0.3s;
    -o-transition: 0.5s 0.3s;
    transition: 0.5s 0.3s; }
.user-feedback .user:hover .feedback-wrapper .feedback-author {
    -webkit-transition: 0.5s 0.4s;
    -o-transition: 0.5s 0.4s;
    transition: 0.5s 0.4s; }

.loaded .header .logo {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }

.loaded .header .nav-right .btn {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }

.loaded .header .menu-trigger {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: 0.75s 0.3s;
    -o-transition: 0.75s 0.3s;
    transition: 0.75s 0.3s; }

@media screen and (max-width: 800px) {
    .loaded .slide-1:before {
        opacity: 1; } }

.loaded .slide-1 h4, .loaded .slide-1 h1, .loaded .slide-1 .text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }

.loaded .slide-1 h4 {
    -webkit-transition: 0.75s 0.4s;
    -o-transition: 0.75s 0.4s;
    transition: 0.75s 0.4s; }

.loaded .slide-1 h1 {
    -webkit-transition: 0.75s 0.5s;
    -o-transition: 0.75s 0.5s;
    transition: 0.75s 0.5s; }

.loaded .slide-1 .text {
    -webkit-transition: 0.75s 0.6s;
    -o-transition: 0.75s 0.6s;
    transition: 0.75s 0.6s; }

.loaded .slide-1 .text-container-right ul li {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }
.loaded .slide-1 .text-container-right ul li:nth-of-type(1) {
    -webkit-transition: 0.75s 0.5s;
    -o-transition: 0.75s 0.5s;
    transition: 0.75s 0.5s; }
.loaded .slide-1 .text-container-right ul li:nth-of-type(2) {
    -webkit-transition: 0.75s 0.6s;
    -o-transition: 0.75s 0.6s;
    transition: 0.75s 0.6s; }
.loaded .slide-1 .text-container-right ul li:nth-of-type(3) {
    -webkit-transition: 0.75s 0.7s;
    -o-transition: 0.75s 0.7s;
    transition: 0.75s 0.7s; }
.loaded .slide-1 .text-container-right ul li:nth-of-type(4) {
    -webkit-transition: 0.75s 0.8s;
    -o-transition: 0.75s 0.8s;
    transition: 0.75s 0.8s; }

@media (max-width: 800px) {
    .loaded .slide-1 .mobile-phone-wrapper {
        opacity: 1; } }

.loaded .slide-1 .mobile-phone-wrapper .screen {
    width: 91%; }

.loaded .slide-1 .mobile-phone-wrapper .phone {
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 240px;
    top: 0;
    left: 0;
    margin: 0; }
.loaded .slide-1 .mobile-phone-wrapper .phone .home-screen {
    height: 100%;
    text-align: left; }

.loaded .backgrounds-wrapper .bg-wrapper.slide-1-bg .bg {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-transition: all 2s, -webkit-filter 4s;
    transition: all 2s, -webkit-filter 4s;
    -o-transition: all 2s, filter 4s;
    transition: all 2s, filter 4s;
    transition: all 2s, filter 4s, -webkit-filter 4s; }

.loaded .line-wrapper .loading-line:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all 1.5s 0.8s, background 0.5s;
    -o-transition: all 1.5s 0.8s, background 0.5s;
    transition: all 1.5s 0.8s, background 0.5s; }

.loaded .line-wrapper .numbers-wrapper {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 0.75s 0.7s, color 0.5s;
    -o-transition: all 0.75s 0.7s, color 0.5s;
    transition: all 0.75s 0.7s, color 0.5s; }

.loaded .line-wrapper .scroll-down-wrapper span {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 0.75s 0.9s, color 0.5s;
    -o-transition: all 0.75s 0.9s, color 0.5s;
    transition: all 0.75s 0.9s, color 0.5s; }

.loaded .line-wrapper .loading-line-inner-wrapper:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all 0.75s 1s, background 0.5s;
    -o-transition: all 0.75s 1s, background 0.5s;
    transition: all 0.75s 1s, background 0.5s; }

.modal-lang {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    padding: 50px 25px;
    z-index: 99; }
.modal-lang .modal-content {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 25px;
    top: 25px;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    margin: 25px 0;
    overflow-y: auto; }
.modal-lang .modal-content .close-m-lang {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50px;
    right: 50px;
    width: 50px;
    height: 50px;
    z-index: 5; }
@media screen and (max-width: 800px) {
    .modal-lang .modal-content .close-m-lang {
        top: 0;
        right: 0; } }
.modal-lang .modal-content .close-m-lang:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 2px;
    border-radius: 2px;
    background-color: #ffffff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
@media screen and (max-width: 800px) {
    .modal-lang .modal-content .close-m-lang:before {
        width: 24px; } }
.modal-lang .modal-content .close-m-lang:after {
    content: '';
    position: absolute;
    width: 35px;
    height: 2px;
    border-radius: 2px;
    background-color: #ffffff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
@media screen and (max-width: 800px) {
    .modal-lang .modal-content .close-m-lang:after {
        width: 24px; } }
.modal-lang .modal-content .close-m-lang:hover:before {
    background-color: #33c474; }
.modal-lang .modal-content .close-m-lang:hover:after {
    background-color: #33c474; }
.modal-lang .modal-content .modal-container {
    display: block;
    width: 100%;
    max-height: 100%; }
.modal-lang .modal-content .lang-list {
    display: block;
    max-width: 500px;
    width: 100%;
    margin: 0 auto; }
.modal-lang .modal-content .lang-list .item {
    display: block;
    width: 100%;
    margin-bottom: 10px; }
.modal-lang .modal-content .lang-list .item .lang-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: 1px solid #505559;
    border-radius: 5px;
    padding: 8px 50px 8px 8px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.modal-lang .modal-content .lang-list .item .lang-link:before {
    content: '';
    width: 10px;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 16px;
    border: 2px solid #33c474;
    border-top: none;
    border-right: none;
    background: transparent;
    visibility: hidden;
    opacity: 0;
    margin-top: -5px;
    z-index: 2;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.modal-lang .modal-content .lang-list .item .lang-link:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
.modal-lang .modal-content .lang-list .item .lang-link .icon {
    display: inline-block;
    width: 40px;
    min-width: 40px;
    height: 27px;
    border-radius: 3px;
    line-height: 0;
    overflow: hidden; }
.modal-lang .modal-content .lang-list .item .lang-link .icon .flag {
    background-size: cover !important; }
.modal-lang .modal-content .lang-list .item .lang-link .name {
    display: inline-block;
    font: 400 18px/1 "Rogan-Regular";
    color: #ffffff;
    padding-left: 20px; }
.modal-lang .modal-content .lang-list .item .lang-link.active {
    border-color: #33c474; }
.modal-lang .modal-content .lang-list .item .lang-link.active:before {
    visibility: visible;
    opacity: 1; }
.modal-lang .modal-content .lang-list .item .lang-link.active:after {
    visibility: visible;
    opacity: 1; }
.modal-lang .modal-content .lang-list .item .lang-link:hover {
    border-color: #33c474; }

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    33% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px); }
    66% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px); }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    33% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px); }
    66% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px); }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }
