@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap);

.is-hidden-xs-up {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:751px) {
    .mob-m-v-0x {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:514px) {
    .text-sm-left {
        text-align: left !important
    }

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

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

@media (min-width:752px) {
    .text-md-left {
        text-align: left !important
    }

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

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

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

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

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

@media (min-width:1232px) {
    .text-xl-left {
        text-align: left !important
    }

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

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

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

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

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

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

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

.text-faded {
    color: #99a5c2 !important
}

.text-faded i {
    color: #144fc4
}

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

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

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

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

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

.text-default {
    color: #536080 !important
}

.text-primary {
    color: #144fc4 !important
}

.text-secondary {
    color: #ff7800 !important
}

.text-success {
    color: #33a67c !important
}

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

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

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

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

.bg-default {
    background: #536080 !important
}

.border-default {
    border-color: #536080 !important
}

.bg-default-lighter {
    background: #596789 !important
}

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

.bg-default-darker {
    background: #4d5977 !important
}

.border-default-darker {
    border-color: #4d5977 !important
}

.bg-default-faded {
    background: #e6e6eb !important
}

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

.bg-default-gradient {
    background: linear-gradient(120deg, #536080 0, #434d67 100%) !important
}

.border-default-gradient {
    border-color: linear-gradient(120deg, #536080 0%, #434d67 100%) !important
}

.bg-primary {
    background: #144fc4 !important
}

.border-primary {
    border-color: #144fc4 !important
}

.bg-primary-lighter {
    background: #1368e7 !important
}

.border-primary-lighter {
    border-color: #1368e7 !important
}

.bg-primary-darker {
    background: #0c3aa3 !important
}

.border-primary-darker {
    border-color: #0c3aa3 !important
}

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

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

.bg-primary-gradient {
    background: linear-gradient(120deg, #1958e8 0, #144fc4 100%) !important
}

.border-primary-gradient {
    border-color: linear-gradient(120deg, #1958e8 0%, #144fc4 100%) !important
}

.bg-secondary {
    background: #ff7800 !important
}

.border-secondary {
    border-color: #ff7800 !important
}

.bg-secondary-lighter {
    background: #ff9000 !important
}

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

.bg-secondary-darker {
    background: #ff5a00 !important
}

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

.bg-secondary-faded {
    background: #fff !important
}

.border-secondary-faded {
    border-color: #fff !important
}

.bg-secondary-gradient {
    background: linear-gradient(120deg, #ff9529 0, #ff7800 100%) !important
}

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

.bg-success {
    background: #33a67c !important
}

.border-success {
    border-color: #33a67c !important
}

.bg-success-lighter {
    background: #3ec493 !important
}

.border-success-lighter {
    border-color: #3ec493 !important
}

.bg-success-darker {
    background: #298765 !important
}

.border-success-darker {
    border-color: #298765 !important
}

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

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

.bg-success-gradient {
    background: linear-gradient(120deg, #33a67c 0, #298765 100%) !important
}

.border-success-gradient {
    border-color: linear-gradient(120deg, #33a67c 0%, #298765 100%) !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-gray {
    background: #112240 !important
}

.border-gray {
    border-color: #112240 !important
}

.bg-gray-lighter {
    background: #162d54 !important
}

.border-gray-lighter {
    border-color: #162d54 !important
}

.bg-gray-darker {
    background: #0c172c !important
}

.border-gray-darker {
    border-color: #0c172c !important
}

.bg-gray-faded {
    background: #3162b9 !important
}

.border-gray-faded {
    border-color: #3162b9 !important
}

.bg-gray-gradient {
    background: linear-gradient(120deg, #112240 0, #081120 100%) !important
}

.border-gray-gradient {
    border-color: linear-gradient(120deg, #112240 0%, #081120 100%) !important
}

.bg-dark {
    background: #112240 !important
}

.border-dark {
    border-color: #112240 !important
}

.bg-dark-lighter {
    background: #162d54 !important
}

.border-dark-lighter {
    border-color: #162d54 !important
}

.bg-dark-darker {
    background: #0c172c !important
}

.border-dark-darker {
    border-color: #0c172c !important
}

.bg-dark-faded {
    background: #3162b9 !important
}

.border-dark-faded {
    border-color: #3162b9 !important
}

.bg-dark-gradient {
    background: linear-gradient(120deg, #112240 0, #081120 100%) !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:514px) {
    .flex-sm-first {
        order: -1 !important
    }

    .flex-sm-last {
        order: 1 !important
    }

    .flex-sm-unordered {
        order: 0 !important
    }

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

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

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

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

    .flex-sm-middle {
        align-self: center !important
    }

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

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

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

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

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

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

@media (min-width:752px) {
    .flex-md-first {
        order: -1 !important
    }

    .flex-md-last {
        order: 1 !important
    }

    .flex-md-unordered {
        order: 0 !important
    }

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

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

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

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

    .flex-md-middle {
        align-self: center !important
    }

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

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

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

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

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

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

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

    .flex-lg-last {
        order: 1 !important
    }

    .flex-lg-unordered {
        order: 0 !important
    }

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

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

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

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

    .flex-lg-middle {
        align-self: center !important
    }

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

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

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

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

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

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

@media (min-width:1232px) {
    .flex-xl-first {
        order: -1 !important
    }

    .flex-xl-last {
        order: 1 !important
    }

    .flex-xl-unordered {
        order: 0 !important
    }

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

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

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

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

    .flex-xl-middle {
        align-self: center !important
    }

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

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

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

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

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

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

.d-flex {
    display: flex !important
}

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

@media (min-width:514px) {
    .d-sm-none {
        display: none !important
    }

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

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

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

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

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

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

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

@media (min-width:752px) {
    .d-md-none {
        display: none !important
    }

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

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

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

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

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

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

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

@media (min-width:1012px) {
    .d-lg-none {
        display: none !important
    }

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

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

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

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

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

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

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

@media (min-width:1232px) {
    .d-xl-none {
        display: none !important
    }

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 1
}

.order-0 {
    order: 0
}

.order-4 {
    order: 4
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-self-auto {
    align-self: auto !important
}

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

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

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

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

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

@media (min-width:514px) {
    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 1
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-4 {
        order: 4
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-sm-auto {
        align-self: auto !important
    }

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

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

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

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

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

@media (min-width:752px) {
    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 1
    }

    .order-md-0 {
        order: 0
    }

    .order-md-4 {
        order: 4
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-md-auto {
        align-self: auto !important
    }

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

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

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

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

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

@media (min-width:1012px) {
    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 1
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-4 {
        order: 4
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1232px) {
    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 1
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-4 {
        order: 4
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.flex-grow-0 {
    flex-grow: 0
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-grow-2 {
    flex-grow: 2
}

.flex-grow-3 {
    flex-grow: 3
}

.flex-grow-4 {
    flex-grow: 4
}

.flex-grow-5 {
    flex-grow: 5
}

.flex-grow-6 {
    flex-grow: 6
}

.flex-grow-7 {
    flex-grow: 7
}

.flex-grow-8 {
    flex-grow: 8
}

.flex-grow-9 {
    flex-grow: 9
}

.flex-grow-10 {
    flex-grow: 10
}

.table__col-1 {
    width: 4.16667%
}

.table__col-2 {
    width: 8.33333%
}

.table__col-3 {
    width: 12.5%
}

.table__col-4 {
    width: 16.66667%
}

.table__col-5 {
    width: 20.83333%
}

.table__col-6 {
    width: 25%
}

.table__col-7 {
    width: 29.16667%
}

.table__col-8 {
    width: 33.33333%
}

.table__col-9 {
    width: 37.5%
}

.table__col-10 {
    width: 41.66667%
}

.table__col-11 {
    width: 45.83333%
}

.table__col-12 {
    width: 50%
}

.table__col-13 {
    width: 54.16667%
}

.table__col-14 {
    width: 58.33333%
}

.table__col-15 {
    width: 62.5%
}

.table__col-16 {
    width: 66.66667%
}

.table__col-17 {
    width: 70.83333%
}

.table__col-18 {
    width: 75%
}

.table__col-19 {
    width: 79.16667%
}

.table__col-20 {
    width: 83.33333%
}

.table__col-21 {
    width: 87.5%
}

.table__col-22 {
    width: 91.66667%
}

.table__col-23 {
    width: 95.83333%
}

.table__col-24 {
    width: 100%
}

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
output,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress,
sub,
sup {
    vertical-align: baseline
}

template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    text-decoration: underline dotted;
    border-bottom: none
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    color: #000;
    background-color: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
hr,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    display: table;
    max-width: 100%;
    white-space: normal;
    color: inherit;
    font-size: 1.5rem;
    line-height: inherit;
    display: block;
    width: 100%;
    margin-bottom: .5rem
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    opacity: .54;
    color: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

*,
::after,
::before {
    box-sizing: inherit
}

@-ms-viewport {
    width: device-width
}

[tabindex='-1']:focus {
    outline: 0 !important
}

dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin-top: 0;
    margin-bottom: .5rem
}

dl,
ol,
p,
ul {
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    cursor: help
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

a:not([href]):not([tabindex]) {
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre {
    overflow: auto;
    margin-top: 0;
    margin-bottom: 1rem
}

[role=button] {
    cursor: pointer
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    caption-side: bottom
}

caption,
th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
select,
textarea {
    line-height: inherit
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

input[type=search] {
    -webkit-appearance: none
}

[hidden] {
    display: none !important
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px 0);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.animated.flip {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.flipInX,
.flipInY,
.flipOutX,
.flipOutY {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.flipInY,
.flipOutX,
.flipOutY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

.flipOutX,
.flipOutY {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:1012px) {
    .container {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media (max-width:1011px) {
    .container {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media (min-width:752px) {
    .container {
        max-width: 716px
    }
}

@media (min-width:1012px) {
    .container {
        max-width: 972px
    }
}

@media (min-width:1232px) {
    .container {
        max-width: 1248px
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:1012px) {
    .container-fluid {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media (max-width:1011px) {
    .container-fluid {
        padding-right: 16px;
        padding-left: 16px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px
}

.flex-1 {
    flex: 1
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px
}

.col-auto {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px
}

.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-20p {
    flex: 0 0 20%;
    max-width: 20%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:514px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-20p {
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:752px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-20p {
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1012px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-20p {
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1232px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-20p {
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.row--xs {
    margin-left: -8px;
    margin-right: -8px
}

.row--xs > * {
    padding: 0 8px
}

.row--sm {
    margin-left: -16px;
    margin-right: -16px
}

.row--sm > * {
    padding: 0 16px
}

.row--lg {
    margin-right: -32px;
    margin-left: -32px
}

.row--lg > * {
    padding: 0 32px
}

.row--eq-height > * {
    display: flex;
    flex-direction: column
}

.row--eq-height > * > * {
    flex-grow: 1
}

@media (max-width:751px) {
    .row--mob-xs {
        margin-left: -8px;
        margin-right: -8px
    }

    .row--mob-xs > * {
        padding: 0 8px
    }

    .row--mob-sm {
        margin-left: -16px;
        margin-right: -16px
    }

    .row--mob-sm > * {
        padding: 0 16px
    }

    .row--mob-lg {
        margin-right: -32px;
        margin-left: -32px
    }

    .row--mob-lg > * {
        padding: 0 32px
    }

    .row--mob.no-gutters {
        margin-right: 0;
        margin-left: 0
    }

    .row--mob.no-gutters > .col,
    .row--mob.no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }
}

.w-100 {
    width: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

/*!
 *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes rotation {
    0% {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes float-cloud-sm {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }
}

@keyframes float-cloud-lg {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(15px)
    }
}

@keyframes float-ball {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }
}

@-webkit-keyframes falling {
    0% {
        -webkit-transform: translate3d(300, 0, 0) rotate(0deg)
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-350px, 700px, 0) rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes falling3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(-20deg)
    }

    60% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-230px, 640px, 0) rotate(-70deg);
        opacity: 0
    }
}

@-webkit-keyframes falling2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(90deg)
    }

    40% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-400px, 680px, 0) rotate(0deg);
        opacity: 0
    }
}

@-webkit-keyframes sk-stretchdelay {

    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {

    0%,
    40%,
    to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

@font-face {
    font-family: 'Material-Design-Iconic-Font';
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/icons/Material-Design-Iconic-Fontd1f1.html?v=2.2.0) format("woff2"), url(../fonts/icons/Material-Design-Iconic-Fontd1f1-2.html?v=2.2.0) format("woff"), url(../fonts/icons/Material-Design-Iconic-Fontd1f1-3.html?v=2.2.0) format("truetype")
}

.zmdi:before {
    font: 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.zmdi {
    text-align: center
}

.zmdi-3d-rotation:before {
    content: '\f101'
}

.zmdi-airplane-off:before {
    content: '\f102'
}

.zmdi-airplane:before {
    content: '\f103'
}

.zmdi-album:before {
    content: '\f104'
}

.zmdi-archive:before {
    content: '\f105'
}

.zmdi-assignment-account:before {
    content: '\f106'
}

.zmdi-assignment-alert:before {
    content: '\f107'
}

.zmdi-assignment-check:before {
    content: '\f108'
}

.zmdi-assignment-o:before {
    content: '\f109'
}

.zmdi-assignment-return:before {
    content: '\f10a'
}

.zmdi-assignment-returned:before {
    content: '\f10b'
}

.zmdi-assignment:before {
    content: '\f10c'
}

.zmdi-attachment-alt:before {
    content: '\f10d'
}

.zmdi-attachment:before {
    content: '\f10e'
}

.zmdi-audio:before {
    content: '\f10f'
}

.zmdi-badge-check:before {
    content: '\f110'
}

.zmdi-balance-wallet:before {
    content: '\f111'
}

.zmdi-balance:before {
    content: '\f112'
}

.zmdi-battery-alert:before {
    content: '\f113'
}

.zmdi-battery-flash:before {
    content: '\f114'
}

.zmdi-battery-unknown:before {
    content: '\f115'
}

.zmdi-battery:before {
    content: '\f116'
}

.zmdi-bike:before {
    content: '\f117'
}

.zmdi-block-alt:before {
    content: '\f118'
}

.zmdi-block:before {
    content: '\f119'
}

.zmdi-boat:before {
    content: '\f11a'
}

.zmdi-book-image:before {
    content: '\f11b'
}

.zmdi-book:before {
    content: '\f11c'
}

.zmdi-bookmark-outline:before {
    content: '\f11d'
}

.zmdi-bookmark:before {
    content: '\f11e'
}

.zmdi-brush:before {
    content: '\f11f'
}

.zmdi-bug:before {
    content: '\f120'
}

.zmdi-bus:before {
    content: '\f121'
}

.zmdi-cake:before {
    content: '\f122'
}

.zmdi-car-taxi:before {
    content: '\f123'
}

.zmdi-car-wash:before {
    content: '\f124'
}

.zmdi-car:before {
    content: '\f125'
}

.zmdi-card-giftcard:before {
    content: '\f126'
}

.zmdi-card-membership:before {
    content: '\f127'
}

.zmdi-card-travel:before {
    content: '\f128'
}

.zmdi-card:before {
    content: '\f129'
}

.zmdi-case-check:before {
    content: '\f12a'
}

.zmdi-case-download:before {
    content: '\f12b'
}

.zmdi-case-play:before {
    content: '\f12c'
}

.zmdi-case:before {
    content: '\f12d'
}

.zmdi-cast-connected:before {
    content: '\f12e'
}

.zmdi-cast:before {
    content: '\f12f'
}

.zmdi-chart-donut:before {
    content: '\f130'
}

.zmdi-chart:before {
    content: '\f131'
}

.zmdi-city-alt:before {
    content: '\f132'
}

.zmdi-city:before {
    content: '\f133'
}

.zmdi-close-circle-o:before {
    content: '\f134'
}

.zmdi-close-circle:before {
    content: '\f135'
}

.zmdi-close:before {
    content: '\f136'
}

.zmdi-cocktail:before {
    content: '\f137'
}

.zmdi-code-setting:before {
    content: '\f138'
}

.zmdi-code-smartphone:before {
    content: '\f139'
}

.zmdi-code:before {
    content: '\f13a'
}

.zmdi-coffee:before {
    content: '\f13b'
}

.zmdi-collection-bookmark:before {
    content: '\f13c'
}

.zmdi-collection-case-play:before {
    content: '\f13d'
}

.zmdi-collection-folder-image:before {
    content: '\f13e'
}

.zmdi-collection-image-o:before {
    content: '\f13f'
}

.zmdi-collection-image:before {
    content: '\f140'
}

.zmdi-collection-item-1:before {
    content: '\f141'
}

.zmdi-collection-item-2:before {
    content: '\f142'
}

.zmdi-collection-item-3:before {
    content: '\f143'
}

.zmdi-collection-item-4:before {
    content: '\f144'
}

.zmdi-collection-item-5:before {
    content: '\f145'
}

.zmdi-collection-item-6:before {
    content: '\f146'
}

.zmdi-collection-item-7:before {
    content: '\f147'
}

.zmdi-collection-item-8:before {
    content: '\f148'
}

.zmdi-collection-item-9-plus:before {
    content: '\f149'
}

.zmdi-collection-item-9:before {
    content: '\f14a'
}

.zmdi-collection-item:before {
    content: '\f14b'
}

.zmdi-collection-music:before {
    content: '\f14c'
}

.zmdi-collection-pdf:before {
    content: '\f14d'
}

.zmdi-collection-plus:before {
    content: '\f14e'
}

.zmdi-collection-speaker:before {
    content: '\f14f'
}

.zmdi-collection-text:before {
    content: '\f150'
}

.zmdi-collection-video:before {
    content: '\f151'
}

.zmdi-compass:before {
    content: '\f152'
}

.zmdi-cutlery:before {
    content: '\f153'
}

.zmdi-delete:before {
    content: '\f154'
}

.zmdi-dialpad:before {
    content: '\f155'
}

.zmdi-dns:before {
    content: '\f156'
}

.zmdi-drink:before {
    content: '\f157'
}

.zmdi-edit:before {
    content: '\f158'
}

.zmdi-email-open:before {
    content: '\f159'
}

.zmdi-email:before {
    content: '\f15a'
}

.zmdi-eye-off:before {
    content: '\f15b'
}

.zmdi-eye:before {
    content: '\f15c'
}

.zmdi-eyedropper:before {
    content: '\f15d'
}

.zmdi-favorite-outline:before {
    content: '\f15e'
}

.zmdi-favorite:before {
    content: '\f15f'
}

.zmdi-filter-list:before {
    content: '\f160'
}

.zmdi-fire:before {
    content: '\f161'
}

.zmdi-flag:before {
    content: '\f162'
}

.zmdi-flare:before {
    content: '\f163'
}

.zmdi-flash-auto:before {
    content: '\f164'
}

.zmdi-flash-off:before {
    content: '\f165'
}

.zmdi-flash:before {
    content: '\f166'
}

.zmdi-flip:before {
    content: '\f167'
}

.zmdi-flower-alt:before {
    content: '\f168'
}

.zmdi-flower:before {
    content: '\f169'
}

.zmdi-font:before {
    content: '\f16a'
}

.zmdi-fullscreen-alt:before {
    content: '\f16b'
}

.zmdi-fullscreen-exit:before {
    content: '\f16c'
}

.zmdi-fullscreen:before {
    content: '\f16d'
}

.zmdi-functions:before {
    content: '\f16e'
}

.zmdi-gas-station:before {
    content: '\f16f'
}

.zmdi-gesture:before {
    content: '\f170'
}

.zmdi-globe-alt:before {
    content: '\f171'
}

.zmdi-globe-lock:before {
    content: '\f172'
}

.zmdi-globe:before {
    content: '\f173'
}

.zmdi-graduation-cap:before {
    content: '\f174'
}

.zmdi-home:before {
    content: '\f175'
}

.zmdi-hospital-alt:before {
    content: '\f176'
}

.zmdi-hospital:before {
    content: '\f177'
}

.zmdi-hotel:before {
    content: '\f178'
}

.zmdi-hourglass-alt:before {
    content: '\f179'
}

.zmdi-hourglass-outline:before {
    content: '\f17a'
}

.zmdi-hourglass:before {
    content: '\f17b'
}

.zmdi-http:before {
    content: '\f17c'
}

.zmdi-image-alt:before {
    content: '\f17d'
}

.zmdi-image-o:before {
    content: '\f17e'
}

.zmdi-image:before {
    content: '\f17f'
}

.zmdi-inbox:before {
    content: '\f180'
}

.zmdi-invert-colors-off:before {
    content: '\f181'
}

.zmdi-invert-colors:before {
    content: '\f182'
}

.zmdi-key:before {
    content: '\f183'
}

.zmdi-label-alt-outline:before {
    content: '\f184'
}

.zmdi-label-alt:before {
    content: '\f185'
}

.zmdi-label-heart:before {
    content: '\f186'
}

.zmdi-label:before {
    content: '\f187'
}

.zmdi-labels:before {
    content: '\f188'
}

.zmdi-lamp:before {
    content: '\f189'
}

.zmdi-landscape:before {
    content: '\f18a'
}

.zmdi-layers-off:before {
    content: '\f18b'
}

.zmdi-layers:before {
    content: '\f18c'
}

.zmdi-library:before {
    content: '\f18d'
}

.zmdi-link:before {
    content: '\f18e'
}

.zmdi-lock-open:before {
    content: '\f18f'
}

.zmdi-lock-outline:before {
    content: '\f190'
}

.zmdi-lock:before {
    content: '\f191'
}

.zmdi-mail-reply-all:before {
    content: '\f192'
}

.zmdi-mail-reply:before {
    content: '\f193'
}

.zmdi-mail-send:before {
    content: '\f194'
}

.zmdi-mall:before {
    content: '\f195'
}

.zmdi-map:before {
    content: '\f196'
}

.zmdi-menu:before {
    content: '\f197'
}

.zmdi-money-box:before {
    content: '\f198'
}

.zmdi-money-off:before {
    content: '\f199'
}

.zmdi-money:before {
    content: '\f19a'
}

.zmdi-more-vert:before {
    content: '\f19b'
}

.zmdi-more:before {
    content: '\f19c'
}

.zmdi-movie-alt:before {
    content: '\f19d'
}

.zmdi-movie:before {
    content: '\f19e'
}

.zmdi-nature-people:before {
    content: '\f19f'
}

.zmdi-nature:before {
    content: '\f1a0'
}

.zmdi-navigation:before {
    content: '\f1a1'
}

.zmdi-open-in-browser:before {
    content: '\f1a2'
}

.zmdi-open-in-new:before {
    content: '\f1a3'
}

.zmdi-palette:before {
    content: '\f1a4'
}

.zmdi-parking:before {
    content: '\f1a5'
}

.zmdi-pin-account:before {
    content: '\f1a6'
}

.zmdi-pin-assistant:before {
    content: '\f1a7'
}

.zmdi-pin-drop:before {
    content: '\f1a8'
}

.zmdi-pin-help:before {
    content: '\f1a9'
}

.zmdi-pin-off:before {
    content: '\f1aa'
}

.zmdi-pin:before {
    content: '\f1ab'
}

.zmdi-pizza:before {
    content: '\f1ac'
}

.zmdi-plaster:before {
    content: '\f1ad'
}

.zmdi-power-setting:before {
    content: '\f1ae'
}

.zmdi-power:before {
    content: '\f1af'
}

.zmdi-print:before {
    content: '\f1b0'
}

.zmdi-puzzle-piece:before {
    content: '\f1b1'
}

.zmdi-quote:before {
    content: '\f1b2'
}

.zmdi-railway:before {
    content: '\f1b3'
}

.zmdi-receipt:before {
    content: '\f1b4'
}

.zmdi-refresh-alt:before {
    content: '\f1b5'
}

.zmdi-refresh-sync-alert:before {
    content: '\f1b6'
}

.zmdi-refresh-sync-off:before {
    content: '\f1b7'
}

.zmdi-refresh-sync:before {
    content: '\f1b8'
}

.zmdi-refresh:before {
    content: '\f1b9'
}

.zmdi-roller:before {
    content: '\f1ba'
}

.zmdi-ruler:before {
    content: '\f1bb'
}

.zmdi-scissors:before {
    content: '\f1bc'
}

.zmdi-screen-rotation-lock:before {
    content: '\f1bd'
}

.zmdi-screen-rotation:before {
    content: '\f1be'
}

.zmdi-search-for:before {
    content: '\f1bf'
}

.zmdi-search-in-file:before {
    content: '\f1c0'
}

.zmdi-search-in-page:before {
    content: '\f1c1'
}

.zmdi-search-replace:before {
    content: '\f1c2'
}

.zmdi-search:before {
    content: '\f1c3'
}

.zmdi-seat:before {
    content: '\f1c4'
}

.zmdi-settings-square:before {
    content: '\f1c5'
}

.zmdi-settings:before {
    content: '\f1c6'
}

.zmdi-shield-check:before {
    content: '\f1c7'
}

.zmdi-shield-security:before {
    content: '\f1c8'
}

.zmdi-shopping-basket:before {
    content: '\f1c9'
}

.zmdi-shopping-cart-plus:before {
    content: '\f1ca'
}

.zmdi-shopping-cart:before {
    content: '\f1cb'
}

.zmdi-sign-in:before {
    content: '\f1cc'
}

.zmdi-sort-amount-asc:before {
    content: '\f1cd'
}

.zmdi-sort-amount-desc:before {
    content: '\f1ce'
}

.zmdi-sort-asc:before {
    content: '\f1cf'
}

.zmdi-sort-desc:before {
    content: '\f1d0'
}

.zmdi-spellcheck:before {
    content: '\f1d1'
}

.zmdi-storage:before {
    content: '\f1d2'
}

.zmdi-store-24:before {
    content: '\f1d3'
}

.zmdi-store:before {
    content: '\f1d4'
}

.zmdi-subway:before {
    content: '\f1d5'
}

.zmdi-sun:before {
    content: '\f1d6'
}

.zmdi-tab-unselected:before {
    content: '\f1d7'
}

.zmdi-tab:before {
    content: '\f1d8'
}

.zmdi-tag-close:before {
    content: '\f1d9'
}

.zmdi-tag-more:before {
    content: '\f1da'
}

.zmdi-tag:before {
    content: '\f1db'
}

.zmdi-thumb-down:before {
    content: '\f1dc'
}

.zmdi-thumb-up-down:before {
    content: '\f1dd'
}

.zmdi-thumb-up:before {
    content: '\f1de'
}

.zmdi-ticket-star:before {
    content: '\f1df'
}

.zmdi-toll:before {
    content: '\f1e0'
}

.zmdi-toys:before {
    content: '\f1e1'
}

.zmdi-traffic:before {
    content: '\f1e2'
}

.zmdi-translate:before {
    content: '\f1e3'
}

.zmdi-triangle-down:before {
    content: '\f1e4'
}

.zmdi-triangle-up:before {
    content: '\f1e5'
}

.zmdi-truck:before {
    content: '\f1e6'
}

.zmdi-turning-sign:before {
    content: '\f1e7'
}

.zmdi-wallpaper:before {
    content: '\f1e8'
}

.zmdi-washing-machine:before {
    content: '\f1e9'
}

.zmdi-window-maximize:before {
    content: '\f1ea'
}

.zmdi-window-minimize:before {
    content: '\f1eb'
}

.zmdi-window-restore:before {
    content: '\f1ec'
}

.zmdi-wrench:before {
    content: '\f1ed'
}

.zmdi-zoom-in:before {
    content: '\f1ee'
}

.zmdi-zoom-out:before {
    content: '\f1ef'
}

.zmdi-alert-circle-o:before {
    content: '\f1f0'
}

.zmdi-alert-circle:before {
    content: '\f1f1'
}

.zmdi-alert-octagon:before {
    content: '\f1f2'
}

.zmdi-alert-polygon:before {
    content: '\f1f3'
}

.zmdi-alert-triangle:before {
    content: '\f1f4'
}

.zmdi-help-outline:before {
    content: '\f1f5'
}

.zmdi-help:before {
    content: '\f1f6'
}

.zmdi-info-outline:before {
    content: '\f1f7'
}

.zmdi-info:before {
    content: '\f1f8'
}

.zmdi-notifications-active:before {
    content: '\f1f9'
}

.zmdi-notifications-add:before {
    content: '\f1fa'
}

.zmdi-notifications-none:before {
    content: '\f1fb'
}

.zmdi-notifications-off:before {
    content: '\f1fc'
}

.zmdi-notifications-paused:before {
    content: '\f1fd'
}

.zmdi-notifications:before {
    content: '\f1fe'
}

.zmdi-account-add:before {
    content: '\f1ff'
}

.zmdi-account-box-mail:before {
    content: '\f200'
}

.zmdi-account-box-o:before {
    content: '\f201'
}

.zmdi-account-box-phone:before {
    content: '\f202'
}

.zmdi-account-box:before {
    content: '\f203'
}

.zmdi-account-calendar:before {
    content: '\f204'
}

.zmdi-account-circle:before {
    content: '\f205'
}

.zmdi-account-o:before {
    content: '\f206'
}

.zmdi-account:before {
    content: '\f207'
}

.zmdi-accounts-add:before {
    content: '\f208'
}

.zmdi-accounts-alt:before {
    content: '\f209'
}

.zmdi-accounts-list-alt:before {
    content: '\f20a'
}

.zmdi-accounts-list:before {
    content: '\f20b'
}

.zmdi-accounts-outline:before {
    content: '\f20c'
}

.zmdi-accounts:before {
    content: '\f20d'
}

.zmdi-face:before {
    content: '\f20e'
}

.zmdi-female:before {
    content: '\f20f'
}

.zmdi-male-alt:before {
    content: '\f210'
}

.zmdi-male-female:before {
    content: '\f211'
}

.zmdi-male:before {
    content: '\f212'
}

.zmdi-mood-bad:before {
    content: '\f213'
}

.zmdi-mood:before {
    content: '\f214'
}

.zmdi-run:before {
    content: '\f215'
}

.zmdi-walk:before {
    content: '\f216'
}

.zmdi-cloud-box:before {
    content: '\f217'
}

.zmdi-cloud-circle:before {
    content: '\f218'
}

.zmdi-cloud-done:before {
    content: '\f219'
}

.zmdi-cloud-download:before {
    content: '\f21a'
}

.zmdi-cloud-off:before {
    content: '\f21b'
}

.zmdi-cloud-outline-alt:before {
    content: '\f21c'
}

.zmdi-cloud-outline:before {
    content: '\f21d'
}

.zmdi-cloud-upload:before {
    content: '\f21e'
}

.zmdi-cloud:before {
    content: '\f21f'
}

.zmdi-download:before {
    content: '\f220'
}

.zmdi-file-plus:before {
    content: '\f221'
}

.zmdi-file-text:before {
    content: '\f222'
}

.zmdi-file:before {
    content: '\f223'
}

.zmdi-folder-outline:before {
    content: '\f224'
}

.zmdi-folder-person:before {
    content: '\f225'
}

.zmdi-folder-star-alt:before {
    content: '\f226'
}

.zmdi-folder-star:before {
    content: '\f227'
}

.zmdi-folder:before {
    content: '\f228'
}

.zmdi-gif:before {
    content: '\f229'
}

.zmdi-upload:before {
    content: '\f22a'
}

.zmdi-border-all:before {
    content: '\f22b'
}

.zmdi-border-bottom:before {
    content: '\f22c'
}

.zmdi-border-clear:before {
    content: '\f22d'
}

.zmdi-border-color:before {
    content: '\f22e'
}

.zmdi-border-horizontal:before {
    content: '\f22f'
}

.zmdi-border-inner:before {
    content: '\f230'
}

.zmdi-border-left:before {
    content: '\f231'
}

.zmdi-border-outer:before {
    content: '\f232'
}

.zmdi-border-right:before {
    content: '\f233'
}

.zmdi-border-style:before {
    content: '\f234'
}

.zmdi-border-top:before {
    content: '\f235'
}

.zmdi-border-vertical:before {
    content: '\f236'
}

.zmdi-copy:before {
    content: '\f237'
}

.zmdi-crop:before {
    content: '\f238'
}

.zmdi-format-align-center:before {
    content: '\f239'
}

.zmdi-format-align-justify:before {
    content: '\f23a'
}

.zmdi-format-align-left:before {
    content: '\f23b'
}

.zmdi-format-align-right:before {
    content: '\f23c'
}

.zmdi-format-bold:before {
    content: '\f23d'
}

.zmdi-format-clear-all:before {
    content: '\f23e'
}

.zmdi-format-clear:before {
    content: '\f23f'
}

.zmdi-format-color-fill:before {
    content: '\f240'
}

.zmdi-format-color-reset:before {
    content: '\f241'
}

.zmdi-format-color-text:before {
    content: '\f242'
}

.zmdi-format-indent-decrease:before {
    content: '\f243'
}

.zmdi-format-indent-increase:before {
    content: '\f244'
}

.zmdi-format-italic:before {
    content: '\f245'
}

.zmdi-format-line-spacing:before {
    content: '\f246'
}

.zmdi-format-list-bulleted:before {
    content: '\f247'
}

.zmdi-format-list-numbered:before {
    content: '\f248'
}

.zmdi-format-ltr:before {
    content: '\f249'
}

.zmdi-format-rtl:before {
    content: '\f24a'
}

.zmdi-format-size:before {
    content: '\f24b'
}

.zmdi-format-strikethrough-s:before {
    content: '\f24c'
}

.zmdi-format-strikethrough:before {
    content: '\f24d'
}

.zmdi-format-subject:before {
    content: '\f24e'
}

.zmdi-format-underlined:before {
    content: '\f24f'
}

.zmdi-format-valign-bottom:before {
    content: '\f250'
}

.zmdi-format-valign-center:before {
    content: '\f251'
}

.zmdi-format-valign-top:before {
    content: '\f252'
}

.zmdi-redo:before {
    content: '\f253'
}

.zmdi-select-all:before {
    content: '\f254'
}

.zmdi-space-bar:before {
    content: '\f255'
}

.zmdi-text-format:before {
    content: '\f256'
}

.zmdi-transform:before {
    content: '\f257'
}

.zmdi-undo:before {
    content: '\f258'
}

.zmdi-wrap-text:before {
    content: '\f259'
}

.zmdi-comment-alert:before {
    content: '\f25a'
}

.zmdi-comment-alt-text:before {
    content: '\f25b'
}

.zmdi-comment-alt:before {
    content: '\f25c'
}

.zmdi-comment-edit:before {
    content: '\f25d'
}

.zmdi-comment-image:before {
    content: '\f25e'
}

.zmdi-comment-list:before {
    content: '\f25f'
}

.zmdi-comment-more:before {
    content: '\f260'
}

.zmdi-comment-outline:before {
    content: '\f261'
}

.zmdi-comment-text-alt:before {
    content: '\f262'
}

.zmdi-comment-text:before {
    content: '\f263'
}

.zmdi-comment-video:before {
    content: '\f264'
}

.zmdi-comment:before {
    content: '\f265'
}

.zmdi-comments:before {
    content: '\f266'
}

.zmdi-check-all:before {
    content: '\f267'
}

.zmdi-check-circle-u:before {
    content: '\f268'
}

.zmdi-check-circle:before {
    content: '\f269'
}

.zmdi-check-square:before {
    content: '\f26a'
}

.zmdi-check:before {
    content: '\f26b'
}

.zmdi-circle-o:before {
    content: '\f26c'
}

.zmdi-circle:before {
    content: '\f26d'
}

.zmdi-dot-circle-alt:before {
    content: '\f26e'
}

.zmdi-dot-circle:before {
    content: '\f26f'
}

.zmdi-minus-circle-outline:before {
    content: '\f270'
}

.zmdi-minus-circle:before {
    content: '\f271'
}

.zmdi-minus-square:before {
    content: '\f272'
}

.zmdi-minus:before {
    content: '\f273'
}

.zmdi-plus-circle-o-duplicate:before {
    content: '\f274'
}

.zmdi-plus-circle-o:before {
    content: '\f275'
}

.zmdi-plus-circle:before {
    content: '\f276'
}

.zmdi-plus-square:before {
    content: '\f277'
}

.zmdi-plus:before {
    content: '\f278'
}

.zmdi-square-o:before {
    content: '\f279'
}

.zmdi-star-circle:before {
    content: '\f27a'
}

.zmdi-star-half:before {
    content: '\f27b'
}

.zmdi-star-outline:before {
    content: '\f27c'
}

.zmdi-star:before {
    content: '\f27d'
}

.zmdi-bluetooth-connected:before {
    content: '\f27e'
}

.zmdi-bluetooth-off:before {
    content: '\f27f'
}

.zmdi-bluetooth-search:before {
    content: '\f280'
}

.zmdi-bluetooth-setting:before {
    content: '\f281'
}

.zmdi-bluetooth:before {
    content: '\f282'
}

.zmdi-camera-add:before {
    content: '\f283'
}

.zmdi-camera-alt:before {
    content: '\f284'
}

.zmdi-camera-bw:before {
    content: '\f285'
}

.zmdi-camera-front:before {
    content: '\f286'
}

.zmdi-camera-mic:before {
    content: '\f287'
}

.zmdi-camera-party-mode:before {
    content: '\f288'
}

.zmdi-camera-rear:before {
    content: '\f289'
}

.zmdi-camera-roll:before {
    content: '\f28a'
}

.zmdi-camera-switch:before {
    content: '\f28b'
}

.zmdi-camera:before {
    content: '\f28c'
}

.zmdi-card-alert:before {
    content: '\f28d'
}

.zmdi-card-off:before {
    content: '\f28e'
}

.zmdi-card-sd:before {
    content: '\f28f'
}

.zmdi-card-sim:before {
    content: '\f290'
}

.zmdi-desktop-mac:before {
    content: '\f291'
}

.zmdi-desktop-windows:before {
    content: '\f292'
}

.zmdi-device-hub:before {
    content: '\f293'
}

.zmdi-devices-off:before {
    content: '\f294'
}

.zmdi-devices:before {
    content: '\f295'
}

.zmdi-dock:before {
    content: '\f296'
}

.zmdi-floppy:before {
    content: '\f297'
}

.zmdi-gamepad:before {
    content: '\f298'
}

.zmdi-gps-dot:before {
    content: '\f299'
}

.zmdi-gps-off:before {
    content: '\f29a'
}

.zmdi-gps:before {
    content: '\f29b'
}

.zmdi-headset-mic:before {
    content: '\f29c'
}

.zmdi-headset:before {
    content: '\f29d'
}

.zmdi-input-antenna:before {
    content: '\f29e'
}

.zmdi-input-composite:before {
    content: '\f29f'
}

.zmdi-input-hdmi:before {
    content: '\f2a0'
}

.zmdi-input-power:before {
    content: '\f2a1'
}

.zmdi-input-svideo:before {
    content: '\f2a2'
}

.zmdi-keyboard-hide:before {
    content: '\f2a3'
}

.zmdi-keyboard:before {
    content: '\f2a4'
}

.zmdi-laptop-chromebook:before {
    content: '\f2a5'
}

.zmdi-laptop-mac:before {
    content: '\f2a6'
}

.zmdi-laptop:before {
    content: '\f2a7'
}

.zmdi-mic-off:before {
    content: '\f2a8'
}

.zmdi-mic-outline:before {
    content: '\f2a9'
}

.zmdi-mic-setting:before {
    content: '\f2aa'
}

.zmdi-mic:before {
    content: '\f2ab'
}

.zmdi-mouse:before {
    content: '\f2ac'
}

.zmdi-network-alert:before {
    content: '\f2ad'
}

.zmdi-network-locked:before {
    content: '\f2ae'
}

.zmdi-network-off:before {
    content: '\f2af'
}

.zmdi-network-outline:before {
    content: '\f2b0'
}

.zmdi-network-setting:before {
    content: '\f2b1'
}

.zmdi-network:before {
    content: '\f2b2'
}

.zmdi-phone-bluetooth:before {
    content: '\f2b3'
}

.zmdi-phone-end:before {
    content: '\f2b4'
}

.zmdi-phone-forwarded:before {
    content: '\f2b5'
}

.zmdi-phone-in-talk:before {
    content: '\f2b6'
}

.zmdi-phone-locked:before {
    content: '\f2b7'
}

.zmdi-phone-missed:before {
    content: '\f2b8'
}

.zmdi-phone-msg:before {
    content: '\f2b9'
}

.zmdi-phone-paused:before {
    content: '\f2ba'
}

.zmdi-phone-ring:before {
    content: '\f2bb'
}

.zmdi-phone-setting:before {
    content: '\f2bc'
}

.zmdi-phone-sip:before {
    content: '\f2bd'
}

.zmdi-phone:before {
    content: '\f2be'
}

.zmdi-portable-wifi-changes:before {
    content: '\f2bf'
}

.zmdi-portable-wifi-off:before {
    content: '\f2c0'
}

.zmdi-portable-wifi:before {
    content: '\f2c1'
}

.zmdi-radio:before {
    content: '\f2c2'
}

.zmdi-reader:before {
    content: '\f2c3'
}

.zmdi-remote-control-alt:before {
    content: '\f2c4'
}

.zmdi-remote-control:before {
    content: '\f2c5'
}

.zmdi-router:before {
    content: '\f2c6'
}

.zmdi-scanner:before {
    content: '\f2c7'
}

.zmdi-smartphone-android:before {
    content: '\f2c8'
}

.zmdi-smartphone-download:before {
    content: '\f2c9'
}

.zmdi-smartphone-erase:before {
    content: '\f2ca'
}

.zmdi-smartphone-info:before {
    content: '\f2cb'
}

.zmdi-smartphone-iphone:before {
    content: '\f2cc'
}

.zmdi-smartphone-landscape-lock:before {
    content: '\f2cd'
}

.zmdi-smartphone-landscape:before {
    content: '\f2ce'
}

.zmdi-smartphone-lock:before {
    content: '\f2cf'
}

.zmdi-smartphone-portrait-lock:before {
    content: '\f2d0'
}

.zmdi-smartphone-ring:before {
    content: '\f2d1'
}

.zmdi-smartphone-setting:before {
    content: '\f2d2'
}

.zmdi-smartphone-setup:before {
    content: '\f2d3'
}

.zmdi-smartphone:before {
    content: '\f2d4'
}

.zmdi-speaker:before {
    content: '\f2d5'
}

.zmdi-tablet-android:before {
    content: '\f2d6'
}

.zmdi-tablet-mac:before {
    content: '\f2d7'
}

.zmdi-tablet:before {
    content: '\f2d8'
}

.zmdi-tv-alt-play:before {
    content: '\f2d9'
}

.zmdi-tv-list:before {
    content: '\f2da'
}

.zmdi-tv-play:before {
    content: '\f2db'
}

.zmdi-tv:before {
    content: '\f2dc'
}

.zmdi-usb:before {
    content: '\f2dd'
}

.zmdi-videocam-off:before {
    content: '\f2de'
}

.zmdi-videocam-switch:before {
    content: '\f2df'
}

.zmdi-videocam:before {
    content: '\f2e0'
}

.zmdi-watch:before {
    content: '\f2e1'
}

.zmdi-wifi-alt-2:before {
    content: '\f2e2'
}

.zmdi-wifi-alt:before {
    content: '\f2e3'
}

.zmdi-wifi-info:before {
    content: '\f2e4'
}

.zmdi-wifi-lock:before {
    content: '\f2e5'
}

.zmdi-wifi-off:before {
    content: '\f2e6'
}

.zmdi-wifi-outline:before {
    content: '\f2e7'
}

.zmdi-wifi:before {
    content: '\f2e8'
}

.zmdi-arrow-left-bottom:before {
    content: '\f2e9'
}

.zmdi-arrow-left:before {
    content: '\f2ea'
}

.zmdi-arrow-merge:before {
    content: '\f2eb'
}

.zmdi-arrow-missed:before {
    content: '\f2ec'
}

.zmdi-arrow-right-top:before {
    content: '\f2ed'
}

.zmdi-arrow-right:before {
    content: '\f2ee'
}

.zmdi-arrow-split:before {
    content: '\f2ef'
}

.zmdi-arrows:before {
    content: '\f2f0'
}

.zmdi-caret-down-circle:before {
    content: '\f2f1'
}

.zmdi-caret-down:before {
    content: '\f2f2'
}

.zmdi-caret-left-circle:before {
    content: '\f2f3'
}

.zmdi-caret-left:before {
    content: '\f2f4'
}

.zmdi-caret-right-circle:before {
    content: '\f2f5'
}

.zmdi-caret-right:before {
    content: '\f2f6'
}

.zmdi-caret-up-circle:before {
    content: '\f2f7'
}

.zmdi-caret-up:before {
    content: '\f2f8'
}

.zmdi-chevron-down:before {
    content: '\f2f9'
}

.zmdi-chevron-left:before {
    content: '\f2fa'
}

.zmdi-chevron-right:before {
    content: '\f2fb'
}

.zmdi-chevron-up:before {
    content: '\f2fc'
}

.zmdi-forward:before {
    content: '\f2fd'
}

.zmdi-long-arrow-down:before {
    content: '\f2fe'
}

.zmdi-long-arrow-left:before {
    content: '\f2ff'
}

.zmdi-long-arrow-return:before {
    content: '\f300'
}

.zmdi-long-arrow-right:before {
    content: '\f301'
}

.zmdi-long-arrow-tab:before {
    content: '\f302'
}

.zmdi-long-arrow-up:before {
    content: '\f303'
}

.zmdi-rotate-ccw:before {
    content: '\f304'
}

.zmdi-rotate-cw:before {
    content: '\f305'
}

.zmdi-rotate-left:before {
    content: '\f306'
}

.zmdi-rotate-right:before {
    content: '\f307'
}

.zmdi-square-down:before {
    content: '\f308'
}

.zmdi-square-right:before {
    content: '\f309'
}

.zmdi-swap-alt:before {
    content: '\f30a'
}

.zmdi-swap-vertical-circle:before {
    content: '\f30b'
}

.zmdi-swap-vertical:before {
    content: '\f30c'
}

.zmdi-swap:before {
    content: '\f30d'
}

.zmdi-trending-down:before {
    content: '\f30e'
}

.zmdi-trending-flat:before {
    content: '\f30f'
}

.zmdi-trending-up:before {
    content: '\f310'
}

.zmdi-unfold-less:before {
    content: '\f311'
}

.zmdi-unfold-more:before {
    content: '\f312'
}

.zmdi-apps:before {
    content: '\f313'
}

.zmdi-grid-off:before {
    content: '\f314'
}

.zmdi-grid:before {
    content: '\f315'
}

.zmdi-view-agenda:before {
    content: '\f316'
}

.zmdi-view-array:before {
    content: '\f317'
}

.zmdi-view-carousel:before {
    content: '\f318'
}

.zmdi-view-column:before {
    content: '\f319'
}

.zmdi-view-comfy:before {
    content: '\f31a'
}

.zmdi-view-compact:before {
    content: '\f31b'
}

.zmdi-view-dashboard:before {
    content: '\f31c'
}

.zmdi-view-day:before {
    content: '\f31d'
}

.zmdi-view-headline:before {
    content: '\f31e'
}

.zmdi-view-list-alt:before {
    content: '\f31f'
}

.zmdi-view-list:before {
    content: '\f320'
}

.zmdi-view-module:before {
    content: '\f321'
}

.zmdi-view-quilt:before {
    content: '\f322'
}

.zmdi-view-stream:before {
    content: '\f323'
}

.zmdi-view-subtitles:before {
    content: '\f324'
}

.zmdi-view-toc:before {
    content: '\f325'
}

.zmdi-view-web:before {
    content: '\f326'
}

.zmdi-view-week:before {
    content: '\f327'
}

.zmdi-widgets:before {
    content: '\f328'
}

.zmdi-alarm-check:before {
    content: '\f329'
}

.zmdi-alarm-off:before {
    content: '\f32a'
}

.zmdi-alarm-plus:before {
    content: '\f32b'
}

.zmdi-alarm-snooze:before {
    content: '\f32c'
}

.zmdi-alarm:before {
    content: '\f32d'
}

.zmdi-calendar-alt:before {
    content: '\f32e'
}

.zmdi-calendar-check:before {
    content: '\f32f'
}

.zmdi-calendar-close:before {
    content: '\f330'
}

.zmdi-calendar-note:before {
    content: '\f331'
}

.zmdi-calendar:before {
    content: '\f332'
}

.zmdi-time-countdown:before {
    content: '\f333'
}

.zmdi-time-interval:before {
    content: '\f334'
}

.zmdi-time-restore-setting:before {
    content: '\f335'
}

.zmdi-time-restore:before {
    content: '\f336'
}

.zmdi-time:before {
    content: '\f337'
}

.zmdi-timer-off:before {
    content: '\f338'
}

.zmdi-timer:before {
    content: '\f339'
}

.zmdi-android-alt:before {
    content: '\f33a'
}

.zmdi-android:before {
    content: '\f33b'
}

.zmdi-apple:before {
    content: '\f33c'
}

.zmdi-behance:before {
    content: '\f33d'
}

.zmdi-codepen:before {
    content: '\f33e'
}

.zmdi-dribbble:before {
    content: '\f33f'
}

.zmdi-dropbox:before {
    content: '\f340'
}

.zmdi-evernote:before {
    content: '\f341'
}

.zmdi-facebook-box:before {
    content: '\f342'
}

.zmdi-facebook:before {
    content: '\f343'
}

.zmdi-github-box:before {
    content: '\f344'
}

.zmdi-github:before {
    content: '\f345'
}

.zmdi-google-drive:before {
    content: '\f346'
}

.zmdi-google-earth:before {
    content: '\f347'
}

.zmdi-google-glass:before {
    content: '\f348'
}

.zmdi-google-maps:before {
    content: '\f349'
}

.zmdi-google-pages:before {
    content: '\f34a'
}

.zmdi-google-play:before {
    content: '\f34b'
}

.zmdi-google-plus-box:before {
    content: '\f34c'
}

.zmdi-google-plus:before {
    content: '\f34d'
}

.zmdi-google:before {
    content: '\f34e'
}

.zmdi-instagram:before {
    content: '\f34f'
}

.zmdi-language-css3:before {
    content: '\f350'
}

.zmdi-language-html5:before {
    content: '\f351'
}

.zmdi-language-javascript:before {
    content: '\f352'
}

.zmdi-language-python-alt:before {
    content: '\f353'
}

.zmdi-language-python:before {
    content: '\f354'
}

.zmdi-lastfm:before {
    content: '\f355'
}

.zmdi-linkedin-box:before {
    content: '\f356'
}

.zmdi-paypal:before {
    content: '\f357'
}

.zmdi-pinterest-box:before {
    content: '\f358'
}

.zmdi-pocket:before {
    content: '\f359'
}

.zmdi-polymer:before {
    content: '\f35a'
}

.zmdi-share:before {
    content: '\f35b'
}

.zmdi-stackoverflow:before {
    content: '\f35c'
}

.zmdi-steam-square:before {
    content: '\f35d'
}

.zmdi-steam:before {
    content: '\f35e'
}

.zmdi-twitter-box:before {
    content: '\f35f'
}

.zmdi-twitter:before {
    content: '\f360'
}

.zmdi-vk:before {
    content: '\f361'
}

.zmdi-wikipedia:before {
    content: '\f362'
}

.zmdi-windows:before {
    content: '\f363'
}

.zmdi-aspect-ratio-alt:before {
    content: '\f364'
}

.zmdi-aspect-ratio:before {
    content: '\f365'
}

.zmdi-blur-circular:before {
    content: '\f366'
}

.zmdi-blur-linear:before {
    content: '\f367'
}

.zmdi-blur-off:before {
    content: '\f368'
}

.zmdi-blur:before {
    content: '\f369'
}

.zmdi-brightness-2:before {
    content: '\f36a'
}

.zmdi-brightness-3:before {
    content: '\f36b'
}

.zmdi-brightness-4:before {
    content: '\f36c'
}

.zmdi-brightness-5:before {
    content: '\f36d'
}

.zmdi-brightness-6:before {
    content: '\f36e'
}

.zmdi-brightness-7:before {
    content: '\f36f'
}

.zmdi-brightness-auto:before {
    content: '\f370'
}

.zmdi-brightness-setting:before {
    content: '\f371'
}

.zmdi-broken-image:before {
    content: '\f372'
}

.zmdi-center-focus-strong:before {
    content: '\f373'
}

.zmdi-center-focus-weak:before {
    content: '\f374'
}

.zmdi-compare:before {
    content: '\f375'
}

.zmdi-crop-16-9:before {
    content: '\f376'
}

.zmdi-crop-3-2:before {
    content: '\f377'
}

.zmdi-crop-5-4:before {
    content: '\f378'
}

.zmdi-crop-7-5:before {
    content: '\f379'
}

.zmdi-crop-din:before {
    content: '\f37a'
}

.zmdi-crop-free:before {
    content: '\f37b'
}

.zmdi-crop-landscape:before {
    content: '\f37c'
}

.zmdi-crop-portrait:before {
    content: '\f37d'
}

.zmdi-crop-square:before {
    content: '\f37e'
}

.zmdi-exposure-alt:before {
    content: '\f37f'
}

.zmdi-exposure:before {
    content: '\f380'
}

.zmdi-filter-b-and-w:before {
    content: '\f381'
}

.zmdi-filter-center-focus:before {
    content: '\f382'
}

.zmdi-filter-frames:before {
    content: '\f383'
}

.zmdi-filter-tilt-shift:before {
    content: '\f384'
}

.zmdi-gradient:before {
    content: '\f385'
}

.zmdi-grain:before {
    content: '\f386'
}

.zmdi-graphic-eq:before {
    content: '\f387'
}

.zmdi-hdr-off:before {
    content: '\f388'
}

.zmdi-hdr-strong:before {
    content: '\f389'
}

.zmdi-hdr-weak:before {
    content: '\f38a'
}

.zmdi-hdr:before {
    content: '\f38b'
}

.zmdi-iridescent:before {
    content: '\f38c'
}

.zmdi-leak-off:before {
    content: '\f38d'
}

.zmdi-leak:before {
    content: '\f38e'
}

.zmdi-looks:before {
    content: '\f38f'
}

.zmdi-loupe:before {
    content: '\f390'
}

.zmdi-panorama-horizontal:before {
    content: '\f391'
}

.zmdi-panorama-vertical:before {
    content: '\f392'
}

.zmdi-panorama-wide-angle:before {
    content: '\f393'
}

.zmdi-photo-size-select-large:before {
    content: '\f394'
}

.zmdi-photo-size-select-small:before {
    content: '\f395'
}

.zmdi-picture-in-picture:before {
    content: '\f396'
}

.zmdi-slideshow:before {
    content: '\f397'
}

.zmdi-texture:before {
    content: '\f398'
}

.zmdi-tonality:before {
    content: '\f399'
}

.zmdi-vignette:before {
    content: '\f39a'
}

.zmdi-wb-auto:before {
    content: '\f39b'
}

.zmdi-eject-alt:before {
    content: '\f39c'
}

.zmdi-eject:before {
    content: '\f39d'
}

.zmdi-equalizer:before {
    content: '\f39e'
}

.zmdi-fast-forward:before {
    content: '\f39f'
}

.zmdi-fast-rewind:before {
    content: '\f3a0'
}

.zmdi-forward-10:before {
    content: '\f3a1'
}

.zmdi-forward-30:before {
    content: '\f3a2'
}

.zmdi-forward-5:before {
    content: '\f3a3'
}

.zmdi-hearing:before {
    content: '\f3a4'
}

.zmdi-pause-circle-outline:before {
    content: '\f3a5'
}

.zmdi-pause-circle:before {
    content: '\f3a6'
}

.zmdi-pause:before {
    content: '\f3a7'
}

.zmdi-play-circle-outline:before {
    content: '\f3a8'
}

.zmdi-play-circle:before {
    content: '\f3a9'
}

.zmdi-play:before {
    content: '\f3aa'
}

.zmdi-playlist-audio:before {
    content: '\f3ab'
}

.zmdi-playlist-plus:before {
    content: '\f3ac'
}

.zmdi-repeat-one:before {
    content: '\f3ad'
}

.zmdi-repeat:before {
    content: '\f3ae'
}

.zmdi-replay-10:before {
    content: '\f3af'
}

.zmdi-replay-30:before {
    content: '\f3b0'
}

.zmdi-replay-5:before {
    content: '\f3b1'
}

.zmdi-replay:before {
    content: '\f3b2'
}

.zmdi-shuffle:before {
    content: '\f3b3'
}

.zmdi-skip-next:before {
    content: '\f3b4'
}

.zmdi-skip-previous:before {
    content: '\f3b5'
}

.zmdi-stop:before {
    content: '\f3b6'
}

.zmdi-surround-sound:before {
    content: '\f3b7'
}

.zmdi-tune:before {
    content: '\f3b8'
}

.zmdi-volume-down:before {
    content: '\f3b9'
}

.zmdi-volume-mute:before {
    content: '\f3ba'
}

.zmdi-volume-off:before {
    content: '\f3bb'
}

.zmdi-volume-up:before {
    content: '\f3bc'
}

.zmdi-n-1-square:before {
    content: '\f3bd'
}

.zmdi-n-2-square:before {
    content: '\f3be'
}

.zmdi-n-3-square:before {
    content: '\f3bf'
}

.zmdi-n-4-square:before {
    content: '\f3c0'
}

.zmdi-n-5-square:before {
    content: '\f3c1'
}

.zmdi-n-6-square:before {
    content: '\f3c2'
}

.zmdi-neg-1:before {
    content: '\f3c3'
}

.zmdi-neg-2:before {
    content: '\f3c4'
}

.zmdi-plus-1:before {
    content: '\f3c5'
}

.zmdi-plus-2:before {
    content: '\f3c6'
}

.zmdi-sec-10:before {
    content: '\f3c7'
}

.zmdi-sec-3:before {
    content: '\f3c8'
}

.zmdi-zero:before {
    content: '\f3c9'
}

.zmdi-airline-seat-flat-angled:before {
    content: '\f3ca'
}

.zmdi-airline-seat-flat:before {
    content: '\f3cb'
}

.zmdi-airline-seat-individual-suite:before {
    content: '\f3cc'
}

.zmdi-airline-seat-legroom-extra:before {
    content: '\f3cd'
}

.zmdi-airline-seat-legroom-normal:before {
    content: '\f3ce'
}

.zmdi-airline-seat-legroom-reduced:before {
    content: '\f3cf'
}

.zmdi-airline-seat-recline-extra:before {
    content: '\f3d0'
}

.zmdi-airline-seat-recline-normal:before {
    content: '\f3d1'
}

.zmdi-airplay:before {
    content: '\f3d2'
}

.zmdi-closed-caption:before {
    content: '\f3d3'
}

.zmdi-confirmation-number:before {
    content: '\f3d4'
}

.zmdi-developer-board:before {
    content: '\f3d5'
}

.zmdi-disc-full:before {
    content: '\f3d6'
}

.zmdi-explicit:before {
    content: '\f3d7'
}

.zmdi-flight-land:before {
    content: '\f3d8'
}

.zmdi-flight-takeoff:before {
    content: '\f3d9'
}

.zmdi-flip-to-back:before {
    content: '\f3da'
}

.zmdi-flip-to-front:before {
    content: '\f3db'
}

.zmdi-group-work:before {
    content: '\f3dc'
}

.zmdi-hd:before {
    content: '\f3dd'
}

.zmdi-hq:before {
    content: '\f3de'
}

.zmdi-markunread-mailbox:before {
    content: '\f3df'
}

.zmdi-memory:before {
    content: '\f3e0'
}

.zmdi-nfc:before {
    content: '\f3e1'
}

.zmdi-play-for-work:before {
    content: '\f3e2'
}

.zmdi-power-input:before {
    content: '\f3e3'
}

.zmdi-present-to-all:before {
    content: '\f3e4'
}

.zmdi-satellite:before {
    content: '\f3e5'
}

.zmdi-tap-and-play:before {
    content: '\f3e6'
}

.zmdi-vibration:before {
    content: '\f3e7'
}

.zmdi-voicemail:before {
    content: '\f3e8'
}

.zmdi-group:before {
    content: '\f3e9'
}

.zmdi-rss:before {
    content: '\f3ea'
}

.zmdi-shape:before {
    content: '\f3eb'
}

.zmdi-spinner:before {
    content: '\f3ec'
}

.zmdi-ungroup:before {
    content: '\f3ed'
}

.zmdi-500px:before {
    content: '\f3ee'
}

.zmdi-8tracks:before {
    content: '\f3ef'
}

.zmdi-amazon:before {
    content: '\f3f0'
}

.zmdi-blogger:before {
    content: '\f3f1'
}

.zmdi-delicious:before {
    content: '\f3f2'
}

.zmdi-disqus:before {
    content: '\f3f3'
}

.zmdi-flattr:before {
    content: '\f3f4'
}

.zmdi-flickr:before {
    content: '\f3f5'
}

.zmdi-github-alt:before {
    content: '\f3f6'
}

.zmdi-google-old:before {
    content: '\f3f7'
}

.zmdi-linkedin:before {
    content: '\f3f8'
}

.zmdi-odnoklassniki:before {
    content: '\f3f9'
}

.zmdi-outlook:before {
    content: '\f3fa'
}

.zmdi-paypal-alt:before {
    content: '\f3fb'
}

.zmdi-pinterest:before {
    content: '\f3fc'
}

.zmdi-playstation:before {
    content: '\f3fd'
}

.zmdi-reddit:before {
    content: '\f3fe'
}

.zmdi-skype:before {
    content: '\f3ff'
}

.zmdi-slideshare:before {
    content: '\f400'
}

.zmdi-soundcloud:before {
    content: '\f401'
}

.zmdi-tumblr:before {
    content: '\f402'
}

.zmdi-twitch:before {
    content: '\f403'
}

.zmdi-vimeo:before {
    content: '\f404'
}

.zmdi-whatsapp:before {
    content: '\f405'
}

.zmdi-xbox:before {
    content: '\f406'
}

.zmdi-yahoo:before {
    content: '\f407'
}

.zmdi-youtube-play:before {
    content: '\f408'
}

.zmdi-youtube:before {
    content: '\f409'
}

.zmdi-import-export:before,
.zmdi-swap-vertical-:before {
    content: '\f30c'
}

.zmdi-airplanemode-inactive:before {
    content: '\f102'
}

.zmdi-airplanemode-active:before,
.zmdi-rate-review:before {
    content: '\f103'
}

.zmdi-comment-sign:before {
    content: '\f25a'
}

.zmdi-network-warning:before {
    content: '\f2ad'
}

.zmdi-shopping-cart-add:before {
    content: '\f1ca'
}

.zmdi-file-add:before {
    content: '\f221'
}

.zmdi-network-wifi-scan:before {
    content: '\f2e4'
}

.zmdi-collection-add:before {
    content: '\f14e'
}

.zmdi-format-playlist-add:before {
    content: '\f3ac'
}

.zmdi-format-queue-music:before {
    content: '\f3ab'
}

.zmdi-plus-box:before {
    content: '\f277'
}

.zmdi-tag-backspace:before {
    content: '\f1d9'
}

.zmdi-alarm-add:before {
    content: '\f32b'
}

.zmdi-battery-charging:before {
    content: '\f114'
}

.zmdi-daydream-setting:before {
    content: '\f217'
}

.zmdi-more-horiz:before {
    content: '\f19c'
}

.zmdi-book-photo:before {
    content: '\f11b'
}

.zmdi-incandescent:before {
    content: '\f189'
}

.zmdi-wb-iridescent:before {
    content: '\f38c'
}

.zmdi-calendar-remove:before {
    content: '\f330'
}

.zmdi-refresh-sync-disabled:before {
    content: '\f1b7'
}

.zmdi-refresh-sync-problem:before {
    content: '\f1b6'
}

.zmdi-crop-original:before {
    content: '\f17e'
}

.zmdi-power-off:before {
    content: '\f1af'
}

.zmdi-power-off-setting:before {
    content: '\f1ae'
}

.zmdi-leak-remove:before {
    content: '\f38d'
}

.zmdi-star-border:before {
    content: '\f27c'
}

.zmdi-brightness-low:before {
    content: '\f36d'
}

.zmdi-brightness-medium:before {
    content: '\f36e'
}

.zmdi-brightness-high:before {
    content: '\f36f'
}

.zmdi-smartphone-portrait:before {
    content: '\f2d4'
}

.zmdi-live-tv:before {
    content: '\f2d9'
}

.zmdi-format-textdirection-l-to-r:before {
    content: '\f249'
}

.zmdi-format-textdirection-r-to-l:before {
    content: '\f24a'
}

.zmdi-arrow-back:before {
    content: '\f2ea'
}

.zmdi-arrow-forward:before {
    content: '\f2ee'
}

.zmdi-arrow-in:before {
    content: '\f2e9'
}

.zmdi-arrow-out:before {
    content: '\f2ed'
}

.zmdi-rotate-90-degrees-ccw:before {
    content: '\f304'
}

.zmdi-adb:before {
    content: '\f33a'
}

.zmdi-network-wifi:before {
    content: '\f2e8'
}

.zmdi-network-wifi-alt:before {
    content: '\f2e3'
}

.zmdi-network-wifi-lock:before {
    content: '\f2e5'
}

.zmdi-network-wifi-off:before {
    content: '\f2e6'
}

.zmdi-network-wifi-outline:before {
    content: '\f2e7'
}

.zmdi-network-wifi-info:before {
    content: '\f2e4'
}

.zmdi-layers-clear:before {
    content: '\f18b'
}

.zmdi-colorize:before {
    content: '\f15d'
}

.zmdi-format-paint:before {
    content: '\f1ba'
}

.zmdi-format-quote:before {
    content: '\f1b2'
}

.zmdi-camera-monochrome-photos:before {
    content: '\f285'
}

.zmdi-sort-by-alpha:before {
    content: '\f1cf'
}

.zmdi-folder-shared:before {
    content: '\f225'
}

.zmdi-folder-special:before {
    content: '\f226'
}

.zmdi-comment-dots:before {
    content: '\f260'
}

.zmdi-reorder:before {
    content: '\f31e'
}

.zmdi-dehaze:before {
    content: '\f197'
}

.zmdi-sort:before {
    content: '\f1ce'
}

.zmdi-pages:before {
    content: '\f34a'
}

.zmdi-stack-overflow:before {
    content: '\f35c'
}

.zmdi-calendar-account:before {
    content: '\f204'
}

.zmdi-paste:before {
    content: '\f109'
}

.zmdi-cut:before {
    content: '\f1bc'
}

.zmdi-save:before {
    content: '\f297'
}

.zmdi-smartphone-code:before {
    content: '\f139'
}

.zmdi-directions-bike:before {
    content: '\f117'
}

.zmdi-directions-boat:before {
    content: '\f11a'
}

.zmdi-directions-bus:before {
    content: '\f121'
}

.zmdi-directions-car:before {
    content: '\f125'
}

.zmdi-directions-railway:before {
    content: '\f1b3'
}

.zmdi-directions-run:before {
    content: '\f215'
}

.zmdi-directions-subway:before {
    content: '\f1d5'
}

.zmdi-directions-walk:before {
    content: '\f216'
}

.zmdi-local-hotel:before {
    content: '\f178'
}

.zmdi-local-activity:before,
.zmdi-local-play:before {
    content: '\f1df'
}

.zmdi-local-airport:before {
    content: '\f103'
}

.zmdi-local-atm:before {
    content: '\f198'
}

.zmdi-local-bar:before {
    content: '\f137'
}

.zmdi-local-cafe:before {
    content: '\f13b'
}

.zmdi-local-car-wash:before {
    content: '\f124'
}

.zmdi-local-convenience-store:before {
    content: '\f1d3'
}

.zmdi-local-dining:before {
    content: '\f153'
}

.zmdi-local-drink:before {
    content: '\f157'
}

.zmdi-local-florist:before {
    content: '\f168'
}

.zmdi-local-gas-station:before {
    content: '\f16f'
}

.zmdi-local-grocery-store:before {
    content: '\f1cb'
}

.zmdi-local-hospital:before {
    content: '\f177'
}

.zmdi-local-laundry-service:before {
    content: '\f1e9'
}

.zmdi-local-library:before {
    content: '\f18d'
}

.zmdi-local-mall:before {
    content: '\f195'
}

.zmdi-local-movies:before {
    content: '\f19d'
}

.zmdi-local-offer:before {
    content: '\f187'
}

.zmdi-local-parking:before {
    content: '\f1a5'
}

.zmdi-local-pharmacy:before {
    content: '\f176'
}

.zmdi-local-phone:before {
    content: '\f2be'
}

.zmdi-local-pizza:before {
    content: '\f1ac'
}

.zmdi-local-post-office:before {
    content: '\f15a'
}

.zmdi-local-printshop:before {
    content: '\f1b0'
}

.zmdi-local-see:before {
    content: '\f28c'
}

.zmdi-local-shipping:before {
    content: '\f1e6'
}

.zmdi-local-store:before {
    content: '\f1d4'
}

.zmdi-local-taxi:before {
    content: '\f123'
}

.zmdi-local-wc:before {
    content: '\f211'
}

.zmdi-my-location:before {
    content: '\f299'
}

.zmdi-directions:before {
    content: '\f1e7'
}

@font-face {
    font-family: 'layers-icons';
    src: url(../fonts/layers-icons/layers-iconsc6d4.html?di5bcd) format("truetype"), url(../fonts/layers-icons/layers-iconsc6d4-2.html?di5bcd) format("woff"), url(../fonts/layers-icons/layers-iconsc6d4-3.html?di5bcd#layers-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class^=l-i-] {
    line-height: 1
}

[class*=l-i-],
[class^=l-i-] {
    font-family: 'layers-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.l-i-mastercard:before {
    content: "\e904"
}

.l-i-paypal:before {
    content: "\e947"
}

.l-i-stripe:before {
    content: "\e948"
}

.l-i-unionpay:before {
    content: "\e949"
}

.l-i-visa:before {
    content: "\e94a"
}

.l-i-alipay:before {
    content: "\e94b"
}

.l-i-american-express:before {
    content: "\e94c"
}

.l-i-amex:before {
    content: "\e94d"
}

.l-i-bitcoin:before {
    content: "\e94e"
}

.l-i-discover:before {
    content: "\e959"
}

.l-i-jcb:before {
    content: "\e95a"
}

.l-i-centos:before {
    content: "\e900"
}

.l-i-cd:before {
    content: "\e901"
}

.l-i-paypal2:before {
    content: "\e902"
}

.l-i-offline-payment:before {
    content: "\e903"
}

.l-i-ubuntu:before {
    content: "\e907"
}

.l-i-fedora:before {
    content: "\e908"
}

.l-i-debian:before {
    content: "\e909"
}

.l-i-windows:before {
    content: "\e90a"
}

.icon-plus {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0
}

.icon-plus:after,
.icon-plus:before {
    display: block;
    height: 100%;
    content: '';
    width: 2px;
    background: #144fc4;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.icon-plus:after {
    transform: rotate(90deg)
}

.btn--link .icon-plus:after,
.btn--link .icon-plus:before {
    background: #144fc4
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #112240
}

.h1,
h1 {
    font-size: 56px;
    font-weight: 900;
    line-height: 65px;
    margin: 0 0 32px
}

@media (max-width:1231px) {

    .h1,
    h1 {
        font-size: 56px;
        line-height: 65px
    }
}

@media (max-width:1011px) {

    .h1,
    h1 {
        font-size: 56px;
        font-weight: 900;
        line-height: 65px
    }
}

@media (max-width:751px) {

    .h1,
    h1 {
        font-size: 38px;
        font-weight: 900;
        line-height: 50px
    }
}

.h2,
h2 {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin: 0 0 32px
}

@media (max-width:1231px) {

    .h2,
    h2 {
        font-size: 40px;
        font-weight: 900;
        line-height: 52px
    }
}

@media (max-width:1011px) {

    .h2,
    h2 {
        font-size: 40px;
        font-weight: 900;
        line-height: 52px
    }
}

@media (max-width:751px) {

    .h2,
    h2 {
        font-size: 32px;
        font-weight: 900;
        line-height: 44px
    }
}

.h3,
h3 {
    font-size: 27px;
    font-weight: 700;
    line-height: 34px;
    margin: 0 0 14px
}

@media (max-width:1011px) {

    .h3,
    h3 {
        font-size: 27px;
        font-weight: 700;
        line-height: 34px
    }
}

@media (max-width:751px) {

    .h3,
    h3 {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px
    }
}

.h4,
h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 8px
}

@media (max-width:1231px) {

    .h4,
    h4 {
        font-size: 24px;
        font-weight: 700;
        line-height: 34px
    }
}

@media (max-width:1011px) {

    .h4,
    h4 {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width:751px) {

    .h4,
    h4 {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px
    }
}

.h5,
h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px
}

@media (max-width:1231px) {

    .h5,
    h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-width:1011px) {

    .h5,
    h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-width:751px) {

    .h5,
    h5 {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px
    }
}

.h6,
h6 {
    font-size: 18px;
    font-weight: 900;
    line-height: 30px;
    margin: 0 0 12px
}

@media (max-width:1231px) {

    .h6,
    h6 {
        font-size: 18px;
        font-weight: 900;
        line-height: 30px
    }
}

@media (max-width:1011px) {

    .h6,
    h6 {
        font-size: 18px;
        font-weight: 900;
        line-height: 30px
    }
}

@media (max-width:751px) {

    .h6,
    h6 {
        font-size: 16px;
        font-weight: 900;
        line-height: 24px
    }
}

* + .h1,
* + h1 {
    margin-top: 32px
}

* + .h2,
* + .h3,
* + .h4,
* + .h5,
* + .h6,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
    margin-top: 24px
}

.type-1,
.type-2,
.type-3,
.type-4,
.type-5,
.type-6,
.type-7,
.type-8,
.type-9 {
    color: #112240
}

.type-1 {
    font-size: 56px !important;
    font-weight: 900 !important;
    line-height: 65px !important
}

@media (max-width:1231px) {
    .type-1 {
        font-size: 56px !important;
        line-height: 65px !important
    }
}

@media (max-width:1011px) {
    .type-1 {
        font-size: 56px !important;
        font-weight: 900 !important;
        line-height: 65px !important
    }
}

@media (max-width:751px) {
    .type-1 {
        font-size: 38px !important;
        font-weight: 900 !important;
        line-height: 50px !important
    }
}

.type-2 {
    font-size: 40px !important;
    font-weight: 900 !important;
    line-height: 52px !important
}

@media (max-width:1231px) {
    .type-2 {
        font-size: 40px !important;
        font-weight: 900 !important;
        line-height: 52px !important
    }
}

@media (max-width:1011px) {
    .type-2 {
        font-size: 40px !important;
        font-weight: 900 !important;
        line-height: 52px !important
    }
}

@media (max-width:751px) {
    .type-2 {
        font-size: 32px !important;
        font-weight: 900 !important;
        line-height: 44px !important
    }
}

.type-3 {
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 34px !important
}

@media (max-width:1011px) {
    .type-3 {
        font-size: 27px !important;
        font-weight: 700 !important;
        line-height: 34px !important
    }
}

@media (max-width:751px) {
    .type-3 {
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 30px !important
    }
}

.type-4 {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 28px !important
}

@media (max-width:1231px) {
    .type-4 {
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 34px !important
    }
}

@media (max-width:1011px) {
    .type-4 {
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 28px !important
    }
}

@media (max-width:751px) {
    .type-4 {
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 28px !important
    }
}

.type-5 {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 26px !important
}

@media (max-width:1231px) {
    .type-5 {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 26px !important
    }
}

@media (max-width:1011px) {
    .type-5 {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 26px !important
    }
}

@media (max-width:751px) {
    .type-5 {
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 22px !important
    }
}

.type-6 {
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 30px !important
}

@media (max-width:1231px) {
    .type-6 {
        font-size: 18px !important;
        font-weight: 900 !important;
        line-height: 30px !important
    }
}

@media (max-width:1011px) {
    .type-6 {
        font-size: 18px !important;
        font-weight: 900 !important;
        line-height: 30px !important
    }
}

@media (max-width:751px) {
    .type-6 {
        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 24px !important
    }
}

.type-7 {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important
}

.type-8 {
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 18px !important
}

.h1 .heading,
.h2 .heading,
.h3 .heading,
.h4 .heading,
.type-1 .heading,
.type-2 .heading,
.type-3 .heading,
.type-4 .heading,
h1 .heading,
h2 .heading,
h3 .heading,
h4 .heading {
    font-size: 13px;
    line-height: 16px;
    color: #112240;
    display: block
}

.h1 .suffix,
.h2 .suffix,
.h3 .suffix,
.h4 .suffix,
.type-1 .suffix,
.type-2 .suffix,
.type-3 .suffix,
.type-4 .suffix,
h1 .suffix,
h2 .suffix,
h3 .suffix,
h4 .suffix {
    font-size: 16px;
    line-height: 1
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.type-1 small,
.type-2 small,
.type-3 small,
.type-4 small,
h1 small,
h2 small,
h3 small,
h4 small {
    font-size: 50%
}

.h1 sup,
.h2 sup,
.h3 sup,
.h4 sup,
.h5 .type-6 sup,
.h6 .type-7 sup,
.type-1 sup,
.type-2 sup,
.type-3 sup,
.type-4 sup,
.type-5 sup,
.type-8 sup,
h1 sup,
h2 sup,
h3 sup,
h4 sup,
h5 sup,
h6 sup {
    font-size: 50%;
    line-height: inherit;
    margin-right: 5px;
    vertical-align: super;
    top: -.1em
}

.h5 .type-6 .heading,
.h6 .type-7 .heading,
.type-5 .heading,
.type-8 .heading,
h5 .heading,
h6 .heading {
    font-size: 11px;
    line-height: 16px;
    color: #112240;
    display: block
}

.h5 .type-6 .suffix,
.h6 .type-7 .suffix,
.type-5 .suffix,
.type-8 .suffix,
h5 .suffix,
h6 .suffix {
    font-weight: 300;
    font-size: 80%
}

.h5 .type-6 small,
.h6 .type-7 small,
.type-5 small,
.type-8 small,
h5 small,
h6 small {
    font-size: 85%
}

.h5 .type-6 sup,
.h6 .type-7 sup,
.type-5 sup,
.type-8 sup,
h5 sup,
h6 sup {
    top: 0
}

.font-medium {
    font-weight: 500
}

p a {
    color: #144fc4;
    text-decoration: underline
}

.p-1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px
}

@media (max-width:1231px) {
    .p-1 {
        font-size: 28px;
        font-weight: 700;
        line-height: 40px
    }
}

@media (max-width:1011px) {
    .p-1 {
        font-size: 28px;
        font-weight: 700;
        line-height: 40px
    }
}

@media (max-width:751px) {
    .p-1 {
        font-size: 22px;
        font-weight: 700;
        line-height: 36px
    }
}

.p-2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 36px
}

@media (max-width:1231px) {
    .p-2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 36px
    }
}

@media (max-width:1011px) {
    .p-2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 36px
    }
}

@media (max-width:751px) {
    .p-2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 30px
    }
}

.p-3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
}

@media (max-width:1011px) {
    .p-3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 30px
    }
}

@media (max-width:751px) {
    .p-3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 28px
    }
}

.lead,
.p-4 {
    line-height: 28px
}

.p-4 {
    font-size: 16px;
    font-weight: 300
}

.lead {
    font-size: 18px
}

a {
    transition: color .3s
}

a:active,
a:focus {
    outline: 0
}

* {
    box-sizing: border-box
}

body {
    background: #fff
}

.app,
body {
    margin: 0;
    padding: 0;
    color: #536080;
    font-family: "Mulish", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px
}

@media (max-width:1231px) {

    .app,
    body {
        font-size: 16px;
        font-weight: 300;
        line-height: 22px
    }
}

@media (max-width:1011px) {

    .app,
    body {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media (max-width:751px) {

    .app,
    body {
        font-size: 48px;
        font-weight: 700;
        line-height: 56px
    }
}

.app.is-open,
body.is-open {
    overflow-y: hidden
}

.app.no-scroll,
body.no-scroll {
    overflow: hidden;
    position: fixed;
    min-height: initial;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

img {
    max-width: 100%
}

code {
    background-color: #f5f5f5;
    color: #ff3860;
    font-weight: 400;
    padding: .25em .5em
}

hr,
pre {
    border: 0
}

code,
pre {
    font-size: inherit
}

pre {
    padding: 16px;
    background: #596789;
    color: #536080
}

hr {
    padding: 0;
    margin: 30px 0;
    border-bottom: 1px solid #536080
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.box-shadow-sm {
    box-shadow: 0 2px 5px -1px rgba(30, 45, 70, .05) !important
}

.box-shadow-d {
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08) !important
}

.box-shadow-md {
    box-shadow: 0 2px 15px -1px rgba(30, 45, 70, .15) !important
}

.box-shadow-lg {
    box-shadow: 0 2px 30px -1px rgba(30, 45, 70, .15) !important
}

.is-boxed {
    background: #fff;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);
    border-radius: 0;
    border: solid 1px #536080;
    padding: 24px
}

.is-condensed {
    padding: 0 !important;
    margin: 0 !important
}

.is-right {
    justify-content: end;
    float: right !important;
    margin-left: auto !important
}

.is-left {
    justify-content: start;
    float: left !important;
    margin-right: auto !important
}

.is-fixed {
    position: fixed !important;
    z-index: 999
}

.is-absolute {
    position: absolute !important
}

.hidden,
.is-hidden {
    display: none !important
}

.is-visible {
    visibility: visible !important
}

.is-disabled,
:disabled,
[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .5
}

.is-read-only {
    cursor: auto
}

.bg-white {
    background-color: #fff !important
}

.border-white {
    border-color: #fff !important
}

.alert {
    margin-bottom: 16px;
    border: 1px solid transparent;
    width: 100%;
    padding: 13px 16px;
    font-size: 14px;
    border-radius: 4px;
    text-align: left
}

.alert,
.alert > .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap
}

.alert__body {
    flex: 1;
    margin-right: auto
}

.alert__body p {
    margin-bottom: 0
}

.alert__body * + ul {
    padding-top: 8px
}

.alert__body > :last-child {
    margin-bottom: 0
}

.alert__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 8px;
    color: inherit
}

.alert__actions {
    display: flex;
    flex: 0 1 auto;
    white-space: nowrap
}

.alert__actions:first-child {
    margin-right: 16px
}

.alert__actions:last-child {
    margin-left: 16px
}

.alert__actions--block {
    flex: auto;
    width: 100%
}

.alert__actions--block:last-child {
    margin: 16px 0 0
}

.alert__actions--block:first-child {
    margin: 0 0 16px
}

.alert__actions > * + * {
    margin-left: 16px
}

.alert__addon,
.alert__icon {
    flex: 0 1 auto;
    white-space: nowrap
}

.alert__addon:first-child,
.alert__icon:first-child {
    margin-right: 16px !important
}

.alert__addon:last-child,
.alert__icon:last-child {
    margin-left: 16px !important
}

.alert__icon {
    align-self: center
}

.alert.has-negative-actions .alert__actions:first-child {
    margin: -10px 0
}

.alert.has-negative-actions .alert__actions:last-child {
    margin: -10px 0
}

.alert .btn--close .btn__icon {
    color: rgba(255, 255, 255, .5) !important
}

.alert .btn--close:hover .btn__icon {
    color: rgba(255, 255, 255, .8) !important
}

.alert--faded .btn--close .btn__icon,
.alert--outline .btn--close .btn__icon {
    color: rgba(0, 0, 0, .5) !important
}

.alert--faded .btn--close:hover .btn__icon,
.alert--outline .btn--close:hover .btn__icon {
    color: rgba(0, 0, 0, .8) !important
}

.alert.has-icon:before {
    position: absolute;
    left: 15px;
    width: 24px;
    height: 24px;
    content: '';
    text-align: center;
    font-family: "Material-Design-Iconic-Font";
    font-size: 24px;
    line-height: 22px
}

.alert.has-icon {
    padding-left: 56px
}

.alert.has-icon.alert--success:before {
    content: ""
}

.alert.has-icon.alert--info:before {
    content: ""
}

.alert.has-icon.alert--warning:before {
    content: ""
}

.alert.has-icon.alert--danger:before {
    content: ""
}

.alert.has-icon.alert--custom-icon:before {
    content: '\f191'
}

.alert--outline {
    border: 1px solid
}

.alert--border-left:after,
.alert--border-right:after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    content: '';
    border-radius: 4px 0 0 4px;
    border-left: 4px solid
}

.alert--border-right:after {
    right: -1px;
    left: initial;
    border-radius: 0 4px 4px 0
}

.alert--border-left.alert--float {
    border-radius: 4px 0 0 4px
}

.alert--border-right.alert--float {
    border-radius: 0 4px 4px 0
}

.alert--success {
    color: #fff;
    background: #33a67c
}

.alert--success.alert--faded {
    color: #33a67c;
    background: #daf5ea
}

.alert--info {
    color: #fff;
    background: #50bfff
}

.alert--info.alert--faded {
    color: #50bfff;
    background: #e9f7ff
}

.alert--warning {
    color: #fff;
    background: #ff8f33
}

.alert--warning.alert--faded {
    color: #ff8f33;
    background: #ffe3cc
}

.alert--danger {
    color: #fff;
    background: #f55656
}

.alert--danger.alert--faded {
    color: #f55656;
    background: #fee6e6
}

.alert--outline {
    background: #fff
}

.alert--outline.alert--success {
    color: #33a67c;
    border-color: #33a67c
}

.alert--outline.alert--info {
    color: #50bfff;
    border-color: #50bfff
}

.alert--outline.alert--warning {
    color: #ff8f33;
    border-color: #ff8f33
}

.alert--outline.alert--danger {
    color: #f55656;
    border-color: #f55656
}

.alert--dismiss {
    align-items: flex-start;
    padding-right: 64px
}

.alert--dismiss .btn--close {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -24px
}

.alert--dismiss .btn--close.btn--xs {
    margin-top: -16px
}

.alert--dismiss .btn--close.btn--sm {
    margin-top: -18px
}

.alert--dismiss .btn--close.btn--lg,
.alert--dismiss .btn--close.btn--xlg {
    margin-top: -28px
}

.alert--float {
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .2);
    flex-direction: column;
    align-items: flex-start;
    width: 320px;
    max-width: 320px;
    border: 0
}

.alert--float .alert__actions {
    margin: 12px 0 0
}

.alert--float.alert--icon:before,
.alert.has-icon:before {
    top: 50%;
    margin-top: -12px
}

.alert--fixed {
    position: fixed;
    left: 0;
    z-index: 10001;
    display: none;
    overflow: hidden;
    width: 100%;
    margin: 0;
    border-color: transparent;
    border-radius: 0
}

.alert--fixed > .container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.alert--fixed.alert--fixed-top {
    top: 0
}

.alert--fixed.alert--fixed-bottom {
    bottom: 0
}

.alert--fixed.is-active {
    display: flex
}

.alert--sm,
.alert--xs {
    padding: 7px 10px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px
}

.alert--sm .alert__title,
.alert--xs .alert__title {
    font-size: 13px;
    font-weight: 300;
    line-height: 18px
}

.alert--sm {
    padding: 10px;
    font-size: 13px
}

.alert--lg,
.alert--xlg {
    padding: 16px 15px;
    font-size: 17px;
    line-height: 24px;
    border-radius: 4px
}

.alert--lg .alert__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.alert--xlg {
    padding: 23px;
    font-size: 18px;
    line-height: 26px
}

.alert--xlg .alert__title {
    font-size: 18px;
    font-weight: 900;
    line-height: 30px
}

@media (max-width:1231px) {
    .alert--xlg .alert__title {
        font-size: 18px;
        font-weight: 900;
        line-height: 30px
    }
}

@media (max-width:1011px) {
    .alert--xlg .alert__title {
        font-size: 18px;
        font-weight: 900;
        line-height: 30px
    }
}

@media (max-width:751px) {
    .alert--xlg .alert__title {
        font-size: 16px;
        font-weight: 900;
        line-height: 24px
    }
}

.alert.has-negative-actions.alert--sm .alert__actions:first-child {
    margin: -7px 0
}

.alert.has-negative-actions.alert--sm .alert__actions:last-child {
    margin: -7px 0
}

.alert.has-negative-actions.alert--lg .alert__actions:first-child {
    margin: -10px 0
}

.alert.has-negative-actions.alert--lg .alert__actions:last-child {
    margin: -10px 0
}

.alert.has-negative-actions.alert--xlg .alert__actions:first-child {
    margin: -10px 0
}

.alert.has-negative-actions.alert--xlg .alert__actions:last-child {
    margin: -10px 0
}

.alert.has-icon.alert--xs {
    padding-left: 32px
}

.alert.has-icon.alert--xs:before {
    left: 7px;
    height: 16px;
    width: 16px;
    margin-top: -8px;
    font-size: 16px;
    line-height: 14px
}

.alert.has-icon.alert--sm {
    padding-left: 40px
}

.alert.has-icon.alert--sm:before {
    left: 7px
}

.alert.has-icon.alert--lg {
    padding-left: 56px
}

.alert.has-icon.alert--lg:before {
    left: 15px
}

.alert.has-icon.alert--xlg {
    padding-left: 72px
}

.alert.has-icon.alert--xlg:before {
    left: 23px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    font-size: 32px;
    line-height: 30px
}

@media (max-width:751px) {

    .alert,
    .alert.alert--fixed-bottom > .container {
        flex-direction: column;
        align-items: flex-start
    }

    .alert .alert__actions {
        padding-top: 16px;
        padding-bottom: 8px
    }

    .alert--dismiss {
        flex-direction: row
    }

    .alert--dismiss .alert__actions {
        padding: 0
    }

    .alert--dismiss .alert__body {
        padding-right: 8px
    }

    .alert--float {
        width: 290px
    }

    .alert.alert--fixed-bottom > .container {
        margin: 0;
        width: 100%
    }

    .alert.alert--fixed-bottom .alert__actions {
        margin: 12px -2px 0
    }

    .alert.alert--fixed-top > .container {
        margin: 0;
        width: 100%
    }

    .alert.alert--fixed-top .alert__actions .btn {
        margin-bottom: 0
    }

    .alert.alert--fixed .alert__actions {
        padding: 0
    }
}

@media (max-width:513px) {
    .alert .alert__actions {
        padding-bottom: 0;
        white-space: normal
    }

    .alert .alert__actions > * {
        margin-left: 0;
        margin-bottom: 8px
    }

    .alert .alert__actions > :last-child {
        margin-bottom: 0
    }
}

.avatar {
    height: 48px;
    width: 48px;
    min-width: 48px;
    background: #536080;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden
}

.avatar--square {
    border-radius: 4px
}

.account {
    display: flex;
    align-items: center;
    align-self: stretch
}

.account:active,
.account:focus,
.account:hover {
    text-decoration: none
}

.account__avatar + .account__details,
.account__avatar + .account__name,
.account__details + .account__avatar,
.account__name + .account__avatar {
    margin-left: 16px
}

.account__link {
    display: flex;
    text-decoration: none;
    align-items: center
}

.account__details {
    flex-grow: 1
}

.account__name {
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.preloader-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    width: 100%
}

.btn,
.preloader {
    position: relative
}

.preloader,
.preloader:before {
    display: inline-block;
    width: 24px;
    height: 24px
}

.preloader:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: '';
    animation: rotation .6s infinite linear;
    border: 3px solid rgba(0, 0, 0, .1);
    border-top: 2px solid #144fc4;
    border-radius: 100%
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    white-space: nowrap;
    border: 1px solid transparent;
    outline: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 16px;
    height: 48px;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
}

.btn .btn__icon:first-child {
    margin-left: -6px
}

.btn .btn__icon:last-child,
.btn__icon-arrow:last-child {
    margin-right: -6px
}

.btn .btn__icon + .btn__text,
.btn .btn__text + .btn__icon {
    margin-left: 10px
}

.btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: inherit;
    font-size: 24px;
    line-height: 24px
}

.btn__icon-arrow {
    opacity: .4;
    font-size: 19px
}

.btn__text + .btn__icon {
    order: 2
}

.btn__preloader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    margin: auto
}

.btn__text .badge {
    background: #596789;
    border: 1px solid #596789;
    margin-left: 8px
}

.btn__label {
    color: #99a5c2;
    font-weight: 400
}

.btn__label + .btn__text {
    margin-left: 8px
}

.btn.drop-enabled,
.btn:active,
.btn:focus,
.btn:hover {
    cursor: pointer;
    text-decoration: none;
    outline: 0
}

.btn.btn--block {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex: 1 auto
}

.btn.btn--outline {
    border: 1px solid
}

.btn.btn--outline .btn__preloader:before {
    border-top: 2px solid #144fc4
}

.btn.btn--rounded {
    border-radius: 100px
}

.btn.btn--icon {
    padding: 0 !important
}

.btn.btn--icon .btn__icon {
    margin: 0 !important
}

.btn.btn--link {
    background: 0 0;
    box-shadow: none;
    border: transparent;
    color: #536080
}

.btn.btn--link:hover {
    background: 0 0;
    color: #144fc4
}

.btn.btn--link.drop-enabled,
.btn.btn--link.is-active,
.btn.btn--link:active,
.btn.btn--link:focus {
    background: 0 0;
    color: #144fc4
}

.btn.btn--link.btn--plain {
    color: #536080
}

.btn.is-loading .btn__preloader {
    visibility: visible
}

.btn.is-loading .btn__icon,
.btn.is-loading .btn__text {
    visibility: hidden
}

@media (max-width:751px) {
    .btn.btn--mob-link {
        background: 0 0;
        box-shadow: none;
        border: transparent;
        color: #536080
    }

    .btn.btn--mob-link:hover {
        background: 0 0;
        color: #144fc4
    }

    .btn.btn--mob-link.drop-enabled,
    .btn.btn--mob-link.is-active,
    .btn.btn--mob-link:active,
    .btn.btn--mob-link:focus {
        background: 0 0;
        color: #144fc4
    }

    .btn.btn--mob-link.btn--plain {
        color: #536080
    }

    .btn.btn--mob-icon {
        padding: 0
    }

    .btn.btn--mob-icon .btn__icon {
        margin: 0 !important
    }

    .btn.btn--mob-icon .btn__text {
        display: none
    }

    .btn.btn--mob-block {
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
        flex: 1 auto
    }
}

.btn--xs {
    font-size: 12px;
    line-height: 16px;
    padding: 0 16px;
    height: 32px;
    border-radius: 4px
}

.btn--xs .btn__icon {
    font-size: 19px
}

.btn--xs .btn__icon:first-child {
    margin-left: -8px
}

.btn--xs .btn__icon:last-child {
    margin-right: -8px
}

.btn--xs .btn__icon + .btn__text,
.btn--xs .btn__text + .btn__icon {
    margin-left: 8px
}

.btn--sm {
    font-size: 14px;
    font-weight: 700;
    padding: 0 16px;
    height: 36px;
    border-radius: 4px
}

.btn--sm .btn__icon:first-child {
    margin-left: -8px
}

.btn--sm .btn__icon:last-child {
    margin-right: -8px
}

.btn--sm .btn__icon + .btn__text,
.btn--sm .btn__text + .btn__icon {
    margin-left: 8px
}

.btn--d {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 16px;
    height: 48px;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
}

.btn--d .btn__icon:first-child {
    margin-left: -6px
}

.btn--d .btn__icon:last-child {
    margin-right: -6px
}

.btn--d .btn__icon + .btn__text,
.btn--d .btn__text + .btn__icon {
    margin-left: 10px
}

.btn--lg {
    font-size: 18px;
    font-weight: 700;
    padding: 0 24px;
    height: 56px;
    border-radius: 4px
}

.btn--lg .btn__icon:first-child {
    margin-left: -14px
}

.btn--lg .btn__icon:last-child {
    margin-right: -14px
}

.btn--lg .btn__icon + .btn__text,
.btn--lg .btn__text + .btn__icon {
    margin-left: 10px
}

.btn--xlg {
    font-size: 18px;
    padding: 0 32px;
    height: 56px;
    border-radius: 4px
}

.btn--xlg .btn__icon:first-child {
    margin-left: -16px
}

.btn--xlg .btn__icon:last-child {
    margin-right: -16px
}

.btn--xlg .btn__icon + .btn__text,
.btn--xlg .btn__text + .btn__icon {
    margin-left: 16px
}

.btn--icon {
    width: 48px;
    min-width: 48px
}

.btn--icon.btn--xs {
    width: 32px;
    min-width: 32px
}

.btn--icon.btn--sm {
    width: 36px;
    min-width: 36px
}

.btn--icon.btn--d {
    width: 48px;
    min-width: 48px
}

.btn--icon.btn--lg,
.btn--icon.btn--xlg {
    width: 56px;
    min-width: 56px
}

.btn--rounded {
    padding: 0 24px
}

.btn--rounded.btn--xs {
    padding: 0 16px
}

.btn--rounded.btn--sm {
    padding: 0
}

.btn--rounded.btn--d {
    padding: 0 24px
}

.btn--rounded.btn--lg {
    padding: 0 32px
}

.btn--rounded.btn--xlg {
    padding: 0 40px
}

@media (max-width:1011px) {
    .btn--tab-xs {
        font-size: 12px;
        line-height: 16px;
        padding: 0 16px;
        height: 32px;
        border-radius: 4px
    }

    .btn--tab-xs .btn__icon {
        font-size: 19px
    }

    .btn--tab-xs .btn__icon:first-child {
        margin-left: -8px
    }

    .btn--tab-xs .btn__icon:last-child {
        margin-right: -8px
    }

    .btn--tab-xs .btn__icon + .btn__text,
    .btn--tab-xs .btn__text + .btn__icon {
        margin-left: 8px
    }

    .btn--tab-sm {
        font-size: 14px;
        font-weight: 700;
        padding: 0 16px;
        height: 36px;
        border-radius: 4px
    }

    .btn--tab-sm .btn__icon:first-child {
        margin-left: -8px
    }

    .btn--tab-sm .btn__icon:last-child {
        margin-right: -8px
    }

    .btn--tab-sm .btn__icon + .btn__text,
    .btn--tab-sm .btn__text + .btn__icon {
        margin-left: 8px
    }

    .btn--tab-d {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        padding: 0 16px;
        height: 48px;
        border-radius: 4px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
    }

    .btn--tab-d .btn__icon:first-child {
        margin-left: -6px
    }

    .btn--tab-d .btn__icon:last-child {
        margin-right: -6px
    }

    .btn--tab-d .btn__icon + .btn__text,
    .btn--tab-d .btn__text + .btn__icon {
        margin-left: 10px
    }

    .btn--tab-lg {
        font-size: 18px;
        font-weight: 700;
        padding: 0 24px;
        height: 56px;
        border-radius: 4px
    }

    .btn--tab-lg .btn__icon:first-child {
        margin-left: -14px
    }

    .btn--tab-lg .btn__icon:last-child {
        margin-right: -14px
    }

    .btn--tab-lg .btn__icon + .btn__text,
    .btn--tab-lg .btn__text + .btn__icon {
        margin-left: 10px
    }

    .btn--tab-xlg {
        font-size: 18px;
        padding: 0 32px;
        height: 56px;
        border-radius: 4px
    }

    .btn--tab-xlg .btn__icon:first-child {
        margin-left: -16px
    }

    .btn--tab-xlg .btn__icon:last-child {
        margin-right: -16px
    }

    .btn--tab-xlg .btn__icon + .btn__text,
    .btn--tab-xlg .btn__text + .btn__icon {
        margin-left: 16px
    }
}

@media (max-width:751px) {
    .btn--mob-xs {
        font-size: 12px;
        line-height: 16px;
        padding: 0 16px;
        height: 32px;
        border-radius: 4px
    }

    .btn--mob-xs .btn__icon {
        font-size: 19px
    }

    .btn--mob-xs .btn__icon:first-child {
        margin-left: -8px
    }

    .btn--mob-xs .btn__icon:last-child {
        margin-right: -8px
    }

    .btn--mob-xs .btn__icon + .btn__text,
    .btn--mob-xs .btn__text + .btn__icon {
        margin-left: 8px
    }

    .btn--mob-sm {
        font-size: 14px;
        font-weight: 700;
        padding: 0 16px;
        height: 36px;
        border-radius: 4px
    }

    .btn--mob-sm .btn__icon:first-child {
        margin-left: -8px
    }

    .btn--mob-sm .btn__icon:last-child {
        margin-right: -8px
    }

    .btn--mob-sm .btn__icon + .btn__text,
    .btn--mob-sm .btn__text + .btn__icon {
        margin-left: 8px
    }

    .btn--mob-d {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        padding: 0 16px;
        height: 48px;
        border-radius: 4px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
    }

    .btn--mob-d .btn__icon:first-child {
        margin-left: -6px
    }

    .btn--mob-d .btn__icon:last-child {
        margin-right: -6px
    }

    .btn--mob-d .btn__icon + .btn__text,
    .btn--mob-d .btn__text + .btn__icon {
        margin-left: 10px
    }

    .btn--mob-lg {
        font-size: 18px;
        font-weight: 700;
        padding: 0 24px;
        height: 56px;
        border-radius: 4px
    }

    .btn--mob-lg .btn__icon:first-child {
        margin-left: -14px
    }

    .btn--mob-lg .btn__icon:last-child {
        margin-right: -14px
    }

    .btn--mob-lg .btn__icon + .btn__text,
    .btn--mob-lg .btn__text + .btn__icon {
        margin-left: 10px
    }

    .btn--mob-xlg {
        font-size: 18px;
        padding: 0 32px;
        height: 56px;
        border-radius: 4px
    }

    .btn--mob-xlg .btn__icon:first-child {
        margin-left: -16px
    }

    .btn--mob-xlg .btn__icon:last-child {
        margin-right: -16px
    }

    .btn--mob-xlg .btn__icon + .btn__text,
    .btn--mob-xlg .btn__text + .btn__icon {
        margin-left: 16px
    }

    .btn--mob-icon {
        width: 48px;
        min-width: 48px
    }

    .btn--mob-icon.btn--mob-xs,
    .btn--mob-icon.btn--xs {
        width: 32px;
        min-width: 32px
    }

    .btn--mob-icon.btn--mob-sm,
    .btn--mob-icon.btn--sm {
        width: 36px;
        min-width: 36px
    }

    .btn--mob-icon.btn--d {
        width: 48px;
        min-width: 48px
    }

    .btn--mob-icon.btn--lg,
    .btn--mob-icon.btn--mob-lg,
    .btn--mob-icon.btn--mob-xlg,
    .btn--mob-icon.btn--xlg {
        width: 56px;
        min-width: 56px
    }

    .btn--mob-icon.btn--mob-d {
        width: 48px;
        min-width: 48px
    }
}

.btn--default {
    color: #536080;
    background: #536080
}

.btn--default:hover {
    color: #536080;
    background: #596789
}

.btn--default.drop-enabled,
.btn--default.is-active,
.btn--default:active,
.btn--default:focus {
    color: #536080;
    background: #4d5977
}

.btn--primary {
    color: #fff;
    background: #3f51b5
}

.btn--primary:hover {
    color: #fff;
    background: #009aff
}

.btn--primary.drop-enabled,
.btn--primary.is-active,
.btn--primary:active,
.btn--primary:focus {
    color: #fff;
    background: #0c3aa3
}

.btn--secondary {
    color: #fff;
    background: #ff7800
}

.btn--secondary:hover {
    color: #fff;
    background: #ff9000
}

.btn--secondary.drop-enabled,
.btn--secondary.is-active,
.btn--secondary:active,
.btn--secondary:focus {
    color: #fff;
    background: #ff5a00
}

.btn--success {
    color: #fff;
    background: #33a67c
}

.btn--success:hover {
    color: #fff;
    background: #3ec493
}

.btn--success.drop-enabled,
.btn--success.is-active,
.btn--success:active,
.btn--success:focus {
    color: #fff;
    background: #298765
}

.btn--info {
    color: #fff;
    background: #50bfff
}

.btn--info:hover {
    color: #fff;
    background: #79ceff
}

.btn--info.drop-enabled,
.btn--info.is-active,
.btn--info:active,
.btn--info:focus {
    color: #fff;
    background: #27b0ff
}

.btn--warning {
    color: #fff;
    background: #ff8f33
}

.btn--warning:hover {
    color: #fff;
    background: #ffa55c
}

.btn--warning.drop-enabled,
.btn--warning.is-active,
.btn--warning:active,
.btn--warning:focus {
    color: #fff;
    background: #ff790a
}

.btn--danger {
    color: #fff;
    background: #f55656
}

.btn--danger:hover {
    color: #fff;
    background: #f77d7d
}

.btn--danger.drop-enabled,
.btn--danger.is-active,
.btn--danger:active,
.btn--danger:focus {
    color: #fff;
    background: #f32f2f
}

.btn--light-overlay {
    color: #fff;
    background: rgba(255, 255, 255, .3)
}

.btn--light-overlay:hover {
    color: #fff;
    background: rgba(255, 255, 255, .4)
}

.btn--light-overlay.drop-enabled,
.btn--light-overlay.is-active,
.btn--light-overlay:active,
.btn--light-overlay:focus {
    color: #fff;
    background: rgba(255, 255, 255, .1)
}

.btn--dark-overlay {
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

.btn--dark-overlay:hover {
    color: #fff;
    background: rgba(0, 0, 0, .1)
}

.btn--dark-overlay.drop-enabled,
.btn--dark-overlay.is-active,
.btn--dark-overlay:active,
.btn--dark-overlay:focus {
    color: #fff;
    background: rgba(0, 0, 0, .2)
}

.btn--plain {
    background-color: #536080;
    color: #536080
}

.btn--outline {
    background: 0 0;
    box-shadow: none
}

.btn--outline.btn--default {
    color: #536080;
    border-color: #536080
}

.btn--outline.btn--default:hover {
    color: #536080;
    background: 0 0;
    border-color: #596789
}

.btn--outline.btn--default.drop-enabled,
.btn--outline.btn--default.is-active,
.btn--outline.btn--default:active,
.btn--outline.btn--default:focus {
    color: #536080;
    background: 0 0;
    border-color: #4d5977
}

.btn--outline.btn--primary {
    color: #144fc4;
    border-color: #144fc4
}

.btn--outline.btn--primary:hover {
    color: #1368e7;
    background: 0 0;
    border-color: #1368e7
}

.btn--outline.btn--primary.drop-enabled,
.btn--outline.btn--primary.is-active,
.btn--outline.btn--primary:active,
.btn--outline.btn--primary:focus {
    color: #0c3aa3;
    background: 0 0;
    border-color: #0c3aa3
}

.btn--outline.btn--secondary {
    color: #fff;
    border-color: #ff7800
}

.btn--outline.btn--secondary:hover {
    color: #fff;
    background: 0 0;
    border-color: #ff9000
}

.btn--outline.btn--secondary.drop-enabled,
.btn--outline.btn--secondary.is-active,
.btn--outline.btn--secondary:active,
.btn--outline.btn--secondary:focus {
    color: #fff;
    background: 0 0;
    border-color: #ff5a00
}

.btn--outline.btn--success {
    color: #33a67c;
    border-color: #33a67c
}

.btn--outline.btn--success:hover {
    color: #3ec493;
    background: 0 0;
    border-color: #3ec493
}

.btn--outline.btn--success.drop-enabled,
.btn--outline.btn--success.is-active,
.btn--outline.btn--success:active,
.btn--outline.btn--success:focus {
    color: #298765;
    background: 0 0;
    border-color: #298765
}

.btn--outline.btn--info {
    color: #50bfff;
    border-color: #50bfff
}

.btn--outline.btn--info:hover {
    color: #79ceff;
    background: 0 0;
    border-color: #79ceff
}

.btn--outline.btn--info.drop-enabled,
.btn--outline.btn--info.is-active,
.btn--outline.btn--info:active,
.btn--outline.btn--info:focus {
    color: #27b0ff;
    background: 0 0;
    border-color: #27b0ff
}

.btn--outline.btn--warning {
    color: #ff8f33;
    border-color: #ff8f33
}

.btn--outline.btn--warning:hover {
    color: #ffa55c;
    background: 0 0;
    border-color: #ffa55c
}

.btn--outline.btn--warning.drop-enabled,
.btn--outline.btn--warning.is-active,
.btn--outline.btn--warning:active,
.btn--outline.btn--warning:focus {
    color: #ff790a;
    background: 0 0;
    border-color: #ff790a
}

.btn--outline.btn--danger {
    color: #f55656;
    border-color: #f55656
}

.btn--outline.btn--danger:hover {
    color: #f77d7d;
    background: 0 0;
    border-color: #f77d7d
}

.btn--outline.btn--danger.drop-enabled,
.btn--outline.btn--danger.is-active,
.btn--outline.btn--danger:active,
.btn--outline.btn--danger:focus {
    color: #f32f2f;
    background: 0 0;
    border-color: #f32f2f
}

.btn--outline.btn--light-overlay {
    color: #fff;
    border-color: rgba(255, 255, 255, .3)
}

.btn--outline.btn--light-overlay:hover {
    color: #fff;
    background: 0 0;
    border-color: rgba(255, 255, 255, .4)
}

.btn--outline.btn--light-overlay.drop-enabled,
.btn--outline.btn--light-overlay.is-active,
.btn--outline.btn--light-overlay:active,
.btn--outline.btn--light-overlay:focus {
    color: #fff;
    background: 0 0;
    border-color: rgba(255, 255, 255, .1)
}

.btn--outline.btn--dark-overlay {
    color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .15)
}

.btn--outline.btn--dark-overlay:hover {
    color: rgba(0, 0, 0, .6);
    background: 0 0;
    border-color: rgba(0, 0, 0, .1)
}

.btn--outline.btn--dark-overlay.drop-enabled,
.btn--outline.btn--dark-overlay.is-active,
.btn--outline.btn--dark-overlay:active,
.btn--outline.btn--dark-overlay:focus {
    color: rgba(0, 0, 0, .6);
    background: 0 0;
    border-color: rgba(0, 0, 0, .2)
}

.btn--outline.btn--plain {
    color: #536080;
    border-color: #536080
}

.btn--outline .btn__icon,
.tree-view .list-group__item.is-active > .top .top__title > i {
    color: inherit
}

.btn--link.btn--default,
.btn--link.btn--default:hover {
    color: #536080
}

.btn--link.btn--default.drop-enabled,
.btn--link.btn--default.is-active,
.btn--link.btn--default:active,
.btn--link.btn--default:focus {
    background: 0 0 !important;
    color: #536080
}

.btn--link.btn--primary {
    color: #000000
}

.btn--link.btn--primary:hover {
    color: #1368e7
}

.btn--link.btn--primary.drop-enabled,
.btn--link.btn--primary.is-active,
.btn--link.btn--primary:active,
.btn--link.btn--primary:focus {
    background: 0 0 !important;
    color: #0c3aa3
}

.btn--link.btn--secondary,
.btn--link.btn--secondary:hover {
    color: #fff
}

.btn--link.btn--secondary.drop-enabled,
.btn--link.btn--secondary.is-active,
.btn--link.btn--secondary:active,
.btn--link.btn--secondary:focus {
    background: 0 0 !important;
    color: #fff
}

.btn--link.btn--success {
    color: #33a67c
}

.btn--link.btn--success:hover {
    color: #3ec493
}

.btn--link.btn--success.drop-enabled,
.btn--link.btn--success.is-active,
.btn--link.btn--success:active,
.btn--link.btn--success:focus {
    background: 0 0 !important;
    color: #298765
}

.btn--link.btn--info {
    color: #50bfff
}

.btn--link.btn--info:hover {
    color: #79ceff
}

.btn--link.btn--info.drop-enabled,
.btn--link.btn--info.is-active,
.btn--link.btn--info:active,
.btn--link.btn--info:focus {
    background: 0 0 !important;
    color: #27b0ff
}

.btn--link.btn--warning {
    color: #ff8f33
}

.btn--link.btn--warning:hover {
    color: #ffa55c
}

.btn--link.btn--warning.drop-enabled,
.btn--link.btn--warning.is-active,
.btn--link.btn--warning:active,
.btn--link.btn--warning:focus {
    background: 0 0 !important;
    color: #ff790a
}

.btn--link.btn--danger {
    color: #f55656
}

.btn--link.btn--danger:hover {
    color: #f77d7d
}

.btn--link.btn--danger.drop-enabled,
.btn--link.btn--danger.is-active,
.btn--link.btn--danger:active,
.btn--link.btn--danger:focus {
    background: 0 0 !important;
    color: #f32f2f
}

.btn--link.btn--light-overlay,
.btn--link.btn--light-overlay:hover {
    color: #fff
}

.btn--link.btn--light-overlay.drop-enabled,
.btn--link.btn--light-overlay.is-active,
.btn--link.btn--light-overlay:active,
.btn--link.btn--light-overlay:focus {
    background: 0 0 !important;
    color: #fff
}

.btn--link.btn--dark-overlay,
.btn--link.btn--dark-overlay:hover {
    color: rgba(0, 0, 0, .6)
}

.btn--link.btn--dark-overlay.drop-enabled,
.btn--link.btn--dark-overlay.is-active,
.btn--link.btn--dark-overlay:active,
.btn--link.btn--dark-overlay:focus {
    background: 0 0 !important;
    color: rgba(0, 0, 0, .6)
}

.btn-group {
    display: inline-flex
}

.btn-group .btn {
    flex: 0 1 auto
}

.btn-group .btn + .btn {
    margin-left: -1px !important
}

.btn-group .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin-right: 0
}

.btn-group:not(.btn-group--vertical) .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group:not(.btn-group--vertical) .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group--vertical {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group--vertical .btn,
.btn-group--vertical .btn-group {
    width: 100%
}

.btn-group--vertical > .btn + .btn,
.btn-group--vertical > .btn + .btn-group,
.btn-group--vertical > .btn-group + .btn,
.btn-group--vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0 !important
}

.btn-group--vertical .btn:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group--vertical .btn:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group--space-between .btn:first-child {
    border-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 16px
}

.btn-group--space-between .btn:not(:first-child):not(:last-child) {
    margin-right: 16px;
    border-radius: 4px
}

.btn-group--space-between .btn:last-child {
    border-radius: 4px
}

.btn-group[data-toggle=buttons] > .btn,
.btn-group[data-toggle=buttons] > .btn-group > .btn {
    margin: 0
}

.btn-group[data-toggle=buttons] > .btn input[type=checkbox],
.btn-group[data-toggle=buttons] > .btn input[type=radio],
.btn-group[data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
.btn-group[data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.actions-group {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px
}

.actions-group .btn {
    margin-right: 16px;
    margin-bottom: 16px
}

.actions-group--spacing-1x {
    margin-right: -8px
}

.actions-group--spacing-1x .btn {
    margin-right: 8px;
    margin-bottom: 8px
}

.actions-group--spacing-3x {
    margin-right: -24px
}

.actions-group--spacing-3x .btn {
    margin-right: 24px;
    margin-bottom: 24px
}

.actions-group--spacing-4x {
    margin-right: -32px
}

.actions-group--spacing-4x .btn {
    margin-right: 32px;
    margin-bottom: 32px
}

.actions-group--spacing-5x {
    margin-right: -40px
}

.actions-group--spacing-5x .btn {
    margin-right: 40px;
    margin-bottom: 40px
}

* > .actions-group:last-child {
    margin-bottom: -16px
}

* > .actions-group--spacing-1x:last-child {
    margin-bottom: -8px
}

* > .actions-group--spacing-3x:last-child {
    margin-bottom: -24px
}

* > .actions-group--spacing-4x:last-child {
    margin-bottom: -32px
}

* > .actions-group--spacing-5x:last-child {
    margin-bottom: -40px
}

@media (max-width:751px) {
    .btn--responsive {
        border: 0;
        padding: 8px
    }

    .btn--responsive .btn__icon {
        display: inline-flex;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .btn--responsive .btn__text {
        display: none
    }

    .btn-group--space-between .btn {
        font-size: 11px;
        max-height: 40px;
        white-space: normal;
        line-height: 14px;
        text-align: left;
        margin-bottom: 16px
    }

    .btn-group--space-between .btn:last-child {
        margin-bottom: 0
    }
}

@media (max-width:513px) {
    .btn-group--space-between {
        flex-direction: column;
        margin-right: 0 !important
    }
}

.range-slider {
    position: relative;
    width: 100%
}

.range-slider,
.range-slider * {
    touch-action: none;
    user-select: none
}

.range-slider[disabled] .range-slider-connect {
    background: #b8b8b8
}

.range-slider[disabled].range-slider,
.range-slider[disabled].range-slider-handle {
    cursor: not-allowed
}

.range-slider__base,
.table tbody tr[data-url] {
    cursor: pointer
}

.range-slider__base,
.range-slider__connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.range-slider__connects {
    background: #a9b3cc;
    border-radius: 200px;
    z-index: 0
}

.range-slider__connects:after,
.range-slider__connects:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%
}

.range-slider__connects:after {
    background: #a9b3cc
}

.range-slider__connects:before {
    background: #a9b3cc;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    right: -12px
}

.range-slider__connects:after {
    background: #144fc4;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    left: -12px
}

.range-slider__connect {
    left: 0
}

.range-slider__connect,
.range-slider__origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%;
    width: 100%;
    transform-origin: 0 0
}

.range-slider__connect {
    background: #144fc4;
    border-radius: 200px
}

.range-slider__origin {
    right: 0;
    left: auto
}

.range-slider__handle {
    position: absolute;
    right: -9px;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    background: #0c3aa3;
    height: 32px;
    width: 21px;
    border-radius: 3px
}

.range-slider__handle:active,
.range-slider__handle:focus,
.range-slider__handle:hover {
    outline: 0;
    cursor: pointer
}

.range-slider__state-tap,
.range-slider__state-tap .range-slider-connect,
.range-slider__state-tap .range-slider-origin {
    transition: transform .3s
}

.range-slider__state-drag * {
    cursor: inherit !important
}

.range-slider--horizontal {
    height: 18px
}

.range-slider__pips {
    position: relative;
    height: 80px;
    top: 50%;
    left: 0;
    width: 100%
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .range-slider__pips {
        top: 50%
    }
}

.range-slider__marker {
    display: none
}

.range-slider__value {
    top: 0;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    padding: 0 10px;
    transform: translate(-50%, 50%)
}

.range-slider__value.is-active {
    color: #144fc4
}

.collapse {
    display: none !important;
    transition: all .15s ease
}

.collapse.show {
    display: block !important
}

.collapse.show + .form-section {
    margin-top: 32px
}

.collapse__wrapper {
    width: 100%
}

.collapse + .form-section .form-section__title {
    padding-top: 0
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: all .15s ease
}

.collapse-icon {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    cursor: pointer
}

.collapse-icon:after,
.collapse-icon:before {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 2px;
    background-color: #112240;
    left: 4px;
    top: 10px
}

.collapse-icon:after {
    transform: rotate(90deg);
    transition: all .4s
}

.collapse-icon.rail__addon {
    margin-right: 0
}

.collapse-icon.is-active,
[aria-expanded=true] .collapse-icon {
    transition: all .4s
}

.collapse-icon.is-active:after,
[aria-expanded=true] .collapse-icon:after {
    transform: rotate(0deg)
}

.accordion--border-left .accordion__collapse {
    position: relative;
    padding-left: 40px
}

.accordion--border-left .accordion__collapse:before {
    position: absolute;
    left: 10px;
    right: 0;
    bottom: 0;
    top: 16px;
    display: block;
    width: 1px;
    content: '';
    background-color: #596789
}

.accordion--border-left .accordion__collapse > .accordion__content {
    padding-top: 16px
}

.off-canvas {
    overflow: auto;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    transform: translateX(calc(-100% - 20px));
    max-width: 380px;
    background: #fff;
    box-shadow: 0 2px 30px -1px rgba(30, 45, 70, .15);
    transition: transform .3s, box-shadow .3s
}

.off-canvas.is-open {
    transform: translateX(0)
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .off-canvas {
        transform: translateX(-110%)
    }
}

.off-canvas__top {
    padding: 16px 24px
}

.off-canvas__top + .off-canvas__body {
    border-top: 1px solid #536080
}

.off-canvas__body {
    overflow-x: auto
}

.off-canvas__body .list-group {
    border: 0
}

.off-canvas__body .list-group__item {
    padding: 16px 24px
}

.off-canvas__content {
    padding: 24px
}

.off-canvas--right {
    left: auto;
    right: 0;
    transform: translateX(calc(100% + 20px))
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .off-canvas--right {
        transform: translateX(100%)
    }
}

.off-canvas--bottom,
.off-canvas--top {
    transform: translateX(0);
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 350px
}

.off-canvas--bottom.is-open,
.off-canvas--top.is-open {
    transform: translateX(0);
    transform: translateY(0)
}

.off-canvas--top {
    top: 0;
    transform: translateY(-100%)
}

.off-canvas--bottom {
    top: auto;
    bottom: 0;
    transform: translateY(100%)
}

.off-canvas-is-active {
    overflow: hidden
}

.off-canvas-is-active:after {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: block;
    content: '';
    background: rgba(255, 255, 255, .85)
}

.off-canvas-is-active .navbar__burger span:nth-child(1) {
    top: 50%;
    transform: rotate(135deg)
}

.off-canvas-is-active .navbar__burger span:nth-child(2) {
    left: -60px;
    opacity: 0
}

.off-canvas-is-active .navbar__burger span:nth-child(3) {
    top: 50%;
    transform: rotate(-135deg)
}

@media (max-width:1011px) {
    .off-canvas-responsive {
        overflow: auto;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1000;
        transform: translateX(calc(-100% - 20px));
        max-width: 380px;
        background: #fff;
        box-shadow: 0 2px 30px -1px rgba(30, 45, 70, .15);
        transition: transform .3s, box-shadow .3s
    }

    .off-canvas-responsive.is-open {
        transform: translateX(0)
    }
}

@media screen and (max-width:1011px) and (-ms-high-contrast:active),
(max-width:1011px) and (-ms-high-contrast:none) {
    .off-canvas-responsive {
        transform: translateX(-110%)
    }
}

@media (max-width:1011px) {
    .off-canvas-responsive--right {
        left: auto;
        right: 0;
        transform: translateX(calc(100% + 20px))
    }
}

@media screen and (max-width:1011px) and (-ms-high-contrast:active),
(max-width:1011px) and (-ms-high-contrast:none) {
    .off-canvas-responsive--right {
        transform: translateX(100%)
    }
}

@media (max-width:1011px) {

    .off-canvas-responsive--bottom,
    .off-canvas-responsive--top {
        transform: translateX(0);
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 350px
    }

    .off-canvas-responsive--bottom.is-open,
    .off-canvas-responsive--top.is-open {
        transform: translateX(0);
        transform: translateY(0)
    }

    .off-canvas-responsive--top {
        top: 0;
        transform: translateY(-100%)
    }

    .off-canvas-responsive--bottom {
        top: auto;
        bottom: 0;
        transform: translateY(100%)
    }
}

.nav,
.nav__item {
    display: flex;
    flex-shrink: 0
}

.nav {
    flex-direction: column;
    margin-bottom: 0
}

.nav__item {
    position: relative;
    min-height: 42px
}

.nav__item > .btn {
    margin: 0 16px
}

.nav__item > .btn + .btn {
    margin-left: 0
}

.nav__item.is-active > .nav__link,
.nav__item.is-active > .nav__link > .nav__link-icon,
.nav__item.is-open > .nav__link,
.nav__item.is-open > .nav__link > .nav__link-icon {
    color: #1368e7
}

.nav__link {
    min-height: 100%;
    width: 100%;
    color: #536080;
    transition: color .3s
}

.nav__link-icon {
    position: relative;
    height: 24px;
    width: 24px;
    min-width: 24px;
    font-size: 24px;
    line-height: 24px;
    color: #5d6c8f;
    transition: color .3s;
    text-align: center
}

.nav__link-icon > .badge {
    position: absolute;
    top: -8px;
    right: -8px
}

.nav__link-icon + .nav__link-text,
.nav__link-text + .nav__link-icon {
    margin-left: 16px
}

.nav__link-text {
    flex-grow: 1
}

.nav__link-arrow + .nav__link-text,
.nav__link-text + .nav__link-arrow {
    margin-left: 8px
}

.nav__link-arrow {
    margin-left: 8px;
    margin-right: -4px;
    opacity: .4;
    font-size: 16px;
    line-height: 24px
}

.nav__link:hover,
.nav__link:hover > .nav__link-icon {
    color: #1368e7;
    text-decoration: none
}

.nav__link:active,
.nav__link:focus {
    color: #1368e7;
    outline: 0
}

.nav__divider {
    margin: 8px 0;
    height: 1px;
    background: #536080
}

.nav__header {
    min-height: 42px;
    margin-top: 8px
}

.nav__header:first-child {
    margin-top: 0
}

.nav__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.nav__content,
.nav__header,
.nav__link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 16px
}

.nav .nav__sub--xs .nav__header,
.nav .nav__sub--xs .nav__item,
.nav--xs .nav__header,
.nav--xs .nav__item {
    min-height: 32px
}

.nav .nav__sub--xs .nav__link,
.nav--xs .nav__link {
    font-size: 12px
}

.nav .nav__sub--xs .nav__header,
.nav .nav__sub--xs .nav__link,
.nav--xs .nav__header,
.nav--xs .nav__link {
    padding: 4px 16px
}

.nav .nav__sub--xs .nav__divider,
.nav--xs .nav__divider {
    margin: 4px 0
}

.nav .nav__sub--sm .nav__header,
.nav .nav__sub--sm .nav__item,
.nav--sm .nav__header,
.nav--sm .nav__item {
    min-height: 36px
}

.nav .nav__sub--sm .nav__link,
.nav--sm .nav__link {
    font-size: 13px
}

.nav .nav__sub--sm .nav__header,
.nav .nav__sub--sm .nav__link,
.nav--sm .nav__header,
.nav--sm .nav__link {
    padding: 4px 16px
}

.nav .nav__sub--sm .nav__divider,
.nav--sm .nav__divider {
    margin: 4px 0
}

.nav .nav__sub--md .nav__header,
.nav .nav__sub--md .nav__item,
.nav--md .nav__header,
.nav--md .nav__item {
    min-height: 48px
}

.nav .nav__sub--md .nav__link,
.nav--md .nav__link {
    font-size: 16px
}

.nav .nav__sub--md .nav__header,
.nav .nav__sub--md .nav__link,
.nav--md .nav__header,
.nav--md .nav__link {
    padding: 8px 16px
}

.nav .nav__sub--md .nav__divider,
.nav--md .nav__divider {
    margin: 8px 0
}

.nav .nav__sub--lg .nav__header,
.nav .nav__sub--lg .nav__item,
.nav--lg .nav__header,
.nav--lg .nav__item {
    min-height: 56px
}

.nav .nav__sub--lg .nav__link,
.nav--lg .nav__link {
    font-size: 17px
}

.nav .nav__sub--lg .nav__header,
.nav .nav__sub--lg .nav__link,
.nav--lg .nav__header,
.nav--lg .nav__link {
    padding: 8px 16px
}

.nav .nav__sub--lg .nav__divider,
.nav--lg .nav__divider {
    margin: 8px 0
}

.nav:not(.nav--h) + .nav:not(.nav--h) {
    margin-top: 8px
}

.nav__sub {
    padding: 6px 0
}

.nav__item .nav__sub {
    position: relative;
    padding-left: 16px
}

.nav__item .nav__sub:after {
    position: absolute;
    top: 8px;
    bottom: 8px;
    display: block;
    content: '';
    width: 1px;
    background: rgba(0, 0, 0, .1)
}

.nav__item.has-dropdown.has-no-icon > .nav__link:after,
.nav__item.has-dropdown > .nav__dropdown,
.nav__item.has-dropdown > .nav__sub,
.table thead tr td:after,
.table thead tr th:after {
    display: none
}

.nav__item.has-dropdown.is-open > .nav__dropdown,
.nav__item.has-dropdown.is-open > .nav__sub,
.nav__item.is-active > .nav__link .drop-arrow,
.nav__item.is-open > .nav__link .drop-arrow {
    display: block
}

.nav__item.is-open .drop-arrow {
    z-index: 1000
}

.nav.has-icons.nav--lg > .nav__item > .nav__sub,
.nav.has-icons.nav--md > .nav__item > .nav__sub,
.nav.has-icons.nav--sm > .nav__item > .nav__sub,
.nav.has-icons > .nav__item > .nav__dropdown > .nav__sub,
.nav.has-icons > .nav__item > .nav__sub {
    padding-left: 40px
}

.nav.has-icons.nav--lg > .nav__item > .nav__sub:after,
.nav.has-icons.nav--md > .nav__item > .nav__sub:after,
.nav.has-icons.nav--sm > .nav__item > .nav__sub:after,
.nav.has-icons > .nav__item > .nav__dropdown > .nav__sub:after,
.nav.has-icons > .nav__item > .nav__sub:after {
    left: 26px
}

.nav--h {
    padding: 0;
    margin: 0;
    flex-direction: row
}

.nav--h.is-right + .nav--h.is-right {
    margin-left: 0 !important
}

.nav--tabs .nav__item {
    position: relative;
    width: auto;
    white-space: nowrap
}

.nav--tabs .nav__item.is-active,
.nav--tabs .nav__link.is-active > .nav__link {
    position: relative
}

.nav--tabs .nav__item.is-active:after,
.nav--tabs .nav__link.is-active > .nav__link:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    content: '';
    height: 2px;
    background: #1368e7
}

.nav--tabs .nav__link.is-active > .nav__link:after {
    display: block
}

.nav--tabs.nav--h .nav__item.is-active:after,
.nav--tabs.nav--h .nav__link.is-active > .nav__link:after {
    left: 12px;
    right: 12px
}

.nav--border-left .nav__item.is-active:after,
.nav--border-left .nav__link.is-active > .nav__link:after {
    left: 0;
    right: auto;
    height: 100%;
    width: 2px
}

.nav--arrow .nav__item.is-active:after,
.nav--arrow .nav__item.is-active > .nav__link:after {
    display: block;
    position: absolute;
    bottom: -16px;
    left: 50% !important;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    content: '';
    background: #fff;
    border: 1px solid #e4e6f0;
    transform: rotate(45deg)
}

.nav--p-x-0 .nav__item,
.nav--p-x-0 .nav__link {
    padding-left: 0;
    padding-right: 0
}

.nav--p-x-0.has-icons .nav__sub:before {
    left: 8px !important
}

@media (min-width:1012px) {
    .nav--h .nav__dropdown {
        position: absolute;
        top: 100%;
        left: 16px;
        z-index: 999;
        margin: 0;
        display: none;
        min-width: 260px;
        background: #fff;
        box-shadow: 0 2px 30px -1px rgba(30, 45, 70, .15);
        border-radius: 3px;
        animation-name: fadeInUp;
        animation-duration: .3s;
        animation-fill-mode: both
    }

    .nav--h .nav__dropdown:after,
    .nav--h .nav__sub:after {
        display: none
    }

    .nav--h .nav__dropdown--right {
        left: auto;
        right: 0
    }

    .nav--h .nav__dropdown--left {
        left: 0;
        right: auto
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__link:after {
        content: '\f2fb'
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__link .drop-arrow--right {
        right: -8px
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__link .drop-arrow--left {
        left: -8px
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__dropdown {
        top: 0
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__dropdown--right {
        left: 100%;
        right: auto;
        margin-left: 8px
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__dropdown--left {
        left: auto;
        right: 100%;
        margin-right: 8px
    }

    .nav--h .is-open .drop-arrow {
        animation-name: fadeInUp;
        animation-duration: .3s;
        animation-fill-mode: both
    }

    .nav--h .nav__sub {
        padding-left: 0
    }
}

.brand {
    display: inline-flex;
    align-items: center
}

.brand .brand__logo {
    display: flex;
    align-items: center
}

.navbar {
    width: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow: 0 2px 15px -1px rgba(30, 45, 70, .15);
    border: 0
}

.navbar--main {
    background: #112240
}

.navbar,
.navbar > .container,
.navbar > .container-fluid,
.navbar__top,
.navbar__top > .container,
.navbar__top > .container-fluid {
    display: flex;
    flex-flow: row wrap;
    align-content: start
}

.navbar,
.navbar > .container,
.navbar > .container-fluid {
    align-items: center
}

.navbar__top {
    width: 100%;
    padding: 16px 0
}

.navbar__brand {
    flex-shrink: 0;
    padding: 8px 16px
}

.navbar--main .navbar__burger span,
.navbar__burger span {
    background: rgba(255, 255, 255, .8)
}

.navbar__menu,
.navbar__menu > .container,
.navbar__menu > .container-fluid,
.navbar__off-canvas,
.navbar__off-canvas > .container,
.navbar__off-canvas > .container-fluid {
    display: flex;
    flex-grow: 1
}

.navbar__nav {
    display: flex
}

.navbar__nav .nav__item > .nav__link {
    padding-left: 16px;
    padding-right: 16px
}

.navbar > .container-fluid > .navbar__brand:first-child,
.navbar > .container-fluid > .navbar__menu:first-child,
.navbar > .container-fluid > .navbar__nav:first-child,
.navbar > .container > .navbar__brand:first-child,
.navbar > .container > .navbar__menu:first-child,
.navbar > .container > .navbar__nav:first-child,
.navbar__top > .container-fluid > .navbar__brand:first-child,
.navbar__top > .container-fluid > .navbar__menu:first-child,
.navbar__top > .container-fluid > .navbar__nav:first-child,
.navbar__top > .container > .navbar__brand:first-child,
.navbar__top > .container > .navbar__menu:first-child,
.navbar__top > .container > .navbar__nav:first-child {
    margin-left: -16px
}

.navbar > .container-fluid > .navbar__brand:last-child,
.navbar > .container-fluid > .navbar__burger,
.navbar > .container-fluid > .navbar__menu:last-child,
.navbar > .container-fluid > .navbar__nav:last-child,
.navbar > .container > .navbar__brand:last-child,
.navbar > .container > .navbar__burger,
.navbar > .container > .navbar__menu:last-child,
.navbar > .container > .navbar__nav:last-child,
.navbar__top > .container-fluid > .navbar__brand:last-child,
.navbar__top > .container-fluid > .navbar__burger,
.navbar__top > .container-fluid > .navbar__menu:last-child,
.navbar__top > .container-fluid > .navbar__nav:last-child,
.navbar__top > .container > .navbar__brand:last-child,
.navbar__top > .container > .navbar__burger,
.navbar__top > .container > .navbar__menu:last-child,
.navbar__top > .container > .navbar__nav:last-child {
    margin-right: -16px
}

.navbar__collapse > .navbar__menu > .container-fluid > .nav:first-child,
.navbar__collapse > .navbar__menu > .container > .nav:first-child,
.navbar__menu > .container-fluid > .nav:first-child,
.navbar__menu > .container > .nav:first-child,
.navbar__off-canvas > .navbar__menu > .container-fluid > .nav:first-child,
.navbar__off-canvas > .navbar__menu > .container > .nav:first-child {
    margin-left: -16px
}

.navbar__collapse > .navbar__menu > .container-fluid > .nav:last-child,
.navbar__collapse > .navbar__menu > .container > .nav:last-child,
.navbar__menu > .container-fluid > .nav:last-child,
.navbar__menu > .container > .nav:last-child,
.navbar__off-canvas > .navbar__menu > .container-fluid > .nav:last-child,
.navbar__off-canvas > .navbar__menu > .container > .nav:last-child {
    margin-right: -16px
}

.navbar > .container .navbar__burger,
.navbar > .container-fluid .navbar__burger {
    order: 2;
    margin-left: 16px
}

.navbar--main .navbar__nav > .nav__item > .nav__link {
    font-size: 16px;
    font-weight: 500
}

.navbar--main .nav > .nav__item > .nav__link {
    color: rgba(255, 255, 255, .8)
}

.navbar--main .nav > .nav__item > .nav__link:active,
.navbar--main .nav > .nav__item > .nav__link:active > .nav__link-icon,
.navbar--main .nav > .nav__item > .nav__link:focus,
.navbar--main .nav > .nav__item > .nav__link:focus > .nav__link-icon,
.navbar--main .nav > .nav__item > .nav__link:hover,
.navbar--main .nav > .nav__item > .nav__link:hover > .nav__link-icon {
    color: #fff
}

.navbar--main .nav > .nav__item .nav__link-icon {
    color: rgba(255, 255, 255, .5)
}

.navbar--main .nav > .nav__item.is-open > .nav__link,
.navbar--main .nav > .nav__item.is-open > .nav__link > .nav__link-icon {
    color: #fff
}

.navbar--main .nav > .nav__item.is-active > .nav__link,
.navbar--main .nav > .nav__item.is-active > .nav__link > .nav__link-icon {
    color: #144fc4
}

@media (min-width:1012px) {
    .navbar {
        min-height: 72px
    }

    .navbar:not(.navbar--v) {
        align-content: center
    }

    .navbar__top + .navbar__collapse,
    .navbar__top + .navbar__menu,
    .navbar__top + .navbar__off-canvas {
        background: rgba(0, 0, 0, .1)
    }

    .navbar__collapse {
        flex-grow: 1;
        max-width: 100%
    }

    .navbar__collapse.collapse {
        display: flex !important
    }

    .navbar__brand,
    .navbar__menu,
    .navbar__nav > .nav__item {
        min-height: 56px
    }
}

@media (max-width:1011px) {
    .navbar {
        flex-wrap: nowrap;
        min-height: 56px
    }

    .navbar__top {
        padding: 0
    }

    .navbar__brand {
        flex-grow: 1
    }

    .navbar__brand .brand__logo,
    .navbar__brand .brand__logo > img {
        max-height: 40px
    }

    .navbar__brand,
    .navbar__menu,
    .navbar__nav > .nav__item {
        min-height: 56px
    }

    .navbar__collapse {
        width: 100%;
        background: rgba(0, 0, 0, .1)
    }

    .navbar .nav > .nav__item > .nav__dropdown.off-canvas-responsive > .nav__sub:after,
    .navbar__collapse.collapse,
    .navbar__menu .nav > .nav__item.is-active > .nav__link .drop-arrow,
    .navbar__menu .nav > .nav__item.is-open > .nav__link .drop-arrow {
        display: none
    }

    .navbar__collapse .navbar__nav .nav__sub .nav__hedaer,
    .navbar__collapse .navbar__nav .nav__sub .nav__link {
        color: rgba(255, 255, 255, .7)
    }

    .navbar__collapse .navbar__nav .nav__sub .nav__link .badge {
        color: #fff;
        border-color: rgba(255, 255, 255, .3)
    }

    .navbar__collapse .navbar__nav .nav__sub .nav__link:focus,
    .navbar__collapse .navbar__nav .nav__sub .nav__link:hover {
        color: rgba(255, 255, 255, .9)
    }

    .navbar__collapse .navbar__nav .nav__sub .nav__link:active {
        color: rgba(255, 255, 255, .6)
    }

    .navbar__menu .nav > .nav__item.has-dropdown > .nav__link:after {
        margin-left: auto
    }

    .navbar__menu .nav__item.is-open > .nav__dropdown.off-canvas-responsive {
        transform: translateX(0)
    }

    .navbar__menu .nav__link:after {
        display: block !important;
        margin-left: auto
    }

    .navbar__menu .nav__dropdown {
        animation: none
    }

    .navbar__menu .nav__dropdown.off-canvas-responsive {
        overflow-y: auto;
        display: block !important;
        width: calc(100% - 56px)
    }

    .navbar__menu .nav__dropdown.off-canvas-responsive .nav__header.is-hidden-responsive-up .top__addon:first-child .btn {
        margin-left: -8px
    }

    .navbar .container .navbar__collapse > .navbar__menu > .nav,
    .navbar .navbar__collapse > .navbar__menu > .container > .nav {
        margin: 0 -16px
    }

    .navbar > .container > .navbar__collapse {
        background: 0 0
    }

    .navbar .nav > .nav__item > .nav__dropdown.off-canvas-responsive > .nav__sub {
        padding-left: 0
    }

    .navbar.off-canvas-responsive,
    .navbar__off-canvas {
        top: 56px;
        width: 320px;
        max-width: 100%
    }

    .navbar.off-canvas-responsive .navbar__menu,
    .navbar__off-canvas .navbar__menu {
        max-height: 100%;
        overflow: auto
    }

    .navbar.off-canvas-responsive .navbar__nav {
        width: 100%
    }

    .navbar.off-canvas-responsive .nav__link-arrow:before,
    .navbar__off-canvas .nav__link-arrow:before {
        width: 100%;
        transform: rotate(-90deg)
    }

    .navbar__collapse .navbar__menu,
    .navbar__collapse .navbar__nav,
    .navbar__off-canvas .navbar__menu,
    .navbar__off-canvas .navbar__nav {
        flex-direction: column;
        flex-grow: 1;
        width: 100%
    }
}

@media (min-width:1012px) {

    .navbar--v,
    .navbar--v > .navbar__collapse {
        flex-flow: column nowrap
    }

    .navbar--v .navbar__actions,
    .navbar--v .navbar__brand {
        width: 100%
    }

    .navbar--v .navbar__brand + .navbar__menu {
        padding-top: 0
    }

    .navbar--v .navbar__menu {
        overflow-y: hidden;
        flex-direction: column;
        max-height: 100%;
        width: 100%
    }

    .navbar--v .navbar__nav > .nav__item {
        min-height: 56px
    }
}

@media (max-width:1011px) {
    .navbar--v {
        width: 100%
    }

    .navbar--v .navbar__actions,
    .navbar--v .navbar__brand {
        width: auto
    }
}

.navbar--v-wide .navbar__actions,
.navbar--v-wide .navbar__nav > .nav__item.is-active.has-dropdown,
.navbar--v-wide .navbar__nav > .nav__item.is-open.has-dropdown {
    background: rgba(0, 0, 0, .1)
}

.navbar--v-wide .navbar__nav > .nav__item.is-active.has-dropdown .nav__dropdown,
.navbar--v-wide .navbar__nav > .nav__item.is-open.has-dropdown .nav__dropdown {
    padding-bottom: 8px
}

.navbar--v-wide .nav__sub:after,
.navbar--v-wide .navbar__nav > .nav__item.is-active.has-dropdown .nav__dropdown {
    display: block
}

.navbar--v-wide .navbar__nav.has-icons > .nav__sub {
    padding-left: 40px
}

.navbar--v-wide .navbar__nav.has-icons > .nav__sub:after {
    left: 26px
}

.navbar--v-wide .nav__sub .nav__hedaer,
.navbar--v-wide .nav__sub .nav__link {
    color: rgba(255, 255, 255, .7)
}

.navbar--v-wide .nav__sub .nav__link .badge {
    color: #fff;
    border-color: rgba(255, 255, 255, .3)
}

.navbar--v-wide .nav__sub .nav__link:focus,
.navbar--v-wide .nav__sub .nav__link:hover {
    color: rgba(255, 255, 255, .9)
}

.navbar--v-wide .nav__sub .nav__link:active {
    color: rgba(255, 255, 255, .6)
}

.navbar--v-wide.navbar--main .nav > .nav__header .nav__title {
    opacity: .8;
    color: rgba(255, 255, 255, .8)
}

@media (min-width:1012px) {
    .navbar--v-wide {
        width: 270px
    }

    .navbar--v-wide .navbar__brand {
        height: 96px
    }
}

@media (max-width:1011px) {
    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link {
        color: #536080
    }

    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link:hover {
        color: #1368e7
    }

    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link:active,
    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link:focus {
        color: #144fc4
    }
}

.burger span,
.navbar--v-thin .navbar__menu .navbar__nav.is-active > .nav__link > .drop-arrow,
.navbar--v-thin .navbar__menu .navbar__nav.is-open > .nav__link > .drop-arrow {
    display: block
}

@media (min-width:1012px) {
    .navbar--v-thin {
        position: relative;
        width: 110px
    }

    .navbar--v-thin .navbar__brand {
        height: 112px;
        justify-content: center
    }

    .navbar--v-thin .navbar__nav > .nav__item {
        overflow: hidden;
        position: static
    }

    .navbar--v-thin .navbar__nav > .nav__item > .nav__link {
        position: relative;
        flex-direction: column;
        width: 100%;
        padding: 16px 8px
    }

    .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-icon {
        margin: 0
    }

    .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-icon + .nav__link-text {
        margin-top: 16px
    }

    .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-text {
        margin: 0;
        text-align: center
    }

    .navbar--v-thin .navbar__nav > .nav__item.has-dropdown > .nav__link:after,
    .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown > .nav__sub:after,
    .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-arrow {
        display: none
    }

    .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown .nav__header,
    .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown .nav__link {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px
    }

    .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown > .nav__sub {
        padding-left: 0
    }

    .navbar--v-thin .navbar__nav.has-open-item > .nav__item.is-active:not(.is-open) > .nav__link .drop-arrow {
        display: none
    }

    .navbar--v-thin .nav__dropdown {
        overflow-y: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1002;
        left: 110px;
        width: 300px;
        margin: 0;
        padding: 8px 0;
        background: #fff;
        box-shadow: 0 2px 30px -1px rgba(30, 45, 70, .15);
        animation-name: fadeInRight;
        animation-duration: .3s;
        animation-fill-mode: both
    }
}

@media (max-width:1011px) {
    .navbar--v-thin .navbar__menu .nav > .nav__item {
        position: unset
    }

    .navbar--v-thin .navbar__menu .nav > .nav__item > .nav__link {
        flex-flow: row;
        padding: 8px 16px
    }
}

.burger {
    position: relative;
    align-self: center;
    width: 56px;
    height: 56px;
    padding: 0;
    margin: 0;
    background: 0 0;
    box-shadow: none;
    border: 0;
    cursor: pointer
}

.burger span {
    position: absolute;
    left: calc(50% - 10px);
    width: 20px;
    height: 2px;
    transition: .25s ease-in-out;
    transform: rotate(0deg);
    opacity: 1;
    border-radius: 9px;
    background: #5d6c8f
}

.burger span:nth-child(1) {
    top: calc(50% - 8px)
}

.burger span:nth-child(2) {
    top: 50%
}

.burger span:nth-child(3) {
    top: calc(50% + 8px)
}

.burger:active,
.burger:focus {
    outline: 0
}

.burger.is-active span:nth-child(1),
.burger[aria-expanded=true] span:nth-child(1) {
    top: 50%;
    transform: rotate(135deg)
}

.burger.is-active span:nth-child(2),
.burger[aria-expanded=true] span:nth-child(2) {
    left: -60px;
    opacity: 0
}

.burger.is-active span:nth-child(3),
.burger[aria-expanded=true] span:nth-child(3) {
    top: 50%;
    transform: rotate(-135deg)
}

@media (min-width:1012px) {
    .burger {
        display: none
    }
}

@media (max-width:1011px) {
    .burger {
        display: flex
    }
}

.badge {
    text-align: center;
    font-weight: 400;
    border: 1px solid;
    border-radius: 25px;
    display: inline-block;
    font-size: 10px;
    line-height: 18px;
    padding: 0 4px;
    min-width: 18px;
    height: 18px
}

.badge--d,
.badge--sm,
.badge--xs {
    font-size: 8px;
    line-height: 16px;
    padding: 0 4px;
    min-width: 16px;
    height: 16px
}

.badge--d {
    font-size: 10px;
    line-height: 18px;
    min-width: 18px;
    height: 18px
}

.badge--lg {
    font-size: 12px;
    line-height: 24px;
    padding: 0 8px;
    min-width: 24px;
    height: 24px
}

.badge--xlg {
    font-size: 14px;
    line-height: 38px;
    padding: 0 2px;
    min-width: 40px;
    height: 40px
}

@media (max-width:751px) {

    .badge--mob-sm,
    .badge--mob-xs {
        font-size: 8px;
        line-height: 16px;
        padding: 0 4px;
        min-width: 16px;
        height: 16px
    }

    .badge--mob-d {
        font-size: 10px;
        line-height: 18px;
        padding: 0 4px;
        min-width: 18px;
        height: 18px
    }

    .badge--mob-lg {
        font-size: 12px;
        line-height: 24px;
        padding: 0 8px;
        min-width: 24px;
        height: 24px
    }

    .badge--mob-xlg {
        font-size: 14px;
        line-height: 38px;
        padding: 0 2px;
        min-width: 40px;
        height: 40px
    }
}

.badge,
.badge--default {
    color: #536080;
    background: #536080;
    border-color: #536080
}

.badge--primary {
    color: #fff;
    background: #144fc4;
    border-color: #144fc4
}

.badge--secondary {
    color: #fff;
    background: #ff7800;
    border-color: #ff7800
}

.badge--success {
    color: #fff;
    background: #33a67c;
    border-color: #33a67c
}

.badge--info {
    color: #fff;
    background: #50bfff;
    border-color: #50bfff
}

.badge--warning {
    color: #fff;
    background: #ff8f33;
    border-color: #ff8f33
}

.badge--danger {
    color: #fff;
    background: #f55656;
    border-color: #f55656
}

.badge--light-overlay {
    color: #fff;
    background: rgba(255, 255, 255, .3)
}

.badge--dark-overlay {
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

.badge--outline,
.badge--outline.badge--default {
    color: #536080;
    background: 0 0;
    border-color: #536080
}

.badge--outline.badge--primary {
    color: #144fc4;
    border-color: #144fc4
}

.badge--outline.badge--secondary {
    color: #ff7800;
    border-color: #ff7800
}

.badge--outline.badge--success {
    color: #33a67c;
    border-color: #33a67c
}

.badge--outline.badge--info {
    color: #50bfff;
    border-color: #50bfff
}

.badge--outline.badge--warning {
    color: #ff8f33;
    border-color: #ff8f33
}

.badge--outline.badge--danger {
    color: #f55656;
    border-color: #f55656
}

.badge--outline.badge--light-overlay {
    color: #fff;
    border-color: rgba(255, 255, 255, .3)
}

.badge--outline.badge--dark-overlay {
    color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .15)
}

.label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 12px;
    height: 24px
}

.label--sm {
    font-size: 10px;
    padding: 0 8px;
    height: 20px
}

.label--lg {
    font-size: 13px;
    padding: 0 16px;
    height: 32px
}

.label,
.label--default {
    color: #536080;
    background: #536080
}

.label--primary {
    color: #fff;
    background: #144fc4
}

.label--secondary {
    color: #fff;
    background: #ff7800
}

.label--success {
    color: #fff;
    background: #33a67c
}

.label--info {
    color: #fff;
    background: #50bfff
}

.label--warning {
    color: #fff;
    background: #ff8f33
}

.label--danger {
    color: #fff;
    background: #f55656
}

.label--light-overlay {
    color: #fff;
    background: rgba(255, 255, 255, .3)
}

.label--dark-overlay {
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

.label--outline {
    background: 0 0
}

.label--outline,
.label--outline.label--default {
    color: #536080;
    border-color: #536080
}

.label--outline.label--primary {
    color: #144fc4;
    border-color: #144fc4
}

.label--outline.label--secondary {
    color: #ff7800;
    border-color: #ff7800
}

.label--outline.label--success {
    color: #33a67c;
    border-color: #33a67c
}

.label--outline.label--info {
    color: #50bfff;
    border-color: #50bfff
}

.label--outline.label--warning {
    color: #ff8f33;
    border-color: #ff8f33
}

.label--outline.label--danger {
    color: #f55656;
    border-color: #f55656
}

.label--outline.label--light-overlay {
    color: #fff;
    border-color: rgba(255, 255, 255, .3)
}

.label--outline.label--dark-overlay {
    color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .15)
}

.label--status {
    background: 0 0;
    border: 0;
    padding: 0;
    height: auto;
    color: #536080
}

.label--status:before {
    display: inline-block;
    content: '';
    width: 12px;
    height: 12px;
    border: 2px solid;
    border-radius: 6px;
    margin-right: 8px
}

.breadcrumb__item.is-active .breadcrumb__link,
.label--status.label--default {
    color: #536080
}

.label--status.label--primary {
    color: #144fc4
}

.label--status.label--secondary {
    color: #ff7800
}

.label--status.label--success {
    color: #33a67c
}

.label--status.label--info {
    color: #50bfff
}

.label--status.label--warning {
    color: #ff8f33
}

.label--status.label--danger {
    color: #f55656
}

.label--status.label--light-overlay {
    color: #fff
}

.label--status.label--dark-overlay {
    color: rgba(0, 0, 0, .6)
}

.breadcrumb {
    display: flex;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    background: 0 0
}

.breadcrumb__item:before {
    padding: 0 8px;
    color: #99a5c2;
    content: "/\00a0"
}

.breadcrumb__item:first-child:before {
    display: none
}

.breadcrumb__item > a {
    opacity: .8
}

.breadcrumb__link {
    display: inline-block;
    color: #536080
}

.breadcrumb--sm {
    font-size: 13px
}

.breadcrumb--lg {
    font-size: 17px
}

.breadcrumb--arrow-separator .breadcrumb__item:before {
    font-family: 'Material-Design-Iconic-Font';
    content: "\f301"
}

.breadcrumb--angle-separator .breadcrumb__item:before {
    font-family: 'Material-Design-Iconic-Font';
    content: "\f2fb"
}

.breadcrumb--bullet-separator .breadcrumb__item:before {
    content: "\02022"
}

ul {
    margin-bottom: 16px;
    padding: 0;
    list-style: none
}

.list {
    margin: 0;
    padding: 0
}

.list:after {
    display: block;
    content: "";
    clear: both
}

.list .list__item {
    padding: 4px 0
}

.list .list__label {
    color: #99a5c2
}

.list .list__label:first-child {
    margin-right: 6px
}

.list .list__label:last-child {
    margin-left: 6px
}

.list--sm li {
    font-size: 13px;
    line-height: 16px;
    padding: 1px 0
}

.list--md li {
    font-size: 16px;
    line-height: 22px
}

.list--md li .list__icon,
.table .cell-actions .btn .btn__icon i {
    font-size: 24px
}

.list--lg li {
    font-size: 17px;
    line-height: 24px;
    padding: 4px 0 4px 32px
}

.list--lg .list__item {
    margin-bottom: 13px
}

.list--icon.list--sm li .list__icon,
.list--icon.list--sm li:before {
    font-size: 14px;
    top: 2px;
    width: 16px;
    height: 16px
}

.list--icon.list--md li .list__icon,
.list--icon.list--md li:before {
    font-size: 24px;
    top: 0
}

.list--icon.list--lg li .list__icon,
.list--icon.list--lg li:before {
    font-size: 24px;
    top: 2px
}

.list--icon li {
    position: relative;
    padding: 2px 0 2px 32px
}

.list--icon li:before {
    font-family: "Material-Design-Iconic-Font";
    content: ''
}

.list--icon li .list__icon,
.list--icon li:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 19px;
    text-align: center;
    line-height: 24px
}

.list--icon.list--arrow li:before {
    content: ""
}

.list--icon.list--check li:before {
    content: '\f269'
}

.list--icon.list--dots li:before {
    font-size: 8px;
    content: '\f26d'
}

.list--info .list__item {
    display: flex
}

.list--info .list__label {
    width: 50%;
    flex-basis: 50%;
    max-width: 300px
}

.list--info .list__value {
    width: 50%;
    flex-basis: 50%
}

.list--h li {
    float: left
}

.list--h li + li {
    margin-left: 16px
}

@media (min-width:752px) {
    .list--p-1x .list__item {
        padding: 8px 0
    }
}

.pagination {
    align-items: center
}

.pagination__item {
    align-content: center;
    min-width: 32px;
    padding: 4px;
    cursor: pointer;
    color: #536080;
    font-weight: 500;
    line-height: 24px
}

.pagination__item:last-child {
    margin-right: 0
}

.pagination__item--active {
    color: #1368e7
}

.pagination--article .pagination__item {
    width: 36px;
    height: 36px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
    margin-right: 12px;
    border-radius: 50%;
    cursor: initial
}

.pagination--article .pagination__item:nth-last-child(2) {
    margin-right: 0
}

.pagination--article .pagination__item.pagination__item--active {
    background: #536080
}

.pagination--article .pagination__item--previous {
    margin-right: auto
}

.pagination--article .pagination__item--next {
    margin-left: auto
}

.package {
    position: relative;
    width: 100%;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);
    text-align: center
}

.package--addon-icon .package__body .package__icon,
.package__header {
    padding: 24px
}

.package__header + .package__content {
    padding-top: 0
}

.package__title {
    margin-bottom: 8px
}

.package__price .price__value,
.tab-content .tab-pane#tab-data .tab-pane__container h3 {
    font-weight: 900
}

.package__price .price__prefix,
b,
strong {
    font-weight: 700
}

.package__price .price__cycle {
    font-weight: 400
}

.package__icon {
    margin-bottom: 24px
}

.package__content {
    padding: 24px;
    font-size: 15px;
    line-height: 24px
}

.package__content > :last-child {
    margin-bottom: 0
}

.package__content .package__title {
    margin-bottom: 16px
}

.package__footer {
    padding: 0 24px 24px
}

.package--addon .package__footer {
    display: flex;
    justify-content: space-between
}

.package--addon .package__footer > *,
.table tbody .form-check,
.table tfoot .form-check,
.table thead .form-check {
    margin-bottom: 0
}

.package--addon-icon .package__body {
    display: flex;
    text-align: left
}

.package--addon-icon .package__body .package__content + .package__icon,
.package--addon-icon .package__body .package__icon + .package__content {
    padding-left: 0
}

@media (max-width:1011px) {
    .package {
        padding: 8px 2px
    }

    .switcher.switcher--packages {
        margin-bottom: 10px
    }
}

.switcher {
    position: relative;
    height: 44px;
    padding: 0 3px;
    border: 1px solid #596789;
    border-radius: 40px
}

.switcher.switcher--packages {
    margin-bottom: 40px
}

.switcher .switcher__items {
    display: flex;
    height: 100%;
    align-items: center
}

.switcher .switcher__item {
    font-size: 13px;
    font-weight: 500;
    color: #536080;
    position: relative;
    z-index: 20;
    display: inline-flex;
    height: 36px;
    margin: 0;
    padding: 0 52px;
    cursor: pointer;
    transition: color .5s;
    border: 0;
    border-radius: 40px;
    background: 0 0;
    align-items: center
}

.switcher .switcher__item:focus {
    outline: 0
}

.switcher .switcher__item:first-child {
    margin-left: 0
}

.switcher .switcher__item:last-child {
    margin-right: 0
}

.switcher .switcher__item.is-active {
    color: #fff;
    padding: 0 34px
}

.switcher .switcher__description {
    font-weight: 300
}

.switcher .switcher__highlight {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    height: 36px;
    margin: auto;
    border-radius: 40px;
    background: #ff7800
}

.switcher--sm .switcher__items .switcher__item {
    padding: 0 20px
}

.has-ribbon {
    overflow: hidden
}

.ribbon {
    width: 130px;
    background: #144fc4;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 18px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    font-size: 10px
}

.ribbon--sticky {
    position: fixed
}

.ribbon--shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.ribbon--top-left {
    top: 25px;
    left: -50px;
    transform: rotate(-45deg)
}

.ribbon--top-right {
    top: 10px;
    right: -47px;
    left: auto;
    transform: rotate(45deg)
}

.ribbon--bottom-left {
    top: auto;
    bottom: 25px;
    left: -50px;
    transform: rotate(45deg)
}

.ribbon--bottom-right {
    top: auto;
    right: -50px;
    bottom: 25px;
    left: auto;
    transform: rotate(-45deg)
}

.table {
    width: 100%;
    max-width: 100%
}

.table tbody td,
.table tbody th,
.table tfoot td,
.table tfoot th,
.table thead td,
.table thead th {
    padding: 8px;
    height: 48px
}

.banner--search .input-group--actions .actions-switch label .switch__checkbox + .switch__container:after,
.table thead td,
.table thead th {
    font-size: 11px
}

.table tbody td,
.table tbody th,
.table tfoot td,
.table tfoot th {
    font-size: 14px
}

.table tbody td,
.table tbody th,
.table tfoot td,
.table tfoot th,
.table thead td,
.table thead th {
    border-top: 1px solid #596789
}

.table thead td,
.table thead th {
    border-bottom: 2px solid #596789
}

.table tbody td,
.table tbody th {
    border-bottom: 1px solid #596789
}

.table tbody tr td,
.table tbody tr th,
.table tfoot tr td,
.table tfoot tr th,
.table thead tr td,
.table thead tr th {
    vertical-align: middle
}

.table tbody tr td:first-child,
.table tbody tr th:first-child,
.table tfoot tr td:first-child,
.table tfoot tr th:first-child,
.table thead tr td:first-child,
.table thead tr th:first-child,
.table--border tbody td:first-child,
.table--border tbody th:first-child,
.table--border tfoot td:first-child,
.table--border tfoot th:first-child,
.table--border thead td:first-child,
.table--border thead th:first-child {
    padding-left: 16px
}

.table tbody tr td:last-child,
.table tbody tr th:last-child,
.table tfoot tr td:last-child,
.table tfoot tr th:last-child,
.table thead tr td:last-child,
.table thead tr th:last-child,
.table--border tbody td:last-child,
.table--border tbody th:last-child,
.table--border tfoot td:last-child,
.table--border tfoot th:last-child,
.table--border thead td:last-child,
.table--border thead th:last-child {
    padding-right: 16px
}

.table tbody tr td:focus,
.table tbody tr td:hover,
.table tbody tr th:focus,
.table tbody tr th:hover,
.table tfoot tr td:focus,
.table tfoot tr td:hover,
.table tfoot tr th:focus,
.table tfoot tr th:hover,
.table thead tr td:focus,
.table thead tr td:hover,
.table thead tr th:focus,
.table thead tr th:hover {
    outline: 0
}

.table tbody tr td,
.table tfoot tr td,
.table thead tr td {
    border-bottom: none
}

.table thead tr td,
.table thead tr th {
    border-top: none;
    border-bottom-width: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 300
}

.table thead .sorting,
.table thead .sorting_asc:not(.no-sort),
.table thead .sorting_desc:not(.no-sort) {
    cursor: pointer
}

.table thead .sorting .table__text,
.table thead .sorting > span,
.table thead .sorting_asc:not(.no-sort) .table__text,
.table thead .sorting_asc:not(.no-sort) > span,
.table thead .sorting_desc:not(.no-sort) .table__text,
.table thead .sorting_desc:not(.no-sort) > span {
    display: block
}

.table thead .sorting .table__text:after,
.table thead .sorting > span:after {
    content: ''
}

.table thead .sorting .table__text:after,
.table thead .sorting > span:after,
.table thead .sorting_asc:not(.no-sort) .table__text:after,
.table thead .sorting_asc:not(.no-sort) > span:after,
.table thead .sorting_desc:not(.no-sort) .table__text:after,
.table thead .sorting_desc:not(.no-sort) > span:after {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 8px;
    font: 14px/1 'Material-Design-Iconic-Font'
}

.table thead .sorting_desc:not(.no-sort) .table__text:after,
.table thead .sorting_desc:not(.no-sort) > span:after {
    content: '\f2fe'
}

.table thead .sorting_asc:not(.no-sort) .table__text:after,
.table thead .sorting_asc:not(.no-sort) > span:after {
    content: '\f303'
}

.table .cell-actions {
    text-align: right;
    white-space: nowrap
}

.table .cell-actions .btn + .btn {
    margin-left: 8px
}

.table .cell-wrap {
    white-space: normal
}

.table--xs tbody td,
.table--xs tbody th,
.table--xs tfoot td,
.table--xs tfoot th,
.table--xs thead td,
.table--xs thead th {
    padding: 3px 8px;
    height: 32px
}

.table--xs tbody td,
.table--xs tbody th,
.table--xs tfoot td,
.table--xs tfoot th {
    font-size: 13px
}

.table--sm tbody td,
.table--sm tbody th,
.table--sm tfoot td,
.table--sm tfoot th,
.table--sm thead td,
.table--sm thead th {
    height: 40px
}

.table--border {
    border: 1px solid
}

.table--responsive {
    display: block;
    width: 100%;
    overflow-x: auto
}

.t-c {
    width: 100%
}

.t-c,
.t-c__top {
    position: relative
}

.t-c__top .top__search {
    width: 262px
}

.t-c__top .top__filter .status {
    vertical-align: bottom
}

.t-c__top + .t-c__body {
    margin-top: 24px
}

.t-c__alert {
    margin: 0;
    border-radius: 0
}

.t-c__mass-actions {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 48px;
    padding: 2px 16px 2px 56px;
    background: #fff;
    box-shadow: 0 2px 5px -1px rgba(30, 45, 70, .05);
    border-radius: 4px;
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both
}

.t-c__mass-actions:before {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    text-align: center;
    font-family: "Material-Design-Iconic-Font";
    font-size: 24px;
    line-height: 22px;
    content: "";
    color: #144fc4
}

.t-c__mass-actions.is-open {
    display: flex !important
}

.t-c__mass-actions .drop-arrow {
    display: block;
    left: 16px;
    animation: none
}

.t-c__mass-actions .drop-arrow:after {
    background: #fff
}

.t-c__mass-actions .value {
    margin-right: 8px
}

.t-c__body--boxed {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);
    border: 1px solid #536080
}

.t-c__body--boxed .t-c__alert {
    width: auto;
    margin: -1px -1px 0
}

.t-c__footer {
    display: flex;
    padding: 8px 10px;
    border-top: 1px solid #536080;
    justify-content: space-between
}

.t-c__footer .dataTables_paginate {
    display: flex
}

.t-c__footer .dt-button,
.t-c__footer .paginate_button {
    justify-content: center;
    font-weight: 500;
    color: #5d6c8f;
    display: inline-flex !important;
    width: 32px;
    height: 32px;
    cursor: pointer;
    align-items: center
}

.t-c__footer .dt-button + .dt-button,
.t-c__footer .dt-button + .paginate_button,
.t-c__footer .paginate_button + .dt-button,
.t-c__footer .paginate_button + .paginate_button {
    margin-left: 4px
}

.t-c__footer .dt-button.active,
.t-c__footer .dt-button.current,
.t-c__footer .paginate_button.active,
.t-c__footer .paginate_button.current {
    color: #144fc4
}

.t-c__footer .dt-button.active:active,
.t-c__footer .dt-button.active:focus,
.t-c__footer .dt-button.active:hover,
.t-c__footer .dt-button.current:active,
.t-c__footer .dt-button.current:focus,
.t-c__footer .dt-button.current:hover,
.t-c__footer .paginate_button.active:active,
.t-c__footer .paginate_button.active:focus,
.t-c__footer .paginate_button.active:hover,
.t-c__footer .paginate_button.current:active,
.t-c__footer .paginate_button.current:focus,
.t-c__footer .paginate_button.current:hover {
    text-decoration: none;
    outline: 0
}

.t-c__footer .paginate_button.next,
.t-c__footer .paginate_button.previous {
    font-family: 'Material-Design-Iconic-Font';
    font-size: 24px;
    color: #536080
}

.t-c__footer .paginate_button.previous,
.tree-view .list-group__top .top__title > i {
    margin-right: 8px
}

.t-c__footer .paginate_button.previous:before {
    content: '\f2fa'
}

.t-c__footer .paginate_button.next {
    margin-left: 8px
}

.t-c__footer .paginate_button.next:before {
    content: '\f2fb'
}

.t-c__footer .paginate_button.disabled {
    opacity: .3
}

.t-c__footer .dt-buttons {
    display: flex;
    align-items: center
}

.dataTables_wrapper {
    overflow: auto
}

.dataTables_empty {
    width: 100% !important;
    text-align: center !important
}

@media (min-width:752px) {
    .t-c__body .table td:first-child {
        padding-left: 16px
    }

    .t-c__body .table td:last-child {
        padding-right: 16px
    }

    .t-c__body .table-footer {
        border-right: 0;
        border-left: 0
    }
}

.msg,
.msg__icon {
    display: flex;
    align-items: center
}

.msg {
    flex-direction: column;
    text-align: center;
    max-width: 480px;
    margin: auto
}

.msg__icon {
    justify-content: center;
    height: 64px;
    width: 64px;
    min-width: 64px;
    margin: 0 auto
}

.msg__icon + .msg__body {
    margin-top: 16px
}

.msg__body {
    flex-grow: 1
}

.msg__body > :last-child {
    margin-bottom: 0
}

.msg__title {
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width:752px) {
    .msg__title {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-width:751px) {
    .msg__title {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

.msg.msg--h .msg__icon + .msg__body,
.msg__title + .msg__actions {
    margin-top: 0
}

.msg__description {
    margin: 0
}

.msg__actions {
    width: 100%;
    margin-top: 16px
}

.zero-data {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px
}

.msg.msg--h {
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: initial
}

.msg.msg--h .msg__icon {
    align-self: flex-start;
    margin-right: 24px
}

.msg.msg--h .msg__icon:last-child {
    margin-right: 0;
    margin-left: 24px
}

.msg.msg--h-right .msg__icon {
    order: 2;
    margin-left: 24px;
    margin-right: 0
}

.msg.msg--sm {
    max-width: 270px
}

.msg.msg--sm .msg__title {
    font-size: 18px;
    font-weight: 900;
    line-height: 30px
}

@media (max-width:1231px) {
    .msg.msg--sm .msg__title {
        font-size: 18px;
        font-weight: 900;
        line-height: 30px
    }
}

@media (max-width:1011px) {
    .msg.msg--sm .msg__title {
        font-size: 18px;
        font-weight: 900;
        line-height: 30px
    }
}

@media (max-width:751px) {
    .msg.msg--sm .msg__title {
        font-size: 16px;
        font-weight: 900;
        line-height: 24px
    }
}

.msg.msg--sm .msg__title + .msg__actions .btn--link:first-child {
    margin-top: 0
}

.msg.msg--sm .msg__title + .msg__actions .btn:not(.btn--link):first-child {
    margin-top: 8px
}

.msg.msg--sm .msg__description {
    font-size: 13px;
    line-height: 18px
}

.msg.msg--lg .msg__actions {
    margin-top: 24px
}

@media (max-width:751px) {
    .msg.mob-msg--h {
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
        text-align: left;
        justify-content: initial;
        max-width: initial
    }

    .msg.mob-msg--h .msg__icon {
        align-self: flex-start;
        margin-right: 16px
    }

    .msg.mob-msg--h .msg__icon + .msg__body {
        margin-top: 0
    }

    .msg.mob-msg--h .msg__title {
        margin-top: 0;
        margin-bottom: 6px;
        width: 100%
    }

    .msg.mob-msg--h .msg__description {
        width: 100%;
        margin-bottom: 0
    }

    .msg.mob-msg--h .msg__actions {
        display: none
    }

    .msg.mob-msg--h :last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .msg.mob-msg--h-right .msg__icon {
        order: 2;
        margin-left: 16px;
        margin-right: 0
    }

    .msg--no-date {
        -webkit-box-orient: horizontal
    }

    .msg--no-date span.btn {
        min-height: 44px !important;
        height: auto
    }
}

.widget {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    border-radius: 0;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);
    overflow: hidden
}

.widget__header,
.widget__top {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0
}

.widget__header {
    flex-direction: column;
    width: 100%
}

.widget__header + .widget__body {
    border-top: 0
}

.widget__top {
    position: relative;
    height: 48px;
    padding: 0 16px
}

.widget__top .top__title-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.widget__top + .widget__body,
.widget__top + .widget__header {
    border-top: 0;
    height: auto
}

.widget__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.widget__body > .widget__actions,
.widget__body > .widget__media {
    border: 0
}

.widget__body > .widget__alert {
    margin: -1px -1px 0
}

.widget__body + .widget__body {
    border-top: 0
}

.widget__body + .widget__body[class*=bg-] {
    border-color: transparent;
    margin-top: -1px
}

.widget__body .list-group {
    border: 0;
    overflow: auto
}

.widget .widget__body .widget__top,
.widget .widget__header .widget__top,
.widget .widget__popup .widget__top {
    border-width: 0
}

.widget .widget__body .widget__top + .widget__content,
.widget .widget__header .widget__top + .widget__content,
.widget .widget__popup .widget__top + .widget__content {
    padding-top: 0
}

.widget__nav {
    margin-bottom: -1px
}

.widget__content {
    flex-grow: 1
}

.widget__actions {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    min-height: 42px;
    margin-top: -1px
}

.widget__actions--xs {
    height: 32px;
    min-height: 32px
}

.widget__actions--sm {
    height: 36px;
    min-height: 36px
}

.widget__actions--lg {
    height: 56px;
    min-height: 56px
}

.widget__actions:not(.widget__actions--raised) > * {
    min-width: 0;
    padding: 0 16px
}

.widget__actions + .widget__body {
    border-top: 0
}

.widget__actions .btn + .btn {
    margin-left: 8px
}

.widget__actions--raised {
    height: auto;
    padding: 10px 16px
}

.widget__actions,
.widget__body,
.widget__header,
.widget__top {
    border-width: 1px;
    border-style: solid
}

.widget__alert {
    width: auto;
    border-radius: 0
}

.widget__alert.is-absolute {
    top: 0;
    left: 0;
    right: 0;
    z-index: 3
}

.widget__divider {
    height: 1px;
    margin: 24px -16px 19px
}

.widget__media {
    flex: 1;
    position: relative;
    overflow: hidden;
    margin-bottom: -1px;
    background: #e6e6eb;
    text-align: center
}

.widget__media .widget__overlay:before,
.widget__media:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, .05)
}

.widget__media > img {
    max-height: 100%;
    max-width: 100%
}

.widget__media .widget__alert {
    margin: 0
}

.widget__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(-60deg, rgba(228, 236, 242, .9) 0, rgba(239, 242, 245, .6) 100%);
    opacity: 0;
    visibility: hidden
}

.widget__overlay > .widget__content {
    transform: translateY(10px);
    transition: ease-in-out .3s
}

.has-overlay .widget__media > img,
.has-overlay .widget__overlay + .widget__content,
.has-overlay > img,
.widget__overlay {
    transition: ease-in-out .3s
}

.has-overlay:hover .widget__overlay {
    opacity: 1;
    visibility: visible
}

.has-overlay:hover .widget__overlay > .widget__content {
    transform: translateY(0)
}

.has-overlay:hover .widget__media > img,
.has-overlay:hover .widget__overlay + .widget__content,
.has-overlay:hover > img {
    filter: blur(2px);
    transform: scale(1.05)
}

.widget--dashed {
    box-shadow: none
}

.widget--dashed .widget__body,
.widget--dashed .widget__header {
    border-style: dashed
}

.widget--popup {
    overflow: hidden
}

.widget--group .widget {
    margin-bottom: -1px
}

.widget--check,
.widget--link {
    cursor: pointer
}

.widget--check .widget__actions,
.widget--check .widget__body,
.widget--check .widget__header,
.widget--check .widget__media,
.widget--check .widget__top,
.widget--dashed .widget__actions,
.widget--dashed .widget__body,
.widget--dashed .widget__header,
.widget--dashed .widget__media,
.widget--dashed .widget__top,
.widget--link .widget__actions,
.widget--link .widget__body,
.widget--link .widget__header,
.widget--link .widget__media,
.widget--link .widget__top {
    transition: .3s
}

.widget {
    background: #fff
}

.widget__actions,
.widget__body,
.widget__header,
.widget__media,
.widget__top {
    border-color: #536080
}

.widget__top__title-text {
    color: #112240
}

.widget--check:hover,
.widget--dashed:hover,
.widget--link:hover {
    color: #536080
}

.widget--check:hover .widget__actions,
.widget--check:hover .widget__body,
.widget--check:hover .widget__header,
.widget--check:hover .widget__media,
.widget--check:hover .widget__top,
.widget--dashed:hover .widget__actions,
.widget--dashed:hover .widget__body,
.widget--dashed:hover .widget__header,
.widget--dashed:hover .widget__media,
.widget--dashed:hover .widget__top,
.widget--link:hover .widget__actions,
.widget--link:hover .widget__body,
.widget--link:hover .widget__header,
.widget--link:hover .widget__media,
.widget--link:hover .widget__top {
    border-color: #144fc4
}

.widget--check:hover .btn,
.widget--check:hover .btn__icon,
.widget--dashed:hover .btn,
.widget--dashed:hover .btn__icon,
.widget--link:hover .btn,
.widget--link:hover .btn__icon,
.widget.is-active,
.widget.is-active .btn--icon .btn__icon {
    color: #144fc4
}

.widget.is-active .widget__actions,
.widget.is-active .widget__body,
.widget.is-active .widget__header,
.widget.is-active .widget__media,
.widget.is-active .widget__top {
    border-color: #144fc4
}

.tree-view .list-group__item.is-active > .top .top__title,
.widget.is-active-success,
.widget.is-active-success .btn--icon .btn__icon {
    color: #33a67c
}

.widget.is-active-success .widget__actions,
.widget.is-active-success .widget__body,
.widget.is-active-success .widget__header,
.widget.is-active-success .widget__media,
.widget.is-active-success .widget__top {
    border-color: #33a67c
}

.has-dark-bg[class*=widget] {
    overflow: visible;
    border: 0
}

.has-dark-bg[class*=widget] > * {
    border: 0
}

.has-dark-bg[class*=widget] .top__title-text,
.has-dark-bg[class*=widget] div,
.has-dark-bg[class*=widget] label,
.has-dark-bg[class*=widget] p,
.has-dark-bg[class*=widget] span,
.has-dark-bg[class*=widget] sub {
    color: #fff
}

.has-dark-bg[class*=widget] .form-control {
    border-color: transparent
}

.has-dark-bg.widget {
    background: 0 0
}

.list-group {
    margin: 0
}

.list-group__item {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid #596789;
    color: #536080
}

.list-group__item > :last-child {
    margin-bottom: 0
}

.list-group__item:last-child {
    border-bottom: 0
}

.list-group__label {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    color: #99a5c2
}

.list-group__content {
    flex-grow: 1
}

.list-group__content > :last-child {
    margin-bottom: 0
}

.list-group__addon {
    flex-grow: 0
}

.list-group__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap
}

.list-group__toolbar > * + * {
    margin-left: 16px
}

.list-group__addon:first-child,
.list-group__toolbar:first-child {
    margin-right: 16px
}

.list-group__addon:last-child,
.list-group__toolbar:last-child {
    margin-left: 16px
}

.list-group__footer,
.list-group__top {
    flex: auto;
    width: 100%
}

.list-group__top + .list-group__content {
    margin-top: 16px
}

.list-group__footer {
    margin-top: 16px
}

.list-group__collapse {
    position: relative;
    width: 100%
}

.list-group__collapse > .list-group__content {
    margin-top: 16px;
    padding-left: 40px
}

.list-group__collapse > .list-group__content:before {
    position: absolute;
    left: 10px;
    right: 0;
    bottom: 0;
    top: 16px;
    display: block;
    width: 1px;
    content: '';
    background-color: #596789
}

a.list-group__item {
    transition: all .3s
}

a.list-group__item:hover {
    color: #536080;
    background: #e6e6eb
}

.list-group--simple,
.list-group--simple .list-group__item {
    border: 0
}

.list-group--v-middle > .list-group__item {
    align-items: center
}

.list-group--v-top > .list-group__item {
    align-items: flex-start
}

.list-group--nowrap > .list-group__item {
    flex-flow: row nowrap
}

.list-group--collapse {
    flex-direction: column
}

.list-group--collapse .list-group__top {
    cursor: pointer
}

.list-group--collapse .list-group__top:hover .top__title {
    color: #144fc4
}

.list-group--spacing-1x .list-group__item > .list-group__addon:first-child,
.list-group--spacing-1x .list-group__item > .list-group__toolbar:first-child {
    margin-right: 8px
}

.list-group--spacing-1x .list-group__item > .list-group__addon:last-child,
.list-group--spacing-1x .list-group__item > .list-group__toolbar:last-child {
    margin-left: 8px
}

.list-group--spacing-3x .list-group__item > .list-group__addon:first-child,
.list-group--spacing-3x .list-group__item > .list-group__toolbar:first-child {
    margin-right: 24px
}

.list-group--spacing-3x .list-group__item > .list-group__addon:last-child,
.list-group--spacing-3x .list-group__item > .list-group__toolbar:last-child {
    margin-left: 24px
}

.list-group--spacing-4x .list-group__item > .list-group__addon:first-child,
.list-group--spacing-4x .list-group__item > .list-group__toolbar:first-child {
    margin-right: 32px
}

.list-group--spacing-4x .list-group__item > .list-group__addon:last-child,
.list-group--spacing-4x .list-group__item > .list-group__toolbar:last-child {
    margin-left: 32px
}

.list-group--p-h-0x > .list-group__item {
    padding-left: 0;
    padding-right: 0
}

.list-group--p-v-3x > .list-group__item {
    padding-top: 24px;
    padding-bottom: 24px
}

.list-group--p-3x > .list-group__item {
    padding: 24px
}

.list-group--p-v-4x > .list-group__item {
    padding-top: 32px;
    padding-bottom: 32px
}

.list-group--p-4x > .list-group__item {
    padding: 32px
}

@media (max-width:751px) {
    .list-group--mob-p-v-2x > .list-group__item {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .list-group--mob-p-2x > .list-group__item {
        padding: 16px
    }

    .list-group--mob-p-v-3x > .list-group__item {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .list-group--mob-p-3x > .list-group__item {
        padding: 24px
    }
}

.list-group--xs > .list-group__item {
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 11px
}

.list-group--sm {
    font-size: 13px;
    line-height: 16px
}

.list-group--sm > .list-group__item {
    padding-top: 6px;
    padding-bottom: 6px
}

@media (max-width:751px) {
    .list-group--lg .list-group__item {
        padding: 16px
    }

    .mob-list-group--collapse,
    .mob-list-group--collapse .list-group__content--collapse {
        padding-left: 0
    }

    .mob-list-group--collapse :before {
        display: none
    }
}

.tree-view .list-group {
    border: 0
}

.tree-view .list-group__item {
    padding: 0;
    border: 0;
    cursor: pointer;
    transition: color .3s
}

.tree-view .list-group__item:hover {
    color: #5d6c8f
}

.tree-view .list-group__item.is-open > .top .toggle-icon:before {
    transform: rotate(0)
}

.tree-view .list-group__item.is-open > .list-group {
    display: block
}

.tree-view .list-group__item > .list-group {
    display: none;
    margin-left: 24px
}

.tree-view .list-group__top {
    position: relative;
    height: 32px;
    padding: 8px 0 8px 24px
}

.tree-view .list-group__top .top__title {
    font-size: 13px;
    line-height: 18px
}

.tree-view .list-group__top .toggle-icon {
    position: absolute;
    top: 8px;
    left: 0;
    height: 16px;
    width: 16px;
    text-align: center;
    background: #fff
}

.tree-view .list-group__top .toggle-icon:before {
    line-height: 16px;
    transform: rotate(-90deg)
}

.tree-view--bordered .list-group {
    position: relative
}

.tree-view--bordered .list-group__top:before {
    position: absolute;
    top: 16px;
    left: 7px;
    display: block;
    content: '';
    height: 1px;
    width: 8px;
    background: #596789
}

.tree-view--bordered .list-group:before {
    position: absolute;
    top: 8px;
    bottom: 16px;
    left: 7px;
    display: block;
    content: '';
    width: 1px;
    background: #596789
}

.tree-view .toggle-icon:before {
    display: block;
    font: "Material-Design-Iconic-Font";
    font-size: 16px;
    content: '\f2f2'
}

body.modal-open {
    overflow: hidden !important
}

.modal {
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: flex !important;
    outline: 0;
    opacity: 0;
    visibility: hidden
}

.modal.show {
    overflow: auto;
    opacity: 1;
    visibility: visible
}

.modal__dialog {
    max-height: 100vh;
    width: 576px;
    transform: scale(.5);
    transition: all .3s
}

.modal__content {
    background-color: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2)
}

.modal__body {
    padding: 16px;
    border-top: 1px solid #e6e6eb;
    border-bottom: 1px solid #e6e6eb
}

.modal__body--scroll {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.modal__top {
    padding: 8px 16px
}

.modal__nav {
    margin-bottom: -1px
}

.modal__actions {
    padding: 16px
}

.modal__actions .btn {
    margin-right: 8px
}

.modal__actions .btn:last-child {
    margin-right: 0
}

.modal--hero .modal__content,
.modal--info .modal__content {
    padding: 14px 24px 24px
}

.modal--hero .modal__content > .top,
.modal--info .modal__content > .top {
    padding: 0
}

.modal--hero .modal__content > .top__title,
.modal--info .modal__content > .top__title {
    overflow: initial;
    white-space: initial;
    font-size: 18px;
    text-overflow: initial
}

.modal--hero .modal__body,
.modal--info .modal__body {
    padding: 0;
    border: 0;
    margin: 24px 0 16px
}

.modal--hero .modal__body + .modal__actions,
.modal--info .modal__body + .modal__actions {
    margin-top: 32px
}

.modal--hero .modal__actions,
.modal--info .modal__actions {
    padding: 0
}

.modal.show .modal__dialog {
    transform: scale(1)
}

.modal .close.is-absolute {
    top: 8px;
    right: 8px
}

.modal--xs .modal__dialog {
    width: 360px
}

.modal--sm .modal__dialog {
    width: 480px
}

.modal--lg .modal__dialog,
.modal--xl .modal__dialog {
    width: 768px
}

.modal--xlg .modal__dialog {
    width: 896px
}

.modal--lg.modal--default .modal__actions,
.modal--lg.modal--default .modal__body,
.modal--lg.modal--default .modal__content .top,
.modal--xlg.modal--default .modal__actions,
.modal--xlg.modal--default .modal__body,
.modal--xlg.modal--default .modal__content .top {
    padding-left: 32px;
    padding-right: 32px
}

.modal--lg.modal--hero .modal__content,
.modal--lg.modal--info .modal__content,
.modal--xlg.modal--hero .modal__content,
.modal--xlg.modal--info .modal__content {
    padding: 22px 32px 32px
}

.modal--full .modal__dialog {
    width: 100%
}

.modal--preview .modal__dialog {
    width: auto;
    max-width: 896px
}

@media (max-width:513px) {

    .modal .modal__dialog,
    .modal--lg .modal__dialog,
    .modal--sm .modal__dialog {
        width: 100%
    }
}

.is-open .modal,
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, .5)
}

.modal-backdrop.fade {
    opacity: 0;
    visibility: hidden
}

.modal-backdrop.show {
    opacity: .5;
    visibility: visible
}

.modal.fade.show {
    opacity: 1
}

.modal.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.nav--tabs.nav--horizontal:after {
    background: 0 0
}

.tabs-container {
    margin-bottom: 64px;
    border-bottom: 1px solid #536080
}

.steps__item.is-completed .steps__item-count strong,
.tab-content > .tab-pane {
    display: none
}

.steps__item.is-completed .steps__item-count:before,
.tab-content > .tab-pane.is-active {
    display: block
}

.tabs {
    display: flex;
    margin-bottom: 0;
    flex-direction: column
}

.tabs__nav:first-child {
    margin-bottom: 24px
}

.tabs__nav:last-child {
    margin-top: 24px
}

.tabs__nav > .nav.nav--tabs .nav__item {
    margin-right: 4px
}

.tabs--boxed > .tabs__nav {
    margin: 0
}

.tabs--boxed > .tabs__nav .nav .nav__item {
    margin-right: 6px;
    background-color: #536080
}

.tabs--boxed > .tab-content,
.tabs--boxed > .tabs__nav .nav .nav__item.is-active {
    background-color: #e6e6eb
}

.tabs--boxed > .tab-content > .tab-pane {
    padding: 24px
}

.tabs--boxed .tabs--secondary > .tab-content,
.tabs--boxed .tabs--secondary > .tabs__nav .nav .nav__item.is-active {
    background: #ff7800
}

.tabs-vertical li {
    margin-bottom: 10px
}

.tabs-vertical .active .tabs__link {
    border-bottom: 3px solid #144fc4
}

.tabs-vertical .tabs__link {
    font-size: 15px;
    display: inline-flex;
    margin-bottom: 8px;
    padding: 3px 0
}

.tabs-vertical .tabs__link:active,
.tabs-vertical .tabs__link:focus,
.tabs-vertical .tabs__link:hover {
    text-decoration: none
}

[data-content-slider] {
    overflow: hidden
}

.steps {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 100%
}

.steps__item,
.steps__item-count {
    display: flex;
    align-items: center;
    position: relative
}

.steps__item {
    flex: 1 0 auto;
    padding: 0 16px 0 0
}

.steps__item-count {
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    font-size: 24px
}

.steps__item-count:before {
    display: none;
    content: '\f26b';
    font-family: 'Material-Design-Iconic-Font';
    color: #fff;
    font-size: 19px
}

.steps__item:last-child {
    padding-right: 0
}

.steps__item.is-completed .steps__item-count {
    background: #144fc4;
    border-radius: 50%
}

.steps--circled .steps__item-count {
    border: 2px solid #4d5977;
    border-radius: 50%;
    font-size: 12px
}

.steps--circled .steps__item-count i,
.steps--circled .steps__item-count i.zmdi,
.steps--sm .steps__item-count:before {
    font-size: 16px
}

.steps--circled .steps__item.is-active .steps__item-count,
.steps--circled .steps__item.is-completed .steps__item-count {
    border-color: #144fc4
}

.steps--circled .steps__item.is-active .steps__item-count,
.text-faded i {
    color: #144fc4
}

.steps--vertical {
    flex-direction: column
}

.section.section--sides .section__content .section__actions .btn:hover span,
.steps--vertical .steps__item {
    padding-right: 0
}

.steps--vertical .steps__item:not(:last-child) {
    margin-bottom: 10px
}

.steps--lg.steps--vertical .steps__item,
.steps--md.steps--vertical .steps__item,
.steps--sm.steps--vertical .steps__item {
    margin-bottom: 10px
}

.steps--sm .steps__item-count {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 8px
}

.steps--md .steps__item {
    min-height: 48px
}

.steps--md .steps__item-count {
    width: 32px;
    height: 32px;
    min-width: 32px
}

.steps--lg .steps__item-count {
    width: 40px;
    height: 40px;
    min-width: 40px
}

@media (max-width:751px) {
    .steps.mob-steps .steps__item {
        padding-right: 8px
    }

    .steps.mob-steps .steps__item .steps__item-count {
        margin-right: 0
    }

    .steps.mob-steps .steps__item.is-active .steps__item-count {
        margin-right: 8px
    }

    .steps.mob-steps .is-completed .steps__item-content,
    .steps.mob-steps .is-disabled .steps__item-content {
        display: none
    }
}

.progress {
    display: flex;
    flex-direction: column
}

.progress__bar {
    position: relative;
    background: rgba(0, 0, 0, .1);
    height: 16px;
    display: flex;
    flex: 1;
    border-radius: 10px
}

.progress__fill {
    height: inherit;
    background: #144fc4;
    border-radius: 10px;
    transition: linear width .3s
}

.progress__fill--weak {
    background: #f55656
}

.progress__fill--medium {
    background: #ff8f33
}

.progress__fill--good {
    background: #50bfff
}

.progress__fill--strong {
    background: #33a67c
}

.progress__label {
    display: flex;
    align-items: center
}

.progress--xs .progress__bar {
    height: 4px
}

.progress--sm .progress__bar {
    height: 8px
}

.progress--h {
    flex-direction: row;
    align-items: center
}

.progress--h > .progress__label:first-child {
    padding-right: 16px
}

.progress--h > .progress__label:last-child {
    padding-left: 16px;
    text-align: right
}

.content-slider {
    width: 100%
}

.content-slider__wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    flex-wrap: nowrap;
    transition-property: transform
}

.content-slider__slide {
    position: relative;
    width: 100%;
    height: 100%;
    flex-shrink: 0
}

.content-slider {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto
}

@media (max-width:751px) {
    .content-slider--mob-full {
        margin-left: -16px;
        margin-right: -16px
    }

    .content-slider--mob-full .content-slider__wrapper {
        margin: 0
    }

    .content-slider--mob-full .content-slider__wrapper .content-slider__slide:first-child {
        padding-left: 16px
    }

    .content-slider--mob-full .content-slider__wrapper .content-slider__slide:last-child {
        padding-right: 16px
    }
}

.content-slider-vertical > .content-slider__wrapper {
    flex-direction: column
}

.content-slider-android .content-slider__slide,
.content-slider__wrapper {
    transform: translate3d(0, 0, 0)
}

.content-slider-multirow > .content-slider__wrapper {
    flex-wrap: wrap
}

.content-slider-free-mode > .content-slider__wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.content-slider-autoheight,
.content-slider-autoheight .content-slider__slide {
    height: auto
}

.content-slider-autoheight .content-slider__wrapper {
    transition-property: transform, height;
    align-items: flex-start
}

.content-slider-wp8-horizontal {
    touch-action: pan-y
}

.content-slider-wp8-vertical {
    touch-action: pan-x
}

.content-slider-nav {
    display: inline-flex;
    align-items: center
}

.content-slider-nav > * {
    margin-right: 8px
}

.content-slider-nav > :last-child {
    margin-right: 0
}

.content-slider__slide-val {
    display: inline-flex;
    align-self: center
}

.mob-i-c {
    line-height: 1
}

.i-c,
.mob-i-c,
[class*=i-c-],
[class*=l-i-],
[class*=tab-i-c-] [class*=mob-i-c-] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #5d6c8f
}

[class*=i-c-],
[class*=l-i-],
[class*=tab-i-c-] [class*=mob-i-c-] {
    line-height: 1
}

.i-c img,
.mob-i-c img,
[class*=i-c-] img,
[class*=l-i-] img,
[class*=tab-i-c-] [class*=mob-i-c-] img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%
}

.i-circled {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.i-circled--border {
    border: 1px solid #144fc4
}

.i-circled[class*=-faded] > i {
    color: #536080
}

.i-c {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important
}

.i-c-0x {
    height: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important
}

.i-c-1x {
    height: 8px !important;
    width: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    font-size: 8px !important;
    line-height: 8px !important
}

.i-c-2x {
    height: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important
}

.i-c-3x {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important
}

.i-c-4x {
    height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 32px !important;
    line-height: 32px !important
}

.i-c-5x {
    height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 40px !important;
    line-height: 40px !important
}

.i-c-6x {
    height: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 48px !important;
    line-height: 48px !important
}

.i-c-7x {
    height: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    font-size: 56px !important;
    line-height: 56px !important
}

.i-c-8x {
    height: 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    font-size: 64px !important;
    line-height: 64px !important
}

.i-c-9x {
    height: 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    font-size: 72px !important;
    line-height: 72px !important
}

.i-c-10x {
    height: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    font-size: 80px !important;
    line-height: 80px !important
}

.i-c-11x {
    height: 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    font-size: 88px !important;
    line-height: 88px !important
}

.i-c-12x {
    height: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    font-size: 96px !important;
    line-height: 96px !important
}

.i-c-13x {
    height: 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    font-size: 104px !important;
    line-height: 104px !important
}

.i-c-14x {
    height: 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    font-size: 112px !important;
    line-height: 112px !important
}

.i-c-15x {
    height: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    font-size: 120px !important;
    line-height: 120px !important
}

.i-c-16x {
    height: 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    font-size: 128px !important;
    line-height: 128px !important
}

@media (max-width:1011px) {
    .tab-i-c-0x {
        height: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important
    }

    .tab-i-c-1x {
        height: 8px !important;
        width: 8px !important;
        min-width: 8px !important;
        min-height: 8px !important;
        font-size: 8px !important;
        line-height: 8px !important
    }

    .tab-i-c-2x {
        height: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        font-size: 16px !important;
        line-height: 16px !important
    }

    .tab-i-c-3x {
        height: 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }

    .tab-i-c-4x {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 32px !important;
        line-height: 32px !important
    }

    .tab-i-c-5x {
        height: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 40px !important;
        line-height: 40px !important
    }

    .tab-i-c-6x {
        height: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 48px !important;
        line-height: 48px !important
    }

    .tab-i-c-7x {
        height: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        font-size: 56px !important;
        line-height: 56px !important
    }

    .tab-i-c-8x {
        height: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        font-size: 64px !important;
        line-height: 64px !important
    }

    .tab-i-c-9x {
        height: 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        font-size: 72px !important;
        line-height: 72px !important
    }

    .tab-i-c-10x {
        height: 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        font-size: 80px !important;
        line-height: 80px !important
    }

    .tab-i-c-11x {
        height: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        font-size: 88px !important;
        line-height: 88px !important
    }

    .tab-i-c-12x {
        height: 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        font-size: 96px !important;
        line-height: 96px !important
    }

    .tab-i-c-13x {
        height: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
        font-size: 104px !important;
        line-height: 104px !important
    }

    .tab-i-c-14x {
        height: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        font-size: 112px !important;
        line-height: 112px !important
    }

    .tab-i-c-15x {
        height: 120px !important;
        width: 120px !important;
        min-width: 120px !important;
        min-height: 120px !important;
        font-size: 120px !important;
        line-height: 120px !important
    }

    .tab-i-c-16x {
        height: 128px !important;
        width: 128px !important;
        min-width: 128px !important;
        min-height: 128px !important;
        font-size: 128px !important;
        line-height: 128px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-0x {
        height: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important
    }

    .mob-i-c-1x {
        height: 8px !important;
        width: 8px !important;
        min-width: 8px !important;
        min-height: 8px !important;
        font-size: 8px !important;
        line-height: 8px !important
    }

    .mob-i-c-2x {
        height: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        font-size: 16px !important;
        line-height: 16px !important
    }

    .mob-i-c-3x {
        height: 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }

    .mob-i-c-4x {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 32px !important;
        line-height: 32px !important
    }

    .mob-i-c-5x {
        height: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 40px !important;
        line-height: 40px !important
    }

    .mob-i-c-6x {
        height: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 48px !important;
        line-height: 48px !important
    }

    .mob-i-c-7x {
        height: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        font-size: 56px !important;
        line-height: 56px !important
    }

    .mob-i-c-8x {
        height: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        font-size: 64px !important;
        line-height: 64px !important
    }

    .mob-i-c-9x {
        height: 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        font-size: 72px !important;
        line-height: 72px !important
    }

    .mob-i-c-10x {
        height: 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        font-size: 80px !important;
        line-height: 80px !important
    }

    .mob-i-c-11x {
        height: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        font-size: 88px !important;
        line-height: 88px !important
    }

    .mob-i-c-12x {
        height: 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        font-size: 96px !important;
        line-height: 96px !important
    }

    .mob-i-c-13x {
        height: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
        font-size: 104px !important;
        line-height: 104px !important
    }

    .mob-i-c-14x {
        height: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        font-size: 112px !important;
        line-height: 112px !important
    }

    .mob-i-c-15x {
        height: 120px !important;
        width: 120px !important;
        min-width: 120px !important;
        min-height: 120px !important;
        font-size: 120px !important;
        line-height: 120px !important
    }

    .mob-i-c-16x {
        height: 128px !important;
        width: 128px !important;
        min-width: 128px !important;
        min-height: 128px !important;
        font-size: 128px !important;
        line-height: 128px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-0x {
        height: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important
    }

    .responsive-i-c-1x {
        height: 8px !important;
        width: 8px !important;
        min-width: 8px !important;
        min-height: 8px !important;
        font-size: 8px !important;
        line-height: 8px !important
    }

    .responsive-i-c-2x {
        height: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        font-size: 16px !important;
        line-height: 16px !important
    }

    .responsive-i-c-3x {
        height: 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }

    .responsive-i-c-4x {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 32px !important;
        line-height: 32px !important
    }

    .responsive-i-c-5x {
        height: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 40px !important;
        line-height: 40px !important
    }

    .responsive-i-c-6x {
        height: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 48px !important;
        line-height: 48px !important
    }

    .responsive-i-c-7x {
        height: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        font-size: 56px !important;
        line-height: 56px !important
    }

    .responsive-i-c-8x {
        height: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        font-size: 64px !important;
        line-height: 64px !important
    }

    .responsive-i-c-9x {
        height: 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        font-size: 72px !important;
        line-height: 72px !important
    }

    .responsive-i-c-10x {
        height: 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        font-size: 80px !important;
        line-height: 80px !important
    }

    .responsive-i-c-11x {
        height: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        font-size: 88px !important;
        line-height: 88px !important
    }

    .responsive-i-c-12x {
        height: 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        font-size: 96px !important;
        line-height: 96px !important
    }

    .responsive-i-c-13x {
        height: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
        font-size: 104px !important;
        line-height: 104px !important
    }

    .responsive-i-c-14x {
        height: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        font-size: 112px !important;
        line-height: 112px !important
    }

    .responsive-i-c-15x {
        height: 120px !important;
        width: 120px !important;
        min-width: 120px !important;
        min-height: 120px !important;
        font-size: 120px !important;
        line-height: 120px !important
    }

    .responsive-i-c-16x {
        height: 128px !important;
        width: 128px !important;
        min-width: 128px !important;
        min-height: 128px !important;
        font-size: 128px !important;
        line-height: 128px !important
    }
}

.well {
    background: #596789;
    border: 0;
    box-shadow: none;
    color: #536080;
    font-size: 14px;
    padding: 16px;
    background: #e6e6eb;
    margin-bottom: 40px
}

.well--lg {
    padding: 32px
}

.well--hero {
    background: linear-gradient(120deg, #ff9529 0, #ff7800 100%);
    box-shadow: 0 2px 15px -1px rgba(30, 45, 70, .15);
    border-radius: 4px
}

.toast-message .alert {
    border: 0
}

.toast-message .alert--border-left:after {
    top: 0;
    bottom: 0
}

.toast--left-top {
    position: fixed;
    top: 60px;
    left: 0
}

.toast--left-bottom {
    position: fixed;
    bottom: 60px;
    left: 0
}

.toast--right-top {
    position: fixed;
    top: 60px;
    right: 0
}

.toast--right-bottom {
    position: fixed;
    right: 0;
    bottom: 60px
}

#toast-container {
    z-index: 1002
}

.input-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 42px;
    border-radius: 4px;
    font-size: 14px;
    transition: border linear .3s;
    padding: 0 !important
}

.input-group .form-control,
.input-group .selectize-control.form-control,
.input-group .selectize-control.form-control .selectize-input {
    min-height: 100%;
    border: 0 !important;
    background: 0 0 !important
}

.input-group .form-control {
    height: auto;
    flex: 1 1 auto
}

.input-group .selectize-control,
.input-group .selectize-input {
    height: 100%
}

.input-group__icon {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.input-group__icon:first-child {
    margin-left: 16px
}

.input-group__icon:last-child {
    margin-right: 16px
}

.input-group__btn:not(.btn--rounded) {
    margin-right: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group__addon {
    height: 100%;
    display: flex;
    align-items: center;
    min-height: inherit;
    padding: 0 16px;
    background: #596789;
    border-radius: inherit
}

.input-group__addon + .form-control {
    padding-left: 16px
}

.input-group__addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group__addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group__actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: 100%
}

.input-group__actions > .selectize-control:before {
    position: absolute;
    top: 25%;
    left: 0;
    content: '';
    display: block;
    align-items: center;
    width: 1px;
    height: 50%;
    background-color: #596789
}

.input-group.input-group--simple {
    border-color: transparent
}

.input-group.input-group--simple.is-focus,
.input-group.input-group--simple:active,
.input-group.input-group--simple:focus,
.input-group.input-group--simple:hover {
    border-color: transparent
}

.input-group.is-focus,
.input-group.is-focus:active,
.input-group.is-focus:hover {
    border: 1px solid #144fc4
}

.input-group--rounded {
    border-radius: 70px
}

.input-group--rounded > .btn.btn--rounded {
    margin-right: -1px
}

.input-group--toggle:not(.is-open) {
    background: 0 0;
    border-color: transparent;
    transition: none
}

.input-group--toggle:not(.is-open).is-focus,
.input-group--toggle:not(.is-open):acive,
.input-group--toggle:not(.is-open):focus,
.input-group--toggle:not(.is-open):hover {
    background: 0 0;
    border-color: transparent;
    transition: none
}

.input-group--boxed {
    height: auto !important
}

.input-group--boxed .input-group__actions {
    padding: 4px
}

.footer.footer--rows .footer__copyrights a,
.input-group--boxed .input-group__actions > * {
    margin-left: 4px
}

.input-group--xs .input-group__icon {
    font-size: 19px
}

.input-group--xs .input-group__icon:first-child {
    margin-left: 4px;
    margin-right: -4px
}

.input-group--xs .input-group__addon {
    padding: 0 8px
}

.input-group--xs .input-group__addon + .form-control {
    padding-left: 8px
}

.input-group--xs.input-group--boxed .input-group__actions {
    padding: 2px
}

.input-group--xs.input-group--boxed .input-group__actions > * {
    margin-left: 2px
}

.input-group--sm.input-group--boxed .input-group__actions {
    padding: 3px
}

.input-group--sm.input-group--boxed .input-group__actions > * {
    margin-left: 3px
}

.input-group--lg .input-group__icon {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important
}

.input-group--lg .input-group__icon:first-child {
    margin-right: -8px
}

.input-group--lg .input-group__icon:last-child {
    margin-left: -8px
}

.input-group--lg.input-group--boxed .input-group__actions {
    padding: 6px
}

.input-group--xlg .input-group__icon:first-child {
    margin-left: 16px
}

.input-group--xlg .input-group__addon {
    padding: 0 24px
}

.input-group--xlg .input-group__addon + .form-control {
    padding-left: 24px
}

.input-group--xlg.input-group--boxed .input-group__actions {
    padding: 8px
}

.input-group--xlg.input-group--boxed .input-group__actions > * {
    margin-left: 8px
}

@media (max-width:751px) {
    .input-group--mob-xs {
        height: 32px
    }

    .input-group--mob-xs .input-group__icon {
        font-size: 19px
    }

    .input-group--mob-xs .input-group__icon:first-child {
        margin-left: 4px;
        margin-right: -4px
    }

    .input-group--mob-xs .input-group__addon {
        padding: 0 8px
    }

    .input-group--mob-xs .input-group__addon + .form-control {
        padding-left: 8px
    }

    .input-group--mob-xs.input-group--boxed .input-group__actions {
        padding: 2px
    }

    .input-group--mob-xs.input-group--boxed .input-group__actions > * {
        margin-left: 2px
    }

    .input-group--mob-sm {
        height: 36px
    }

    .input-group--mob-sm.input-group--boxed .input-group__actions {
        padding: 3px
    }

    .input-group--mob-sm.input-group--boxed .input-group__actions > * {
        margin-left: 3px
    }

    .input-group--mob-d {
        height: 42px
    }

    .input-group--mob-lg,
    .input-group--mob-xlg {
        height: 56px
    }

    .input-group--mob-lg .input-group__icon {
        height: 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }

    .input-group--mob-lg .input-group__icon:first-child {
        margin-right: -8px
    }

    .input-group--mob-lg .input-group__icon:last-child {
        margin-left: -8px
    }

    .input-group--mob-lg.input-group--boxed .input-group__actions {
        padding: 6px
    }

    .input-group--mob-xlg .input-group__icon:first-child {
        margin-left: 16px
    }

    .input-group--mob-xlg .input-group__addon {
        padding: 0 24px
    }

    .input-group--mob-xlg .input-group__addon + .form-control {
        padding-left: 24px
    }

    .input-group--mob-xlg.input-group--boxed .input-group__actions {
        padding: 8px
    }

    .input-group--mob-xlg.input-group--boxed .input-group__actions > * {
        margin-left: 8px
    }
}

.form {
    width: 100%
}

.form-control,
.form-indicator,
.input-group {
    color: #536080;
    border: 1px solid #4d5977;
    background-color: #fff;
    box-shadow: none
}

.form-control .form-check label:hover .form-indicator,
.form-control:hover,
.form-indicator .form-check label:hover .form-indicator,
.form-indicator:hover,
.input-group .form-check label:hover .form-indicator,
.input-group:hover {
    border-color: #536080
}

.form-control .form-check label:active .form-indicator,
.form-control .form-check label:focus .form-indicator,
.form-control:active,
.form-control:focus,
.form-indicator .form-check label:active .form-indicator,
.form-indicator .form-check label:focus .form-indicator,
.form-indicator:active,
.form-indicator:focus,
.input-group .form-check label:active .form-indicator,
.input-group .form-check label:focus .form-indicator,
.input-group:active,
.input-group:focus {
    border-color: #144fc4;
    outline: 0
}

.form-feedback,
.form-label {
    color: #99a5c2
}

.form-group {
    position: relative;
    margin-bottom: 16px
}

.form-group > :last-child {
    margin-bottom: 0 !important
}

.form-control {
    padding: 0 16px;
    height: 42px;
    border-radius: 4px;
    font-size: 14px;
    display: block;
    width: 100%;
    transition: border linear .3s;
    appearance: none
}

.form-check > label,
.form-group > label,
.form-label {
    display: flex;
    align-items: center;
    flex-basis: auto;
    margin-bottom: 4px;
    line-height: 20px;
    font-weight: 400
}

.form-check > label + .form-check,
.form-group > label + .form-check,
.form-label + .form-check,
.widget--event .event__info span + span {
    margin-top: 8px
}

.form-feedback {
    margin-top: 4px;
    font-size: 8px;
    line-height: 11px
}

.form-feedback--icon {
    display: flex;
    align-items: center
}

.form-feedback--icon:before {
    display: inline-block;
    font: 16px/1 "Material-Design-Iconic-Font";
    font-size: 16px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 10px;
    content: '';
    text-align: center
}

.form-tooltip-helper {
    cursor: pointer;
    color: #b3b5b9;
    vertical-align: text-bottom;
    margin-left: 8px
}

.form-upload {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    border: 1px dashed #144fc4
}

.form-upload .msg {
    padding: 16px 0
}

.form-upload .msg__title {
    margin: 10px 0
}

.form-separator {
    display: inline-flex;
    align-items: center
}

textarea.form-control {
    line-height: 1.4;
    max-width: 100%;
    min-height: 150px;
    padding: 10px 12px;
    resize: none
}

textarea.form-control--lg {
    padding: 17px 16px
}

.help-block {
    margin-top: 8px;
    color: #99a5c2;
    font-size: 13px;
    line-height: 16px
}

.form-control--xs,
.input-group--xs,
.input-group--xs .form-control {
    padding: 0 8px;
    height: 32px;
    border-radius: 4px;
    font-size: 12px
}

.form-control--sm,
.input-group--sm,
.input-group--sm .form-control {
    padding: 0 16px;
    height: 36px;
    border-radius: 4px;
    font-size: 13px
}

.form-control--d,
.input-group--d,
.input-group--d .form-control {
    padding: 0 16px;
    height: 42px;
    border-radius: 4px;
    font-size: 14px
}

.form-control--lg,
.input-group--lg,
.input-group--lg .form-control {
    padding: 0 16px;
    height: 56px;
    border-radius: 4px;
    font-size: 17px
}

.form-control--xlg,
.input-group--xlg,
.input-group--xlg .form-control {
    padding: 0 24px;
    height: 56px;
    border-radius: 4px;
    font-size: 18px
}

@media (max-width:751px) {

    .form-control--mob-xs,
    .input-group--mob-xs,
    .input-group--mob-xs .form-control {
        padding: 0 8px;
        height: 32px;
        border-radius: 4px;
        font-size: 12px
    }

    .form-control--mob-sm,
    .input-group--mob-sm,
    .input-group--mob-sm .form-control {
        padding: 0 16px;
        height: 36px;
        border-radius: 4px;
        font-size: 13px
    }

    .form-control--mob-d,
    .input-group--mob-d,
    .input-group--mob-d .form-control {
        padding: 0 16px;
        height: 42px;
        border-radius: 4px;
        font-size: 14px
    }

    .form-control--mob-lg,
    .input-group--mob-lg,
    .input-group--mob-lg .form-control {
        padding: 0 16px;
        height: 56px;
        border-radius: 4px;
        font-size: 17px
    }

    .form-control--mob-xlg,
    .input-group--mob-xlg,
    .input-group--mob-xlg .form-control {
        padding: 0 24px;
        height: 56px;
        border-radius: 4px;
        font-size: 18px
    }
}

.form-control--rounded {
    padding: 0 18px
}

.form-control--rounded.form-control--xs {
    padding: 0 16px
}

.form-control--rounded.form-control--xlg {
    padding: 0 34px
}

.form-group .is-loading {
    position: relative
}

.form-group .is-loading .preloader,
.form-group.is-loading .preloader {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    display: block;
    height: 100%
}

.form-group.is-loading .preloader {
    right: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, .6)
}

.form-group.is-success .form-control,
.form-group.is-success .form-indicator,
.form-group.is-success .input-group {
    color: #33a67c;
    border: 1px solid #33a67c;
    background-color: #fff;
    box-shadow: none
}

.form-group.is-success .form-control .form-check label:hover .form-indicator,
.form-group.is-success .form-control:hover,
.form-group.is-success .form-indicator .form-check label:hover .form-indicator,
.form-group.is-success .form-indicator:hover,
.form-group.is-success .input-group .form-check label:hover .form-indicator,
.form-group.is-success .input-group:hover {
    border-color: #33a67c
}

.form-group.is-success .form-control .form-check label:active .form-indicator,
.form-group.is-success .form-control .form-check label:focus .form-indicator,
.form-group.is-success .form-control:active,
.form-group.is-success .form-control:focus,
.form-group.is-success .form-indicator .form-check label:active .form-indicator,
.form-group.is-success .form-indicator .form-check label:focus .form-indicator,
.form-group.is-success .form-indicator:active,
.form-group.is-success .form-indicator:focus,
.form-group.is-success .input-group .form-check label:active .form-indicator,
.form-group.is-success .input-group .form-check label:focus .form-indicator,
.form-group.is-success .input-group:active,
.form-group.is-success .input-group:focus {
    border-color: #33a67c;
    outline: 0
}

.form-group.is-success .form-feedback,
.form-group.is-success .form-label {
    color: #99a5c2
}

.form-group.is-success .form-feedback--icon:before {
    content: ""
}

.form-group.is-warning .form-control,
.form-group.is-warning .form-indicator,
.form-group.is-warning .input-group {
    color: #ff8f33;
    border: 1px solid #ff8f33;
    background-color: #fff;
    box-shadow: none
}

.form-group.is-warning .form-control .form-check label:hover .form-indicator,
.form-group.is-warning .form-control:hover,
.form-group.is-warning .form-indicator .form-check label:hover .form-indicator,
.form-group.is-warning .form-indicator:hover,
.form-group.is-warning .input-group .form-check label:hover .form-indicator,
.form-group.is-warning .input-group:hover {
    border-color: #ff8f33
}

.form-group.is-warning .form-control .form-check label:active .form-indicator,
.form-group.is-warning .form-control .form-check label:focus .form-indicator,
.form-group.is-warning .form-control:active,
.form-group.is-warning .form-control:focus,
.form-group.is-warning .form-indicator .form-check label:active .form-indicator,
.form-group.is-warning .form-indicator .form-check label:focus .form-indicator,
.form-group.is-warning .form-indicator:active,
.form-group.is-warning .form-indicator:focus,
.form-group.is-warning .input-group .form-check label:active .form-indicator,
.form-group.is-warning .input-group .form-check label:focus .form-indicator,
.form-group.is-warning .input-group:active,
.form-group.is-warning .input-group:focus {
    border-color: #ff8f33;
    outline: 0
}

.form-group.is-warning .form-feedback,
.form-group.is-warning .form-label {
    color: #99a5c2
}

.form-group.is-warning .form-feedback--icon:before {
    content: ""
}

.form-group.is-error .form-control,
.form-group.is-error .form-indicator,
.form-group.is-error .input-group {
    color: #f55656;
    border: 1px solid #f55656;
    background-color: #fff;
    box-shadow: none
}

.form-group.is-error .form-control .form-check label:hover .form-indicator,
.form-group.is-error .form-control:hover,
.form-group.is-error .form-indicator .form-check label:hover .form-indicator,
.form-group.is-error .form-indicator:hover,
.form-group.is-error .input-group .form-check label:hover .form-indicator,
.form-group.is-error .input-group:hover {
    border-color: #f55656
}

.form-group.is-error .form-control .form-check label:active .form-indicator,
.form-group.is-error .form-control .form-check label:focus .form-indicator,
.form-group.is-error .form-control:active,
.form-group.is-error .form-control:focus,
.form-group.is-error .form-indicator .form-check label:active .form-indicator,
.form-group.is-error .form-indicator .form-check label:focus .form-indicator,
.form-group.is-error .form-indicator:active,
.form-group.is-error .form-indicator:focus,
.form-group.is-error .input-group .form-check label:active .form-indicator,
.form-group.is-error .input-group .form-check label:focus .form-indicator,
.form-group.is-error .input-group:active,
.form-group.is-error .input-group:focus {
    border-color: #f55656;
    outline: 0
}

.form-group.is-error .form-feedback,
.form-group.is-error .form-label {
    color: #99a5c2
}

.form-group.is-error .form-feedback--icon:before {
    content: ""
}

.form-group.is-info .form-control,
.form-group.is-info .form-indicator,
.form-group.is-info .input-group {
    color: #50bfff;
    border: 1px solid #50bfff;
    background-color: #fff;
    box-shadow: none
}

.form-group.is-info .form-control .form-check label:hover .form-indicator,
.form-group.is-info .form-control:hover,
.form-group.is-info .form-indicator .form-check label:hover .form-indicator,
.form-group.is-info .form-indicator:hover,
.form-group.is-info .input-group .form-check label:hover .form-indicator,
.form-group.is-info .input-group:hover {
    border-color: #50bfff
}

.form-group.is-info .form-control .form-check label:active .form-indicator,
.form-group.is-info .form-control .form-check label:focus .form-indicator,
.form-group.is-info .form-control:active,
.form-group.is-info .form-control:focus,
.form-group.is-info .form-indicator .form-check label:active .form-indicator,
.form-group.is-info .form-indicator .form-check label:focus .form-indicator,
.form-group.is-info .form-indicator:active,
.form-group.is-info .form-indicator:focus,
.form-group.is-info .input-group .form-check label:active .form-indicator,
.form-group.is-info .input-group .form-check label:focus .form-indicator,
.form-group.is-info .input-group:active,
.form-group.is-info .input-group:focus {
    border-color: #50bfff;
    outline: 0
}

.form-group.is-info .form-feedback,
.form-group.is-info .form-label {
    color: #99a5c2
}

.form-group.is-info .form-feedback--icon:before {
    content: ""
}

.form-group--horizontal {
    display: flex
}

.form-group--horizontal .form-label {
    flex-basis: 0;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 120px;
    margin-right: 16px;
    margin-bottom: 0
}

.form-group--horizontal .form-label + .form-check {
    margin-top: 0
}

.form-group--horizontal .form-controls {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1
}

.form-group--horizontal .form-check,
.form-group.row > .form-label[class*=col-] {
    margin-bottom: 0
}

.form-group--horizontal > * {
    margin-right: 16px
}

.form-group--horizontal > * :last-child {
    margin-right: 0
}

.form--inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form--inline .form-group {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.form--inline .form-group + .form-group {
    margin-left: 16px
}

.form-control--rounded {
    border-radius: 70px
}

.form-boxed {
    padding: 16px;
    background-color: #e6e6eb
}

select.form-control {
    opacity: 0
}

.selectize-control {
    position: relative;
    padding: 0;
    border: 0
}

.selectize-control .selectize-input {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    padding-right: 40px
}

.selectize-control .selectize-input:after {
    position: absolute;
    top: 50%;
    right: 8px;
    left: auto;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "";
    width: 24px;
    height: 24px;
    margin-top: -12px;
    color: #5d6c8f;
    font-family: "Material-Design-Iconic-Font";
    font-size: 19px
}

.selectize-control .selectize-input.dropdown-active {
    border-color: #144fc4
}

.selectize-control .selectize-input.dropdown-active:after {
    content: '\f2fc'
}

.selectize-control .selectize-input.dropdown-active input {
    z-index: 0;
    border-color: #144fc4
}

.selectize-control .selectize-input .item {
    position: relative;
    white-space: nowrap;
    margin-right: 4px
}

.selectize-control .selectize-input .item + input {
    position: absolute
}

.selectize-control .selectize-input input {
    color: #144fc4;
    height: 100%;
    border: 0;
    background: 0 0
}

.selectize-control .selectize-input input:active,
.selectize-control .selectize-input input:focus {
    outline: 0
}

.selectize-control.multi .selectize-input {
    flex-wrap: wrap;
    align-items: center;
    min-height: 44px;
    height: auto;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 4px
}

.selectize-control.multi .item {
    padding: 0 8px;
    margin: 0 4px 4px 0;
    background: #536080;
    line-height: 24px
}

.selectize-control.multi .item.active {
    color: inherit
}

.selectize-control.multi.plugin-remove_button .item {
    position: relative;
    padding-right: 32px !important
}

.selectize-control.multi.plugin-remove_button .item > .remove {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    text-align: center;
    transition: ease-in-out all .3s
}

.selectize-control.multi.plugin-remove_button .item > .remove:hover {
    background: rgba(0, 0, 0, .05)
}

.selectize-dropdown {
    position: absolute;
    z-index: 1002;
    display: none;
    min-width: 260px;
    background: #fff;
    box-shadow: 0 2px 30px -1px rgba(30, 45, 70, .15);
    border-radius: 3px;
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both
}

.selectize-dropdown-content {
    max-height: 200px;
    overflow-y: auto
}

.selectize-dropdown .option {
    overflow: hidden;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.selectize-dropdown .option .badge {
    margin-left: auto
}

.selectize-dropdown .option.active,
.selectize-dropdown .option:hover {
    background: 0 0;
    color: #144fc4
}

.has-dark-background .selectize-input {
    border-color: #fff
}

.selectize-dropdown .optgroup-header,
.selectize-dropdown .option {
    min-height: 36px;
    padding: 10px 16px
}

.selectize-control.form-control--sm:before,
.selectize-control.form-control--xs:before {
    font-size: 16px
}

.selectize-control.form-control--sm .selectize-dropdown .option,
.selectize-control.form-control--xs .selectize-dropdown .option {
    min-height: 24px;
    padding: 4px 16px
}

.selectize-control.form-control--lg:before,
.selectize-control.form-control--xlg:before {
    font-size: 24px
}

.selectize-control.form-control--lg .selectize-dropdown .option,
.selectize-control.form-control--xlg .selectize-dropdown .option {
    min-height: 40px;
    padding: 8px 16px
}

.form-check label {
    cursor: pointer;
    margin: 0
}

.form-check label + .form-check {
    margin-top: 16px
}

.form-check:not(.form-check--basic) {
    position: relative;
    display: inline-block;
    margin-bottom: 8px
}

.form-check:not(.form-check--basic) .form-checkbox,
.form-check:not(.form-check--basic) .form-radio {
    display: none
}

.form-check > .form-check {
    margin-left: 40px
}

.form-check--switcher label {
    width: 100%
}

.form-check--inline {
    display: inline-flex !important;
    margin-bottom: 0 !important
}

.form-check--inline + .form-check--inline {
    margin-left: 16px
}

.form-checkbox:checked + .form-indicator {
    border: 2px solid #144fc4 !important;
    background: #144fc4 !important
}

.form-checkbox:checked + .form-indicator:after {
    display: inline-flex
}

.form-checkbox + .form-indicator {
    position: relative;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.form-checkbox + .form-indicator:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: 16px/1 'Material-Design-Iconic-Font';
    content: '\f26b';
    display: none;
    color: #fff
}

.form-radio:checked + .form-indicator:after {
    content: '';
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    z-index: 1;
    border: 6px solid #144fc4;
    border-radius: 100%
}

.form-radio + .form-indicator {
    position: relative;
    display: flex;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    align-items: center;
    justify-content: center
}

.form-checkbox.is-disabled + .form-indicator,
.form-checkbox:disabled + .form-indicator,
.form-radio.is-disabled + .form-indicator,
.form-radio:disabled + .form-indicator {
    opacity: .5;
    cursor: not-allowed
}

.form-checkbox.is-disabled + .form-indicator + .form-text,
.form-checkbox:disabled + .form-indicator + .form-text,
.form-radio.is-disabled + .form-indicator + .form-text,
.form-radio:disabled + .form-indicator + .form-text {
    opacity: .5
}

.form-checkbox.is-disabled:not(:checked) + .form-indicator,
.form-checkbox:disabled:not(:checked) + .form-indicator,
.form-radio.is-disabled:not(:checked) + .form-indicator,
.form-radio:disabled:not(:checked) + .form-indicator {
    border-color: #4d5977 !important
}

.form-indicator {
    border-width: 2px
}

.form-text {
    margin-left: 16px
}

.form-text:first-child {
    margin-left: 0;
    margin-right: 16px
}

.form-check.is-success .form-indicator {
    border-color: #33a67c
}

.form-check.is-success:not(.form-check--basic) label:hover .form-indicator {
    border-color: #33a67c
}

.form-check.is-success:not(.form-check--basic) label:active .form-indicator,
.form-check.is-success:not(.form-check--basic) label:focus .form-indicator {
    border-color: #33a67c
}

.form-check.is-success .form-checkbox:checked + .form-indicator {
    border-color: #33a67c !important;
    background-color: #33a67c !important
}

.form-check.is-success .form-text {
    color: #33a67c
}

.form-check.is-warning .form-indicator {
    border-color: #ff8f33
}

.form-check.is-warning:not(.form-check--basic) label:hover .form-indicator {
    border-color: #ff8f33
}

.form-check.is-warning:not(.form-check--basic) label:active .form-indicator,
.form-check.is-warning:not(.form-check--basic) label:focus .form-indicator {
    border-color: #ff8f33
}

.form-check.is-warning .form-checkbox:checked + .form-indicator {
    border-color: #ff8f33 !important;
    background-color: #ff8f33 !important
}

.form-check.is-warning .form-text {
    color: #ff8f33
}

.form-check.is-error .form-indicator {
    border-color: #f55656
}

.form-check.is-error:not(.form-check--basic) label:hover .form-indicator {
    border-color: #f55656
}

.form-check.is-error:not(.form-check--basic) label:active .form-indicator,
.form-check.is-error:not(.form-check--basic) label:focus .form-indicator {
    border-color: #f55656
}

.form-check.is-error .form-checkbox:checked + .form-indicator {
    border-color: #f55656 !important;
    background-color: #f55656 !important
}

.form-check.is-error .form-text {
    color: #f55656
}

.form-check.is-info .form-indicator {
    border-color: #50bfff
}

.form-check.is-info:not(.form-check--basic) label:hover .form-indicator {
    border-color: #50bfff
}

.form-check.is-info:not(.form-check--basic) label:active .form-indicator,
.form-check.is-info:not(.form-check--basic) label:focus .form-indicator {
    border-color: #50bfff
}

.form-check.is-info .form-checkbox:checked + .form-indicator {
    border-color: #50bfff !important;
    background-color: #50bfff !important
}

.form-check.is-info .form-text {
    color: #50bfff
}

.switch {
    position: relative;
    height: 24px;
    width: 40px;
    cursor: pointer
}

.switch + .form-text {
    margin-left: 16px
}

.switch__checkbox {
    position: absolute;
    opacity: 0
}

.switch__checkbox + .switch__container .switch__handle {
    right: 18px
}

.switch__checkbox:checked + .switch__container {
    background-color: #33a67c
}

.switch--icon .switch__checkbox:checked + .switch__container .switch__handle,
.switch--text .switch__checkbox:checked + .switch__container .switch__handle,
.switch__checkbox:checked + .switch__container .switch__handle {
    right: 2px
}

.switch__container,
.switch__handle {
    position: absolute;
    border-radius: 12px;
    transition: all ease .3s
}

.switch__handle {
    top: 2px;
    right: 2px;
    z-index: 2;
    display: block;
    height: 20px;
    width: 20px;
    background-color: #fff
}

.switch__container {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #4d5977
}

.switch--icon {
    width: 45px
}

.switch--icon .switch__checkbox + .switch__container .switch__handle {
    right: 23px
}

.switch--icon .switch__checkbox + .switch__container:after {
    font: "Material-Design-Iconic-Font";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    z-index: 1;
    align-items: center;
    display: flex;
    content: "\f136";
    color: #144fc4;
    font-size: 15px
}

.switch--icon .switch__checkbox:checked + .switch__container {
    background-color: #144fc4
}

.switch--icon .switch__checkbox:checked + .switch__container:after {
    font: "Material-Design-Iconic-Font";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    display: flex;
    z-index: 1;
    align-items: center;
    content: "\f26b";
    color: #fff;
    font-size: 15px
}

.switch--text {
    width: 50px
}

.switch--text .switch__checkbox + .switch__container .switch__handle {
    right: 28px
}

.switch--text .switch__checkbox + .switch__container:after {
    position: absolute;
    top: 1px;
    bottom: 0;
    display: flex;
    right: 6px;
    z-index: 1;
    align-items: center;
    content: "off";
    color: #144fc4;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase
}

.switch--text .switch__checkbox:checked + .switch__container {
    background-color: #144fc4
}

.switch--text .switch__checkbox:checked + .switch__container:after {
    position: absolute;
    top: 1px;
    bottom: 0;
    display: flex;
    left: 8px;
    z-index: 1;
    align-items: center;
    content: "on";
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase
}

.switch--primary .switch__handle {
    background: #144fc4
}

.switch--primary .switch__checkbox:checked + .switch__container .switch__handle {
    background: #fff
}

.switch--primary .switch__container {
    background: #536080
}

.form-text + .switch {
    margin-left: auto
}

.app,
.app-header {
    background: #fff;
    position: relative
}

.app.app--100vh {
    min-height: 100vh
}

@media (min-width:752px) {
    .app-main__top .top > * + * {
        margin-left: 24px
    }
}

.app-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    padding: 0;
    box-shadow: 0 2px 15px -1px rgba(30, 45, 70, .15)
}

@media (min-width:1012px) {
    .app-header {
        height: 64px
    }
}

@media (max-width:1011px) {
    .app-header {
        height: 56px
    }
}

.app-header > .nav > .nav__item,
.app-header > .nav > .nav__item > .nav__link {
    height: 100%
}

@media (min-width:1012px) {
    .app--header-top {
        padding-top: 64px
    }

    .app--header-top .app-navbar {
        top: 64px
    }
}

@media (max-width:1011px) {
    .app--header-top {
        padding-top: 56px
    }
}

.app-navbar {
    position: absolute;
    top: 0;
    z-index: 1001
}

@media (max-width:1011px) {

    .app--navbar-left .app-main,
    .app--navbar-right .app-main {
        padding-top: 56px
    }
}

.app--navbar-left .app-main__nav:after,
.app--navbar-right .app-main__nav:after {
    width: auto
}

@media (min-width:1012px) {

    .app--navbar-left .app-navbar.navbar--v,
    .app--navbar-right .app-navbar.navbar--v {
        bottom: 0
    }

    .app--navbar-left .app-navbar.navbar--v {
        left: 0;
        right: auto
    }

    .app--navbar-left.app--navbar-v-thin .app-main {
        padding-left: 110px
    }

    .app--navbar-left.app--navbar-v-thin .app-main__actions.is-fixed {
        right: 0;
        left: 110px;
        width: auto
    }

    .app--navbar-left.app--navbar-v-wide .app-main {
        padding-left: 270px
    }

    .app--navbar-left.app--navbar-v-wide .app-main__actions.is-fixed {
        right: 0;
        left: 270px;
        width: auto
    }

    .app--navbar-right .app-navbar.navbar--v {
        right: 0;
        left: auto
    }

    .app--navbar-right.app--navbar-v-thin .app-main {
        padding-right: 110px
    }

    .app--navbar-right.app--navbar-v-thin .app-main__actions {
        right: 110px
    }

    .app--navbar-right.app--navbar-v-wide .app-main {
        padding-right: 270px
    }

    .app--navbar-right.app--navbar-v-wide .app-main__actions {
        right: 270px
    }

    .app--navbar-top.app--navbar-h-extended {
        padding-top: 144px
    }

    .app--navbar-top.app--navbar-h-simple {
        padding-top: 72px
    }

    .app--navbar-left .app-main,
    .app--navbar-right .app-main {
        min-height: 100vh
    }

    .app--main-toolbar-top.app--navbar-left.app--navbar-v-wide .app-main__toolbar {
        right: 0;
        left: 270px
    }

    .app--main-toolbar-top.app--navbar-left.app--navbar-v-thin .app-main__toolbar {
        right: 0;
        left: 110px
    }

    .app--main-toolbar-top.app--navbar-right.app--navbar-v-wide .app-main__toolbar {
        left: 0;
        right: 270px
    }

    .app--main-toolbar-top.app--navbar-right.app--navbar-v-thin .app-main__toolbar {
        left: 0;
        right: 110px
    }

    .app-main__top {
        padding-top: 40px
    }
}

@media (max-width:1011px) {
    .app-main__top {
        padding-top: 24px
    }
}

@media (max-width:751px) {
    .app-main__top {
        padding-top: 16px
    }
}

@media (min-width:752px) {
    .app-main__top .top {
        min-height: 42px
    }
}

@media (max-width:751px) {
    .app-main__top .top {
        min-height: 40px
    }
}

.app-main__top .top__content .top__title + .top__desc {
    padding-top: 4px
}

.app-main__top .top__content .list {
    margin-bottom: -8px
}

.app-main__top .top__title-text {
    margin: auto 0
}

@media (min-width:1012px) {
    .app-main__top .top__title-text {
        font-size: 27px;
        font-weight: 700;
        line-height: 34px
    }
}

@media (max-width:1011px) {
    .app-main__top .top__title-text {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width:751px) {
    .app-main__top .top__title-text {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px
    }

    .app-main__top .top__addon,
    .app-main__top .top__content,
    .app-main__top .top__toolbar {
        align-self: center
    }
}

.app-main__nav,
.app-main__steps {
    position: relative
}

@media (min-width:1012px) {

    .app-main__nav,
    .app-main__steps {
        margin-top: 32px
    }
}

@media (min-width:752px) and (max-width:1011px) {

    .app-main__nav,
    .app-main__steps {
        margin-top: 16px
    }
}

.app-main__nav:after,
.app-main__steps:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #536080;
    width: 100%
}

.app-main__nav > .container > .nav-swiper:first-child,
.app-main__nav > .container > .nav:first-child {
    margin-left: -16px
}

.app-main__nav > .container > .nav-swiper:last-child,
.app-main__nav > .container > .nav:last-child {
    margin-right: -16px
}

@media (max-width:1011px) {
    .app-main__nav .nav--md > .nav__item > .nav__link {
        font-size: 14px
    }
}

.app-main__steps {
    padding-bottom: 8px
}

@media (min-width:1012px) {
    .app-main__body {
        padding: 40px 0
    }
}

@media (max-width:1011px) {
    .app-main__body {
        padding: 24px 0
    }
}

.app-main__actions {
    bottom: 0;
    z-index: 999;
    transform: translate3d(0, 0, 0)
}

.app-main__actions > .container {
    display: flex;
    flex-wrap: wrap
}

.app-main__actions.is-fixed {
    box-shadow: 0 -2px 5px -1px rgba(30, 45, 70, .05)
}

.app-main__actions .btn + .btn {
    margin-left: 16px
}

@media (max-width:513px) {
    .app-main__actions > .container {
        margin-right: 0;
        margin-left: 0;
        width: inherit
    }
}

.app-main__actions,
.app-main__footer {
    padding: 16px 0;
    background: #fff;
    border-top: 1px solid #536080
}

.app-main.has-actions {
    padding-bottom: 74px
}

.app-main.has-sm-actions {
    padding-bottom: 68px
}

.app-main__notification .notification__body {
    padding: 24px 0
}

.app-main__notification .notification__nav {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.app-main__toolbar {
    min-height: auto;
    width: auto;
    background: #fff;
    box-shadow: 0 2px 15px -1px rgba(30, 45, 70, .15);
    padding: 0 16px;
    border-bottom: 1px solid #536080
}

@media (min-width:1012px) {
    .app--main-toolbar-top .app-main {
        padding-top: 64px
    }
}

@media (max-width:1011px) {
    .app--main-toolbar-top .app-main {
        padding-top: 56px
    }
}

.app--main-toolbar-top .app-main__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

@media (min-width:1012px) {
    .app--main-toolbar-top .app-main__toolbar {
        height: 64px
    }
}

@media (max-width:1011px) {
    .app--main-toolbar-top .app-main__toolbar {
        z-index: 1001;
        background: #112240;
        height: 56px
    }

    .app--main-toolbar-top .app-main__toolbar .navbar__burger span {
        background: rgba(255, 255, 255, .8)
    }

    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link {
        color: rgba(255, 255, 255, .8)
    }

    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:active,
    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:active > .nav__link-icon,
    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:focus,
    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:focus > .nav__link-icon,
    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:hover,
    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:hover > .nav__link-icon {
        color: #fff
    }

    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item .nav__link-icon {
        color: rgba(255, 255, 255, .5)
    }

    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item.is-open > .nav__link,
    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item.is-open > .nav__link > .nav__link-icon {
        color: #fff
    }

    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item.is-active > .nav__link,
    .app--main-toolbar-top .app-main__toolbar .nav > .nav__item.is-active > .nav__link > .nav__link-icon {
        color: #144fc4
    }

    .app-header > .container,
    .app-main__actions > .container,
    .app-main__body > .container,
    .app-main__header > .container,
    .app-main__nav > .container,
    .app-main__steps > .container,
    .app-main__top > .container,
    .app-navbar > .container,
    .app-navbar > .navbar__collapse > .container,
    .app-navbar > .navbar__menu > .container,
    .app-navbar > .navbar__off-canvas > .container,
    .app-navbar > .navbar__top > .container {
        max-width: 100%;
        width: 100%
    }
}

.app--footer-bottom .app-main {
    padding-bottom: 77px
}

.app--footer-bottom .app-main__footer {
    background: #fff;
    z-index: 1000;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.block {
    flex-shrink: 1;
    justify-content: space-between
}

.block__header {
    width: 100%;
    padding: 16px 16px 10px
}

.block__body {
    flex-shrink: 1;
    max-width: 100%
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .block__body {
        flex: 1 1 auto
    }
}

.block__body + .block__sidebar {
    margin-left: 24px
}

.block__sidebar {
    flex-shrink: 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .block__sidebar {
        flex: 1 1 auto
    }
}

.block__sidebar:first-child {
    margin-right: 24px
}

.block__sidebar:first-child + .block__sidebar {
    margin-left: 24px
}

.block__sidebar:last-child {
    margin-left: 24px
}

.block__sidebar--sm {
    width: 150px
}

.block__sidebar--md {
    width: 320px
}

.block__sidebar--lg {
    width: 386px
}

.block__sidebar.has-bg {
    background-color: #144fc4
}

.block__sidebar.has-bg .has-dark-bg.widget {
    box-shadow: none;
    margin-bottom: 8px
}

.block__sidebar.has-bg .has-dark-bg.widget .widget__body + .widget__body {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.block__sidebar.has-bg .has-dark-bg.widget + .widget {
    padding-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

@media (min-width:1012px) {
    .block {
        align-items: flex-start
    }

    .block__sidebar {
        align-self: stretch
    }
}

@media (min-width:752px) {
    .block__header {
        margin-bottom: 48px
    }
}

@media (max-width:1011px) {
    .block {
        flex-direction: column
    }

    .block__sidebar {
        width: 100%;
        margin: 16px 0 0
    }

    .block__sidebar:first-child {
        margin: 0 0 16px
    }

    .block__sidebar:last-child {
        margin: 16px 0 0
    }
}

@media (max-width:751px) {
    .block {
        flex-direction: column
    }

    .block__body {
        border: 0
    }

    .block__body > .list-group {
        margin: -24px -16px
    }

    .block__body > .list-group .list-group__item {
        padding: 16px
    }

    .block__body > :not(.well) + .list-group {
        margin-top: 0;
        margin-bottom: 0
    }
}

.top {
    display: flex;
    align-items: center
}

.top > * + * {
    margin-left: 16px
}

.top__content {
    flex-grow: 1
}

.top__content > :last-child {
    margin-bottom: 0
}

.top__addon {
    flex-grow: 0
}

.top__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap
}

.top__toolbar > * + * {
    margin-left: 16px
}

.top__title {
    display: flex;
    flex-grow: 1;
    align-items: center;
    height: 100%;
    max-width: 100%
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .top__title {
        width: 100%;
        flex: 1 1 auto
    }
}

.top__title-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top__title-icon {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    margin-right: 16px;
    vertical-align: middle
}

.top__content {
    flex-direction: column
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .top__content {
        width: 100%;
        flex: 1 1 auto
    }
}

.top__addon,
.top__content,
.top__toolbar {
    align-self: end
}

.top__toolbar--middle {
    align-self: center
}

@media (max-width:751px) {
    .top__toolbar .btn + .btn {
        margin-left: 0
    }

    .top.top--tools {
        margin-bottom: 0
    }

    .top.top--tools .top__toolbar--left,
    .top__values {
        display: none
    }

    .top.top--tools .top__toolbar {
        margin-left: 0;
        width: 100%
    }

    .top.top--tools .top__toolbar .has-dropdown {
        border-bottom: 1px solid #536080
    }

    .top.top--tools .top__toolbar .has-dropdown .btn {
        width: 100%;
        background: 0 0;
        padding-left: 0;
        padding-right: 0
    }

    .top.top--tools .top__toolbar .has-dropdown .btn__icon {
        margin-left: auto
    }
}

.rail {
    display: flex;
    align-items: center
}

.rail > * + * {
    margin-left: 16px
}

.rail__content {
    flex-grow: 1
}

.rail__content > :last-child {
    margin-bottom: 0
}

.rail__addon {
    flex-grow: 0
}

.rail__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap
}

.rail__toolbar > * + * {
    margin-left: 16px
}

.rail--space-between {
    justify-content: space-between
}

.rail--spacing-1x > * + * {
    margin-left: 8px
}

.rail--spacing-3x > * + * {
    margin-left: 24px
}

.rail--spacing-4x > * + * {
    margin-left: 32px
}

.rail--spacing-5x > * + * {
    margin-left: 40px
}

@media (min-width:1012px) {
    .rail-responsive-up {
        display: flex;
        align-items: center
    }

    .rail-responsive-up > * + * {
        margin-left: 16px
    }

    .rail-responsive-up__content {
        flex-grow: 1
    }

    .rail-responsive-up__content > :last-child {
        margin-bottom: 0
    }

    .rail-responsive-up__addon {
        flex-grow: 0
    }

    .rail-responsive-up__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }

    .rail-responsive-up__toolbar > * + * {
        margin-left: 16px
    }
}

@media (max-width:1011px) {
    .rail-responsive-down {
        display: flex;
        align-items: center
    }

    .rail-responsive-down > * + * {
        margin-left: 16px
    }

    .rail-responsive-down__content {
        flex-grow: 1
    }

    .rail-responsive-down__content > :last-child {
        margin-bottom: 0
    }

    .rail-responsive-down__addon {
        flex-grow: 0
    }

    .rail-responsive-down__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }

    .rail-responsive-down__toolbar > * + * {
        margin-left: 16px
    }
}

@media (min-width:752px) {
    .rail-mob-up {
        display: flex;
        align-items: center
    }

    .rail-mob-up > * + * {
        margin-left: 16px
    }

    .rail-mob-up__content {
        flex-grow: 1
    }

    .rail-mob-up__content > :last-child {
        margin-bottom: 0
    }

    .rail-mob-up__addon {
        flex-grow: 0
    }

    .rail-mob-up__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }

    .rail-mob-up__toolbar > * + * {
        margin-left: 16px
    }
}

@media (max-width:751px) {
    .rail-mob-down {
        display: flex;
        align-items: center
    }

    .rail-mob-down > * + * {
        margin-left: 16px
    }

    .rail-mob-down__content {
        flex-grow: 1
    }

    .rail-mob-down__content > :last-child {
        margin-bottom: 0
    }

    .rail-mob-down__addon {
        flex-grow: 0
    }

    .rail-mob-down__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }

    .rail-mob-down__toolbar > * + * {
        margin-left: 16px
    }
}

@media (min-width:514px) {
    .rail-xs-up {
        display: flex;
        align-items: center
    }

    .rail-xs-up > * + * {
        margin-left: 16px
    }

    .rail-xs-up__content {
        flex-grow: 1
    }

    .rail-xs-up__content > :last-child {
        margin-bottom: 0
    }

    .rail-xs-up__addon {
        flex-grow: 0
    }

    .rail-xs-up__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }

    .rail-xs-up__toolbar > * + * {
        margin-left: 16px
    }
}

@media (max-width:513px) {
    .rail-xs-down {
        display: flex;
        align-items: center
    }

    .rail-xs-down > * + * {
        margin-left: 16px
    }

    .rail-xs-down__content {
        flex-grow: 1
    }

    .rail-xs-down__content > :last-child {
        margin-bottom: 0
    }

    .rail-xs-down__addon {
        flex-grow: 0
    }

    .rail-xs-down__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }

    .rail-xs-down__toolbar > * + * {
        margin-left: 16px
    }
}

.cell-actions:first-child > .btn--link:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link,
.list-group__toolbar:first-child > .btn--link:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link,
.rail__toolbar:first-child > .btn--link:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link,
.top__toolbar:first-child > .btn--link:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link {
    margin-left: -16px
}

.cell-actions:first-child > .btn--link.btn--icon:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon,
.list-group__toolbar:first-child > .btn--link.btn--icon:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon,
.rail__toolbar:first-child > .btn--link.btn--icon:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon,
.top__toolbar:first-child > .btn--link.btn--icon:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon {
    margin-left: -12px
}

.cell-actions:first-child > .btn--link.btn--icon.btn--xs:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs,
.top__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs {
    margin-left: -4px
}

.cell-actions:first-child > .btn--link.btn--xs:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--xs,
.list-group__toolbar:first-child > .btn--link.btn--xs:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xs,
.rail__toolbar:first-child > .btn--link.btn--xs:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xs,
.top__toolbar:first-child > .btn--link.btn--xs:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xs {
    margin-left: -16px
}

.cell-actions:first-child > .btn--link.btn--icon.btn--sm:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm,
.top__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm {
    margin-left: -6px
}

.cell-actions:first-child > .btn--link.btn--sm:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--sm,
.list-group__toolbar:first-child > .btn--link.btn--sm:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--sm,
.rail__toolbar:first-child > .btn--link.btn--sm:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--sm,
.top__toolbar:first-child > .btn--link.btn--sm:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--sm {
    margin-left: -16px
}

.cell-actions:first-child > .btn--link.btn--icon.btn--d:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d,
.top__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d {
    margin-left: -12px
}

.cell-actions:first-child > .btn--link.btn--d:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--lg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--d,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg,
.list-group__toolbar:first-child > .btn--link.btn--d:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--d,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg,
.rail__toolbar:first-child > .btn--link.btn--d:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--d,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg,
.top__toolbar:first-child > .btn--link.btn--d:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--d,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg {
    margin-left: -16px
}

.cell-actions:first-child > .btn--link.btn--lg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--lg,
.list-group__toolbar:first-child > .btn--link.btn--lg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--lg,
.rail__toolbar:first-child > .btn--link.btn--lg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--lg,
.top__toolbar:first-child > .btn--link.btn--lg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--lg {
    margin-left: -24px
}

.cell-actions:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg,
.top__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg {
    margin-left: -16px
}

.cell-actions:first-child > .btn--link.btn--xlg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--xlg,
.list-group__toolbar:first-child > .btn--link.btn--xlg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xlg,
.rail__toolbar:first-child > .btn--link.btn--xlg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xlg,
.top__toolbar:first-child > .btn--link.btn--xlg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xlg {
    margin-left: -32px
}

.cell-actions:last-child > .btn--link:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link,
.list-group__toolbar:last-child > .btn--link:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link,
.rail__toolbar:last-child > .btn--link:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link,
.top__toolbar:last-child > .btn--link:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link {
    margin-right: -16px
}

.cell-actions:last-child > .btn--link.btn--icon:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon,
.list-group__toolbar:last-child > .btn--link.btn--icon:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon,
.rail__toolbar:last-child > .btn--link.btn--icon:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon,
.top__toolbar:last-child > .btn--link.btn--icon:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon {
    margin-right: -12px
}

.cell-actions:last-child > .btn--link.btn--icon.btn--xs:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
.top__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs {
    margin-right: -4px
}

.cell-actions:last-child > .btn--link.btn--xs:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
.list-group__toolbar:last-child > .btn--link.btn--xs:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
.rail__toolbar:last-child > .btn--link.btn--xs:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
.top__toolbar:last-child > .btn--link.btn--xs:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs {
    margin-right: -16px
}

.cell-actions:last-child > .btn--link.btn--icon.btn--sm:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
.top__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm {
    margin-right: -6px
}

.cell-actions:last-child > .btn--link.btn--sm:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
.list-group__toolbar:last-child > .btn--link.btn--sm:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
.rail__toolbar:last-child > .btn--link.btn--sm:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
.top__toolbar:last-child > .btn--link.btn--sm:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm {
    margin-right: -16px
}

.cell-actions:last-child > .btn--link.btn--icon.btn--d:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
.top__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d {
    margin-right: -12px
}

.cell-actions:last-child > .btn--link.btn--d:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--lg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--d,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
.list-group__toolbar:last-child > .btn--link.btn--d:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
.rail__toolbar:last-child > .btn--link.btn--d:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
.top__toolbar:last-child > .btn--link.btn--d:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg {
    margin-right: -16px
}

.cell-actions:last-child > .btn--link.btn--lg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
.list-group__toolbar:last-child > .btn--link.btn--lg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
.rail__toolbar:last-child > .btn--link.btn--lg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
.top__toolbar:last-child > .btn--link.btn--lg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg {
    margin-right: -24px
}

.cell-actions:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
.top__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg {
    margin-right: -16px
}

.cell-actions:last-child > .btn--link.btn--xlg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
.list-group__toolbar:last-child > .btn--link.btn--xlg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
.rail__toolbar:last-child > .btn--link.btn--xlg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
.top__toolbar:last-child > .btn--link.btn--xlg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg {
    margin-right: -32px
}

@media (max-width:751px) {

    .cell-actions:first-child > .btn--mob-link:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link,
    .list-group__toolbar:first-child > .btn--mob-link:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link,
    .rail__toolbar:first-child > .btn--mob-link:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link,
    .top__toolbar:first-child > .btn--mob-link:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link {
        margin-left: -16px
    }

    .cell-actions:first-child > .btn--mob-link.btn--icon:first-child,
    .cell-actions:first-child > .btn--mob-link.btn--mob-icon:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon,
    .list-group__toolbar:first-child > .btn--mob-link.btn--icon:first-child,
    .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon,
    .rail__toolbar:first-child > .btn--mob-link.btn--icon:first-child,
    .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon,
    .top__toolbar:first-child > .btn--mob-link.btn--icon:first-child,
    .top__toolbar:first-child > .btn--mob-link.btn--mob-icon:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon {
        margin-left: -12px
    }

    .cell-actions:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
    .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs,
    .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
    .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs,
    .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
    .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs,
    .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
    .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs {
        margin-left: -4px
    }

    .cell-actions:first-child > .btn--mob-link.btn--xs:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs,
    .list-group__toolbar:first-child > .btn--mob-link.btn--xs:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs,
    .rail__toolbar:first-child > .btn--mob-link.btn--xs:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs,
    .top__toolbar:first-child > .btn--mob-link.btn--xs:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs {
        margin-left: -16px
    }

    .cell-actions:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
    .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm,
    .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
    .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm,
    .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
    .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm,
    .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
    .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm {
        margin-left: -6px
    }

    .cell-actions:first-child > .btn--mob-link.btn--sm:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm,
    .list-group__toolbar:first-child > .btn--mob-link.btn--sm:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm,
    .rail__toolbar:first-child > .btn--mob-link.btn--sm:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm,
    .top__toolbar:first-child > .btn--mob-link.btn--sm:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm {
        margin-left: -16px
    }

    .cell-actions:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
    .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d,
    .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
    .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d,
    .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
    .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d,
    .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
    .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d {
        margin-left: -12px
    }

    .cell-actions:first-child > .btn--mob-link.btn--d:first-child,
    .cell-actions:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
    .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg,
    .list-group__toolbar:first-child > .btn--mob-link.btn--d:first-child,
    .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
    .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg,
    .rail__toolbar:first-child > .btn--mob-link.btn--d:first-child,
    .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
    .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg,
    .top__toolbar:first-child > .btn--mob-link.btn--d:first-child,
    .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
    .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg {
        margin-left: -16px
    }

    .cell-actions:first-child > .btn--mob-link.btn--lg:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg,
    .list-group__toolbar:first-child > .btn--mob-link.btn--lg:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg,
    .rail__toolbar:first-child > .btn--mob-link.btn--lg:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg,
    .top__toolbar:first-child > .btn--mob-link.btn--lg:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg {
        margin-left: -24px
    }

    .cell-actions:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
    .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg,
    .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
    .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg,
    .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
    .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg,
    .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
    .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg {
        margin-left: -16px
    }

    .cell-actions:first-child > .btn--mob-link.btn--xlg:first-child,
    .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg,
    .list-group__toolbar:first-child > .btn--mob-link.btn--xlg:first-child,
    .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg,
    .rail__toolbar:first-child > .btn--mob-link.btn--xlg:first-child,
    .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg,
    .top__toolbar:first-child > .btn--mob-link.btn--xlg:first-child,
    .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg {
        margin-left: -32px
    }

    .cell-actions:last-child > .btn--link:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link,
    .list-group__toolbar:last-child > .btn--link:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link,
    .rail__toolbar:last-child > .btn--link:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link,
    .top__toolbar:last-child > .btn--link:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link {
        margin-right: -16px
    }

    .cell-actions:last-child > .btn--mob-link.btn--icon:last-child,
    .cell-actions:last-child > .btn--mob-link.btn--mob-icon:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon,
    .list-group__toolbar:last-child > .btn--mob-link.btn--icon:last-child,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon,
    .rail__toolbar:last-child > .btn--mob-link.btn--icon:last-child,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon,
    .top__toolbar:last-child > .btn--mob-link.btn--icon:last-child,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-icon:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon {
        margin-right: -12px
    }

    .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
    .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
    .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
    .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
    .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs {
        margin-right: -4px
    }

    .cell-actions:last-child > .btn--mob-link.btn--mob-xs:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-xs:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-xs:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-xs:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs {
        margin-right: -16px
    }

    .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
    .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
    .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
    .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
    .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm {
        margin-right: -6px
    }

    .cell-actions:last-child > .btn--mob-link.btn--mob-sm:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-sm:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-sm:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-sm:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm {
        margin-right: -16px
    }

    .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
    .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
    .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
    .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
    .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d {
        margin-right: -12px
    }

    .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
    .cell-actions:last-child > .btn--mob-link.btn--mob-d:last-child,
    .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--d,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
    .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-d:last-child,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
    .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-d:last-child,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
    .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-d:last-child,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg {
        margin-right: -16px
    }

    .cell-actions:last-child > .btn--mob-link.btn--mob-lg:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-lg:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-lg:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-lg:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg {
        margin-right: -24px
    }

    .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
    .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
    .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
    .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
    .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg {
        margin-right: -16px
    }

    .cell-actions:last-child > .btn--mob-link.btn--mob-xlg:last-child,
    .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
    .list-group__toolbar:last-child > .btn--mob-link.btn--mob-xlg:last-child,
    .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
    .rail__toolbar:last-child > .btn--mob-link.btn--mob-xlg:last-child,
    .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
    .top__toolbar:last-child > .btn--mob-link.btn--mob-xlg:last-child,
    .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg {
        margin-right: -32px
    }
}

.tooltip.drop-target {
    cursor: pointer
}

.dropdown,
.tooltip.drop-target [title] {
    display: none
}

.tooltip.drop-element {
    z-index: 1001
}

.tooltip.drop {
    pointer-events: none
}

.tooltip.drop .drop-content {
    max-width: 165px;
    padding: 6px 8px;
    background: #495471;
    border-radius: 4px;
    color: #fff;
    font-size: 11px;
    line-height: 16px
}

.tooltip.drop.drop-target-attached-top {
    top: -8px !important
}

.tooltip.drop.drop-target-attached-bottom {
    top: 8px !important
}

.tooltip.drop.drop-target-attached-bottom .tooltip__arrow {
    top: -6px;
    bottom: auto;
    transform: rotate(180deg)
}

.tooltip.drop.drop-target-attached-left.drop-target-attached-middle .tooltip__arrow {
    bottom: auto;
    top: 50%;
    left: auto;
    margin-left: 0;
    right: -8px;
    margin-top: -2px;
    transform: rotate(-90deg)
}

.tooltip.drop.drop-target-attached-right.drop-target-attached-middle .tooltip__arrow {
    bottom: auto;
    top: 50%;
    left: -5px;
    right: auto;
    margin-right: 0;
    margin-top: -2px;
    transform: rotate(90deg)
}

.tooltip .tooltip__arrow {
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -3px;
    width: 0;
    height: 0;
    content: '';
    border-width: 6px 6.5px 0;
    border-style: solid;
    border-color: #495471 transparent transparent
}

.tooltip.tooltip--opacity {
    transition: all .6s
}

.tooltip.tooltip--opacity:hover {
    opacity: .7
}

.dropdown {
    position: relative;
    min-width: 260px;
    background: #fff;
    box-shadow: 0 2px 30px -1px rgba(30, 45, 70, .15);
    border-radius: 3px;
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both;
    max-width: 320px
}

.dropdown .dropdown__body > .list-group,
.dropdown > .list-group {
    border: 0
}

.dropdown__header:first-child {
    border-radius: 3px 3px 0 0
}

.dropdown__content :last-child {
    margin-bottom: 0
}

.dropdown__menu {
    overflow: auto;
    max-height: 50vh;
    padding: 8px 0;
    margin: 0
}

.dropdown__item {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-shrink: 0;
    min-height: 42px
}

.dropdown__item > .btn {
    margin: 0 16px
}

.dropdown__item > .btn + .btn {
    margin-left: 0
}

.dropdown__item.is-active > .dropdown__link,
.dropdown__item.is-active > .dropdown__link > .dropdown__link-icon,
.dropdown__item.is-open > .dropdown__link,
.dropdown__item.is-open > .dropdown__link > .dropdown__link-icon {
    color: #1368e7
}

.dropdown__link {
    min-height: 100%;
    width: 100%;
    color: #536080;
    transition: color .3s
}

.dropdown__link-icon {
    position: relative;
    height: 24px;
    width: 24px;
    min-width: 24px;
    font-size: 24px;
    line-height: 24px;
    color: #5d6c8f;
    transition: color .3s;
    text-align: center
}

.dropdown__link-icon > .badge {
    position: absolute;
    top: -8px;
    right: -8px
}

.dropdown__link-icon + .nav__link-text,
.dropdown__link-text + .nav__link-icon {
    margin-left: 16px
}

.dropdown__link-text {
    flex-grow: 1
}

.dropdown__link-arrow + .nav__link-text,
.dropdown__link-text + .nav__link-arrow {
    margin-left: 8px
}

.dropdown__link-arrow {
    margin-left: 8px;
    margin-right: -4px;
    opacity: .4;
    font-size: 16px;
    line-height: 24px
}

.dropdown__link:hover,
.dropdown__link:hover > .dropdown__link-icon {
    color: #1368e7;
    text-decoration: none
}

.dropdown__link:active,
.dropdown__link:focus {
    color: #1368e7;
    outline: 0
}

.dropdown__divider {
    margin: 8px 0;
    height: 1px;
    background: #536080
}

.dropdown__header {
    min-height: 42px;
    margin-top: 8px
}

.dropdown__header:first-child {
    margin-top: 0
}

.dropdown__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.dropdown__content,
.dropdown__header,
.dropdown__link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 16px
}

.dropdown .nav__sub--xs .dropdown__header,
.dropdown .nav__sub--xs .dropdown__item,
.dropdown--xs .dropdown__header,
.dropdown--xs .dropdown__item {
    min-height: 32px
}

.dropdown .nav__sub--xs .dropdown__link,
.dropdown--xs .dropdown__link {
    font-size: 12px
}

.dropdown .nav__sub--xs .dropdown__header,
.dropdown .nav__sub--xs .dropdown__link,
.dropdown--xs .dropdown__header,
.dropdown--xs .dropdown__link {
    padding: 4px 16px
}

.dropdown .nav__sub--xs .dropdown__divider,
.dropdown--xs .dropdown__divider {
    margin: 4px 0
}

.dropdown .nav__sub--sm .dropdown__header,
.dropdown .nav__sub--sm .dropdown__item,
.dropdown--sm .dropdown__header,
.dropdown--sm .dropdown__item {
    min-height: 36px
}

.dropdown .nav__sub--sm .dropdown__link,
.dropdown--sm .dropdown__link {
    font-size: 13px
}

.dropdown .nav__sub--sm .dropdown__header,
.dropdown .nav__sub--sm .dropdown__link,
.dropdown--sm .dropdown__header,
.dropdown--sm .dropdown__link {
    padding: 4px 16px
}

.dropdown .nav__sub--sm .dropdown__divider,
.dropdown--sm .dropdown__divider {
    margin: 4px 0
}

.dropdown .nav__sub--md .dropdown__header,
.dropdown .nav__sub--md .dropdown__item,
.dropdown--md .dropdown__header,
.dropdown--md .dropdown__item {
    min-height: 48px
}

.dropdown .nav__sub--md .dropdown__link,
.dropdown--md .dropdown__link {
    font-size: 16px
}

.dropdown .nav__sub--md .dropdown__header,
.dropdown .nav__sub--md .dropdown__link,
.dropdown--md .dropdown__header,
.dropdown--md .dropdown__link {
    padding: 8px 16px
}

.dropdown .nav__sub--md .dropdown__divider,
.dropdown--md .dropdown__divider {
    margin: 8px 0
}

.dropdown .nav__sub--lg .dropdown__header,
.dropdown .nav__sub--lg .dropdown__item,
.dropdown--lg .dropdown__header,
.dropdown--lg .dropdown__item {
    min-height: 56px
}

.dropdown .nav__sub--lg .dropdown__link,
.dropdown--lg .dropdown__link {
    font-size: 17px
}

.dropdown .nav__sub--lg .dropdown__header,
.dropdown .nav__sub--lg .dropdown__link,
.dropdown--lg .dropdown__header,
.dropdown--lg .dropdown__link {
    padding: 8px 16px
}

.dropdown .nav__sub--lg .dropdown__divider,
.dropdown--lg .dropdown__divider,
.dv--selling .dv__item--right.dv__item--summary ul {
    margin: 8px 0
}

.drop {
    position: absolute;
    z-index: 1002;
    display: none
}

.drop .dropdown__arrow,
.drop-content .drop-nav,
.drop-content .dropdown,
.drop-open {
    display: block
}

.drop-element-attached-bottom .dropdown__arrow {
    top: auto;
    bottom: -8px
}

.drop-element-attached-bottom .dropdown__arrow:after {
    top: -16px
}

.drop-element-attached-top .dropdown__arrow {
    top: -8px;
    bottom: auto
}

.drop-target-attached-bottom.drop-element .dropdown {
    margin: 8px 0 0
}

.drop-target-attached-top.drop-element .dropdown,
.drop-target-attached-top.drop-target-attached-center.drop-element .dropdown {
    margin: 0 0 8px
}

.drop-target-attached-left.drop-target-attached-middle.drop-element .dropdown {
    margin: 0 8px 0 0
}

.drop-target-attached-right.drop-target-attached-middle.drop-element .dropdown {
    margin: 0 0 0 8px
}

.drop-arrow,
.dropdown__arrow {
    position: absolute;
    bottom: 0;
    right: 16px;
    z-index: 1000;
    height: 8px;
    width: 16px;
    overflow: hidden;
    display: none
}

.drop-arrow:after,
.dropdown__arrow:after {
    display: block;
    content: '';
    position: absolute;
    top: 4px;
    left: -2px;
    width: 20px;
    height: 20px;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
    transform: rotate(45deg)
}

.drop-arrow--right,
.dropdown__arrow--right {
    bottom: 50%;
    right: 0;
    height: 16px;
    width: 8px;
    margin-bottom: -8px
}

.drop-arrow--left:after,
.drop-arrow--right:after,
.dropdown__arrow--left:after,
.dropdown__arrow--right:after {
    top: -2px;
    left: 4px
}

.drop-arrow--left,
.dropdown__arrow--left {
    bottom: 50%;
    left: 0;
    height: 16px;
    width: 8px;
    margin-bottom: -8px
}

.drop-arrow--bottom,
.dropdown__arrow--bottom {
    bottom: -8px;
    left: 0
}

.drop-arrow--bottom:after,
.dropdown__arrow--bottom:after {
    top: -16px
}

.drop-arrow,
.fade-in-left,
.fade-in-right {
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both
}

.is-open > .drop-arrow,
.is-open > .nav__link > .drop-arrow,
.section__title strong {
    display: block
}

.fade-in-left,
.fade-in-right {
    animation-name: fadeInRight
}

.fade-in-left {
    animation-name: fadeInLeft
}

@media (min-width:752px) {

    .mob-dropdown .btn > .btn__text,
    .mob-dropdown-toggle {
        display: none
    }
}

@media (max-width:751px) {
    .has-mob-dropdown {
        position: relative
    }

    .mob-dropdown {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 999;
        flex-direction: column
    }

    .mob-dropdown > .btn {
        width: auto;
        background: 0 0;
        border: 0;
        box-shadow: none;
        text-align: left
    }

    .mob-dropdown > .btn .btn__icon + .btn__text {
        margin-left: 16px
    }

    .is-open .mob-dropdown {
        display: flex
    }
}

.is-hidden-xs-up {
    display: none !important
}

@media (max-width:513px) {
    .is-hidden-xs-down {
        display: none !important
    }
}

@media (min-width:514px) {
    .is-hidden-sm-up {
        display: none !important
    }
}

@media (max-width:751px) {
    .is-hidden-sm-down {
        display: none !important
    }
}

@media (min-width:752px) {
    .is-hidden-md-up {
        display: none !important
    }
}

@media (max-width:1011px) {
    .is-hidden-md-down {
        display: none !important
    }
}

@media (min-width:1012px) {
    .is-hidden-lg-up {
        display: none !important
    }
}

@media (max-width:1231px) {
    .is-hidden-lg-down {
        display: none !important
    }
}

@media (min-width:1232px) {
    .is-hidden-xl-up {
        display: none !important
    }
}

.is-hidden-xl-down {
    display: none !important
}

@media (min-width:1012px) {
    .is-hidden-responsive-up {
        display: none !important
    }
}

@media (max-width:1011px) {
    .is-hidden-responsive-down {
        display: none !important
    }
}

@media (min-width:752px) {
    .is-hidden-mob-up {
        display: none !important
    }
}

@media (max-width:751px) {
    .is-hidden-mob-down {
        display: none !important
    }
}

.m-h-a {
    margin-left: auto !important;
    margin-right: auto !important
}

.m-v-0x {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-h-0x {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.m-t-0x {
    margin-top: 0 !important
}

.m-r-0x {
    margin-right: 0 !important
}

.m-b-0x {
    margin-bottom: 0 !important
}

.m-l-0x {
    margin-left: 0 !important
}

.m-0x {
    margin: 0 !important
}

.p-v-0x {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-h-0x {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.p-t-0x {
    padding-top: 0 !important
}

.p-r-0x {
    padding-right: 0 !important
}

.p-b-0x {
    padding-bottom: 0 !important
}

.p-l-0x {
    padding-left: 0 !important
}

.p-0x {
    padding: 0 !important
}

.m-v-1x {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.m-h-1x {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.m-t-1x {
    margin-top: 8px !important
}

.m-r-1x {
    margin-right: 8px !important
}

.m-b-1x {
    margin-bottom: 8px !important
}

.m-l-1x {
    margin-left: 8px !important
}

.m-1x {
    margin: 8px !important
}

.p-v-1x {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.p-h-1x {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.p-t-1x {
    padding-top: 8px !important
}

.p-r-1x {
    padding-right: 8px !important
}

.p-b-1x {
    padding-bottom: 8px !important
}

.p-l-1x {
    padding-left: 8px !important
}

.p-1x {
    padding: 8px !important
}

.m-v-2x {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.m-h-2x {
    margin-left: 16px !important;
    margin-right: 16px !important
}

.m-t-2x {
    margin-top: 16px !important
}

.m-r-2x {
    margin-right: 16px !important
}

.m-b-2x {
    margin-bottom: 16px !important
}

.m-l-2x {
    margin-left: 16px !important
}

.m-2x {
    margin: 16px !important
}

.p-v-2x {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.p-h-2x {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.p-t-2x {
    padding-top: 16px !important
}

.p-r-2x {
    padding-right: 16px !important
}

.p-b-2x {
    padding-bottom: 16px !important
}

.p-l-2x {
    padding-left: 16px !important
}

.p-2x {
    padding: 16px !important
}

.m-v-3x {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.m-h-3x {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.m-t-3x {
    margin-top: 24px !important
}

.m-r-3x {
    margin-right: 24px !important
}

.m-b-3x {
    margin-bottom: 24px !important
}

.m-l-3x {
    margin-left: 24px !important
}

.m-3x {
    margin: 24px !important
}

.p-v-3x {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.p-h-3x {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.p-t-3x {
    padding-top: 24px !important
}

.p-r-3x {
    padding-right: 24px !important
}

.p-b-3x {
    padding-bottom: 24px !important
}

.p-l-3x {
    padding-left: 24px !important
}

.p-3x {
    padding: 24px !important
}

.m-v-4x {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.m-h-4x {
    margin-left: 32px !important;
    margin-right: 32px !important
}

.m-t-4x {
    margin-top: 32px !important
}

.m-r-4x {
    margin-right: 32px !important
}

.m-b-4x {
    margin-bottom: 32px !important
}

.m-l-4x {
    margin-left: 32px !important
}

.m-4x {
    margin: 32px !important
}

.p-v-4x {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.p-h-4x {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.p-t-4x {
    padding-top: 32px !important
}

.p-r-4x {
    padding-right: 32px !important
}

.p-b-4x {
    padding-bottom: 32px !important
}

.p-l-4x {
    padding-left: 32px !important
}

.p-4x {
    padding: 32px !important
}

.m-v-5x {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.m-h-5x {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.m-t-5x {
    margin-top: 40px !important
}

.m-r-5x {
    margin-right: 40px !important
}

.m-b-5x {
    margin-bottom: 40px !important
}

.m-l-5x {
    margin-left: 40px !important
}

.m-5x {
    margin: 40px !important
}

.p-v-5x {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.p-h-5x {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.p-t-5x {
    padding-top: 40px !important
}

.p-r-5x {
    padding-right: 40px !important
}

.p-b-5x {
    padding-bottom: 40px !important
}

.p-l-5x {
    padding-left: 40px !important
}

.p-5x {
    padding: 40px !important
}

.m-v-6x {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.m-h-6x {
    margin-left: 48px !important;
    margin-right: 48px !important
}

.m-t-6x {
    margin-top: 48px !important
}

.m-r-6x {
    margin-right: 48px !important
}

.m-b-6x {
    margin-bottom: 48px !important
}

.m-l-6x {
    margin-left: 48px !important
}

.m-6x {
    margin: 48px !important
}

.p-v-6x {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.p-h-6x {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.p-t-6x {
    padding-top: 48px !important
}

.p-r-6x {
    padding-right: 48px !important
}

.p-b-6x {
    padding-bottom: 48px !important
}

.p-l-6x {
    padding-left: 48px !important
}

.p-6x {
    padding: 48px !important
}

.m-v-7x {
    margin-top: 56px !important;
    margin-bottom: 56px !important
}

.m-h-7x {
    margin-left: 56px !important;
    margin-right: 56px !important
}

.m-t-7x {
    margin-top: 56px !important
}

.m-r-7x {
    margin-right: 56px !important
}

.m-b-7x {
    margin-bottom: 56px !important
}

.m-l-7x {
    margin-left: 56px !important
}

.m-7x {
    margin: 56px !important
}

.p-v-7x {
    padding-top: 56px !important;
    padding-bottom: 56px !important
}

.p-h-7x {
    padding-left: 56px !important;
    padding-right: 56px !important
}

.p-t-7x {
    padding-top: 56px !important
}

.p-r-7x {
    padding-right: 56px !important
}

.p-b-7x {
    padding-bottom: 56px !important
}

.p-l-7x {
    padding-left: 56px !important
}

.p-7x {
    padding: 56px !important
}

.m-v-8x {
    margin-top: 64px !important;
    margin-bottom: 64px !important
}

.m-h-8x {
    margin-left: 64px !important;
    margin-right: 64px !important
}

.m-t-8x {
    margin-top: 64px !important
}

.m-r-8x {
    margin-right: 64px !important
}

.m-b-8x {
    margin-bottom: 64px !important
}

.m-l-8x {
    margin-left: 64px !important
}

.m-8x {
    margin: 64px !important
}

.p-v-8x {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.p-h-8x {
    padding-left: 64px !important;
    padding-right: 64px !important
}

.p-t-8x {
    padding-top: 64px !important
}

.p-r-8x {
    padding-right: 64px !important
}

.p-b-8x {
    padding-bottom: 64px !important
}

.p-l-8x {
    padding-left: 64px !important
}

.p-8x {
    padding: 64px !important
}

.m-v-9x {
    margin-top: 72px !important;
    margin-bottom: 72px !important
}

.m-h-9x {
    margin-left: 72px !important;
    margin-right: 72px !important
}

.m-t-9x {
    margin-top: 72px !important
}

.m-r-9x {
    margin-right: 72px !important
}

.m-b-9x {
    margin-bottom: 72px !important
}

.m-l-9x {
    margin-left: 72px !important
}

.m-9x {
    margin: 72px !important
}

.p-v-9x {
    padding-top: 72px !important;
    padding-bottom: 72px !important
}

.p-h-9x {
    padding-left: 72px !important;
    padding-right: 72px !important
}

.p-t-9x {
    padding-top: 72px !important
}

.p-r-9x {
    padding-right: 72px !important
}

.p-b-9x {
    padding-bottom: 72px !important
}

.p-l-9x {
    padding-left: 72px !important
}

.p-9x {
    padding: 72px !important
}

.m-v-10x {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.m-h-10x {
    margin-left: 80px !important;
    margin-right: 80px !important
}

.m-t-10x {
    margin-top: 80px !important
}

.m-r-10x {
    margin-right: 80px !important
}

.m-b-10x {
    margin-bottom: 80px !important
}

.m-l-10x {
    margin-left: 80px !important
}

.m-10x {
    margin: 80px !important
}

.p-v-10x {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.p-h-10x {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.p-t-10x {
    padding-top: 80px !important
}

.p-r-10x {
    padding-right: 80px !important
}

.p-b-10x {
    padding-bottom: 80px !important
}

.p-l-10x {
    padding-left: 80px !important
}

.p-10x {
    padding: 80px !important
}

.m-v-11x {
    margin-top: 88px !important;
    margin-bottom: 88px !important
}

.m-h-11x {
    margin-left: 88px !important;
    margin-right: 88px !important
}

.m-t-11x {
    margin-top: 88px !important
}

.m-r-11x {
    margin-right: 88px !important
}

.m-b-11x {
    margin-bottom: 88px !important
}

.m-l-11x {
    margin-left: 88px !important
}

.m-11x {
    margin: 88px !important
}

.p-v-11x {
    padding-top: 88px !important;
    padding-bottom: 88px !important
}

.p-h-11x {
    padding-left: 88px !important;
    padding-right: 88px !important
}

.p-t-11x {
    padding-top: 88px !important
}

.p-r-11x {
    padding-right: 88px !important
}

.p-b-11x {
    padding-bottom: 88px !important
}

.p-l-11x {
    padding-left: 88px !important
}

.p-11x {
    padding: 88px !important
}

.m-v-12x {
    margin-top: 96px !important;
    margin-bottom: 96px !important
}

.m-h-12x {
    margin-left: 96px !important;
    margin-right: 96px !important
}

.m-t-12x {
    margin-top: 96px !important
}

.m-r-12x {
    margin-right: 96px !important
}

.m-b-12x {
    margin-bottom: 96px !important
}

.m-l-12x {
    margin-left: 96px !important
}

.m-12x {
    margin: 96px !important
}

.p-v-12x {
    padding-top: 96px !important;
    padding-bottom: 96px !important
}

.p-h-12x {
    padding-left: 96px !important;
    padding-right: 96px !important
}

.p-t-12x {
    padding-top: 96px !important
}

.p-r-12x {
    padding-right: 96px !important
}

.p-b-12x {
    padding-bottom: 96px !important
}

.p-l-12x {
    padding-left: 96px !important
}

.p-12x {
    padding: 96px !important
}

.m-v-13x {
    margin-top: 104px !important;
    margin-bottom: 104px !important
}

.m-h-13x {
    margin-left: 104px !important;
    margin-right: 104px !important
}

.m-t-13x {
    margin-top: 104px !important
}

.m-r-13x {
    margin-right: 104px !important
}

.m-b-13x {
    margin-bottom: 104px !important
}

.m-l-13x {
    margin-left: 104px !important
}

.m-13x {
    margin: 104px !important
}

.p-v-13x {
    padding-top: 104px !important;
    padding-bottom: 104px !important
}

.p-h-13x {
    padding-left: 104px !important;
    padding-right: 104px !important
}

.p-t-13x {
    padding-top: 104px !important
}

.p-r-13x {
    padding-right: 104px !important
}

.p-b-13x {
    padding-bottom: 104px !important
}

.p-l-13x {
    padding-left: 104px !important
}

.p-13x {
    padding: 104px !important
}

.m-v-14x {
    margin-top: 112px !important;
    margin-bottom: 112px !important
}

.m-h-14x {
    margin-left: 112px !important;
    margin-right: 112px !important
}

.m-t-14x {
    margin-top: 112px !important
}

.m-r-14x {
    margin-right: 112px !important
}

.m-b-14x {
    margin-bottom: 112px !important
}

.m-l-14x {
    margin-left: 112px !important
}

.m-14x {
    margin: 112px !important
}

.p-v-14x {
    padding-top: 112px !important;
    padding-bottom: 112px !important
}

.p-h-14x {
    padding-left: 112px !important;
    padding-right: 112px !important
}

.p-t-14x {
    padding-top: 112px !important
}

.p-r-14x {
    padding-right: 112px !important
}

.p-b-14x {
    padding-bottom: 112px !important
}

.p-l-14x {
    padding-left: 112px !important
}

.p-14x {
    padding: 112px !important
}

.m-v-15x {
    margin-top: 120px !important;
    margin-bottom: 120px !important
}

.m-h-15x {
    margin-left: 120px !important;
    margin-right: 120px !important
}

.m-t-15x {
    margin-top: 120px !important
}

.m-r-15x {
    margin-right: 120px !important
}

.m-b-15x {
    margin-bottom: 120px !important
}

.m-l-15x {
    margin-left: 120px !important
}

.m-15x {
    margin: 120px !important
}

.p-v-15x {
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

.p-h-15x {
    padding-left: 120px !important;
    padding-right: 120px !important
}

.p-t-15x {
    padding-top: 120px !important
}

.p-r-15x {
    padding-right: 120px !important
}

.p-b-15x {
    padding-bottom: 120px !important
}

.p-l-15x {
    padding-left: 120px !important
}

.p-15x {
    padding: 120px !important
}

.m-v-16x {
    margin-top: 128px !important;
    margin-bottom: 128px !important
}

.m-h-16x {
    margin-left: 128px !important;
    margin-right: 128px !important
}

.m-t-16x {
    margin-top: 128px !important
}

.m-r-16x {
    margin-right: 128px !important
}

.m-b-16x {
    margin-bottom: 128px !important
}

.m-l-16x {
    margin-left: 128px !important
}

.m-16x {
    margin: 128px !important
}

.p-v-16x {
    padding-top: 128px !important;
    padding-bottom: 128px !important
}

.p-h-16x {
    padding-left: 128px !important;
    padding-right: 128px !important
}

.p-t-16x {
    padding-top: 128px !important
}

.p-r-16x {
    padding-right: 128px !important
}

.p-b-16x {
    padding-bottom: 128px !important
}

.p-l-16x {
    padding-left: 128px !important
}

.p-16x {
    padding: 128px !important
}

.neg-m-t-0x {
    margin-top: 0 !important
}

.neg-m-b-0x {
    margin-bottom: 0 !important
}

.neg-m-h-0x {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.neg-m-t-1x {
    margin-top: -8px !important
}

.neg-m-b-1x {
    margin-bottom: -8px !important
}

.neg-m-h-1x {
    margin-left: -8px !important;
    margin-right: -8px !important
}

.neg-m-t-2x {
    margin-top: -16px !important
}

.neg-m-b-2x {
    margin-bottom: -16px !important
}

.neg-m-h-2x {
    margin-left: -16px !important;
    margin-right: -16px !important
}

.neg-m-t-3x {
    margin-top: -24px !important
}

.neg-m-b-3x {
    margin-bottom: -24px !important
}

.neg-m-h-3x {
    margin-left: -24px !important;
    margin-right: -24px !important
}

.neg-m-t-4x {
    margin-top: -32px !important
}

.neg-m-b-4x {
    margin-bottom: -32px !important
}

.neg-m-h-4x {
    margin-left: -32px !important;
    margin-right: -32px !important
}

.neg-m-t-5x {
    margin-top: -40px !important
}

.neg-m-b-5x {
    margin-bottom: -40px !important
}

.neg-m-h-5x {
    margin-left: -40px !important;
    margin-right: -40px !important
}

.neg-m-t-6x {
    margin-top: -48px !important
}

.neg-m-b-6x {
    margin-bottom: -48px !important
}

.neg-m-h-6x {
    margin-left: -48px !important;
    margin-right: -48px !important
}

.neg-m-t-7x {
    margin-top: -56px !important
}

.neg-m-b-7x {
    margin-bottom: -56px !important
}

.neg-m-h-7x {
    margin-left: -56px !important;
    margin-right: -56px !important
}

.neg-m-t-8x {
    margin-top: -64px !important
}

.neg-m-b-8x {
    margin-bottom: -64px !important
}

.neg-m-h-8x {
    margin-left: -64px !important;
    margin-right: -64px !important
}

.neg-m-t-9x {
    margin-top: -72px !important
}

.neg-m-b-9x {
    margin-bottom: -72px !important
}

.neg-m-h-9x {
    margin-left: -72px !important;
    margin-right: -72px !important
}

.neg-m-t-10x {
    margin-top: -80px !important
}

.neg-m-b-10x {
    margin-bottom: -80px !important
}

.neg-m-h-10x {
    margin-left: -80px !important;
    margin-right: -80px !important
}

.neg-m-t-11x {
    margin-top: -88px !important
}

.neg-m-b-11x {
    margin-bottom: -88px !important
}

.neg-m-h-11x {
    margin-left: -88px !important;
    margin-right: -88px !important
}

.neg-m-t-12x {
    margin-top: -96px !important
}

.neg-m-b-12x {
    margin-bottom: -96px !important
}

.neg-m-h-12x {
    margin-left: -96px !important;
    margin-right: -96px !important
}

.neg-m-t-13x {
    margin-top: -104px !important
}

.neg-m-b-13x {
    margin-bottom: -104px !important
}

.neg-m-h-13x {
    margin-left: -104px !important;
    margin-right: -104px !important
}

.neg-m-t-14x {
    margin-top: -112px !important
}

.neg-m-b-14x {
    margin-bottom: -112px !important
}

.neg-m-h-14x {
    margin-left: -112px !important;
    margin-right: -112px !important
}

.neg-m-t-15x {
    margin-top: -120px !important
}

.neg-m-b-15x {
    margin-bottom: -120px !important
}

.neg-m-h-15x {
    margin-left: -120px !important;
    margin-right: -120px !important
}

.neg-m-t-16x {
    margin-top: -128px !important
}

.neg-m-b-16x {
    margin-bottom: -128px !important
}

.neg-m-h-16x {
    margin-left: -128px !important;
    margin-right: -128px !important
}

@media (max-width:751px) {
    .mob-m-v-0x {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mob-m-h-0x {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mob-m-t-0x {
        margin-top: 0 !important
    }

    .mob-m-r-0x {
        margin-right: 0 !important
    }

    .mob-m-b-0x {
        margin-bottom: 0 !important
    }

    .mob-m-l-0x {
        margin-left: 0 !important
    }

    .mob-m-0x {
        margin: 0 !important
    }

    .mob-p-v-0x {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .mob-p-h-0x {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mob-p-t-0x {
        padding-top: 0 !important
    }

    .mob-p-r-0x {
        padding-right: 0 !important
    }

    .mob-p-b-0x {
        padding-bottom: 0 !important
    }

    .mob-p-l-0x {
        padding-left: 0 !important
    }

    .mob-p-0x {
        padding: 0 !important
    }

    .mob-m-v-1x {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .mob-m-h-1x {
        margin-left: 8px !important;
        margin-right: 8px !important
    }

    .mob-m-t-1x {
        margin-top: 8px !important
    }

    .mob-m-r-1x {
        margin-right: 8px !important
    }

    .mob-m-b-1x {
        margin-bottom: 8px !important
    }

    .mob-m-l-1x {
        margin-left: 8px !important
    }

    .mob-m-1x {
        margin: 8px !important
    }

    .mob-p-v-1x {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .mob-p-h-1x {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .mob-p-t-1x {
        padding-top: 8px !important
    }

    .mob-p-r-1x {
        padding-right: 8px !important
    }

    .mob-p-b-1x {
        padding-bottom: 8px !important
    }

    .mob-p-l-1x {
        padding-left: 8px !important
    }

    .mob-p-1x {
        padding: 8px !important
    }

    .mob-m-v-2x {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .mob-m-h-2x {
        margin-left: 16px !important;
        margin-right: 16px !important
    }

    .mob-m-t-2x {
        margin-top: 16px !important
    }

    .mob-m-r-2x {
        margin-right: 16px !important
    }

    .mob-m-b-2x {
        margin-bottom: 16px !important
    }

    .mob-m-l-2x {
        margin-left: 16px !important
    }

    .mob-m-2x {
        margin: 16px !important
    }

    .mob-p-v-2x {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .mob-p-h-2x {
        padding-left: 16px !important;
        padding-right: 16px !important
    }

    .mob-p-t-2x {
        padding-top: 16px !important
    }

    .mob-p-r-2x {
        padding-right: 16px !important
    }

    .mob-p-b-2x {
        padding-bottom: 16px !important
    }

    .mob-p-l-2x {
        padding-left: 16px !important
    }

    .mob-p-2x {
        padding: 16px !important
    }

    .mob-m-v-3x {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .mob-m-h-3x {
        margin-left: 24px !important;
        margin-right: 24px !important
    }

    .mob-m-t-3x {
        margin-top: 24px !important
    }

    .mob-m-r-3x {
        margin-right: 24px !important
    }

    .mob-m-b-3x {
        margin-bottom: 24px !important
    }

    .mob-m-l-3x {
        margin-left: 24px !important
    }

    .mob-m-3x {
        margin: 24px !important
    }

    .mob-p-v-3x {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .mob-p-h-3x {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .mob-p-t-3x {
        padding-top: 24px !important
    }

    .mob-p-r-3x {
        padding-right: 24px !important
    }

    .mob-p-b-3x {
        padding-bottom: 24px !important
    }

    .mob-p-l-3x {
        padding-left: 24px !important
    }

    .mob-p-3x {
        padding: 24px !important
    }

    .mob-m-v-4x {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .mob-m-h-4x {
        margin-left: 32px !important;
        margin-right: 32px !important
    }

    .mob-m-t-4x {
        margin-top: 32px !important
    }

    .mob-m-r-4x {
        margin-right: 32px !important
    }

    .mob-m-b-4x {
        margin-bottom: 32px !important
    }

    .mob-m-l-4x {
        margin-left: 32px !important
    }

    .mob-m-4x {
        margin: 32px !important
    }

    .mob-p-v-4x {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .mob-p-h-4x {
        padding-left: 32px !important;
        padding-right: 32px !important
    }

    .mob-p-t-4x {
        padding-top: 32px !important
    }

    .mob-p-r-4x {
        padding-right: 32px !important
    }

    .mob-p-b-4x {
        padding-bottom: 32px !important
    }

    .mob-p-l-4x {
        padding-left: 32px !important
    }

    .mob-p-4x {
        padding: 32px !important
    }

    .mob-m-v-5x {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mob-m-h-5x {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mob-m-t-5x {
        margin-top: 40px !important
    }

    .mob-m-r-5x {
        margin-right: 40px !important
    }

    .mob-m-b-5x {
        margin-bottom: 40px !important
    }

    .mob-m-l-5x {
        margin-left: 40px !important
    }

    .mob-m-5x {
        margin: 40px !important
    }

    .mob-p-v-5x {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .mob-p-h-5x {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .mob-p-t-5x {
        padding-top: 40px !important
    }

    .mob-p-r-5x {
        padding-right: 40px !important
    }

    .mob-p-b-5x {
        padding-bottom: 40px !important
    }

    .mob-p-l-5x {
        padding-left: 40px !important
    }

    .mob-p-5x {
        padding: 40px !important
    }

    .mob-m-v-6x {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .mob-m-h-6x {
        margin-left: 48px !important;
        margin-right: 48px !important
    }

    .mob-m-t-6x {
        margin-top: 48px !important
    }

    .mob-m-r-6x {
        margin-right: 48px !important
    }

    .mob-m-b-6x {
        margin-bottom: 48px !important
    }

    .mob-m-l-6x {
        margin-left: 48px !important
    }

    .mob-m-6x {
        margin: 48px !important
    }

    .mob-p-v-6x {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .mob-p-h-6x {
        padding-left: 48px !important;
        padding-right: 48px !important
    }

    .mob-p-t-6x {
        padding-top: 48px !important
    }

    .mob-p-r-6x {
        padding-right: 48px !important
    }

    .mob-p-b-6x {
        padding-bottom: 48px !important
    }

    .mob-p-l-6x {
        padding-left: 48px !important
    }

    .mob-p-6x {
        padding: 48px !important
    }

    .mob-m-v-7x {
        margin-top: 56px !important;
        margin-bottom: 56px !important
    }

    .mob-m-h-7x {
        margin-left: 56px !important;
        margin-right: 56px !important
    }

    .mob-m-t-7x {
        margin-top: 56px !important
    }

    .mob-m-r-7x {
        margin-right: 56px !important
    }

    .mob-m-b-7x {
        margin-bottom: 56px !important
    }

    .mob-m-l-7x {
        margin-left: 56px !important
    }

    .mob-m-7x {
        margin: 56px !important
    }

    .mob-p-v-7x {
        padding-top: 56px !important;
        padding-bottom: 56px !important
    }

    .mob-p-h-7x {
        padding-left: 56px !important;
        padding-right: 56px !important
    }

    .mob-p-t-7x {
        padding-top: 56px !important
    }

    .mob-p-r-7x {
        padding-right: 56px !important
    }

    .mob-p-b-7x {
        padding-bottom: 56px !important
    }

    .mob-p-l-7x {
        padding-left: 56px !important
    }

    .mob-p-7x {
        padding: 56px !important
    }

    .mob-m-v-8x {
        margin-top: 64px !important;
        margin-bottom: 64px !important
    }

    .mob-m-h-8x {
        margin-left: 64px !important;
        margin-right: 64px !important
    }

    .mob-m-t-8x {
        margin-top: 64px !important
    }

    .mob-m-r-8x {
        margin-right: 64px !important
    }

    .mob-m-b-8x {
        margin-bottom: 64px !important
    }

    .mob-m-l-8x {
        margin-left: 64px !important
    }

    .mob-m-8x {
        margin: 64px !important
    }

    .mob-p-v-8x {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }

    .mob-p-h-8x {
        padding-left: 64px !important;
        padding-right: 64px !important
    }

    .mob-p-t-8x {
        padding-top: 64px !important
    }

    .mob-p-r-8x {
        padding-right: 64px !important
    }

    .mob-p-b-8x {
        padding-bottom: 64px !important
    }

    .mob-p-l-8x {
        padding-left: 64px !important
    }

    .mob-p-8x {
        padding: 64px !important
    }

    .mob-m-v-9x {
        margin-top: 72px !important;
        margin-bottom: 72px !important
    }

    .mob-m-h-9x {
        margin-left: 72px !important;
        margin-right: 72px !important
    }

    .mob-m-t-9x {
        margin-top: 72px !important
    }

    .mob-m-r-9x {
        margin-right: 72px !important
    }

    .mob-m-b-9x {
        margin-bottom: 72px !important
    }

    .mob-m-l-9x {
        margin-left: 72px !important
    }

    .mob-m-9x {
        margin: 72px !important
    }

    .mob-p-v-9x {
        padding-top: 72px !important;
        padding-bottom: 72px !important
    }

    .mob-p-h-9x {
        padding-left: 72px !important;
        padding-right: 72px !important
    }

    .mob-p-t-9x {
        padding-top: 72px !important
    }

    .mob-p-r-9x {
        padding-right: 72px !important
    }

    .mob-p-b-9x {
        padding-bottom: 72px !important
    }

    .mob-p-l-9x {
        padding-left: 72px !important
    }

    .mob-p-9x {
        padding: 72px !important
    }

    .mob-m-v-10x {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .mob-m-h-10x {
        margin-left: 80px !important;
        margin-right: 80px !important
    }

    .mob-m-t-10x {
        margin-top: 80px !important
    }

    .mob-m-r-10x {
        margin-right: 80px !important
    }

    .mob-m-b-10x {
        margin-bottom: 80px !important
    }

    .mob-m-l-10x {
        margin-left: 80px !important
    }

    .mob-m-10x {
        margin: 80px !important
    }

    .mob-p-v-10x {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .mob-p-h-10x {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .mob-p-t-10x {
        padding-top: 80px !important
    }

    .mob-p-r-10x {
        padding-right: 80px !important
    }

    .mob-p-b-10x {
        padding-bottom: 80px !important
    }

    .mob-p-l-10x {
        padding-left: 80px !important
    }

    .mob-p-10x {
        padding: 80px !important
    }

    .mob-m-v-11x {
        margin-top: 88px !important;
        margin-bottom: 88px !important
    }

    .mob-m-h-11x {
        margin-left: 88px !important;
        margin-right: 88px !important
    }

    .mob-m-t-11x {
        margin-top: 88px !important
    }

    .mob-m-r-11x {
        margin-right: 88px !important
    }

    .mob-m-b-11x {
        margin-bottom: 88px !important
    }

    .mob-m-l-11x {
        margin-left: 88px !important
    }

    .mob-m-11x {
        margin: 88px !important
    }

    .mob-p-v-11x {
        padding-top: 88px !important;
        padding-bottom: 88px !important
    }

    .mob-p-h-11x {
        padding-left: 88px !important;
        padding-right: 88px !important
    }

    .mob-p-t-11x {
        padding-top: 88px !important
    }

    .mob-p-r-11x {
        padding-right: 88px !important
    }

    .mob-p-b-11x {
        padding-bottom: 88px !important
    }

    .mob-p-l-11x {
        padding-left: 88px !important
    }

    .mob-p-11x {
        padding: 88px !important
    }

    .mob-m-v-12x {
        margin-top: 96px !important;
        margin-bottom: 96px !important
    }

    .mob-m-h-12x {
        margin-left: 96px !important;
        margin-right: 96px !important
    }

    .mob-m-t-12x {
        margin-top: 96px !important
    }

    .mob-m-r-12x {
        margin-right: 96px !important
    }

    .mob-m-b-12x {
        margin-bottom: 96px !important
    }

    .mob-m-l-12x {
        margin-left: 96px !important
    }

    .mob-m-12x {
        margin: 96px !important
    }

    .mob-p-v-12x {
        padding-top: 96px !important;
        padding-bottom: 96px !important
    }

    .mob-p-h-12x {
        padding-left: 96px !important;
        padding-right: 96px !important
    }

    .mob-p-t-12x {
        padding-top: 96px !important
    }

    .mob-p-r-12x {
        padding-right: 96px !important
    }

    .mob-p-b-12x {
        padding-bottom: 96px !important
    }

    .mob-p-l-12x {
        padding-left: 96px !important
    }

    .mob-p-12x {
        padding: 96px !important
    }

    .mob-m-v-13x {
        margin-top: 104px !important;
        margin-bottom: 104px !important
    }

    .mob-m-h-13x {
        margin-left: 104px !important;
        margin-right: 104px !important
    }

    .mob-m-t-13x {
        margin-top: 104px !important
    }

    .mob-m-r-13x {
        margin-right: 104px !important
    }

    .mob-m-b-13x {
        margin-bottom: 104px !important
    }

    .mob-m-l-13x {
        margin-left: 104px !important
    }

    .mob-m-13x {
        margin: 104px !important
    }

    .mob-p-v-13x {
        padding-top: 104px !important;
        padding-bottom: 104px !important
    }

    .mob-p-h-13x {
        padding-left: 104px !important;
        padding-right: 104px !important
    }

    .mob-p-t-13x {
        padding-top: 104px !important
    }

    .mob-p-r-13x {
        padding-right: 104px !important
    }

    .mob-p-b-13x {
        padding-bottom: 104px !important
    }

    .mob-p-l-13x {
        padding-left: 104px !important
    }

    .mob-p-13x {
        padding: 104px !important
    }

    .mob-m-v-14x {
        margin-top: 112px !important;
        margin-bottom: 112px !important
    }

    .mob-m-h-14x {
        margin-left: 112px !important;
        margin-right: 112px !important
    }

    .mob-m-t-14x {
        margin-top: 112px !important
    }

    .mob-m-r-14x {
        margin-right: 112px !important
    }

    .mob-m-b-14x {
        margin-bottom: 112px !important
    }

    .mob-m-l-14x {
        margin-left: 112px !important
    }

    .mob-m-14x {
        margin: 112px !important
    }

    .mob-p-v-14x {
        padding-top: 112px !important;
        padding-bottom: 112px !important
    }

    .mob-p-h-14x {
        padding-left: 112px !important;
        padding-right: 112px !important
    }

    .mob-p-t-14x {
        padding-top: 112px !important
    }

    .mob-p-r-14x {
        padding-right: 112px !important
    }

    .mob-p-b-14x {
        padding-bottom: 112px !important
    }

    .mob-p-l-14x {
        padding-left: 112px !important
    }

    .mob-p-14x {
        padding: 112px !important
    }

    .mob-m-v-15x {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .mob-m-h-15x {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .mob-m-t-15x {
        margin-top: 120px !important
    }

    .mob-m-r-15x {
        margin-right: 120px !important
    }

    .mob-m-b-15x {
        margin-bottom: 120px !important
    }

    .mob-m-l-15x {
        margin-left: 120px !important
    }

    .mob-m-15x {
        margin: 120px !important
    }

    .mob-p-v-15x {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .mob-p-h-15x {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .mob-p-t-15x {
        padding-top: 120px !important
    }

    .mob-p-r-15x {
        padding-right: 120px !important
    }

    .mob-p-b-15x {
        padding-bottom: 120px !important
    }

    .mob-p-l-15x {
        padding-left: 120px !important
    }

    .mob-p-15x {
        padding: 120px !important
    }

    .mob-m-v-16x {
        margin-top: 128px !important;
        margin-bottom: 128px !important
    }

    .mob-m-h-16x {
        margin-left: 128px !important;
        margin-right: 128px !important
    }

    .mob-m-t-16x {
        margin-top: 128px !important
    }

    .mob-m-r-16x {
        margin-right: 128px !important
    }

    .mob-m-b-16x {
        margin-bottom: 128px !important
    }

    .mob-m-l-16x {
        margin-left: 128px !important
    }

    .mob-m-16x {
        margin: 128px !important
    }

    .mob-p-v-16x {
        padding-top: 128px !important;
        padding-bottom: 128px !important
    }

    .mob-p-h-16x {
        padding-left: 128px !important;
        padding-right: 128px !important
    }

    .mob-p-t-16x {
        padding-top: 128px !important
    }

    .mob-p-r-16x {
        padding-right: 128px !important
    }

    .mob-p-b-16x {
        padding-bottom: 128px !important
    }

    .mob-p-l-16x {
        padding-left: 128px !important
    }

    .mob-p-16x {
        padding: 128px !important
    }
}

.max-w-xlg {
    max-width: 896px !important
}

.max-w-lg {
    max-width: 768px !important
}

.max-w-md {
    max-width: 576px !important
}

.max-w-sm {
    max-width: 480px !important
}

.max-w-xs {
    max-width: 360px !important
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:514px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:752px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:1012px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1232px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-line-through {
    text-decoration: line-through
}

.text-white {
    color: #fff !important
}

.text-faded {
    color: #99a5c2 !important
}

.text-normal {
    text-transform: none !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 500 !important
}

.font-italic {
    font-style: italic !important
}

.text-default {
    color: #536080 !important
}

.text-primary {
    color: #144fc4 !important
}

.text-secondary {
    color: #ff7800 !important
}

.text-success {
    color: #33a67c !important
}

.text-info {
    color: #50bfff !important
}

.text-warning {
    color: #ff8f33 !important
}

.text-danger {
    color: #f55656 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.bg-default {
    background: #536080 !important
}

.border-default {
    border-color: #536080 !important
}

.bg-default-lighter {
    background: #596789 !important
}

.border-default-lighter {
    border-color: #596789 !important
}

.bg-default-darker {
    background: #4d5977 !important
}

.border-default-darker {
    border-color: #4d5977 !important
}

.bg-default-faded {
    background: #e6e6eb !important
}

.border-default-faded {
    border-color: #e6e6eb !important
}

.bg-default-gradient {
    background: linear-gradient(120deg, #536080 0, #434d67 100%) !important
}

.border-default-gradient {
    border-color: linear-gradient(120deg, #536080 0%, #434d67 100%) !important
}

.bg-primary {
    background: #144fc4 !important
}

.border-primary {
    border-color: #144fc4 !important
}

.bg-primary-lighter {
    background: #1368e7 !important
}

.border-primary-lighter {
    border-color: #1368e7 !important
}

.bg-primary-darker {
    background: #0c3aa3 !important
}

.border-primary-darker {
    border-color: #0c3aa3 !important
}

.bg-primary-faded {
    background: #c4d6f9 !important
}

.border-primary-faded {
    border-color: #c4d6f9 !important
}

.bg-primary-gradient {
    background: linear-gradient(120deg, #1958e8 0, #144fc4 100%) !important
}

.border-primary-gradient {
    border-color: linear-gradient(120deg, #1958e8 0%, #144fc4 100%) !important
}

.bg-secondary {
    background: #ff7800 !important
}

.border-secondary {
    border-color: #ff7800 !important
}

.bg-secondary-lighter {
    background: #ff9000 !important
}

.border-secondary-lighter {
    border-color: #ff9000 !important
}

.bg-secondary-darker {
    background: #ff5a00 !important
}

.border-secondary-darker {
    border-color: #ff5a00 !important
}

.bg-secondary-faded {
    background: #fff !important
}

.border-secondary-faded {
    border-color: #fff !important
}

.bg-secondary-gradient {
    background: linear-gradient(120deg, #ff9529 0, #ff7800 100%) !important
}

.border-secondary-gradient {
    border-color: linear-gradient(120deg, #ff9529 0%, #ff7800 100%) !important
}

.bg-success {
    background: #33a67c !important
}

.border-success {
    border-color: #33a67c !important
}

.bg-success-lighter {
    background: #3ec493 !important
}

.border-success-lighter {
    border-color: #3ec493 !important
}

.bg-success-darker {
    background: #298765 !important
}

.border-success-darker {
    border-color: #298765 !important
}

.bg-success-faded {
    background: #daf5ea !important
}

.border-success-faded {
    border-color: #daf5ea !important
}

.bg-success-gradient {
    background: linear-gradient(120deg, #33a67c 0, #298765 100%) !important
}

.border-success-gradient {
    border-color: linear-gradient(120deg, #33a67c 0%, #298765 100%) !important
}

.bg-info {
    background: #50bfff !important
}

.border-info {
    border-color: #50bfff !important
}

.bg-info-lighter {
    background: #79ceff !important
}

.border-info-lighter {
    border-color: #79ceff !important
}

.bg-info-darker {
    background: #27b0ff !important
}

.border-info-darker {
    border-color: #27b0ff !important
}

.bg-info-faded {
    background: #e9f7ff !important
}

.border-info-faded {
    border-color: #e9f7ff !important
}

.bg-info-gradient {
    background: linear-gradient(120deg, #50bfff 0, #27b0ff 100%) !important
}

.border-info-gradient {
    border-color: linear-gradient(120deg, #50bfff 0%, #27b0ff 100%) !important
}

.bg-warning {
    background: #ff8f33 !important
}

.border-warning {
    border-color: #ff8f33 !important
}

.bg-warning-lighter {
    background: #ffa55c !important
}

.border-warning-lighter {
    border-color: #ffa55c !important
}

.bg-warning-darker {
    background: #ff790a !important
}

.border-warning-darker {
    border-color: #ff790a !important
}

.bg-warning-faded {
    background: #ffe3cc !important
}

.border-warning-faded {
    border-color: #ffe3cc !important
}

.bg-warning-gradient {
    background: linear-gradient(120deg, #ff8f33 0, #ff790a 100%) !important
}

.border-warning-gradient {
    border-color: linear-gradient(120deg, #ff8f33 0%, #ff790a 100%) !important
}

.bg-danger {
    background: #f55656 !important
}

.border-danger {
    border-color: #f55656 !important
}

.bg-danger-lighter {
    background: #f77d7d !important
}

.border-danger-lighter {
    border-color: #f77d7d !important
}

.bg-danger-darker {
    background: #f32f2f !important
}

.border-danger-darker {
    border-color: #f32f2f !important
}

.bg-danger-faded {
    background: #fee6e6 !important
}

.border-danger-faded {
    border-color: #fee6e6 !important
}

.bg-danger-gradient {
    background: linear-gradient(120deg, #f55656 0, #f32f2f 100%) !important
}

.border-danger-gradient {
    border-color: linear-gradient(120deg, #f55656 0%, #f32f2f 100%) !important
}

.bg-gray {
    background: #112240 !important
}

.border-gray {
    border-color: #112240 !important
}

.bg-gray-lighter {
    background: #162d54 !important
}

.border-gray-lighter {
    border-color: #162d54 !important
}

.bg-gray-darker {
    background: #0c172c !important
}

.border-gray-darker {
    border-color: #0c172c !important
}

.bg-gray-faded {
    background: #3162b9 !important
}

.border-gray-faded {
    border-color: #3162b9 !important
}

.bg-gray-gradient {
    background: linear-gradient(120deg, #112240 0, #081120 100%) !important
}

.border-gray-gradient {
    border-color: linear-gradient(120deg, #112240 0%, #081120 100%) !important
}

.bg-dark {
    background: #112240 !important
}

.border-dark {
    border-color: #112240 !important
}

.bg-dark-lighter {
    background: #162d54 !important
}

.border-dark-lighter {
    border-color: #162d54 !important
}

.bg-dark-darker {
    background: #0c172c !important
}

.border-dark-darker {
    border-color: #0c172c !important
}

.bg-dark-faded {
    background: #3162b9 !important
}

.border-dark-faded {
    border-color: #3162b9 !important
}

.bg-dark-gradient {
    background: linear-gradient(120deg, #112240 0, #081120 100%) !important
}

.border-dark-gradient {
    border-color: linear-gradient(120deg, #112240 0%, #081120 100%) !important
}

.flex-xs-first {
    order: -1 !important
}

.flex-xs-last {
    order: 1 !important
}

.flex-xs-unordered {
    order: 0 !important
}

.flex-items-xs-top {
    align-items: flex-start !important
}

.flex-items-xs-middle {
    align-items: center !important
}

.flex-items-xs-bottom {
    align-items: flex-end !important
}

.flex-xs-top {
    align-self: flex-start !important
}

.flex-xs-middle {
    align-self: center !important
}

.flex-xs-bottom {
    align-self: flex-end !important
}

.flex-items-xs-left {
    justify-content: flex-start !important
}

.flex-items-xs-center {
    justify-content: center !important
}

.flex-items-xs-right {
    justify-content: flex-end !important
}

.flex-items-xs-around {
    justify-content: space-around !important
}

.flex-items-xs-between {
    justify-content: space-between !important
}

@media (min-width:514px) {
    .flex-sm-first {
        order: -1 !important
    }

    .flex-sm-last {
        order: 1 !important
    }

    .flex-sm-unordered {
        order: 0 !important
    }

    .flex-items-sm-top {
        align-items: flex-start !important
    }

    .flex-items-sm-middle {
        align-items: center !important
    }

    .flex-items-sm-bottom {
        align-items: flex-end !important
    }

    .flex-sm-top {
        align-self: flex-start !important
    }

    .flex-sm-middle {
        align-self: center !important
    }

    .flex-sm-bottom {
        align-self: flex-end !important
    }

    .flex-items-sm-left {
        justify-content: flex-start !important
    }

    .flex-items-sm-center {
        justify-content: center !important
    }

    .flex-items-sm-right {
        justify-content: flex-end !important
    }

    .flex-items-sm-around {
        justify-content: space-around !important
    }

    .flex-items-sm-between {
        justify-content: space-between !important
    }
}

@media (min-width:752px) {
    .flex-md-first {
        order: -1 !important
    }

    .flex-md-last {
        order: 1 !important
    }

    .flex-md-unordered {
        order: 0 !important
    }

    .flex-items-md-top {
        align-items: flex-start !important
    }

    .flex-items-md-middle {
        align-items: center !important
    }

    .flex-items-md-bottom {
        align-items: flex-end !important
    }

    .flex-md-top {
        align-self: flex-start !important
    }

    .flex-md-middle {
        align-self: center !important
    }

    .flex-md-bottom {
        align-self: flex-end !important
    }

    .flex-items-md-left {
        justify-content: flex-start !important
    }

    .flex-items-md-center {
        justify-content: center !important
    }

    .flex-items-md-right {
        justify-content: flex-end !important
    }

    .flex-items-md-around {
        justify-content: space-around !important
    }

    .flex-items-md-between {
        justify-content: space-between !important
    }
}

@media (min-width:1012px) {
    .flex-lg-first {
        order: -1 !important
    }

    .flex-lg-last {
        order: 1 !important
    }

    .flex-lg-unordered {
        order: 0 !important
    }

    .flex-items-lg-top {
        align-items: flex-start !important
    }

    .flex-items-lg-middle {
        align-items: center !important
    }

    .flex-items-lg-bottom {
        align-items: flex-end !important
    }

    .flex-lg-top {
        align-self: flex-start !important
    }

    .flex-lg-middle {
        align-self: center !important
    }

    .flex-lg-bottom {
        align-self: flex-end !important
    }

    .flex-items-lg-left {
        justify-content: flex-start !important
    }

    .flex-items-lg-center {
        justify-content: center !important
    }

    .flex-items-lg-right {
        justify-content: flex-end !important
    }

    .flex-items-lg-around {
        justify-content: space-around !important
    }

    .flex-items-lg-between {
        justify-content: space-between !important
    }
}

@media (min-width:1232px) {
    .flex-xl-first {
        order: -1 !important
    }

    .flex-xl-last {
        order: 1 !important
    }

    .flex-xl-unordered {
        order: 0 !important
    }

    .flex-items-xl-top {
        align-items: flex-start !important
    }

    .flex-items-xl-middle {
        align-items: center !important
    }

    .flex-items-xl-bottom {
        align-items: flex-end !important
    }

    .flex-xl-top {
        align-self: flex-start !important
    }

    .flex-xl-middle {
        align-self: center !important
    }

    .flex-xl-bottom {
        align-self: flex-end !important
    }

    .flex-items-xl-left {
        justify-content: flex-start !important
    }

    .flex-items-xl-center {
        justify-content: center !important
    }

    .flex-items-xl-right {
        justify-content: flex-end !important
    }

    .flex-items-xl-around {
        justify-content: space-around !important
    }

    .flex-items-xl-between {
        justify-content: space-between !important
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:514px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:752px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1012px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1232px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

.order-first {
    order: -1
}

.order-last {
    order: 1
}

.order-0 {
    order: 0
}

.order-4 {
    order: 4
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:514px) {
    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 1
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-4 {
        order: 4
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:752px) {
    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 1
    }

    .order-md-0 {
        order: 0
    }

    .order-md-4 {
        order: 4
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1012px) {
    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 1
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-4 {
        order: 4
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1232px) {
    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 1
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-4 {
        order: 4
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.flex-grow-0 {
    flex-grow: 0
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-grow-2 {
    flex-grow: 2
}

.flex-grow-3 {
    flex-grow: 3
}

.flex-grow-4 {
    flex-grow: 4
}

.flex-grow-5 {
    flex-grow: 5
}

.flex-grow-6 {
    flex-grow: 6
}

.flex-grow-7 {
    flex-grow: 7
}

.flex-grow-8 {
    flex-grow: 8
}

.flex-grow-9 {
    flex-grow: 9
}

.flex-grow-10 {
    flex-grow: 10
}

.table__col-1 {
    width: 4.16667%
}

.table__col-2 {
    width: 8.33333%
}

.table__col-3 {
    width: 12.5%
}

.table__col-4 {
    width: 16.66667%
}

.table__col-5 {
    width: 20.83333%
}

.table__col-6 {
    width: 25%
}

.table__col-7 {
    width: 29.16667%
}

.table__col-8 {
    width: 33.33333%
}

.table__col-9 {
    width: 37.5%
}

.table__col-10 {
    width: 41.66667%
}

.table__col-11 {
    width: 45.83333%
}

.table__col-12 {
    width: 50%
}

.table__col-13 {
    width: 54.16667%
}

.table__col-14 {
    width: 58.33333%
}

.table__col-15 {
    width: 62.5%
}

.table__col-16 {
    width: 66.66667%
}

.table__col-17 {
    width: 70.83333%
}

.table__col-18 {
    width: 75%
}

.table__col-19 {
    width: 79.16667%
}

.table__col-20 {
    width: 83.33333%
}

.table__col-21 {
    width: 87.5%
}

.table__col-22 {
    width: 91.66667%
}

.table__col-23 {
    width: 95.83333%
}

.table__col-24 {
    width: 100%
}

.section {
    padding: 140px 0;
    background: #fff
}

.section1 {
    padding: 10px
}

.section,
.section + .container {
    position: relative;
    z-index: 2
}

.section + .section {
    padding-top: 0
}

.section + .section--dark {
    border-top: none;
    padding-top: 140px
}

.section + .section--dark + .section {
    padding-top: 140px
}

.section + .section--enlargment {
    padding-top: 0;
    border-top: none
}

.section__content,
.section__graphic {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.section__content [data-animation],
.section__graphic [data-animation] {
    overflow: visible;
    visibility: visible
}

.section__content {
    position: relative;
    min-height: 100%
}

.section__content > :last-child {
    margin-bottom: 0
}

.section__content .section__features .row--features,
.section__content + .section__graphic {
    margin-top: 0
}

.section__graphic {
    min-height: 100%
}

.section__graphic.section__graphic-left {
    right: 180px
}

.section__graphic .dv--wp-on-steroids {
    margin-left: -351px
}

.section__title {
    margin: 0 auto 32px;
    max-width: 1046px;
    text-align: center
}

.section__title-left {
    margin: 0 0 32px
}

.section__features + .section__actions {
    margin-top: 32px
}

.section__features + * {
    margin-top: 80px
}

.section__features > .feature:nth-child(1) {
    margin-top: 0
}

.section__actions {
    margin-top: 70px;
    text-align: center
}

.section__actions .btn {
    min-width: 258px;
    padding: 0 16px
}

.section__desc {
    max-width: 1046px;
    margin: 0 auto 56px;
    text-align: center
}

.section__desc > :last-child {
    margin-bottom: 0
}

.section__desc + .panel {
    margin-top: 32px
}

.section--annoucements p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75
}

.section--annoucements .btn--back {
    font-size: 14px;
    padding: 0;
    margin-top: 30px
}

.section--annoucements .btn--back .btn__icon {
    margin-left: 0;
    margin-right: 35px
}

.section--support-reviews {
    padding-bottom: 128px
}

.section--support-reviews .slider--support ul {
    flex-wrap: wrap;
    justify-content: center
}

.section--support-reviews p.section__desc {
    width: 70%
}

.section--articles .section__desc,
.section--blog-posts .section__desc {
    width: 73%;
    margin-bottom: 1rem
}

.section--articles .section__content .row > div,
.section--blog-posts .section__content .row > div {
    padding-left: 17px;
    padding-right: 17px
}

.section--faq .list-group__content p > a {
    text-decoration: none;
    font-weight: 700
}

.section--faq .list-group__content p > a:hover {
    color: #ff9000 !important
}

.section--dark {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%)
}

.section--dark > .container {
    position: relative;
    z-index: 1
}

.section--dark .section__title {
    color: #fff
}

.section--dark .section__desc {
    color: rgba(255, 255, 255, .7)
}

.section--dark .feature:not(.feature--boxed),
.section--primary .feature:not(.feature--boxed) {
    border-color: rgba(255, 255, 255, .2);
    color: #fff
}

.section--dark .feature:not(.feature--boxed) .feature__actions .btn,
.section--dark .feature:not(.feature--boxed) .feature__title {
    color: #fff
}

.section--dark .feature:not(.feature--boxed) .feature__desc {
    color: rgba(255, 255, 255, .7)
}

.section--primary {
    background: #144fc4
}

.section--primary > .container {
    position: relative;
    z-index: 3
}

.section--primary .section__actions,
.section--primary .section__desc,
.section--primary .section__title {
    color: #fff
}

.section--primary .section__actions .btn.btn--white:active,
.section--primary .section__actions .btn.btn--white:focus,
.section--primary .section__actions .btn.btn--white:hover {
    background: #fff;
    color: #144fc4
}

.section--primary .feature:not(.feature--boxed) .feature__actions .btn,
.section--primary .feature:not(.feature--boxed) .feature__title {
    color: #fff
}

.section--primary .feature:not(.feature--boxed) .feature__desc {
    color: rgba(255, 255, 255, .7)
}

.section--graphic-right .section__graphic {
    align-items: flex-end
}

.section--full-graphic {
    min-height: 500px;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center
}

.section--full-graphic .section__graphic {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0
}

.section--full-graphic .section__graphic .g-c {
    width: 100%;
    height: 100%
}

.section--full-graphic .col-sm-6 {
    margin-left: 50%
}

.section--full-graphic.section--graphic-right .section__graphic {
    right: 0;
    left: auto
}

.section--full-graphic.section--graphic-right .col-sm-6 {
    margin-left: 0
}

.section--subsections .row {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative
}

.section--subsections .row:first-child {
    padding-top: 0
}

.section--subsections .row:after {
    content: "";
    width: 2px;
    background: #ff7800;
    position: absolute;
    height: 64px;
    bottom: -32px;
    z-index: 1;
    left: 50%;
    right: 0
}

.section--subsections .row:before {
    content: '\f2f2';
    font: 14px/1 'Material-Design-Iconic-Font';
    position: absolute;
    left: calc(50% - 2px);
    right: 0;
    bottom: -40px;
    z-index: 2;
    color: #ff7800;
    font-size: 16px
}

.section--subsections .row:last-child:after {
    height: 138px;
    bottom: -140px
}

.section--subsections .row:last-child:before {
    bottom: -148px
}

.section--careers .section__graphic .g-c,
.section--careers .section__graphic .g-c > img {
    position: relative
}

.section.overlap + .section {
    border-top: none
}

.section--webhosting {
    padding-top: 40px
}

.section--webhosting .partners-logo {
    display: flex;
    flex-direction: row;
    margin-bottom: 100px
}

.section--webhosting .partners-logo > div {
    display: flex;
    margin: 0 30px
}

.section--webhosting .partners-logo > div img {
    filter: grayscale(100%);
    opacity: .3;
    transition: .4s;
    margin: auto;
    max-width: unset;
    width: 100%
}

.section--webhosting .partners-logo > div:hover img {
    filter: grayscale(0%);
    opacity: 1
}

.section--webhosting .tab-content {
    margin-bottom: 56px
}

.section .section__body {
    display: flex;
    align-items: center
}

.section__sidebar {
    width: 360px;
    min-width: 360px
}

.section__sidebar + .section__content {
    margin-left: 48px;
    flex: 1
}

.section + .section--graphic-top {
    padding-top: 250px;
    margin-top: 255px
}

.section + .section--graphic-top .section__graphic--top {
    position: absolute;
    left: 0;
    right: 0;
    top: -505px;
    max-width: 986px;
    margin: auto
}

.section + .section--graphic-top .section__graphic--top [data-animation] {
    overflow: visible;
    visibility: visible
}

.section + .section--graphic-top.section--fast-cloud .section__graphic--top {
    max-width: 900px
}

.section.section--sides .section__content .section__desc {
    margin-bottom: 0
}

.section.section--sides .section__content .section__actions,
.section.section--sides .section__content .section__desc + .section__desc {
    margin-top: 16px
}

.section.section--sides .section__content .section__actions .btn {
    padding-left: 0;
    justify-content: flex-start
}

.section.section--sides .section__content .section__actions .btn i {
    margin-left: 12px
}

.section.section--sides .section__content .section__actions .btn span:after {
    top: 2px
}

.section.section--sides .section__content .section__actions .btn:hover span:after {
    right: -24px;
    top: 2px
}

.section.section--sides .section__graphic {
    height: 368px;
    max-width: 492px;
    width: 100%
}

.section.section--sides.section--graphic-left .section__graphic {
    margin-right: auto
}

.section.section--sides.section--graphic-right .section__graphic {
    margin-left: auto
}

.section--bordered {
    border-top: 1px solid #e1e2e5
}

.section--video .video__container {
    width: 841px;
    height: 471px;
    background-image: url(../../img/laptop/laptop.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: -26px auto 32px
}

.section--video .video__container .video__inner {
    position: relative;
    max-width: 628px;
    top: 32px;
    margin: auto;
    display: flex
}

.section--video .video__container .video__inner:hover .video__button {
    background: #ff7800
}

.section--video .video__container .video__button {
    width: 128px;
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .64);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    transition: all .3s
}

.section--video .video__container .video__button img {
    width: 40px;
    height: 54px
}

.section--video .section__actions {
    margin-top: 64px
}

.section--reviews .section__desc {
    max-width: 458px;
    border: 1px solid #e1e2e5;
    border-radius: 8px;
    position: relative;
    padding: 32px 0 24px;
    margin-top: 60px
}

.section--reviews .section__desc .reviews-score {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 0 16px;
    font-size: 52px;
    color: #ff7800
}

.section--tiles .section__title {
    margin-bottom: 80px
}

@media (max-width:1011px) {
    .section--tiles .section__title {
        margin-bottom: 32px
    }
}

@media (max-width:751px) {
    .section--tiles .section__title {
        margin-bottom: 24px
    }
}

.section--tiles .tile {
    margin-bottom: 24px;
    padding: 24px;
    justify-content: center;
    color: #112240;
    font-weight: 700
}

@media (min-width:752px) {
    .section--tiles .tile {
        height: 162px
    }
}

@media (min-width:1012px) {
    .section--tiles .tile {
        font-size: 18px;
        line-height: 26px
    }
}

.section--tiles .tile--bordered {
    transition: .3s border
}

.section--tiles .tile--bordered:hover {
    border-color: #ff7800
}

.section--website-builder .section__graphic {
    position: absolute;
    right: -12px;
    min-height: 600px
}

.section--swiper-video {
    overflow: hidden
}

.section--start {
    padding-bottom: 455px
}

.section--animation-top {
    margin-top: -465px;
    background-color: transparent
}

.section--animation-top .section__graphic .dev--wb .dv__item.browser {
    border-radius: 6px
}

.section--empowers .feature__desc {
    font-size: 16px;
    line-height: 24px
}

.section--graphic-bottom {
    padding-bottom: 280px;
    margin-bottom: 180px
}

.section--graphic-bottom .section__graphic--bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -520px;
    max-width: 988px;
    margin: auto
}

.section--graphic-bottom + .section {
    z-index: 0
}

.section--hiring .section__title {
    margin-bottom: 40px !important
}

.section--hiring .section__desc {
    font-size: 18px;
    line-height: 52px;
    margin-bottom: 0
}

.section--hiring .section__item {
    height: 242px;
    margin: 16px 0
}

.section--hiring .container .feature {
    transition: transform .3s, box-shadow .3s, border-color .3s
}

.section--hiring .container .feature__body {
    height: 100%
}

.section--hiring .container .feature__icon {
    display: none
}

.section--hiring .container .feature__content {
    margin-top: 34px
}

.section--hiring .container .feature__desc {
    height: 28px;
    margin-top: 13px;
    min-height: unset
}

.section--hiring .container .feature__title {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    line-height: 32px
}

.section--hiring .container .feature__actions .btn--outline {
    height: 40px
}

.section--hiring .container .feature:hover {
    border-color: transparent;
    box-shadow: 0 16px 24px rgba(0, 0, 0, .06), 0 16px 24px rgba(0, 0, 0, .06), 0 16px 48px rgba(0, 0, 0, .08);
    transform: translate3d(0, -8px, 0)
}

.section--herobuilder {
    margin-top: -615px
}

.section--herobuilder .dv.dev--wb {
    width: 770px
}

.section--herobuilder .dv.dev--wb .dv__item--left {
    bottom: 113px
}

.section--herobuilder .dv.dev--wb .dv__item--right {
    padding: 12px;
    bottom: 140px
}

.section--herobuilder .dv.dev--wb .dv__item--center.browser__screen-heading,
.section--herobuilder .dv.dev--wb .dv__item--top {
    left: 83px
}

.section#resultsarea {
    margin-top: -262px;
    z-index: 3
}

.section#resultsarea,
.section#resultsarea + .section {
    background-color: transparent
}

.section--getting-started .section__content-bg {
    background-image: url(../../img/sections/reseller/reseller-line.html);
    background-repeat: no-repeat;
    background-size: contain;
    height: 379px;
    max-width: 986px;
    width: 100%;
    margin: auto;
    position: relative
}

.section--getting-started .section__content-bg .title {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    max-width: 188px
}

.section--getting-started .section__content-bg .num {
    height: 64px;
    width: 64px;
    border-radius: 100%;
    border: 2px solid #fff;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.section--getting-started .section__content-bg .num-1 {
    background-color: #0d248c
}

.section--getting-started .section__content-bg .num-2 {
    background-color: #0a3093
}

.section--getting-started .section__content-bg .num-3 {
    background-color: #072488
}

.section--getting-started .section__content-bg .num-4 {
    background-color: #09167c
}

.section--getting-started .section__content-bg .section__content-item {
    position: absolute
}

.section--getting-started .section__content-bg .section__content-item.item-top {
    top: 20px;
    left: 372px
}

.section--getting-started .section__content-bg .section__content-item.item-top .num {
    position: relative
}

.section--getting-started .section__content-bg .section__content-item.item-top .num:after {
    content: "";
    position: absolute;
    top: -2px;
    transform: rotate(145deg);
    right: -30px;
    width: 40px;
    background-color: #fff;
    height: 1px
}

.section--getting-started .section__content-bg .section__content-item.item-left,
.section--getting-started .section__content-bg .section__content-item.item-right {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center
}

.section--getting-started .section__content-bg .section__content-item.item-left .title,
.section--getting-started .section__content-bg .section__content-item.item-right .title {
    margin-bottom: 0
}

.section--getting-started .section__content-bg .section__content-item.item-right {
    right: -30px
}

.section--getting-started .section__content-bg .section__content-item.item-right .title {
    margin-right: 40px
}

.section--getting-started .section__content-bg .section__content-item.item-right .num {
    position: relative
}

.section--getting-started .section__content-bg .section__content-item.item-right .num:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    width: 30px;
    background-color: #fff;
    height: 1px
}

.section--getting-started .section__content-bg .section__content-item.item-left {
    left: -30px
}

.section--getting-started .section__content-bg .section__content-item.item-left .title {
    order: 2;
    margin-left: 40px
}

.section--getting-started .section__content-bg .section__content-item.item-left .num {
    position: relative
}

.section--getting-started .section__content-bg .section__content-item.item-left .num:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    width: 30px;
    background-color: #fff;
    height: 1px
}

.section--getting-started .section__content-bg .section__content-item.item-bottom {
    bottom: 12px;
    right: 388px
}

.section--getting-started .section__content-bg .section__content-item.item-bottom .title {
    margin-top: 24px
}

.section--getting-started .section__content-bg .section__content-item.item-bottom .num {
    position: relative;
    margin-left: auto
}

.section--getting-started .section__content-bg .section__content-item.item-bottom .num:after {
    content: "";
    position: absolute;
    bottom: -8px;
    transform: rotate(135deg);
    left: -10px;
    width: 30px;
    background-color: #fff;
    height: 1px
}

.section#section--contact-info .feature.feature--data .feature__list li {
    line-height: 28px
}

.z-i-4 {
    z-index: 4 !important
}

#modalWhois + .section {
    padding-top: 0
}

.anchor-target {
    position: absolute;
    top: -60px;
    display: block;
    height: 1px;
    width: 1px
}

@media (max-width:1230px) {
    .section__graphic.section__graphic-left {
        right: 300px
    }
}

@media (min-width:1012px) {
    .section--enlargment .col-lg-7 .section__features .row > .col-md-4:first-of-type .feature {
        margin-top: 0
    }

    #response-support .section__graphic .g-c {
        width: 464px;
        height: 464px;
        margin-top: -20px;
        margin-bottom: -20px
    }

    .section--empowers .feature {
        max-width: 359px
    }

    .section--empowers .feature .feature__body {
        padding: 32px 40px
    }

    .section + .section--graphic-top.section--fast-cloud {
        padding-top: 280px
    }

    .section--plans .section__title {
        margin-bottom: 72px
    }
}

@media (max-width:1231px) {
    .section__sidebar {
        text-align: center;
        width: 100%;
        min-width: 100%
    }

    .section__sidebar + .section__content {
        margin-left: 0
    }

    .section__body {
        flex-direction: column
    }

    .section.section--sides.section--sides-text-right .section__graphic img {
        right: 50px
    }

    .section.section--sides.section--sides-text-left .section__graphic img {
        left: 50px
    }

    .section--webhosting .partners-logo {
        cursor: pointer
    }

    .section--contact .section__title {
        text-align: center
    }

    .section__graphic .dv--wp-on-steroids {
        margin-left: -457px
    }

    .section--getting-started .section__content-bg .section__content-item.item-top {
        top: 36px;
        left: 360px
    }

    .section--getting-started .section__content-bg .section__content-item.item-bottom {
        right: 356px
    }
}

@media (min-width:752px) {

    .section__title-left,
    .section__title-left + .section__desc,
    .section__title-left + .section__desc + .section__desc {
        text-align: left
    }

    .section__title-mb-xl {
        margin-bottom: 72px
    }
}

@media (max-width:1011px) {
    .section {
        padding: 56px 0
    }

    .section + .section {
        padding-top: 0
    }

    .section .section__title.section__title-mb-xl {
        margin-bottom: 40px
    }

    .section + .section--dark,
    .section + .section--dark + .section {
        padding-top: 56px
    }

    .section--video .video__container {
        width: 716px;
        height: 400px;
        margin-top: -22px
    }

    .section--video .video__container .video__inner {
        top: 26px;
        padding-left: 2px;
        width: 536px
    }

    .section--cloud .section__content {
        order: 2
    }

    .section + .section--graphic-top {
        padding-top: 170px;
        margin-top: 205px
    }

    .section + .section--graphic-top .section__graphic--top {
        top: -375px
    }

    .section--website-builder .section__graphic {
        position: relative;
        right: 0;
        justify-content: flex-start;
        margin-bottom: 64px
    }

    .section--website-builder .section__graphic .dv {
        margin: 0
    }

    .section--website-builder .section__content {
        order: 2
    }

    .section--website-builder .section__actions {
        order: 3
    }

    .section--webhosting {
        padding-top: 40px
    }

    .section--webhosting .partners-logo {
        margin-bottom: 48px
    }

    .section--webhosting .partners-logo > div {
        margin: 0 12px
    }

    .section--automate .section__content .feature {
        margin-bottom: 32px !important
    }

    .section__graphic.section__graphic-left {
        right: 0
    }

    .section--empowers .feature {
        margin-bottom: 40px
    }

    .section--support-reviews p.section__desc {
        width: 100%
    }

    .section--hiring .section__item {
        margin: 0
    }

    .section--graphic-bottom {
        padding-bottom: 200px;
        margin-bottom: 200px
    }

    .section--graphic-bottom .section__graphic--bottom {
        bottom: -450px
    }

    .section__actions {
        margin-top: 48px
    }

    .section--animation-top.section--herobuilder {
        margin-top: -525px
    }

    .section--animation-top.section--herobuilder .dv.dev--wb {
        width: auto
    }

    .section--animation-top.section--herobuilder .dv.dev--wb .dv__item--left {
        bottom: 87px;
        left: -120px
    }

    .section--animation-top.section--herobuilder .dv.dev--wb .dv__item--right {
        bottom: 110px
    }

    .section--animation-top.section--herobuilder .dv.dev--wb .dv__item--top {
        left: 112px;
        top: -8px
    }

    .section#resultsarea {
        margin-top: -333px
    }

    .section__graphic .dv--wp-on-steroids {
        margin: 0 0 64px
    }

    .section--getting-started .section__content-bg {
        background-position: center
    }

    .section--getting-started .section__content-bg .section__content-item.item-top {
        left: 250px
    }

    .section--getting-started .section__content-bg .section__content-item.item-bottom {
        right: 249px;
        bottom: 24px
    }
}

.section#errorcont {
    max-width: 900px;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);
    padding: 32px;
    margin: -200px auto 300px;
    text-align: center
}

@media (max-width:1011px) {
    .section#errorcont {
        margin-bottom: 370px;
        margin-top: -270px;
        max-width: 686px
    }
}

@media (max-width:751px) {
    .section#errorcont {
        margin-top: -240px;
        margin-left: 16x;
        margin-right: 16px;
        width: auto
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .section--animation-top:not(.section--herobuilder) {
        margin-top: -485px
    }
}

@media (min-width:752px) and (max-width:1011px) {
    .section--animation-top:not(.section--herobuilder) {
        margin-top: -300px
    }

    .section--start {
        padding-bottom: 340px
    }
}

@media (min-width:514px) {
    .section__content + .section__graphic {
        align-items: flex-end
    }
}

@media (max-width:751px) {
    .section--animation-top + .section {
        padding-top: 0
    }

    .section--animation-top:not(.section--herobuilder) {
        margin-top: -325px
    }

    .section--animation-top.section--herobuilder {
        margin-top: -200px
    }

    .section--start {
        padding-bottom: 320px
    }

    .section .section__title {
        margin-bottom: 24px;
        text-align: center
    }

    .section .section__desc {
        margin-bottom: 40px
    }

    .section .section__content-xs-center {
        text-align: center
    }

    .section__graphic {
        justify-content: flex-start
    }

    .section--posts > .container {
        margin: 0;
        width: 100%;
        padding: 0
    }

    .section--posts .section__content div[class^=col-]:nth-child(2) {
        display: none !important
    }

    .section__features + .section__actions {
        margin-top: 40px
    }

    .section--reviews .section__desc .reviews-score {
        font-weight: 300;
        font-size: 42px
    }

    .section.section--sides {
        text-align: center;
        padding-bottom: 32px
    }

    .section.section--sides .row .section__content {
        order: 1;
        margin-top: 40px
    }

    .section.section--sides .row .section__graphic {
        margin: 0 auto;
        height: auto;
        max-width: 368px
    }

    .section.section--sides .section__content .section__actions .btn {
        justify-content: center;
        padding-left: 16px
    }

    .section.section--sides .section__content .section__actions .btn:hover {
        padding-right: 16px
    }

    .section.section--sides + .section--sides {
        padding-bottom: 32px
    }

    .section--webhosting {
        padding-top: 32px
    }

    .section--webhosting .partners-logo {
        justify-content: unset;
        cursor: pointer;
        margin-bottom: 48px
    }

    .section--webhosting .partners-logo > div {
        min-width: 200px;
        margin-bottom: 0
    }

    .section--website-builder .section__graphic,
    .section--website-builder .section__graphic .dv {
        min-height: 0
    }

    .section + .section--graphic-top {
        padding-top: 170px;
        margin-top: 185px
    }

    .section + .section--graphic-top .section__graphic--top {
        top: -355px
    }

    .section--herobuilder {
        padding: 72px 0 48px
    }

    .section--herobuilder .section__actions {
        margin-top: 32px
    }

    .section--graphic-bottom {
        padding-bottom: 190px
    }

    .section__actions {
        margin-top: 40px
    }

    .section--video .video__container {
        width: 100%;
        height: 100%;
        background-position: center
    }

    .section--video .video__container .video__inner {
        width: 80%;
        padding: 6% 3%;
        position: relative;
        top: -5px;
        left: 1px
    }

    .section--video .video__container .video__button {
        transform: translate(-50%, -50%);
        width: 88px;
        height: 88px
    }

    .section--video .video__container .video__button img {
        width: 30px
    }

    .section#resultsarea {
        margin-top: -307px
    }

    .section__graphic .dv--wp-on-steroids .dv__item:not(.browser) {
        display: none
    }

    .section__graphic .dv--wp-on-steroids .browser {
        border-radius: 8px
    }

    .section--getting-started .section__content-bg {
        background-image: none;
        height: auto;
        display: flex;
        flex-direction: column
    }

    .section--getting-started .section__content-bg .section__content-item {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 16px;
        padding-left: 56px;
        height: 48px
    }

    .section--getting-started .section__content-bg .section__content-item.item-bottom,
    .section--getting-started .section__content-bg .section__content-item.item-left,
    .section--getting-started .section__content-bg .section__content-item.item-right,
    .section--getting-started .section__content-bg .section__content-item.item-top {
        left: unset;
        top: unset;
        bottom: unset;
        right: unset;
        transform: none
    }

    .section--getting-started .section__content-bg .section__content-item.item-bottom .num,
    .section--getting-started .section__content-bg .section__content-item.item-left .num,
    .section--getting-started .section__content-bg .section__content-item.item-right .num,
    .section--getting-started .section__content-bg .section__content-item.item-top .num {
        background-color: #0c3496;
        width: 48px;
        height: 48px;
        font-size: 22px;
        position: absolute;
        left: 0
    }

    .section--getting-started .section__content-bg .section__content-item.item-bottom .num:after,
    .section--getting-started .section__content-bg .section__content-item.item-left .num:after,
    .section--getting-started .section__content-bg .section__content-item.item-right .num:after,
    .section--getting-started .section__content-bg .section__content-item.item-top .num:after {
        display: none
    }

    .section--getting-started .section__content-bg .section__content-item.item-bottom {
        order: 4
    }

    .section--getting-started .section__content-bg .section__content-item.item-bottom .num {
        margin: 0
    }

    .section--getting-started .section__content-bg .section__content-item.item-bottom .title {
        margin-top: 0
    }

    .section--getting-started .section__content-bg .section__content-item.item-left .title {
        margin-left: 16px
    }

    .section--getting-started .section__content-bg .section__content-item .title {
        margin: 0 0 0 16px;
        order: 2;
        max-width: 100%;
        text-align: left
    }

    .section--subsections .row:last-child:after {
        bottom: -80px;
        height: 70px
    }

    .section--subsections .row:last-child:before {
        bottom: -88px
    }
}

@media (max-width:600px) {
    .section#actual-website-uptime .section__actions .btn span {
        white-space: break-spaces;
        line-height: 28px;
        max-width: 300px
    }

    .section#actual-website-uptime .section__actions .btn span:after {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:524px) {
    .section#resultsarea {
        margin-top: -342px
    }
}

@media (max-width:513px) {
    .section--graphic-right div[class^=col-]:nth-child(1) {
        order: 2
    }

    .section .section__content.section__content-xs-center {
        text-align: center
    }

    .section .section__content.section__content-xs-center .section__title:after {
        margin: 24px auto 0
    }

    .section .section__content.section__content-xs-center .btn {
        min-width: 100%
    }

    .section .section__content .section__desc + .section__actions {
        margin-top: 0
    }

    .section .section__graphic {
        align-items: center;
        justify-content: center;
        margin-bottom: 40px;
        min-height: initial
    }

    .section .section__actions {
        margin-top: 40px
    }

    .section .section__actions .btn {
        width: 100%
    }

    .section .section__sidebar + .section__content {
        padding-top: 32px
    }

    .section.section--sides .section__content .section__actions {
        margin-top: 16px
    }

    .section--webhosting .partners-logo > div {
        margin: 0;
        flex-basis: 50%
    }

    .section + .section--graphic-top {
        padding-top: 125px;
        margin-top: 105px
    }

    .section + .section--graphic-top .section__graphic--top {
        top: -230px
    }

    .section--reviews .section__desc {
        padding: 24px 0 14px
    }

    .section.section--herobuilder .section__graphic,
    .section__graphic .dv--wp-on-steroids {
        margin-bottom: 0
    }

    .section__graphic .dv--wp-on-steroids .browser__screen-title {
        height: 120px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .section--video .video__container .video__inner {
        display: block
    }
}

body,
html {
    overflow-x: hidden
}

.site {
    position: relative
}

.site-contact {
    position: fixed;
    transform: rotate(-90deg);
    left: -87px;
    top: 55%;
    z-index: 99;
    font-size: 16px;
    min-width: 190px
}

.site-main {
    z-index: 10
}

.site-mobile-header {
    display: none;
    align-items: center
}

.site-mobile-header .mobile__actions {
    margin-left: auto;
    margin-right: 8px
}

.site-mobile-header .btn--outline {
    color: #fff;
    border-color: #fff;
    font-size: 14px;
    display: none
}

.site-mobile-header .btn--outline .btn__text {
    top: 1px;
    position: relative
}

.site-mobile-header .btn--icon {
    overflow: hidden;
    margin-left: auto
}

.site-mobile-header .btn--icon--icon {
    width: 40px !important
}

.site-mobile-header .btn--icon .btn__icon {
    display: flex;
    padding: 2px;
    margin-top: 1px;
    position: relative;
    z-index: 2
}

.site-mobile-header .btn--icon .btn__icon .zmdi {
    font-size: 18px;
    color: #0c172c
}

.site-mobile-header .btn--icon .btn__icon .zmdi:hover {
    color: #144fc4
}

.site-mobile-header .btn--icon .btn__icon span {
    position: absolute;
    left: 4px;
    display: block;
    width: 16px;
    height: 2px;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
    border-radius: 0;
    background: #333
}

.site-mobile-header .btn--icon .btn__icon span:nth-child(1) {
    top: 6px
}

.site-mobile-header .btn--icon .btn__icon span:nth-child(2) {
    top: 10px
}

.site-mobile-header .btn--icon .btn__icon span:nth-child(3) {
    top: 14px
}

.site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(2) {
    left: -60px;
    opacity: 0
}

.site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media (max-width:1011px) {
    .site {
        position: static
    }

    .site-mobile-header {
        position: absolute;
        left: 0;
        right: 0;
        top: 30px;
        z-index: 101;
        display: flex;
        padding-right: 8px;
        background: #fff
    }

    .site-mobile-header .btn {
        margin-left: auto
    }

    .site-mobile-header .btn + .btn {
        margin-left: 8px
    }

    .site-mobile-header .btn--icon {
        background: linear-gradient(to right, #e81f2c 0, #a71f5a 100%);
        z-index: 1;
        border-radius: 100%;
        position: relative
    }

    .site-mobile-header .btn--icon.btn__icon {
        position: relative;
        z-index: 2
    }

    .site-mobile-header .btn--icon:after {
        content: "";
        position: absolute;
        width: 44px;
        height: 44px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        background: #fff;
        border-radius: 100%;
        margin: auto
    }

    .site-mobile-header .brand__logo {
        padding: 12px 16px
    }

    .site-mobile-header .brand__logo img {
        width: 53px
    }

    .site.no-scroll .site-mobile-header {
        background: #fff
    }

    .scroll-up .site-mobile-header {
        position: fixed;
        top: 0;
        width: 100%;
        animation-name: fadeInDown;
        animation-duration: .3s;
        animation-fill-mode: both
    }

    .no-scroll .site-mobile-header {
        top: 30px
    }

    .scroll-down .site-mobile-header {
        top: 8px
    }
}

@media (max-width:751px) {

    .site .no-scroll .site-mobile-header,
    .site .site-mobile-header {
        top: 0
    }

    .site-contact {
        display: none
    }

    .site-mobile-header .btn:not([data-toggle=navbar]):not(.btn--icon) {
        display: none
    }

    .no-scroll .site-mobile-header {
        position: fixed
    }

    .scroll-up .site-mobile-header {
        position: fixed;
        top: 0 !important
    }
}

.site.scroll-up .site-mobile-header {
    background-color: #fff;
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2)
}

.site-overlay {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 4;
    background: rgba(0, 0, 0, .6);
    transition: linear .5s
}

.nav--tabs .nav__link {
    font-size: 15px;
    font-weight: 500
}

.nav--tabs .nav__item {
    transition: all linear .3s
}

.nav--tabs .nav__item.is-active,
.nav--tabs .nav__item:hover {
    opacity: 1
}

.footer {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%);
    padding: 96px 0 40px;
    color: #fff
}

.footer > .container {
    display: flex
}

.footer.footer--rows {
    padding: 0
}

.footer.footer--rows .footer__copyrights {
    flex-direction: row;
    width: auto;
    margin: 0;
    font-size: 13px
}

.footer.footer--rows .footer__brand {
    flex-basis: 145px;
    padding-right: 24px
}

.footer.footer--rows .brand__logo {
    height: 44px;
    align-self: stretch;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1
}

.footer.footer--rows .nav--btn {
    margin-left: 8px
}

.footer__top {
    padding: 80px 0;
    background: #fff
}

.footer__bottom .btn--social i,
.footer__top .footer__nav .nav__link {
    font-size: 14px
}

.footer__bottom {
    padding-top: 124px
}

.footer__bottom > .container > .row > div,
.footer__copyrights > .container > .row > div {
    display: flex;
    align-items: center
}

.footer__bottom .footer__nav,
.footer__copyrights .footer__nav {
    margin: 0
}

.footer__bottom .footer__nav .nav__link {
    min-height: 32px;
    padding: 4px 8px
}

.footer__bottom .footer__nav .nav__item {
    margin-right: 8px
}

.footer__bottom .footer__nav .nav__item:last-child {
    margin-right: 0
}

.footer__bottom > .container > .row > div:last-of-type,
.footer__copyrights > .container > .row > div:last-of-type {
    justify-content: flex-end
}

.footer__site-map {
    flex: 1
}

.footer__copyrights {
    display: flex;
    font-size: 14px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, .7)
}

.footer__copyrights .btn--social i {
    font-size: 19px
}

.footer__brand {
    justify-content: flex-start;
    margin-bottom: 24px
}

.footer__brand .brand__logo {
    height: 56px;
    align-items: flex-start
}

.footer__brand .logo svg {
    width: 100%;
    max-width: 165px
}

.footer .copyrights {
    line-height: 24px;
    padding: 8px 0;
    margin-bottom: 32px;
    margin-top: 4px
}

.footer__title {
    color: #fff;
    font-weight: 700
}

.footer__nav .nav__item {
    min-height: 0
}

.footer__nav .nav__item .nav__link {
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
    padding: 2px 0;
    white-space: initial
}

.footer__nav .nav__item .nav__link:hover,
.site-navbar .navbar__top a:hover {
    color: #ff7800
}

.footer__nav.footer__payments.no-toggle,
.footer__section + .footer__section {
    margin-top: 36px
}

.footer__nav.footer__payments.no-toggle .nav__item {
    margin-right: 12px
}

.footer__nav.footer__payments.no-toggle .nav__item img {
    width: 50px
}

.footer .nav--btn .nav__item:not(:last-of-type) {
    margin-right: 8px
}

.footer .nav--btn .nav__item {
    border-radius: 100%;
    position: relative
}

.footer .nav--btn .nav__item .btn--icon:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: #fff;
    border-radius: 100%;
    margin: auto
}

.footer .nav--btn .nav__item .btn__icon {
    position: relative;
    z-index: 2
}

.footer .nav--sub:before {
    background: #fff;
    opacity: .5
}

.footer.footer--horizontal .footer__copyrights {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px
}

.footer.footer--horizontal .footer__copyrights .copyrights {
    margin-bottom: 0
}

.footer.footer--horizontal > .container {
    flex-direction: column
}

.footer__column--social {
    flex-basis: 19%;
    margin-right: 150px
}

.footer__column--social .footer__nav .nav__item {
    margin-right: 24px
}

.footer__column--social .footer__nav .nav__item .nav__link {
    background-color: rgba(255, 255, 255, .7);
    height: 22px;
    min-width: 22px;
    color: #0c3aa3;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
    justify-content: center;
    transition: color .3s, background-color .3s
}

.footer__column--social .footer__nav .nav__item .nav__link .fa-play {
    font-size: 7px
}

.footer__column--social .footer__nav .nav__item .nav__link:hover {
    background-color: #ff7800
}

.footer .footer__bottom--right .footer__nav {
    flex-direction: row
}

.footer .footer__bottom--right .footer__nav .nav__item:not(:last-child) {
    margin-right: 40px
}

@media (max-width:1231px) {
    .footer {
        padding: 94px 0 0
    }

    .footer > .container {
        flex-direction: column
    }

    .footer .footer__bottom {
        position: relative;
        padding: 32px 0;
        margin-top: 120px
    }

    .footer .footer__bottom:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: rgba(255, 255, 255, .2)
    }

    .footer .footer__bottom > .container {
        position: relative;
        z-index: 1
    }

    .footer .footer__bottom > .container > .row > div:first-of-type {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        order: 2;
        max-width: 100%;
        flex-basis: 100%
    }

    .footer .footer__bottom > .container > .row > div:last-of-type {
        justify-content: center;
        max-width: 100%;
        flex-basis: 100%;
        padding-bottom: 16px
    }

    .footer__copyrights {
        position: relative;
        padding: 0 32px;
        order: 2;
        width: 100%;
        justify-content: center;
        align-content: center
    }

    .footer__copyrights > p {
        margin-bottom: 0
    }

    .footer__copyrights > .container > .row > div:first-of-type {
        flex-direction: column
    }

    .footer__copyrights > .container > .row > div:last-of-type {
        justify-content: center
    }
}

@media (max-width:1011px) {
    .footer.footer--rows .footer__brand {
        flex-basis: inherit;
        padding: 0;
        width: 100%;
        margin-bottom: 8px
    }

    .footer.footer--rows .footer__copyrights {
        margin-bottom: 0;
        text-align: center;
        line-height: 20px;
        position: relative;
        z-index: 1
    }

    .footer.footer--rows .footer__copyrights:before {
        content: none
    }

    .footer.footer--rows .footer__bottom {
        padding: 0
    }

    .footer.footer--rows .footer__bottom .footer__nav {
        padding: 24px 0
    }

    .footer.footer--rows .footer__bottom .col-lg-5:after {
        content: "";
        background: #f5f5f5;
        min-width: 100%;
        height: 100%;
        position: absolute;
        left: -100%;
        right: -100%;
        bottom: 0;
        z-index: 0
    }

    .footer.footer--rows .nav--btn {
        margin-left: 0
    }

    .footer__brand {
        padding: 0;
        width: 100%;
        margin-bottom: 0
    }

    .footer__brand .brand__logo {
        justify-content: center;
        align-items: center
    }

    .footer .copyrights {
        font-size: 12px;
        text-align: center;
        position: relative;
        top: 2px
    }

    .footer .nav--btn {
        margin: 0;
        justify-content: center
    }

    .footer .nav--btn .nav__item:not(:last-of-type) {
        margin-right: 8px
    }

    .footer {
        padding-top: 56px
    }

    .footer > .container {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0
    }

    .footer.footer--rows .footer__top {
        padding: 40px 0 24px
    }

    .footer.footer--rows .footer__top > .container {
        padding: 0 16px
    }

    .footer.footer--rows .footer__top .footer__nav {
        padding-left: 16px
    }

    .footer.footer--rows .footer__top .is-open .footer__nav {
        display: block
    }

    .footer.footer--rows .footer__bottom {
        margin-top: 0
    }

    .footer.footer--rows .footer__bottom > .footer__nav {
        flex-direction: column;
        align-items: center
    }

    .footer__site-map {
        padding: 0 16px 40px
    }

    .footer__site-map .footer__column--social {
        flex-basis: 100%;
        margin: 0 0 40px
    }

    .footer__site-map .footer__column--social .footer__nav {
        display: flex;
        justify-content: center;
        padding-left: 0
    }

    .footer__site-map .footer__column--social .footer__desc {
        width: 80%;
        text-align: center;
        margin: 24px auto
    }

    .footer__section + .footer__section {
        margin-top: 0
    }

    .footer__copyrights {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .footer__copyrights .footer__brand {
        flex-basis: 40px;
        margin-bottom: 8px
    }

    .footer__copyrights .nav--btn {
        margin: 0
    }

    .footer__brand,
    .footer__copyrights {
        justify-content: center
    }

    .footer.footer--horizontal .footer__copyrights {
        flex-direction: column-reverse
    }

    .footer.footer--horizontal .footer__nav {
        flex-wrap: wrap-reverse
    }

    .footer.footer--horizontal .nav--horizontal:after {
        content: "";
        width: 100%
    }

    .footer.footer--horizontal .nav--horizontal .nav__item:nth-child(n+4) {
        order: 1
    }

    .footer .brand__logo {
        height: 40px;
        max-width: 178px;
        width: 100%
    }

    .footer .copyrights {
        padding: 0;
        margin: 0 0 8px
    }

    .footer .footer__bottom,
    .footer .footer__title {
        margin-top: 0
    }
}

@media (max-width:751px) {
    .footer .footer__bottom > .container > .row > div:last-of-type {
        flex-direction: column-reverse;
        margin-bottom: 0;
        padding-bottom: 16px
    }

    .footer .footer__bottom--right .footer__nav {
        flex-direction: column;
        align-items: center
    }

    .footer .footer__bottom--right .footer__nav .nav__item .nav__link {
        line-height: 24px;
        font-weight: 400
    }

    .footer .footer__bottom--right .footer__nav .nav__item:not(:last-child) {
        margin: 0
    }

    .footer__title {
        cursor: pointer;
        position: relative;
        padding: 6px 48px 6px 16px;
        line-height: 24px;
        font-size: 18px
    }

    .footer__title:before {
        font-family: "Font Awesome 5 Pro";
        content: '\f0d7';
        position: absolute;
        right: 9px;
        width: 24px;
        top: 5px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        font-size: 12px
    }

    .footer__site-map {
        padding: 0 40px 16px 8px
    }

    .footer__site-map .footer__column {
        flex-basis: 100%
    }

    .footer__site-map .footer__column .footer__nav:not(.no-toggle) {
        display: none;
        padding-left: 32px
    }

    .footer__site-map .footer__column.is-open .footer__nav {
        display: block;
        margin-bottom: 16px
    }

    .footer__site-map .footer__column.is-open .footer__title:before {
        transform: rotate(180deg)
    }

    .footer__site-map .footer__column .footer__payments .nav__item {
        margin-right: 12px
    }

    .footer__site-map .footer__column .footer__payments .nav__item:last-child {
        margin-right: 0
    }

    .footer__site-map .footer__column .footer__payments .nav__item i {
        font-size: 42px
    }

    .footer__site-map .footer__copyrights {
        padding: 16px 0
    }
}

@media (max-width:513px) {
    .footer .footer__bottom > .container > .row > div:last-of-type {
        flex-direction: column-reverse;
        margin-bottom: 0;
        padding-bottom: 16px
    }

    .footer.footer--rows .footer__bottom .footer__nav:not(.nav--btn) {
        padding: 0;
        margin-bottom: 16px;
        flex-direction: column-reverse;
        align-items: center
    }

    .footer.footer--rows .footer__bottom .footer__nav:not(.nav--btn) .nav__item {
        margin-right: 0;
        margin-bottom: 8px
    }

    .footer.footer--rows .nav--btn {
        padding-bottom: 16px !important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .footer__site-map {
        flex: auto
    }
}

.feature,
.feature__icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.feature {
    flex-direction: column;
    text-align: center;
    margin-top: 48px;
    width: 100%;
    border-radius: 6px
}

.feature__icon {
    position: relative;
    z-index: 2;
    margin: 0 auto 24px;
    width: 60px;
    height: 60px
}

.feature__icon img,
.feature__icon svg {
    width: 100%;
    margin: 0
}

.feature__icon + .feature__title {
    margin-top: 0
}

.feature__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%
}

.feature__body .feature__actions {
    margin-bottom: -8px
}

.feature__body + .feature__actions {
    background: rgba(59, 165, 255, .1);
    padding-left: 16px;
    padding-right: 16px
}

.feature__body > :last-child:not(.feature__actions) {
    margin-bottom: 0
}

.feature__title {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    font-weight: 700
}

.feature__title + .feature__desc {
    margin-top: 16px
}

.feature__title .subtitle {
    width: 100%;
    font-size: 17px;
    font-weight: 400
}

.feature__title-step {
    font-size: 52px;
    line-height: 52px;
    color: #ff7800;
    margin-right: 32px;
    font-weight: 300
}

.feature__desc {
    color: #536080
}

.feature__desc + .feature__actions {
    padding-top: 16px
}

.feature__desc + .feature__actions .btn--link {
    padding: 0
}

.feature__actions {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    width: 100%
}

.feature--icon-left .feature__icon {
    flex-shrink: 0;
    align-self: flex-start;
    margin: 0 32px 0 0 !important
}

.feature--icon-left .feature__body {
    text-align: left;
    flex-direction: row;
    flex: 1 0 auto;
    max-width: 100%
}

.feature--icon-left .feature__actions > .btn--link {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start
}

.feature--icon-left.feature-full-w .feature__icon {
    align-self: center;
    height: 83px;
    width: 100px
}

.feature--icon-left.feature-full-w .feature__body {
    padding: 43px 60px 36px 35px
}

.feature--icon-left.feature-full-w .feature__title {
    font-size: 27px;
    font-weight: 900
}

.feature--icon-left.feature-full-w .feature__desc {
    max-width: 90%;
    line-height: 24px
}

.feature--icon-left.feature-full-w .feature__actions {
    width: auto;
    margin: 0
}

.feature--icon-left.feature-full-w .feature__actions .btn {
    min-width: 235px
}

.feature--boxed {
    background: #fff
}

.feature--boxed .feature__icon {
    margin-top: 32px
}

.feature--boxed .feature__icon + .feature__body {
    margin-top: 0
}

.feature--boxed .feature__body {
    padding: 32px 24px
}

.feature--boxed .feature__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px;
    width: 100%;
    position: relative
}

.feature--boxed .feature__header:after {
    content: "";
    width: calc(100% - 64px);
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.feature--boxed .feature__header .feature__title {
    text-align: left;
    padding-right: 16px
}

.feature--boxed .feature__header .feature__icon {
    margin-top: 0
}

.feature--boxed .feature__header + .feature__body {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px
}

.feature--boxed.feature--bordered .feature__body + .feature__actions {
    border-top: 1px solid #e6e6eb
}

.feature--boxed.feature--sm .feature__icon {
    margin-top: 16px
}

.feature--boxed.feature--sm .feature__body {
    padding: 16px
}

.feature--boxed.feature--lg .feature__body {
    padding: 32px
}

.feature--content-left {
    text-align: left;
    align-items: left
}

.feature--content-left,
.feature--content-left .feature__actions .btn {
    justify-content: flex-start
}

.feature--content-left .feature__icon {
    margin: 0 0 24px
}

.feature--square {
    background-color: #fff
}

.feature--square .feature__body {
    padding-bottom: 24px
}

.feature--square .feature__actions {
    margin-top: auto;
    margin-bottom: 16px
}

.feature--square .feature__actions .btn--primary {
    min-width: 200px;
    z-index: 4;
    margin-bottom: 8px
}

.feature--square .feature__content {
    flex-grow: 1
}

.feature--square .feature__desc {
    padding: 0 32px
}

.feature--bordered {
    border: 1px solid #e6e6eb
}

.feature--bordered .feature__icon + .feature__body {
    margin-top: 0
}

.feature--bordered .feature__body {
    padding: 24px
}

.feature--bordered.feature--sm .feature__icon {
    margin-top: 16px
}

.feature--bordered.feature--sm .feature__body {
    padding: 16px
}

.feature--bordered.has-shadow--hover {
    transition: transform .3s, box-shadow .3s, border-color .3s
}

.feature--bordered.has-shadow--hover:hover {
    border-color: transparent
}

.feature.feature--lg .feature__body {
    padding: 32px
}

.feature.feature--lg.feature--contact {
    transition: transform .3s, box-shadow .3s, border-color .3s;
    cursor: pointer
}

.feature.feature--lg.feature--contact .feature__title + .feature__desc {
    margin-top: 4px
}

.feature.feature--lg.feature--contact .feature__body {
    padding: 40px 32px
}

.feature--reviews:hover,
.feature.feature--lg.feature--contact:hover {
    border-color: transparent;
    box-shadow: 0 16px 24px rgba(0, 0, 0, .06), 0 16px 24px rgba(0, 0, 0, .06), 0 16px 48px rgba(0, 0, 0, .08);
    transform: translate3d(0, -8px, 0)
}

.feature.feature--lg.feature--contact .feature__actions .btn {
    min-width: 180px
}

.feature.feature--lg .feature__actions {
    justify-content: center;
    margin-bottom: 0
}

.feature.feature--lg .feature__actions .btn {
    min-width: 202px
}

.feature.feature--lg .feature__title + .feature__actions {
    padding-top: 32px;
    margin-top: auto
}

.feature--shadow {
    box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .2)
}

.feature--has-arrow .feature__body .feature__desc {
    margin-bottom: 8px
}

.feature--has-arrow:after {
    content: "";
    background-image: url(../../img/arrow-right-orange.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px
}

.feature--reviews {
    transition: transform .3s, box-shadow .3s, border-color .3s;
    cursor: pointer
}

.feature--reviews .feature__body {
    position: relative;
    padding: 32px 32px 40px
}

.feature--reviews .feature__icon {
    width: 150px;
    height: 108px;
    margin-top: 0
}

.feature--reviews .feature__actions {
    margin-top: auto;
    margin-bottom: 0
}

.feature--reviews .feature__actions .btn--primary {
    min-width: 200px;
    z-index: 4;
    height: 42px
}

.feature--articles,
.feature--blog-posts {
    align-items: flex-start
}

.feature--articles .feature__body,
.feature--blog-posts .feature__body {
    padding: 20px 38px 20px 32px !important;
    text-align: left;
    height: 304px
}

.feature--articles .feature__author,
.feature--blog-posts .feature__author {
    color: #99a5c2;
    font-size: 14px;
    line-height: 22px
}

.feature--articles .feature__title,
.feature--blog-posts .feature__title {
    font-size: 18px;
    line-height: 28px;
    color: #112240;
    margin-top: 12px;
    font-weight: 800
}

.feature--articles .feature__desc,
.feature--blog-posts .feature__desc {
    font-size: 16px;
    line-height: 28px;
    color: #536080;
    margin-top: 6px
}

.feature--articles .feature__actions,
.feature--blog-posts .feature__actions {
    justify-content: space-between !important;
    align-items: center
}

.feature--articles .feature__view-more,
.feature--blog-posts .feature__view-more {
    font-size: 16px;
    line-height: 28px;
    color: #144fc4;
    font-weight: 800
}

.feature--articles .feature__updated,
.feature--blog-posts .feature__updated {
    font-size: 14px;
    line-height: 22px;
    color: #99a5c2
}

.feature--uptime .feature__icon {
    width: 110px;
    height: auto
}

.feature--uptime .feature__icon img {
    width: unset;
    max-width: unset
}

.feature--bordered {
    background-color: #fff
}

.feature.has-shadow.has-shadow--hover {
    transition: transform .3s, box-shadow .3s
}

.banner--search .input-group--actions .actions-switch label .switch__container:after,
.feature--link .feature__desc,
.feature--link:hover .feature__desc,
.feature:hover .feature__desc,
.swiper-button-next a,
.swiper-button-prev a {
    color: #536080
}

.feature--link {
    cursor: pointer
}

.feature--link .feature__title.h5 {
    line-height: 32px
}

.feature--domains.feature--bordered .feature__icon {
    width: auto;
    height: auto;
    margin: 0 auto 8px
}

.feature--domains.feature--bordered .feature__title + .feature__actions {
    padding-top: 18px
}

.feature--domains.feature--bordered .feature__body {
    padding-bottom: 40px
}

.feature--domains .feature__title {
    flex-direction: row;
    justify-content: center;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 0
}

.feature--data {
    justify-content: flex-start;
    text-align: left
}

.feature--data .feature__body {
    padding: 24px 32px
}

.feature--data .feature__title {
    flex-direction: row;
    align-items: center
}

.feature--data .feature__title i {
    margin-right: 12px;
    font-size: 15px
}

.feature--data .feature__list {
    margin: 8px 0 0;
    font-size: 16px;
    color: #112240
}

.feature--data .feature__list li {
    line-height: 30px
}

.feature--data .feature__list li a {
    font-size: 16px;
    line-height: 28px
}

.feature--data .feature__actions {
    padding-top: 8px
}

.feature--data .feature__actions .btn {
    padding-left: 0;
    font-size: 18px;
    font-weight: 800
}

.feature--data .feature__icon {
    margin-left: 0
}

.feature--data.feature--data-resources .feature__list li {
    position: relative;
    padding-left: 24px
}

.feature--security .feature__icon {
    width: 92px;
    height: 92px;
    margin-bottom: 4px
}

.feature--security .feature__actions {
    padding-top: 24px
}

.feature .download-icon {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    left: 0
}

.feature--icon-sm .feature__icon {
    width: 48px;
    height: 48px
}

.nav .feature__desc {
    opacity: .6
}

.nav .feature.feature--bordered {
    border-color: rgba(33, 131, 217, .8);
    transition: border .3s
}

.nav .feature.feature--bordered:hover {
    border-color: rgba(255, 255, 255, .4)
}

.nav .feature:hover {
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .15)
}

.row--eq-height .feature {
    margin-top: 0;
    height: 100%
}

.row--eq-height .widget {
    margin: 0 auto;
    height: 100%
}

.feature__icon [data-animation] {
    overflow: visible;
    visibility: visible
}

.feature__icon .is-animated.svg-icon .svg-icon__animated-element-1,
.feature__icon .is-animated.svg-icon .svg-icon__animated-element-2,
.feature__icon .is-animated.svg-icon .svg-icon__animated-element-3,
.feature__icon .is-animated.svg-icon .svg-icon__animated-element-4,
.feature__icon .is-animated.svg-icon .svg-icon__animated-element-5 {
    transition: .5s cubic-bezier(.16, 0, 0, 1);
    transition-property: transform;
    transform: translateY(0)
}

.feature__icon .is-animated.svg-icon .svg-icon__animated-element-2 {
    transition-delay: .06s
}

.feature__icon .is-animated.svg-icon .svg-icon__animated-element-3 {
    transition-delay: .12s
}

.feature__icon .is-animated.svg-icon .svg-icon__animated-element-4 {
    transition-delay: .18s
}

.feature__icon .is-animated.svg-icon .svg-icon__animated-element-5 {
    transition-delay: .24s
}

.feature__icon .is-animated.svg-icon--asp .svg-icon__animated-element-3,
.feature__icon .is-animated.svg-icon--fcc .svg-icon__animated-element-3,
.feature__icon .is-animated.svg-icon--lp .svg-icon__animated-element-3,
.feature__icon .is-animated.svg-icon--ml .svg-icon__animated-element-3 {
    transition-delay: 0s
}

.feature__icon .is-animated.svg-icon--asp .svg-icon__animated-element-2,
.feature__icon .is-animated.svg-icon--fcc .svg-icon__animated-element-2,
.feature__icon .is-animated.svg-icon--lp .svg-icon__animated-element-2,
.feature__icon .is-animated.svg-icon--ml .svg-icon__animated-element-2 {
    transition-delay: .06s
}

.feature__icon .is-animated.svg-icon--asp .svg-icon__animated-element-1,
.feature__icon .is-animated.svg-icon--fcc .svg-icon__animated-element-1,
.feature__icon .is-animated.svg-icon--lp .svg-icon__animated-element-1,
.feature__icon .is-animated.svg-icon--ml .svg-icon__animated-element-1 {
    transition-delay: .12s
}

.feature:hover .feature__icon .is-animated.svg-icon .svg-icon__animated-element-1,
.feature:hover .feature__icon .is-animated.svg-icon .svg-icon__animated-element-2,
.feature:hover .feature__icon .is-animated.svg-icon .svg-icon__animated-element-3,
.feature:hover .feature__icon .is-animated.svg-icon .svg-icon__animated-element-4,
.feature:hover .feature__icon .is-animated.svg-icon .svg-icon__animated-element-5 {
    transition: .5s cubic-bezier(.16, 0, 0, 1);
    transition-property: transform;
    transform: translateY(-16px)
}

.feature:hover .feature__icon .is-animated.svg-icon .svg-icon__animated-element-2 {
    transition-delay: .06s
}

.feature:hover .feature__icon .is-animated.svg-icon .svg-icon__animated-element-3 {
    transition-delay: .12s
}

.feature:hover .feature__icon .is-animated.svg-icon .svg-icon__animated-element-4 {
    transition-delay: .18s
}

.feature:hover .feature__icon .is-animated.svg-icon .svg-icon__animated-element-5 {
    transition-delay: .24s
}

@media (max-width:1231px) {
    .feature--has-arrow:after {
        right: -9px
    }

    .feature--icon-left.feature-full-w .feature__body {
        padding: 32px;
        flex-direction: column;
        text-align: center
    }

    .feature--icon-left.feature-full-w .feature__title {
        line-height: 28px
    }

    .feature--icon-left.feature-full-w .feature__icon {
        margin: 0 0 24px !important
    }

    .feature--icon-left.feature-full-w .feature__desc {
        max-width: 100%
    }

    .feature--icon-left.feature-full-w .feature__actions {
        margin: 24px auto 0
    }

    .feature--articles .feature__view-more,
    .feature--blog-posts .feature__view-more {
        flex-basis: 47%
    }

    .feature--articles .feature__updated,
    .feature--blog-posts .feature__updated {
        text-align: right
    }
}

@media (max-width:1011px) {
    .nav--sub .row--features {
        margin-top: -8px;
        margin-left: -4px;
        margin-right: -4px
    }

    .nav--sub .row--features > div[class*=col-] {
        padding-left: 4px;
        padding-right: 4px
    }

    .nav--sub .feature--bordered,
    .nav--sub .feature--boxed {
        padding: 24px
    }

    .nav--sub .feature--bordered .feature__icon,
    .nav--sub .feature--boxed .feature__icon {
        width: 64px;
        height: 64px
    }

    .nav--sub .feature--bordered .feature__body,
    .nav--sub .feature--boxed .feature__body {
        padding: 0
    }
}

@media (min-width:752px) and (max-width:1011px) {
    .tab-v-feature--default {
        flex-direction: column
    }

    .tab-v-feature--default .feature__icon {
        align-self: initial
    }

    .tab-v-feature--default .feature__body {
        margin-top: 24px !important;
        margin-left: 0 !important;
        text-align: center
    }

    .feature.feature--lg .feature__body {
        padding: 24px
    }

    .feature.feature--lg .feature__actions .btn {
        min-width: 100%
    }

    .feature.feature--lg.feature--security .feature__actions .btn {
        min-width: 202px
    }
}

@media (max-width:1011px) {

    .feature,
    .feature.feature--icon-left {
        margin-bottom: 24px
    }

    .feature.feature--boxed .feature__body,
    .feature.feature--boxed .feature__header {
        padding: 24px 16px
    }

    .feature.feature--icon-left .feature__title {
        margin-bottom: 8px
    }

    .feature.feature--icon-left .feature__desc {
        margin: 0
    }

    .feature.feature--boxed-js {
        padding-right: 32px;
        position: relative;
        max-width: 340px
    }

    .feature.feature--boxed-js:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background: 0 0;
        z-index: 1
    }

    .feature.feature--boxed-js:after {
        font: 18px/1 'Material-Design-Iconic-Font';
        font-size: 18px;
        position: absolute;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 32px;
        height: 100%;
        content: '\f278';
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #f5f5f5;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }

    .feature.feature--boxed-open {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        z-index: 10
    }

    .feature.feature--boxed-open .feature__header + .feature__body {
        display: flex
    }

    .feature.feature--boxed-open .feature__header:after {
        content: none
    }

    .feature.feature--boxed-open:after {
        content: "\f273"
    }

    .feature .feature__actions .hide-md + .btn {
        width: 100%
    }

    .feature .feature__header + .feature__body {
        display: none
    }

    .feature--has-arrow:after {
        transform: rotate(90deg);
        right: auto;
        left: auto;
        top: auto;
        bottom: 10px
    }

    .feature--square .feature__actions {
        width: unset;
        margin-left: auto;
        margin-right: auto
    }

    .feature.feature--data-resources div {
        display: flex;
        justify-content: space-between
    }

    .feature.feature--data-resources .feature__list {
        width: 48%;
        float: left
    }

    .justify-content-md-center .feature {
        margin-top: 16px
    }

    .feature.feature--boxed-open .feature__header + .feature__body {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding-right: 32px;
        background: #fff;
        border: 1px solid #e6e6eb;
        width: auto;
        max-width: initial
    }

    .feature.feature--lg.feature--contact .feature__body {
        padding: 24px
    }
}

@media (max-width:751px) {

    .feature,
    .feature__icon + .feature__body {
        margin-top: 16px
    }

    .feature__title + .feature__desc {
        margin-top: 8px
    }

    .feature__desc {
        word-break: break-word;
        max-width: 100%
    }

    .feature--arrow {
        position: relative
    }

    .feature--arrow:after {
        bottom: -16px
    }

    .feature--arrow:before {
        bottom: -22px
    }

    .feature.feature--boxed-js {
        max-width: 100%
    }

    .feature--contact {
        margin-bottom: 20px
    }

    .mob-feature--simple .feature__icon {
        width: 104px;
        height: 104px
    }

    .mob-feature--simple .feature__actions,
    .mob-feature--simple .feature__desc {
        display: none
    }

    .mob-feature--icon-left .feature__icon {
        margin: 0 16px 24px;
        flex-shrink: 0;
        align-self: flex-start
    }

    .mob-feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 16px
    }

    .mob-feature--icon-left .feature__body {
        text-align: left;
        flex-direction: row
    }

    .mob-feature--icon-left .feature__actions > .btn--link {
        padding-left: 0;
        padding-right: 0;
        justify-content: flex-start
    }

    .nav--sub .row--features {
        margin-top: -8px
    }

    .nav--sub .feature {
        padding: 16px;
        margin-top: 8px
    }

    .nav--sub .feature__body {
        padding: 0
    }

    .nav--sub .feature__icon {
        margin-top: 0
    }

    .nav--sub .feature__title {
        font-size: 14px;
        line-height: 20px
    }

    .nav--sub .feature__desc {
        font-size: 13px;
        line-height: 18px
    }

    .nav--sub .feature--boxed {
        padding: 24px
    }

    .nav--sub .feature--boxed .feature__icon {
        width: 64px;
        height: 64px
    }

    .nav--sub .feature--boxed .feature__body {
        padding: 0
    }

    .col-12:last-of-type .feature {
        margin-bottom: 0
    }
}

@media (max-width:513px) {
    .feature.mob-feature--link {
        align-items: flex-start
    }

    .feature.mob-feature--link .feature__actions,
    .feature.mob-feature--link .feature__desc {
        display: none
    }

    .feature.mob-feature--link .feature__body {
        padding: 16px
    }

    .feature.mob-feature--link .feature__title {
        font-size: 17px
    }

    .feature.mob-feature--link .feature__title .subtitle {
        font-size: 15px
    }

    .feature.mob-feature--link .feature__body {
        width: 100%;
        position: relative
    }

    .feature.mob-feature--link .feature__body:after {
        content: '\f301';
        font: 24px/1 "Material-Design-Iconic-Font";
        height: 24px;
        width: 24px;
        display: flex;
        position: absolute;
        right: 16px;
        top: calc(50% - 12px)
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .mob-slider {
        display: flex;
        width: 100%
    }

    .navbar__nav .feature__icon {
        justify-content: flex-start
    }

    .feature__body {
        flex: 1 0 auto
    }

    .feature--icon-left {
        width: inherit
    }

    .feature--icon-left .feature__body {
        flex: 1 0 0%
    }
}

@media screen and (-ms-high-contrast:active) and (min-width:752px) and (max-width:1011px),
(-ms-high-contrast:none) and (min-width:752px) and (max-width:1011px) {
    .tab-v-feature--default .feature__body {
        flex: 1 0 auto
    }

    .tab-v-feature--default .feature__icon {
        align-self: center
    }
}

@media screen and (-ms-high-contrast:active) and (max-width:1011px),
(-ms-high-contrast:none) and (max-width:1011px) {
    .navbar__nav .feature__body {
        flex: 1 0 0%
    }

    .mob-slider {
        display: block
    }

    .mob-slider[data-size=mobile] .swiper-slide {
        flex: 0 0 100%;
        height: 100%
    }
}

@media screen and (-ms-high-contrast:active) and (max-width:751px),
(-ms-high-contrast:none) and (max-width:751px) {
    .mob-slider .swiper-slide {
        height: auto
    }

    .mob-slider[data-size=tablet] .swiper-slide {
        flex: 0 1 auto
    }
}

@media (max-width:513px) {

    .feature.feature--contact .feature__actions .btn,
    .feature.feature--data-resources .feature__list {
        width: 100%
    }

    .feature.feature--data-resources div {
        flex-direction: column
    }
}

.block {
    display: flex;
    flex-wrap: nowrap
}

.service-section {
    margin-top: 35px
}

.legal > h2:first-child,
.service-section:first-child {
    margin-top: 0
}

.service-section__header {
    margin-bottom: 30px
}

.service-section__title {
    margin-bottom: 0
}

.service-section__description {
    margin-top: 8px;
    margin-bottom: 0
}

.block__sidebar .widget__content .form-group:last-child {
    margin-bottom: 0
}

.block__sidebar .widget__header h4 {
    margin-bottom: 24px;
    color: #fff
}

.block__summary #cloud-price,
.block__summary #total-price,
.inline {
    display: inline-block
}

.block:not(.block--boxed) .block__sidebar .widget {
    color: #112240;
    overflow: visible;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: 8px;
    margin-bottom: 8px
}

.block:not(.block--boxed) .block__sidebar .widget:last-child {
    border-bottom: none
}

.block:not(.block--boxed) .block__sidebar .widget__body,
.block:not(.block--boxed) .block__sidebar .widget__header {
    border: 0
}

.block:not(.block--boxed) .block__sidebar .widget__actions {
    border-color: transparent;
    background: 0 0;
    padding: 0 15px 15px
}

.block:not(.block--boxed) .block__sidebar .widget .form-control,
.block:not(.block--boxed) .block__sidebar .widget .selectize-input {
    border-color: #fff
}

.block:not(.block--boxed) .block__sidebar .btn--default {
    border-color: transparent;
    background: rgba(255, 255, 255, .3);
    color: #fff
}

.block:not(.block--boxed) .block__sidebar .btn--default:hover {
    background: rgba(255, 255, 255, .4)
}

.block:not(.block--boxed) .block__sidebar .btn--default:active,
.block:not(.block--boxed) .block__sidebar .btn--default:focus {
    background: rgba(255, 255, 255, .1)
}

.block__sidebar {
    width: 368px;
    margin-right: 32px;
    background-color: #112240
}

.block__sidebar .nav {
    margin-left: -16px
}

.block__sidebar.block__sidebar--md {
    width: 320px
}

.block__body {
    padding: 24px;
    border: 1px solid #536080;
    background: #fff;
    flex: 1
}

.block__body.block__body--no-data {
    min-height: 540px;
    display: flex;
    align-items: center
}

.block__body.block__body--no-data .msg:not(.msg--lg) .msg__description {
    font-size: 13px
}

.block__body.block__body--no-data .msg:not(.msg--lg) .msg__title {
    font-size: 18px
}

.block__body .form-section:first-of-type .form-section__title {
    padding-top: 0
}

.block__body .btn__icon {
    font-size: 14px;
    margin-right: 0;
    margin-left: -4px
}

.block__summary {
    display: flex;
    align-items: center;
    background: #fff;
    position: fixed;
    width: 768px;
    padding: 32px;
    bottom: 0 !important;
    margin-left: -32px;
    z-index: 10;
    display: none
}

.block__summary.absolute {
    position: absolute;
    left: 0;
    width: 100%;
    margin-left: 0
}

.block__summary.fixed {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15)
}

.block__summary.fixed:before {
    content: none
}

.block__summary:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 1px;
    background: #eaeaea
}

.block__summary .h6 {
    font-size: 14px
}

.block__summary .type-3 {
    line-height: 26px
}

.block__content + .block__actions {
    margin-top: 24px
}

.block--sidebar-right .block__sidebar {
    margin-right: 0;
    margin-left: -1px;
    order: 2
}

.block--boxed,
.block__summary {
    justify-content: space-between
}

.block--boxed > .block__body {
    border: 0;
    border-radius: 4px;
    position: relative;
    padding: 32px 32px 120px
}

.block--boxed > .block__body .package {
    width: 100%
}

.block--boxed #show-calculator {
    display: flex
}

.block--boxed #show-calculator .btn__text {
    width: 100%;
    text-align: center;
    display: block
}

.block--boxed .block__section {
    margin-top: 40px
}

.block--boxed .block__section .h5 {
    margin-bottom: 24px
}

.block--boxed .block__sidebar {
    background-color: transparent
}

.block--boxed .block__sidebar .widget:first-child {
    border: 0
}

.block--boxed .block__sidebar--sm {
    width: 150px
}

.block--boxed.block--sidebar-dobule .block__sidebar,
.block--boxed.block--sidebar-right .block__sidebar {
    margin-right: 0;
    margin-left: 24px
}

.block.block--msg .block__body {
    padding-left: 56px;
    padding-right: 56px
}

.block.block--msg .block__body > .top {
    flex-wrap: wrap;
    padding: 15px 16px
}

.block.block--msg .block__body > .top .top__title {
    width: 100%;
    overflow: visible;
    white-space: initial;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px
}

.block.block--msg .block__body > .top .top__status {
    margin-left: auto;
    margin-right: 0;
    font-weight: 500
}

.block.block--sidebar-dobule .block__sidebar.block__sidebar--left {
    margin-right: 24px;
    margin-left: 0
}

.block.block--sidebar-dobule .block__sidebar.block__sidebar--right {
    margin-right: 0;
    margin-left: 24px
}

.block.block--ticket .block__body {
    padding-left: 60px;
    padding-right: 60px
}

.block.block--ticket .top {
    flex-wrap: wrap;
    padding: 15px 16px
}

.block.block--ticket .top__title {
    width: 100%;
    overflow: visible;
    white-space: initial;
    margin-bottom: 10px
}

.block.block--ticket .top__title.p-2 {
    font-size: initial;
    line-height: initial
}

.block.block--ticket .top__status {
    margin-left: auto;
    margin-right: 0;
    font-weight: 700
}

@media (min-width:1012px) {
    .block.block--article .block__body {
        padding-right: 24px
    }
}

.block.block--services .block__body + .block__sidebar {
    margin-left: 30px
}

.block.block--auth {
    height: auto;
    width: 100%;
    margin: 16px
}

.block.block--auth .block__body {
    padding: 56px;
    border: 0;
    height: 100%;
    display: flex;
    flex-flow: column wrap
}

.block.block--auth .block__body.has-actions {
    padding-bottom: 0
}

.block.block--auth .block__body.has-actions .block__content {
    margin-bottom: 48px
}

.block.block--auth .brand {
    width: 100%;
    height: auto;
    justify-content: center;
    margin-top: auto;
    margin-bottom: 48px
}

.block.block--auth .brand img {
    max-width: 160px
}

.block.block--auth .block__content {
    margin-bottom: auto
}

.block.block--auth .block__actions {
    margin-left: -56px;
    margin-right: -56px;
    margin-top: auto
}

.block.block--auth .block__actions .btn {
    min-height: 48px
}

.block.block--auth .block__actions .btn span {
    margin-right: 6px
}

.block.block--auth .form-group--inline + .btn {
    margin-top: 16px
}

.block.block--auth .form-check {
    margin-bottom: 0
}

.block.block--center {
    align-items: center;
    justify-content: center
}

.block--supportticketsubmit-two {
    padding: 0;
    font-family: 'Mulish', sans-serif;
    margin-top: -450px;
    margin-bottom: 30px
}

.block--supportticketsubmit-two .block__body {
    padding: 40px;
    padding-bottom: 0 !important;
    border-radius: 6px;
    box-shadow: 0 8px 32px rgba(70, 65, 65, .08)
}

.block--supportticketsubmit-two .form-control {
    height: 40px;
    font-size: 16px;
    color: #536080;
    border-radius: 6px;
    border-color: #d1d6de
}

.block--supportticketsubmit-two .form-control.no-border {
    border: 0
}

.block--supportticketsubmit-two label {
    font-size: 14px;
    color: #112240;
    margin-bottom: 10px;
    font-weight: 700
}

.block--supportticketsubmit-two .btn-no-bg {
    color: #144fc4;
    background: 0 0
}

.block--supportticketsubmit-two .btn-no-bg:hover {
    color: #0c3aa3
}

.block--supportticketsubmit-two .file-input-box {
    padding: 0
}

.block--supportticketsubmit-two .file-input-box .file-input {
    border: 1px dashed #144fc4;
    height: 48px;
    background: 0 0;
    position: relative;
    display: flex;
    padding: 0;
    background: #f6f7f8;
    margin-bottom: 8px
}

.block--supportticketsubmit-two .file-input-box .file-input input {
    padding: 0;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.block--supportticketsubmit-two .file-input-box .file-input #file-upload-button {
    background: 0 0;
    border: 0
}

.block--supportticketsubmit-two .file-input-box .file-input .file-input-text {
    display: flex;
    align-items: center;
    padding: 12px
}

.block--supportticketsubmit-two .file-input-box .file-input .file-input-button {
    margin: -1px;
    transition: .24s ease
}

.block--supportticketsubmit-two .file-input-box .file-input .file-input-remove {
    margin-left: auto;
    z-index: 2;
    height: 44px
}

.block--supportticketsubmit-two .allowed-extensions {
    color: #536080;
    font-size: 14px
}

.block--supportticketsubmit-two .md-header {
    position: relative;
    border: 1px solid #d1d6de;
    border-radius: 6px 6px 0 0
}

.block--supportticketsubmit-two .md-header .btn-toolbar {
    display: block;
    padding: 6px 4px;
    background: #f5f5f5
}

.block--supportticketsubmit-two .md-header .btn-toolbar .btn.btn-default {
    width: 22px;
    height: 22px
}

.block--supportticketsubmit-two .md-header .btn-group .btn-sm {
    background-color: transparent
}

.block--supportticketsubmit-two .md-input {
    border-radius: 0 0 6px 6px
}

.banner__nav .nav:after,
.block--supportticketsubmit-two .md-fullscreen-controls {
    display: none
}

.block--supportticketsubmit-two .md-control-fullscreen {
    position: absolute;
    top: 10px;
    right: 15px
}

@media (min-width:992px) {
    .block--supportticketsubmit-two {
        width: 900px
    }
}

.action-btn-field .btn.btn-primary {
    background: #144fc4;
    color: #fff;
    min-width: 160px;
    height: 48px;
    border-radius: 6px;
    display: block;
    margin: 48px auto 40px
}

.action-btn-field .btn.btn-primary:hover {
    background: #0c3aa3;
    padding: 0
}

.package.is-touched {
    pointer-events: none !important;
    touch-action: none !important
}

@media (max-width:1231px) {
    .block__sidebar {
        width: 270px;
        margin-right: 16px
    }
}

@media (max-width:1011px) {
    .block__sidebar {
        width: 100%
    }
}

@media (max-width:751px) {
    .block__sidebar {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width:1011px) {
    .block__sidebar.block__sidebar--md {
        width: 100%
    }
}

@media (max-width:1231px) {
    .block__summary {
        width: 654px
    }
}

@media (max-width:1011px) {
    .block__summary {
        width: 684px
    }
}

@media (max-width:751px) {
    .block__summary {
        width: 100%;
        left: 0;
        margin-left: 0;
        padding: 16px
    }

    .block__summary .price .type-3 {
        margin: 0
    }

    .block .section__container {
        display: none
    }

    .block .section__container.is--open {
        display: block;
        padding-bottom: 60px
    }

    .block .block__header .content h4 {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .block__body.block__body--no-data {
        min-height: initial
    }

    .block__body {
        padding: 17px 10px;
        border: 0
    }

    .block__body > .list-group {
        margin: -24px -16px
    }

    .block__body > .list-group .list-group__item {
        padding: 16px
    }

    .block__body > :not(.well) + .list-group {
        margin-top: 0;
        margin-bottom: 0
    }

    .block--sidebar-right .block__sidebar {
        margin-left: 0
    }
}

.block.block--boxed .block__body {
    padding-bottom: 160px
}

@media (max-width:751px) {
    .block.block--boxed .block__body {
        padding: 24px 16px
    }

    .block.block--boxed .block__body.is--open {
        padding-bottom: 120px !important
    }
}

@media (min-width:1012px) {
    .block.block--boxed .block__sidebar--sm {
        min-width: 150px
    }

    .block.block--boxed .block__sidebar--sm + .block__body {
        width: calc(100% - 150px)
    }
}

@media (max-width:1011px) {

    .block.block--boxed.block--sidebar-dobule .block__sidebar,
    .block.block--boxed.block--sidebar-right .block__sidebar {
        margin-left: 0
    }
}

.block.block--domains .block__body {
    padding-bottom: 32px
}

.block.block--domains .block__body .list-group .btn__icon {
    font-size: 19px;
    color: #144fc4
}

.block.block--domains .block__sidebar {
    width: 268px
}

.block.block--domains .list-group__item {
    padding: 6px 0;
    margin-bottom: 9px
}

.block.block--domains .list-group__item.is-unavaliable .list-group__content,
.block.block--domains .list-group__item.is-unavaliable .rail .type-5,
.block.block--domains .list-group__item.is-unavaliable .zmdi {
    opacity: .5;
    color: #404040
}

.block.block--domains .list-group__content + .list-group__addon {
    padding-left: 32px
}

.block.block--domains .list-group__content + .list-group__addon .btn {
    margin-right: 1px
}

.block.block--domains .rail,
.site-navbar .navbar__nav .nav__item.has-dropdown.is-open .nav__link:hover .nav__link-text {
    color: #144fc4
}

.block.block--domains .rail > * {
    margin-right: 32px
}

.block.block--domains .list-group .rail .btn {
    width: 127px
}

.block.block--domains .list-group .rail .btn__icon {
    color: #fff;
    margin: 0
}

@media (max-width:751px) {
    .block.block--msg .block__body {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:752px) {
    .block.block--msg .block__body > .top {
        display: none
    }
}

@media (max-width:1011px) {
    .block.block--msg .block__sidebar {
        padding-left: 56px;
        padding-right: 56px
    }

    .block.block--sidebar-dobule .block__sidebar.block__sidebar--right {
        margin-left: 0;
        margin-top: 30px
    }
}

@media (max-width:751px) {
    .block.block--ticket .block__body {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1011px) {
    .block.block--ticket .block__sidebar {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:752px) {
    .block.block--ticket .top {
        display: none
    }
}

@media (max-width:1011px) {
    .block.block--services .block__body + .block__sidebar {
        margin-left: 0;
        margin-top: 30px
    }

    .block.block--domains .block__sidebar {
        width: 100%
    }
}

@media (max-width:751px) {
    .block.block--domains .block__body {
        padding-bottom: 24px
    }

    .block.block--services .block__body + .block__sidebar {
        margin-left: 0
    }
}

@media (max-width:1011px) {
    .block {
        flex-direction: column
    }
}

@media (max-width:751px) {
    .block.block--auth .block__body.has-actions .block__content {
        margin-bottom: 32px
    }

    .block.block--auth .block__body {
        padding: 32px 56px
    }

    .block.block--auth .block__actions {
        align-self: stretch
    }
}

@media (max-width:513px) {
    .block.block--auth .block__body {
        align-items: stretch;
        padding: 32px 24px
    }

    .block.block--auth .block__actions {
        margin-left: -24px;
        margin-right: -24px
    }

    .block.block--auth .brand {
        margin-bottom: 32px
    }

    .block.block--auth .form-group--inline + .btn {
        margin-top: 8px
    }
}

@media (max-width:751px) {
    .block.block--domains .list-group__item {
        flex-direction: column
    }

    .block.block--domains .list-group__item .list-group__addon:first-child {
        display: none
    }

    .block.block--domains .list-group__content {
        width: 100%
    }

    .block.block--domains .list-group__addon.rail {
        justify-content: space-between;
        width: 100%;
        padding-left: 0
    }
}

.rs-overlay,
.rs-overlay1,
.rs-overlay2 {
    position: absolute;
    background-color: #fff;
    z-index: 3;
    top: 0;
    height: 50%
}

.rs-control {
    outline: 0;
    margin: 0 auto
}

.rs-control .rs-overlay1,
.rs-control .rs-overlay2,
.rs-control .rs-split .rs-path {
    transform-origin: 50% 100%
}

.rs-control .rs-overlay {
    transform-origin: 100% 100%
}

.rs-control.rs-error {
    border: 1px dotted;
    text-align: center
}

.rs-container,
.rs-control {
    position: relative
}

.rs-bar {
    transform-origin: 100% 50%;
    position: absolute;
    height: 0;
    z-index: 10
}

.rs-bar.rs-rounded {
    z-index: 5
}

.rs-bar .rs-seperator {
    height: 0;
    display: none;
    float: left
}

.rs-bar.rs-start .rs-seperator {
    border-top: none
}

.rs-bar.rs-start.rs-rounded .rs-seperator {
    border-radius: 0 0 1000px 1000px
}

.rs-bar.rs-end .rs-seperator {
    border-bottom: none
}

.rs-bar.rs-end.rs-rounded .rs-seperator {
    border-radius: 1000px 1000px 0 0
}

.rs-bar:not(.rs-rounded) .rs-seperator {
    border-left: none;
    border-right: none
}

.rs-readonly {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 100
}

.rs-readonly .rs-handle.rs-move {
    cursor: default
}

.rs-readonly .rs-tooltip.edit:hover {
    border-color: transparent;
    cursor: default
}

.rs-disabled {
    opacity: .35
}

.rs-inner-container {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

.quarter .rs-bar {
    width: 100%
}

.quarter div.rs-block {
    height: 200%;
    width: 200%
}

.quarter.right .rs-bar {
    right: 100%
}

.half.bottom div.rs-block,
.half.top div.rs-block {
    height: 200%;
    width: 100%
}

.half.left .rs-bar {
    width: 100%;
    top: 50%
}

.half.left .rs-tooltip {
    top: 50%
}

.half.left div.rs-block,
.half.right div.rs-block {
    height: 100%;
    width: 200%
}

.half.right .rs-bar {
    width: 100%;
    top: 50%;
    right: 100%
}

.half.right .rs-tooltip {
    top: 50%
}

.half .rs-bar {
    width: 50%
}

.bottom .rs-bar,
.bottom .rs-tooltip {
    top: 0
}

.bottom > .rs-inner-container > .rs-block {
    top: auto;
    bottom: 0
}

.right .rs-tooltip {
    left: 0
}

.right .rs-inner-container > .rs-block {
    right: 0
}

.rs-block,
.rs-block .rs-inner {
    display: block;
    height: 100%;
    width: 100%
}

.rs-block {
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 6
}

.rs-block .rs-inner {
    border-radius: 1000px;
    position: relative
}

.rs-overlay {
    width: 50%
}

.rs-overlay1,
.rs-overlay2 {
    width: 100%
}

.full .rs-bar {
    width: 50%;
    top: 50%
}

.full .rs-tooltip {
    top: 50%;
    left: 50%
}

.rs-handle {
    border-radius: 100px;
    outline: 0;
    float: left;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25)
}

.rs-handle.rs-move {
    cursor: move
}

.rs-handle.rs-handle-square {
    border-radius: 0
}

.rs-handle-dot:after,
.rs-path {
    display: block;
    height: 100%;
    width: 100%;
    border: 1px solid #ededed
}

.rs-tooltip .rs-input {
    outline: 0;
    border: 0;
    background: 0 0;
    padding: 5px 8px
}

.rs-tooltip.edit {
    padding: 5px 8px
}

.rs-tooltip.edit:hover,
.rs-tooltip.hover {
    border: 1px solid #aaa;
    cursor: pointer
}

.rs-tooltip-text {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    position: absolute;
    bottom: -35px;
    z-index: 10;
    left: 0;
    right: 0
}

.rs-handle-dot {
    border: 1px solid #aaa;
    padding: 6px;
    background-color: #fff
}

.rs-handle-dot:after {
    content: "";
    border: 1px solid #aaa;
    border-radius: 100%;
    background-color: #838383
}

.rs-border,
.rs-seperator {
    border: 0
}

.rs-path-color {
    background-color: #ededed
}

.rs-range-color {
    background-color: #cd1c35
}

.rs-bg-color {
    background-color: #fff
}

.rs-animation .rs-transition {
    transition: all .5s linear 0s
}

div.rs-block {
    border-radius: 100%
}

.rs-split .rs-path {
    border-radius: 1000px 1000px 0 0;
    overflow: hidden;
    height: 50%;
    position: absolute;
    top: 0;
    z-index: 0
}

.g-c {
    width: 424px;
    height: 424px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(59, 165, 255, .1)
}

.g-c img {
    max-height: 100%;
    max-width: 100%
}

.g-c--sm {
    width: 214px;
    height: 214px
}

.banner .g-c,
.section--dark .g-c {
    background: rgba(255, 255, 255, .15)
}

@media (max-width:1011px) {
    .g-c {
        width: 304px;
        height: 304px
    }
}

@media (max-width:751px) {
    .g-c {
        height: 224px;
        width: 224px
    }
}

.banner {
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%);
    padding: 220px 0 140px;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.banner + .section {
    z-index: 2
}

.banner > .container {
    position: relative;
    z-index: 3
}

.banner .rail {
    margin-top: 40px
}

.banner .rail .rail__content div:last-child {
    opacity: .7
}

.banner--servers + .section {
    padding-top: 140px
}

.banner__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #fff;
    align-items: center;
    justify-content: center
}

.banner__content > * {
    max-width: 100%
}

.banner__content + .banner__graphic {
    justify-content: flex-end
}

.banner__content .banner__actions {
    margin-top: 40px
}

.banner__content > :last-child {
    margin-bottom: 0
}

.banner__subtitle {
    text-transform: uppercase;
    color: #fff
}

.banner__title {
    margin-top: 0;
    color: #fff;
    text-align: center
}

.banner__title span {
    display: block;
    font-weight: 200
}

.banner .banner__list {
    display: flex;
    margin-bottom: 0
}

.banner .banner__list i {
    color: #ff7800;
    margin: 0 12px 0 16px
}

.banner__desc,
.banner__title,
.banner_subtitle {
    max-width: 1046px
}

.banner__desc {
    margin-bottom: 0;
    color: #fff;
    text-align: center
}

.banner__graphic {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

.banner__actions .btn:not(.btn--link) {
    min-width: 253px
}

.banner__actions .btn.btn--white {
    box-shadow: 0 11px 16px 0 rgba(0, 0, 0, .17)
}

.banner__actions .btn.btn--white:active,
.banner__actions .btn.btn--white:focus,
.banner__actions .btn.btn--white:hover {
    background: #fff;
    color: #144fc4
}

.banner__actions + .banner_subtitle {
    margin-top: 24px
}

.banner__illustrations,
.banner__nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.banner__nav {
    width: 100%;
    background-color: rgba(0, 0, 0, .1)
}

.banner__nav .nav__link {
    padding: 24px
}

.banner__nav .nav--tabs .nav__item.is-active .nav__link,
.banner__nav .nav__link-text {
    color: #fff
}

.banner__nav .nav--tabs .nav__item.is-active:after {
    position: absolute;
    top: 0;
    display: block;
    content: '';
    height: 2px;
    background: #fff
}

.banner__nav .ls-swiper {
    margin-left: -24px
}

.banner__illustrations {
    top: 0
}

.banner__illustrations--cloud .banner__illustration #lines #line_3_,
.banner__illustrations--faq .banner__illustration #browser,
.banner__illustrations--faq .banner__illustration #lines #line_6_,
.banner__illustrations--faq .banner__illustration #lines #line_9_,
.banner__illustrations--faq .banner__illustration-right #lines #arrow,
.banner__illustrations--faq .banner__illustration-right #lines #arrow_1_,
.banner__illustrations--faq .banner__illustration-right #lines #line_10_,
.banner__illustrations--faq .banner__illustration-right #lines #line_4_,
.banner__illustrations--hide-browser .banner__illustration #browser,
.banner__illustrations--hide-browser .banner__illustration #lines #line_6_,
.banner__illustrations--hide-browser .banner__illustration #lines #line_9_,
.banner__illustrations--no-browser .banner__illustration #browser,
.banner__illustrations--no-browser .banner__illustration [data-animation-line-3],
.banner__illustrations--reseller .banner__illustration #browser,
.banner__illustrations--reseller .banner__illustration #lines #line_3_ {
    display: none
}

.banner__illustrations--reseller .banner__illustration-left,
.banner__illustrations--reseller .banner__illustration-right {
    bottom: -8px
}

.banner__illustrations--reseller .banner__illustration-left {
    left: -80px
}

.banner__illustrations--reseller .banner__illustration-right {
    right: -80px
}

.banner__illustrations--cloud .banner__illustration-left {
    left: -95px;
    bottom: -55px
}

.banner__illustrations--cloud .banner__illustration-right {
    bottom: -55px;
    right: -95px
}

.banner__illustrations--faq .banner__illustration-left,
.banner__illustrations--faq .banner__illustration-right {
    bottom: -222px
}

.banner__illustrations--migrate .banner__illustration-left,
.banner__illustrations--migrate .banner__illustration-right {
    width: unset;
    bottom: -160px
}

.banner__illustrations--migrate .banner__illustration-left {
    left: -101px
}

.banner__illustrations--migrate .banner__illustration-right {
    right: -467px
}

.banner__illustration {
    position: absolute
}

.banner__illustration-left,
.banner__illustration-right {
    left: -66px;
    width: 820px;
    height: 684px;
    bottom: -92px
}

.banner__illustration-right {
    right: -66px;
    left: unset
}

.banner.overlap {
    margin-bottom: -383px;
    padding-bottom: 483px
}

.banner.overlap + * {
    padding-top: 0
}

.banner.overlap + .section {
    background-color: transparent
}

.banner.overlap + .section .section__title {
    color: #fff;
    margin-bottom: 64px
}

.banner.overlap + .section .section__title.section__title--cloud {
    margin-bottom: 32px
}

.banner.overlap + .section .row--features,
.banner.overlap + .section .row--features .feature,
.box--contact .alert.hidden + h4 {
    margin-top: 0
}

.banner.overlap--xl {
    margin-bottom: -436px;
    padding-bottom: 536px
}

.banner.overlap--sm {
    margin-bottom: -128px;
    padding-bottom: 223px
}

.banner.has-nav {
    padding-bottom: 72px
}

.banner--sm .banner__content {
    min-height: 480px
}

.banner--center > .container,
.banner--search .input-group--actions > div {
    display: flex
}

.banner--center .banner__content {
    align-items: center;
    text-align: center;
    margin: auto
}

.banner--center .banner__nav .nav--tabs {
    justify-content: center
}

.banner--error .banner__title {
    font-size: 280px;
    line-height: 260px;
    font-weight: 600
}

.banner .banner__partials--bottom {
    position: absolute;
    bottom: -48px
}

.banner__reviews {
    margin-bottom: -70px
}

.banner__reviews .fa-star {
    color: #ffbd0a;
    font-size: 22px
}

.banner--affiliate .banner__content .banner__actions .btn:first-child {
    margin-right: 11px
}

.banner.banner--affiliate {
    margin-bottom: -138px
}

.banner.banner--hiring {
    margin-bottom: -227px;
    padding-bottom: 338px
}

.banner.banner--hiring .banner__title {
    margin-bottom: 24px
}

.banner.banner--superhero {
    margin-bottom: -259px;
    padding-bottom: 360px
}

.banner.website-builder {
    padding-bottom: 505px
}

.banner.supportticketsubmit-steptwo {
    padding-bottom: 504px
}

.banner--search {
    max-width: 900px;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    margin: 2px 0 32px
}

.banner--search .form-group {
    margin-bottom: 0
}

.banner--search .input-group {
    height: 72px;
    position: relative;
    border-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0 12px !important;
    border: 0
}

.banner--search .input-group-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px
}

.banner--search .input-group-icon svg {
    vertical-align: middle
}

.banner--search .input-group .form-control {
    padding-left: 56px
}

.banner--search .input-group .btn {
    min-width: 187px;
    border-radius: 4px;
    margin-right: -4px
}

.banner--search .input-group--actions {
    padding: 4px 0;
    display: flex;
    justify-content: space-between;
    position: relative
}

.banner--search .input-group--actions:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #e6e7eb;
    height: 1px
}

.banner--search .input-group--actions .actions-switch {
    display: flex !important;
    align-items: center;
    padding: 0 16px;
    position: relative
}

.banner--search .input-group--actions .actions-switch:after {
    content: "";
    position: absolute;
    right: 0;
    height: 20px;
    top: 6px;
    width: 1px;
    background-color: #e6e7eb
}

.banner--search .input-group--actions .actions-switch span {
    color: #536080;
    font-size: 13px
}

.banner--search .input-group--actions .actions-switch label {
    margin: 0 0 0 8px;
    width: 52px
}

.banner--search .input-group--actions .actions-switch label .switch__container {
    line-height: 1;
    background-color: #e6e7eb
}

.banner--search .input-group--actions .actions-switch label .switch__checkbox + .switch__container .switch__handle {
    right: 30px
}

.banner--search .input-group--actions .actions-switch#showTakenDomains .fa-toggle-on + .switch__container {
    background-color: #4fbe7b
}

.banner--search .input-group--actions .actions-switch#showTakenDomains .fa-toggle-on + .switch__container:after {
    position: absolute;
    top: 1px;
    bottom: 0;
    display: flex;
    left: 8px;
    z-index: 1;
    align-items: center;
    content: "on";
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase
}

.banner--search .input-group--actions .actions-switch#showTakenDomains .fa-toggle-on + .switch__container .switch__handle {
    right: 2px
}

.banner--search .input-group--actions .actions-switch#showPremiumDomains .fa-toggle-off:not(.fa-toggle-on) + .switch__container {
    background-color: #4fbe7b
}

.banner--search .input-group--actions .actions-switch#showPremiumDomains .fa-toggle-off:not(.fa-toggle-on) + .switch__container:after {
    position: absolute;
    top: 1px;
    bottom: 0;
    display: flex;
    left: 8px;
    z-index: 1;
    align-items: center;
    content: "on";
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase
}

.banner--search .input-group--actions .actions-switch#showPremiumDomains .fa-toggle-off:not(.fa-toggle-on) + .switch__container .switch__handle {
    right: 2px
}

.banner--search .input-group.is-focus {
    border: 0
}

.banner--domains .banner_subtitle {
    font-size: 22px
}

.banner--domains .drop-target:hover {
    padding-right: 16px
}

.banner--domains .tabs .nav--tabs .nav__item.is-active .nav__link span:after {
    bottom: 0
}

.banner .tabs .nav--tabs {
    margin-bottom: 16px
}

.banner--hiring .banner__content p {
    font-size: 22px;
    line-height: 32px
}

.banner .nav-tabs {
    margin-bottom: 40px
}

.banner--domains + #loading {
    margin-top: -40px;
    padding: 0 0 24px;
    text-align: center
}

.banner--domains + #loading .fa-spin {
    color: #fff
}

@media (min-width:1012px) {
    .banner--homepage {
        min-height: 728px
    }
}

@media (max-width:1231px) {
    .banner--homepage .banner__cube--left {
        left: -176px
    }

    .banner--homepage .banner__cube--right {
        right: -204px
    }

    .banner.banner--hiring .banner__desc {
        text-align: center;
        width: 100%
    }

    .banner.banner--hiring .banner_subtitle {
        text-align: center
    }
}

@media (min-width:752px) {
    .banner.about-us {
        min-height: 570px
    }
}

@media (max-width:1011px) {
    .banner {
        padding-top: 64px
    }

    .banner.overlap {
        margin-bottom: -183px;
        padding-bottom: 183px
    }

    .banner.overlap--xl {
        margin-bottom: -230px
    }

    .banner__content {
        padding-top: 96px;
        padding-bottom: 112px;
        min-height: 300px
    }

    .banner__content .banner__actions {
        margin-top: 32px
    }

    .banner__content .banner__actions .btn {
        margin-right: 16px
    }

    .banner__content .banner__actions .btn:last-child {
        margin-right: 0
    }

    .banner--servers + .section {
        padding-top: 72px
    }

    .banner .rail,
    .banner__illustrations--reseller .banner__illustration #lines #line_6_,
    .banner__illustrations--reseller .banner__illustration #lines #line_9_ {
        display: none
    }

    .banner .banner__bg > :not(.bg__pattern) {
        display: none
    }

    .banner .banner__list {
        flex-direction: column;
        margin-bottom: 0
    }

    .banner .banner__list li {
        text-align: left
    }

    .banner .banner__list li i {
        margin-left: 0
    }

    .banner.about-us {
        min-height: 0;
        padding: 112px 0 64px
    }

    .banner.about-us .banner__content {
        padding: 32px 0 24px
    }

    .banner.website-builder {
        padding-bottom: 390px
    }

    .banner--xs,
    .banner--xs .banner__content {
        padding-bottom: 64px
    }
}

@media (max-width:751px) {

    .banner,
    .banner__content {
        padding: 112px 0 64px;
        min-height: initial
    }

    .banner__content {
        padding: 50px 0 48px;
        justify-content: center;
        text-align: center
    }

    .banner__content .banner__actions {
        margin: 32px 0 0
    }

    .banner__title {
        margin-bottom: 40px
    }

    .banner__desc {
        font-size: 17px;
        line-height: 26px
    }

    .banner__graphic {
        margin-bottom: 40px
    }

    .banner__nav {
        margin-top: 72px
    }

    .banner__nav .ls-swiper {
        margin-left: -12px
    }

    .banner.overlap .banner__content {
        padding: 40px 0 88px
    }

    .banner.has-nav {
        padding-bottom: 72px
    }

    .banner .rail,
    .banner--search .input-group--actions .actions-switch:after {
        display: none
    }

    .banner--sm .banner__content {
        min-height: initial
    }

    .banner--center .banner__nav .nav--tabs {
        justify-content: flex-start
    }

    .banner--error .banner__title {
        font-size: 120px;
        line-height: 100px
    }

    .banner--error .banner__actions {
        display: flex
    }

    .banner--servers + .section {
        padding-top: 48px
    }

    .banner.website-builder {
        padding-bottom: 150px
    }

    .banner--search .input-group--actions {
        flex-direction: column;
        align-items: center
    }

    .banner--search .input-group--actions > div {
        flex-direction: column
    }

    .banner--search .input-group--actions .actions-switch {
        justify-content: space-between;
        margin: 4px 0;
        padding-right: 8px
    }

    .banner--search .input-group--actions .btn.btn--xs {
        position: relative;
        top: unset;
        transform: none;
        justify-content: flex-start;
        padding-left: 8px
    }

    .banner--search .collapse span {
        text-align: left
    }

    .banner.banner--hiring .banner__desc {
        text-align: center
    }

    .banner--homepage {
        padding-bottom: 102px
    }

    .banner--homepage .banner__actions {
        margin-bottom: 24px
    }

    .banner--homepage .banner__reviews {
        margin-bottom: -32px
    }

    .banner--xs .banner__content {
        padding-bottom: 48px
    }

    .banner__illustrations--homepage,
    .banner__illustrations--reseller {
        display: none
    }

    .banner--affiliate .banner__content .banner__actions .btn + .btn {
        margin-top: 16px
    }

    .banner--affiliate .banner__content .banner__actions .btn:first-child {
        margin-right: 0;
        display: flex
    }
}

@media (max-width:513px) {
    .banner__content .banner__actions {
        width: 100%
    }

    .banner__content .banner__actions .btn {
        padding: 0 20px;
        width: 100%
    }

    .banner.overlap {
        margin-bottom: -230px;
        padding-bottom: 190px;
        min-height: 500px
    }

    .banner.overlap + .section .section__title {
        margin-bottom: 56px
    }

    .banner--search .input-group {
        height: auto;
        flex-direction: column
    }

    .banner--search .input-group-icon {
        top: 16px;
        transform: none
    }

    .banner--search .input-group .form-control {
        height: 56px;
        padding-left: 56px
    }

    .banner--search .input-group .btn {
        width: 100%;
        margin-bottom: 16px
    }

    .banner--search .input-group .tab-content {
        width: 100%
    }

    .banner--search .collapse .col-md-2 {
        margin-bottom: 8px;
        padding-left: 8px;
        text-align: left
    }

    .banner--search .collapse span.help-status {
        display: inline
    }

    .banner--domains .banner__illustrations {
        display: none
    }
}

@media screen and (-ms-high-contrast:active) and (max-width:751px),
(-ms-high-contrast:none) and (max-width:751px) {
    .banner .container {
        flex: 1 0 0%
    }
}

@media (max-width:1599px) {
    .banner__illustrations--hide-browser {
        display: none
    }

    .banner__illustrations--homepage .banner__illustration-left {
        left: -136px
    }

    .banner__illustrations--homepage .banner__illustration-right {
        right: -136px
    }
}

@media (max-width:1400px) {

    .banner__illustrations--homepage .banner__illustration-left #browser,
    .banner__illustrations--homepage .banner__illustration-left #lines #line_3_,
    .banner__illustrations--homepage .banner__illustration-left #lines #line_6_,
    .banner__illustrations--homepage .banner__illustration-left #lines #line_9_,
    .banner__illustrations--homepage .banner__illustration-right #browser,
    .banner__illustrations--homepage .banner__illustration-right #lines #line_3_,
    .banner__illustrations--homepage .banner__illustration-right #lines #line_6_,
    .banner__illustrations--homepage .banner__illustration-right #lines #line_9_ {
        display: none
    }
}

@media (max-width:1249px) {

    .banner__illustrations--faq,
    .banner__illustrations--migrate {
        display: none
    }
}

::-webkit-input-placeholder {
    font-size: 20px
}

:-ms-input-placeholder {
    font-size: 20px
}

::placeholder {
    font-size: 20px
}

.banner--summer-sale {
    min-height: 830px;
    background: linear-gradient(150deg, #102ca2 0, #3376b6 57%)
}

.banner--summer-sale .banner__content {
    max-width: 530px;
    align-items: flex-start
}

.banner--summer-sale .banner__desc,
.banner--summer-sale .banner__title {
    text-align: left
}

.banner--summer-sale .banner__desc .label--outline {
    border-color: rgba(255, 255, 255, .5);
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    padding: 0 12px;
    height: auto
}

.banner--summer-sale .banner__reviews {
    text-align: left !important
}

@media (max-width:751px) {
    .banner--summer-sale .banner__reviews {
        margin-bottom: 0
    }
}

.banner--summer-sale .banner__illustrations {
    z-index: 2
}

@media (min-width:1920px) {
    .banner--summer-sale .banner__illustrations {
        left: unset
    }
}

@media (min-width:1232px) and (max-width:1499px) {
    .banner--summer-sale .banner__illustrations {
        left: -160px
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .banner--summer-sale .banner__illustrations {
        left: -342px
    }
}

@media (min-width:752px) and (max-width:1011px) {
    .banner--summer-sale .banner__illustrations {
        left: -487px;
        bottom: -22px
    }
}

@media (min-width:514px) and (max-width:751px) {
    .banner--summer-sale .banner__illustrations {
        left: -735px
    }
}

@media (max-width:513px) {
    .banner--summer-sale .banner__illustrations {
        left: -827px;
        bottom: -127px
    }

    .banner--summer-sale .banner__illustrations [data-animation-ball],
    .banner--summer-sale .banner__illustrations [data-animation-box],
    .banner--summer-sale .banner__illustrations [data-animation-roof] {
        display: none
    }
}

.banner--summer-sale .banner__illustrations .svg-summer-sale-animation {
    position: absolute;
    right: -220px;
    bottom: 32px;
    z-index: 10;
    left: 224px
}

.banner--summer-sale .banner__illustrations-animation {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0
}

@media (min-width:1920px) {
    .banner--summer-sale .banner__illustrations-animation {
        left: unset
    }
}

.banner--summer-sale .banner__illustrations-animation > svg {
    width: unset !important;
    height: unset !important;
    transform: unset !important
}

.banner--summer-sale .banner__illustrations-vawes {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (min-width:1920px) {
    .banner--summer-sale .banner__illustrations-vawes {
        left: unset
    }
}

.banner--fall-sale {
    min-height: 830px;
    background: linear-gradient(127.32deg, #2039ba 9.46%, #6682b1 78.72%)
}

.banner--fall-sale .banner__illustrations svg {
    position: absolute
}

.banner--fall-sale .banner__illustration-container-right {
    position: absolute;
    left: 510px;
    bottom: 0;
    width: 1400px;
    height: 100%;
    max-width: 100%
}

@media (max-width:513px) {
    .banner--fall-sale .banner__illustration-container-right {
        left: 530px;
        bottom: 90px
    }
}

@media (min-width:1921px) {
    .banner--fall-sale .banner__illustration-container-right {
        left: unset;
        right: 0
    }
}

.banner--fall-sale .banner__illustration-background {
    left: 0;
    top: 0;
    width: unset;
    height: unset
}

.banner--fall-sale .banner__illustration-left {
    right: 1496px;
    left: unset;
    top: 0;
    width: unset;
    height: unset
}

@media (min-width:1921px) {
    .banner--fall-sale .banner__illustration-left {
        right: unset;
        left: 0
    }
}

.banner--fall-sale .banner__illustration-right {
    bottom: 0;
    right: 0;
    width: unset;
    height: unset
}

.banner--fall-sale .banner__illustration-cloud-lg {
    bottom: 485px;
    right: 435px;
    animation-delay: 1s
}

.banner--fall-sale .banner__illustration-cloud-lg[style*="opacity: 1;"] {
    animation: float-cloud-lg 8s ease-in-out infinite
}

@media (max-width:800px) {
    .banner--fall-sale .banner__illustration-cloud-lg {
        display: none
    }
}

.banner--fall-sale .banner__illustration-cloud-sm {
    bottom: 511px;
    right: 226px;
    animation-delay: 1s
}

.banner--fall-sale .banner__illustration-cloud-sm[style*="opacity: 1;"] {
    animation: float-cloud-sm 7s ease-in-out infinite
}

.banner--fall-sale .banner__illustration-sale {
    bottom: 276px;
    right: 573px
}

.banner--fall-sale .banner__illustration-wagon {
    bottom: 82px;
    right: 558px
}

.banner--fall-sale .banner__illustration-wagon-2 {
    bottom: 82px;
    right: 558px;
    z-index: 20
}

.banner--fall-sale .banner__illustration-globe-1 {
    bottom: 200px;
    right: 480px;
    animation-delay: 2s
}

.banner--fall-sale .banner__illustration-globe-1[style*="opacity: 1;"] {
    animation: float-ball 6s ease-in-out infinite
}

.banner--fall-sale .banner__illustration-globe-2 {
    bottom: 187px;
    right: 661px;
    z-index: 10
}

.banner--fall-sale .banner__illustration-globe-3 {
    bottom: 221px;
    right: 747px;
    z-index: 9
}

.banner--fall-sale .banner__illustration-globe-4 {
    bottom: 235px;
    right: 662px;
    z-index: 8
}

.banner--fall-sale .banner__content {
    max-width: 530px;
    align-items: flex-start
}

.banner--fall-sale .banner__desc,
.banner--fall-sale .banner__title {
    text-align: left
}

.banner--fall-sale .banner__desc .label--outline {
    border-color: rgba(255, 255, 255, .5);
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    padding: 0 12px;
    height: auto
}

.banner--fall-sale .banner__reviews {
    text-align: left !important
}

@media (max-width:751px) {
    .banner--fall-sale .banner__reviews {
        margin-bottom: 0
    }
}

.banner--fall-sale .banner__illustrations {
    z-index: 2
}

@media (min-width:1920px) {
    .banner--fall-sale .banner__illustrations {
        right: 0
    }
}

@media (min-width:1232px) and (max-width:1499px) {
    .banner--fall-sale .banner__illustrations {
        left: -160px
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .banner--fall-sale .banner__illustrations {
        left: -342px
    }
}

@media (min-width:752px) and (max-width:1011px) {
    .banner--fall-sale .banner__illustrations {
        left: -487px;
        bottom: -22px
    }
}

@media (min-width:514px) and (max-width:751px) {
    .banner--fall-sale .banner__illustrations {
        left: -735px
    }
}

@media (max-width:513px) {
    .banner--fall-sale .banner__illustrations {
        left: -827px;
        bottom: -127px
    }

    .banner--fall-sale .banner__illustrations [data-animation-ball],
    .banner--fall-sale .banner__illustrations [data-animation-box],
    .banner--fall-sale .banner__illustrations [data-animation-roof] {
        display: none
    }
}

.banner--fall-sale .banner__illustrations .svg-summer-sale-animation {
    position: absolute;
    right: -220px;
    bottom: 32px;
    z-index: 10;
    left: 224px
}

.banner--fall-sale .banner__illustrations-animation {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0
}

@media (min-width:1920px) {
    .banner--fall-sale .banner__illustrations-animation {
        left: unset
    }
}

.banner--fall-sale .banner__illustrations-animation > svg {
    width: unset !important;
    height: unset !important;
    transform: unset !important
}

.banner--fall-sale .banner__illustration-fallen-leaves {
    bottom: 25px;
    right: 88px
}

.banner--fall-sale .banner__illustration-leaves {
    position: absolute;
    bottom: 236px;
    width: 200px;
    height: 165px;
    right: 130px;
    text-align: right;
    transform: rotate(48deg);
    z-index: 85
}

.banner--fall-sale .banner__illustration-leaves--2 {
    z-index: 95;
    bottom: 170px;
    right: 80px
}

.banner--fall-sale .banner__illustration-leaves svg {
    display: inline-block;
    z-index: 1;
    -webkit-animation: falling 5s 0s infinite;
    position: static
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(2n) {
    -webkit-animation: falling2 5s 0s infinite
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(3n) {
    -webkit-animation: falling3 5s 0s infinite
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(n) {
    -webkit-animation-delay: 1.9s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(2n) {
    -webkit-animation-delay: 3.9s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(3n) {
    -webkit-animation-delay: 2.3s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(4n) {
    -webkit-animation-delay: 4.4s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(5n) {
    -webkit-animation-delay: 5s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(6n) {
    -webkit-animation-delay: 3.5s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(7n) {
    -webkit-animation-delay: 2.8s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(8n) {
    -webkit-animation-delay: 1.5s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(9n) {
    -webkit-animation-delay: 3.3s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(10n) {
    -webkit-animation-delay: 2.5s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(11n) {
    -webkit-animation-delay: 1.2s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(12n) {
    -webkit-animation-delay: 4.1s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(13n) {
    -webkit-animation-delay: 1s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(14n) {
    -webkit-animation-delay: 4.7s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(15n) {
    -webkit-animation-delay: 3s
}

.banner--fall-sale .banner__illustration-leaves svg:nth-of-type(n) {
    -webkit-animation-timing-function: ease-in-out
}

.overlap {
    margin-bottom: -100px;
    padding-bottom: 0
}

.overlap + * {
    padding-top: 180px
}

@media (max-width:1011px) {
    .overlap + * {
        padding-top: 172px
    }
}

@media (max-width:751px) {
    .overlap + * {
        padding-top: 140px
    }
}

.widget .widget__actions .btn {
    justify-content: center
}

.widget__content {
    padding: 32px
}

.widget--boxed {
    background: #fff
}

.widget--boxed .widget__actions,
.widget--boxed .widget__body,
.widget--boxed .widget__header {
    border: 0
}

.widget--primary {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);
    border-radius: 4px
}

.widget--primary > .widget__content {
    color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.widget--primary .widget__header p {
    margin-bottom: 0
}

.widget--primary .widget__body {
    position: relative
}

.widget--primary .widget__body:after {
    content: '';
    position: absolute;
    width: calc(100% - 64px);
    left: 32px;
    height: 1px;
    background: #eaeaea;
    bottom: 0
}

.widget--primary .widget__actions {
    padding: 32px
}

.widget--primary .widget__actions .btn {
    min-width: 130px
}

.widget--primary .widget__price {
    display: flex;
    align-items: center
}

.widget .list--icon li {
    margin-bottom: 16px
}

.widget .list-group__item {
    padding: 8px 24px
}

.widget--shadow {
    box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .2)
}

.widget--outline {
    color: #fff
}

.widget--event > *,
.widget--outline .widget__actions,
.widget--outline .widget__body {
    background: 0 0
}

.widget--outline .widget__actions {
    border-top: none
}

.widget--outline .widget__body {
    border-bottom: none
}

.widget--event .widget__actions,
.widget--event .widget__body {
    border: 0
}

.widget--event .widget__actions .btn {
    background: rgba(0, 0, 0, .1);
    color: #fff
}

.widget--event .event {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 27px 32px 24px;
    min-height: 230px
}

.widget--event .event:after {
    content: '';
    position: absolute;
    right: -121px;
    top: -142px;
    width: 284px;
    height: 328px;
    background: url(../img/upcoming_events/corner_graphic.html) no-repeat
}

.widget--event .event__graphic {
    width: 134px;
    height: 134px;
    display: flex;
    align-content: center;
    align-items: center;
    margin-top: 24px;
    margin-right: 20px;
    position: relative;
    z-index: 1
}

.widget--event .event__content {
    display: flex;
    flex-direction: column
}

.widget--event .event__subtitle {
    text-transform: uppercase;
    font-weight: 800;
    color: #000
}

.widget--event .event__subtitle + .event__title {
    margin-top: 12px
}

.widget--event .event__info span {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, .6)
}

.widget--event .event__info span i {
    margin-right: 16px
}

.widget--event .event__title {
    margin-bottom: 16px;
    color: #fff;
    font-size: 28px;
    max-width: 440px;
    font-weight: 300
}

.widget--event .event__title strong {
    font-weight: 800
}

.widget--event .event__title + .event__info {
    margin-top: auto
}

.widget--event + .widget--event {
    margin-top: 44px
}

.widget--news .widget__top {
    padding: 0 24px
}

.widget--news .widget__title-text {
    margin-bottom: 0
}

.widget--annoucement > * {
    border: 0;
    background: 0 0
}

.widget--annoucement .type-4 {
    color: #144fc4;
    font-size: 24px;
    line-height: 28px
}

.widget--annoucement .type-4 .heading {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px
}

.widget--annoucement .type-4 .heading--light {
    color: rgba(255, 255, 255, .5)
}

.widget--annoucement .type-4 .heading--dark {
    color: rgba(0, 0, 0, .5)
}

.widget--annoucement .type-4 .heading > i {
    margin-right: 10px
}

.widget--annoucement .i-c-8x {
    margin-bottom: 16px
}

.widget--annoucement .widget__content {
    padding: 20px
}

.widget--annoucement .widget__actions .btn {
    color: #fff
}

.row--eq-height .widget {
    min-height: 260px
}

@media (max-width:1231px) {
    .widget--primary .widget__price {
        margin-bottom: 16px
    }

    .widget--primary .widget__actions {
        flex-direction: column
    }
}

@media (max-width:1011px) {
    .widget--news .widget__top {
        padding-left: 16px;
        padding-right: 16px
    }

    .widget--primary .widget__price {
        margin-bottom: 0
    }

    .widget--primary .widget__actions {
        flex-direction: row
    }

    .widget .list-group__item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (max-width:751px) {
    .widget--primary .widget__price {
        margin-bottom: 0
    }

    .widget--primary .widget__actions,
    .widget--primary .widget__content {
        padding: 16px
    }

    .widget--event .event {
        flex-direction: column
    }

    .widget--event .event__content {
        order: 1
    }

    .widget--event .event__title {
        font-size: 24px;
        line-height: 28px;
        margin-top: 4px !important;
        margin-bottom: 4px
    }

    .widget--event .event__graphic {
        order: 0;
        margin: 0 0 16px;
        width: 64px;
        height: 64px
    }

    .widget--event .event__info {
        flex-direction: column
    }

    .widget--event .event__info span + span {
        margin: 8px 0 0
    }

    .widget--event + .widget--event {
        margin-top: 8px
    }

    .row--eq-height .widget {
        min-height: initial
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        .widget--annoucement .btn--block,
        .widget--event .btn--block {
            padding-top: 14px
        }
    }
}

.site-navbar {
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: none
}

.site-navbar.has-navbar-top {
    top: 30px
}

.site-navbar.has-background {
    background-color: #144fc4
}

.site-navbar.has-background + .site-overlay {
    display: block
}

.site-navbar.has-background .nav__link.is-active:before {
    display: none
}

.site-navbar.has-background .nav__item .nav__link {
    opacity: .5
}

.site-navbar.has-background .nav__item.is-open .nav__link {
    opacity: 1
}

.site-navbar .navbar__top {
    border-bottom: 1px solid rgba(230, 232, 236, .25);
    padding: 8px 0
}

.site-navbar .navbar__top .container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.site-navbar .navbar__top ul {
    margin: 0;
    width: 100%
}

.site-navbar .navbar__top ul li {
    display: inline-flex;
    margin-right: 16px
}

.site-navbar .navbar__top ul li:last-child {
    float: right;
    margin-right: 0
}

.site-navbar .navbar__top a {
    position: relative;
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, .7);
    font-size: 16px
}

.site-navbar .navbar__top a .svg-icon {
    margin-right: 12px;
    width: 18px;
    transition: fill .3s
}

.site-navbar .navbar__top a .svg-icon .st0 {
    transition: fill .3s
}

.site-navbar .navbar__top a:hover .svg-icon .st0 {
    fill: #ff7800
}

.site-navbar .navbar__top a span.label {
    background-color: #ff7800;
    color: #fff;
    height: 14px;
    padding: 2px 3px;
    border-radius: 100%;
    position: absolute;
    bottom: 4px;
    left: -7px;
    line-height: 14px;
    font-size: 11px
}

.site-navbar .navbar__top .svg-icon {
    position: relative;
    height: 18px;
    width: 18px;
    margin-right: 12px
}

.site-navbar .navbar__bottom {
    width: 100%
}

.site-navbar .navbar__bottom > .container {
    display: flex;
    justify-content: space-between
}

.site-navbar .navbar {
    box-shadow: none
}

.site-navbar .navbar__nav .nav__link {
    font-size: 18px;
    min-height: 56px;
    font-weight: 600;
    color: #fff;
    padding: 24px 16px;
    transition: color .3s
}

.site-navbar .navbar__nav .nav__item.has-dropdown.is-open .nav__link,
.site-navbar .navbar__nav .nav__link:hover {
    color: #ff7800
}

.result__list-actions .btn#loadmorebutton:hover,
.site-navbar .navbar__nav .nav__link .btn:hover {
    padding-right: 16px
}

.site-navbar .navbar__nav .nav__item i {
    margin-left: 12px;
    font-size: 12px
}

.site-navbar .drop-arrow {
    right: 11px
}

.site-navbar .navbar__brand {
    padding: 4px 16px 0 0;
    margin: auto 0
}

.site-navbar .navbar__brand .brand__logo {
    max-width: 294px;
    width: 294px
}

.site-navbar .navbar__brand .logo svg {
    display:none;
    width: 100%;
    max-width: 200px;
    height: 33.8px
}

.site-navbar .navbar__brand .logo svg .st1 {
    fill: #fd8901
}

.site-navbar .row--features + p {
    margin-top: 64px;
    margin-bottom: 0;
    color: #abaab2
}

.site-navbar .row--features + p a {
    color: #fff;
    text-decoration: none;
    font-weight: 400
}

.site-navbar .nav.nav--full-width {
    display: none;
    top: 90px;
    background-color: #536080;
    width: 100vw;
    padding: 56px 0;
    box-shadow: none;
    max-height: calc(100vh - 90px);
    overflow: auto
}

.site-navbar .nav__header {
    display: none;
    color: #fff;
    align-items: center;
    padding-bottom: 0
}

.site-navbar .nav__header > .btn {
    color: #fff;
    height: auto;
    width: auto;
    padding: 8px;
    margin: 8px 0 8px -8px
}

.site-navbar .nav__header .nav__title {
    margin-bottom: 0
}

.site-navbar .nav__header .feature--boxed {
    background: 0 0;
    padding-top: 24px
}

.site-navbar .nav__header .feature--bordered {
    border-color: #144fc4
}

.site-navbar .nav__item > .btn {
    margin-left: 20px;
    font-weight: 700
}

.site-navbar .nav__item > .btn.btn--white {
    margin-left: 24px
}

.site-navbar .nav__item > .btn .btn__icon .zmdi {
    font-size: 18px
}

.site-navbar .nav__item .btn--icon:hover {
    color: #144fc4
}

.site-navbar .has-dropdown .nav__link:after {
    content: '\f2fb';
    display: none
}

.site-navbar .has-dropdown.is-open .nav__link {
    position: relative
}

.site-navbar .has-dropdown.is-open .nav__link:before {
    display: block;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.site-navbar .has-dropdown.is-open:after {
    display: none !important
}

.site-navbar .has-dropdown.is-open .nav.nav--full-width {
    display: block;
    transition: .5s;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15)
}

.site-navbar .nav__dropdown {
    min-width: 320px;
    left: 0
}

.site-navbar .nav__sub .nav__item .nav__link {
    padding: 10px 16px
}

.site-navbar .nav__sub .nav__item .nav__link .i-c-6x {
    margin-right: 16px
}

.site-navbar .nav__sub .nav__item .nav__link span.nav__link-text {
    font-size: 16px;
    color: #112240;
    font-weight: 700
}

.site-navbar .nav__sub .nav__item .nav__link span.nav__link-desc {
    font-size: 14px;
    color: #536080;
    line-height: 22px
}

.scroll-up .site-navbar {
    position: fixed;
    background: #144fc4;
    top: 0;
    height: 90px;
    padding: 16px 0;
    width: 100%;
    animation-name: fadeInDown;
    animation-duration: .3s;
    animation-fill-mode: both;
    transition: top linear 0s
}

.scroll-up .nav.nav--full-width {
    max-height: calc(100vh - 90px);
    top: 90px
}

@media (min-width:1012px) {

    .scroll-down .site-navbar,
    .scrolled-top .site-navbar {
        top: 0 !important
    }

    .scrolled-top .has-navbar-top.site-navbar {
        top: 30px !important
    }
}

@media (max-width:751px) {
    .no-scroll .site-navbar {
        top: 0 !important
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .site-navbar .navbar__nav .nav__link {
        padding: 24px 8px;
        font-size: 16px
    }

    .site-navbar .nav__item > .btn {
        margin-left: 16px
    }
}

@media (max-width:1011px) {

    .site-navbar .hidden--sm,
    .site-navbar.navbar .nav__link.is-active:before {
        display: none
    }

    .site-navbar.is-open {
        transform: translateX(-100%);
        right: -100%
    }

    .site-navbar.is-open + .site-overlay {
        display: block
    }

    .site-navbar.navbar {
        flex-wrap: wrap
    }

    .site-navbar.navbar .nav__link {
        font-size: 14px
    }

    .site-navbar.navbar .nav__link-text {
        text-transform: capitalize
    }

    .site-navbar.navbar .nav__item.has-dropdown .nav__link:after {
        margin-left: auto;
        display: block;
        transform: rotate(90deg)
    }

    .site-navbar.navbar .nav__item.has-dropdown.is-open .nav__link:after {
        transform: rotate(270deg)
    }

    .site-navbar .row--features + p,
    .site-navbar.navbar .nav__item.has-dropdown.is-open .nav__link:before,
    .site-navbar.navbar .nav__item.has-dropdown.is-open:after {
        display: none
    }

    .site-navbar.navbar .nav__item > .btn {
        margin-left: 0;
        font-size: 14px;
        text-transform: capitalize;
        background: 0 0;
        border: 0;
        padding: 0 16px;
        justify-content: flex-start
    }

    .site-navbar.navbar .nav.nav--full-width {
        top: 0;
        padding: 0;
        height: 100%;
        max-height: initial;
        background: #0c3aa3
    }

    .site-navbar.navbar .nav.nav--sub {
        padding-bottom: 45px
    }

    .site-navbar.navbar .nav__header {
        display: flex;
        padding: 8px 0 0
    }

    .site-navbar.navbar .navbar__bottom > .container {
        justify-content: flex-end
    }

    .site-navbar > .container {
        margin: 0;
        padding: 0;
        width: 100%
    }

    .site-navbar.navbar--thin-mobile {
        left: 100%;
        background: #e6e6e6
    }

    .site-navbar.navbar--thin-mobile .nav .nav--sub {
        background: #e6e6e6;
        position: static;
        width: 100%;
        box-shadow: none !important;
        padding: 8px 0 16px;
        animation: unset
    }

    .site-navbar.navbar--thin-mobile .nav .nav--sub .btn--icon,
    .site-navbar.navbar--thin-mobile .nav .nav--sub .nav__header {
        color: #0c172c
    }

    .site-navbar.navbar--thin-mobile.is-open {
        max-width: 320px;
        transform: translateX(-320px)
    }

    .site-navbar.navbar--thin-mobile .navbar__nav {
        width: 320px
    }

    .site-navbar.navbar--thin-mobile .row--features {
        margin-left: 8px;
        margin-top: 0;
        height: 100%
    }

    .site-navbar.navbar--thin-mobile .row--features > div[class*=col-] {
        flex-basis: 100%
    }

    .site-navbar.navbar--thin-mobile .row--features > .col {
        width: 100% !important;
        padding: 0
    }

    .site-navbar.navbar--thin-mobile .row--features .feature--boxed {
        background: 0 0;
        padding: 0;
        align-items: flex-start;
        margin-top: 0 !important
    }

    .site-navbar.navbar--thin-mobile .row--features .feature--boxed:hover {
        box-shadow: none
    }

    .site-navbar .navbar__main .navbar__nav .nav__sub:after,
    .site-navbar.navbar--thin-mobile .row--features .feature--boxed .feature__actions,
    .site-navbar.navbar--thin-mobile .row--features .feature--boxed .feature__icon {
        display: none
    }

    .site-navbar.navbar--thin-mobile .row--features .feature--boxed .feature__title {
        color: #0c172c;
        font-size: 14px;
        font-weight: 400;
        transition: .3s
    }

    .site-navbar.navbar--thin-mobile .row--features .feature--boxed .feature__title:hover {
        color: #144fc4
    }

    .site-navbar.navbar--thin-mobile .row--features .feature--boxed .feature__body {
        width: 100%;
        text-align: left;
        padding: 8px 0 8px 24px;
        border-left: 1px solid #162d54;
        margin-top: 0
    }

    .site-navbar .navbar__burger span {
        background-color: #fff;
        border-radius: 4px;
        height: 3px;
        width: 33px
    }

    .site-navbar .navbar__burger span:nth-child(2) {
        width: 16px;
        right: calc(50% - 22px);
        margin-left: auto;
        top: 52%
    }

    .site-navbar.menu-is-open .navbar__top {
        background-color: #fff;
        transition: background-color .3s, border-color .3s;
        border-color: rgba(83, 96, 128, .3)
    }

    .site-navbar .navbar__main .navbar__nav .nav__item .nav__link .btn,
    .site-navbar.menu-is-open .navbar__top a,
    .site-navbar.menu-is-open .navbar__top ul li a {
        color: #112240
    }

    .site-navbar .navbar__main .navbar__nav .nav__item .nav__link:hover,
    .site-navbar.menu-is-open .navbar__top ul li a:hover {
        color: #ff7800
    }

    .site-navbar.menu-is-open .navbar__bottom {
        background-color: #fff;
        transition: background-color .3s
    }

    .site-navbar.menu-is-open .navbar__bottom .navbar__brand .logo svg .fill-responsive circle,
    .site-navbar.menu-is-open .navbar__bottom .navbar__brand .logo svg .fill-responsive ellipse,
    .site-navbar.menu-is-open .navbar__bottom .navbar__brand .logo svg .fill-responsive path {
        fill: #112240
    }

    .site-navbar.menu-is-open .navbar__bottom .navbar__brand .logo svg > g > g:last-child path {
        fill: #112240
    }

    .site-navbar.menu-is-open .navbar__bottom .navbar__brand .logo svg > g > g:nth-of-type(2) g:nth-of-type(2) path,
    .site-navbar.menu-is-open .navbar__bottom .navbar__brand .logo svg > g > g:nth-of-type(2) > g:nth-of-type(1) path {
        fill: #112240
    }

    .site-navbar.menu-is-open .navbar__bottom .navbar__nav {
        max-width: 716px;
        margin: auto
    }

    .site-navbar .navbar__top {
        min-height: 34px;
        width: 100%;
        align-items: center;
        position: relative;
        z-index: 2
    }

    .site-navbar .navbar__bottom {
        padding: 16px 0
    }

    .site-navbar .navbar__brand {
        order: -1;
        transition: background-color .3s;
        min-height: 0;
        padding: 0
    }

    .site-navbar .navbar__brand .logo svg {
        max-width: 159px;
        display: none;
    }

    .site-navbar .navbar__main {
        background: #fff;
        position: absolute;
        top: 103px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        transition: background-color .3s, opacity .3s;
        height: 100vh;
        align-items: flex-start
    }

    .site-navbar .navbar__main.is-open {
        visibility: visible;
        opacity: 1
    }

    .site-navbar .navbar__main > .container {
        flex-direction: column
    }

    .site-navbar .navbar__main .navbar__nav {
        flex-direction: column;
        width: 100%;
        padding-top: 8px
    }

    .site-navbar .navbar__main .navbar__nav .nav__item {
        min-height: 42px
    }

    .site-navbar .navbar__main .navbar__nav .nav__item .nav__link {
        color: #112240;
        font-weight: 700;
        min-height: 0;
        padding: 12px 16px;
        font-size: 20px
    }

    .site-navbar .navbar__main .navbar__nav .nav__item.has-dropdown {
        flex-direction: column
    }

    .site-navbar .navbar__main .navbar__nav .nav__item.has-dropdown.is-open .fa-caret-down {
        transform: rotate(180deg)
    }

    .site-navbar .navbar__main .navbar__nav .nav__sub {
        position: relative;
        padding-left: 0
    }

    .site-navbar .navbar__main .navbar__nav .nav__sub .nav__item .nav__link {
        font-weight: 300
    }

    .site-navbar .navbar__burger {
        height: 40px
    }

    .site-navbar .navbar__burger.is-open span {
        background-color: #112240;
        transform: rotate(135deg);
        top: 41%;
        width: 27px;
        left: calc(50% - 4px)
    }

    .site-navbar .navbar__burger.is-open span:nth-child(2) {
        width: 27px;
        top: 41%;
        transform: rotate(-135deg);
        margin: 0
    }
}

@media (max-width:751px) {
    .navbar .navbar__nav .nav__item .btn {
        margin-top: 16px;
        height: 42px;
        font-size: 18px
    }

    .navbar .navbar__nav .nav__sub:before {
        content: "";
        position: absolute;
        top: 0;
        right: -20px;
        bottom: 0;
        left: -16px;
        background-color: rgba(209, 216, 232, .3)
    }

    .site-navbar.has-navbar-top {
        top: 0
    }

    .site-navbar .navbar__top {
        padding: 8px 6px 8px 0
    }
}

@media (max-width:513px) {
    .banner__nav .container {
        width: 100%
    }

    .site-navbar .navbar__top ul {
        display: flex;
        justify-content: space-between
    }
}

.form-floating .form-label {
    position: absolute;
    left: 24px;
    top: 19px;
    margin: 0;
    pointer-events: none;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form-floating .form-control {
    padding-top: 18px
}

.form-floating.is-required:after {
    content: '*';
    width: 13px;
    height: 13px;
    background: #fff;
    color: red;
    position: absolute;
    top: 0;
    padding-top: 1px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.form-floating.has-focus .form-label,
.form-floating.has-value .form-label {
    font-size: 12px;
    opacity: .6;
    top: 7px
}

.form-floating input::-webkit-contacts-auto-fill-button {
    position: absolute;
    right: 20px;
    top: 24px
}

textarea.form-control.form-control--xlg {
    padding-top: 19px;
    padding-bottom: 19px;
    resize: vertical
}

.domain-search {
    max-width: 900px;
    width: 100%;
    margin: 40px auto 0
}

.domain-search .input-group--search-domain {
    height: 72px;
    padding: 0 8px 0 16px !important;
    border-radius: 10px;
    border: 0;
    box-shadow: 0 6px 24px 0 rgba(7, 20, 31, .12)
}

.domain-search .input-group--search-domain input {
    font-size: 20px;
    font-weight: 300
}

.domain-search .input-group--search-domain input:active,
.domain-search .input-group--search-domain input:focus {
    border: 0
}

.domain-search .input-group--search-domain .input-group-icon {
    width: 32px;
    padding-top: 10px
}

.domain-search .input-group--search-domain .input-group__btn {
    max-width: 182px;
    width: 100%;
    border-radius: 6px;
    font-size: 18px
}

.domain-search .input-group--search-domain.is-focus {
    border: 0
}

.domain-search .swiper-domain {
    margin-top: 64px;
    padding: 0;
    overflow: hidden
}

.domain-search .swiper-domain .swiper-slide {
    display: inline-flex;
    line-height: 36px;
    padding-right: 16px
}

.domain-search .swiper-domain .swiper-slide span.name {
    margin-right: 12px;
    font-size: 22px;
    font-weight: 900;
    color: #112240
}

.domain-search .swiper-domain .swiper-slide span.price {
    font-size: 22px;
    font-weight: 300
}

.results {
    max-width: 900px;
    width: 100%;
    margin: auto;
    background-color: #fff;
    border-radius: 6px
}

.site .help-status,
.site .label-hx {
    font-size: 10px;
    font-weight: 500
}

.site .help-status-available,
.site .help-status.available,
.site .label-hx-available,
.site .label-hx.available {
    color: #33a67c;
    border-color: #daf5ea;
    background-color: #daf5ea
}

.site .help-status-premium,
.site .help-status.premium,
.site .label-hx-premium,
.site .label-hx.premium {
    background-color: rgba(0, 177, 223, .15);
    color: #00b1df;
    border-color: transparent
}

.site .help-status-taken,
.site .help-status.taken,
.site .label-hx-taken,
.site .label-hx.taken {
    background-color: #e6e7eb;
    border-color: #e6e7eb;
    color: #112240
}

.site .help-status-whois,
.site .help-status.whois,
.site .label-hx-whois,
.site .label-hx.whois {
    background-color: transparent;
    border-color: #e6e7eb;
    color: #112240
}

.result__list .domainbox {
    padding: 16px 24px;
    position: relative;
    border-bottom: 1px solid #e6e7eb;
    margin-bottom: 0;
    display: flex;
    align-items: center
}

.result__list .domainbox .domainname {
    font-size: 20px;
    font-weight: 700;
    color: #112240;
    margin: 0
}

.result__list .domainbox .domainname.tld-zone {
    font-weight: 300
}

.result__list .domainbox .domainname.added,
.result__list .domainbox .domainname.available {
    color: #112240
}

.result__list .domainbox .checkboxarea {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.result__list .domainbox .checkboxarea label {
    margin: 0;
    display: flex
}

.result__list .domainbox .checkboxarea label i {
    font-size: 13px;
    font-weight: 700;
    color: #33a67c;
    border: 1px solid #33a67c;
    background-color: #fff;
    height: 36px;
    padding: 0 16px;
    border-radius: 3px;
    position: relative;
    font-family: "Mulish", sans-serif;
    line-height: 32px;
    min-width: 110px;
    transition: .3s
}

.result__list .domainbox .checkboxarea label i:before {
    content: "Add To Cart"
}

.result__list .domainbox .checkboxarea label i.fa-check-square {
    background-color: #33a67c;
    color: #fff
}

.result__list .domainbox .checkboxarea label i.fa-check-square:before {
    content: "Added";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 26px
}

.result__list .domainbox .checkboxarea label i.fa-check-square:active,
.result__list .domainbox .checkboxarea label i.fa-check-square:focus,
.result__list .domainbox .checkboxarea label i.fa-check-square:hover {
    background-color: #20966b;
    border-color: #20966b;
    color: #fff
}

.result__list .domainbox .checkboxarea label i.fa-check-square:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #fff;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px
}

.result__list .domainbox .checkboxarea label i:active,
.result__list .domainbox .checkboxarea label i:focus,
.result__list .domainbox .checkboxarea label i:hover {
    border-color: #20966b;
    color: #20966b;
    outline: 0
}

.result__list .domainbox .search-result-info {
    float: left;
    flex-basis: 60%
}

.result__list .domainbox .search-result-price {
    flex-basis: 40%
}

.result__list .domainbox .renewal,
.result__list .domainbox .search-result-price.details {
    display: none
}

.result__list .domainbox .second-line {
    margin: 0
}

.result__list .domainbox .second-line.registerprice {
    margin: 0 140px 0 0;
    display: flex;
    flex-direction: column
}

.result__list .domainbox .registerprice {
    color: #112240;
    font-size: 17px;
    line-height: 28px;
    font-weight: 700;
    position: relative
}

.result__list .domainbox .registerprice.added,
.selectize-control .selectize-input:after {
    display: none
}

.result__list .domainbox .registerprice .dropdown-menu {
    max-width: 164px;
    padding: 6px 0;
    margin: 2px 0 0 auto;
    font-size: 14px;
    text-align: left;
    background: #fff;
    border: 1px solid #e6e7eb;
    border-radius: 4px;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 2;
    min-width: 120px;
    display: none
}

.result__list .domainbox .registerprice .dropdown-menu li a {
    padding: 6px 16px;
    font-weight: 400;
    color: #536080;
    display: block;
    line-height: 22px
}

.result__list .domainbox .registerprice .dropdown-menu li a:hover {
    background-color: #f6f7f8;
    color: #ff7800
}

.result__list .domainbox .registerprice .dropdown-menu.is-open {
    display: block
}

.result__list .domainbox .dropdown-toggle {
    background-color: transparent;
    font-size: 13px;
    padding: 0 0 0 8px;
    height: auto;
    color: #536080;
    display: block;
    margin: 0 0 0 auto;
    order: 2;
    line-height: 16px
}

.result__list .domainbox .dropdown-toggle:hover {
    padding-right: 0
}

.result__list .domainbox .dropdown-toggle .caret {
    margin-left: 8px
}

.result__list .domainbox .dropdown-toggle .caret:before {
    content: "\f0d7";
    font-family: "Font Awesome 5 Pro"
}

.result__list .domainbox.searchstring {
    position: relative;
    border: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 45px 24px;
    justify-content: space-between
}

.result__list .domainbox.searchstring .label-hx-available {
    border: 0;
    background: 0 0
}

.result__list .domainbox.searchstring .domain-label.available:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(51, 166, 124, .08), rgba(51, 166, 124, .2))
}

.plan__cell i,
.result__list .domainbox.searchstring .second-line.registerprice span.registerprice {
    font-size: 20px
}

.result__list .domainbox.searchstring .second-line.availability {
    order: -1
}

.result__list .domainbox.searchstring .second-line.availability .label-hx-available {
    position: relative;
    font-size: 0;
    padding: 0;
    margin-right: 16px
}

.result__list .domainbox.searchstring .second-line.availability .label-hx-available:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    border: 2px solid #33a67c;
    border-radius: 100px;
    width: 48px;
    height: 48px;
    color: #33a67c;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.result__list .domainbox.searchstring.domainbox:not(.checkboxarea):not(.clickable) {
    background: linear-gradient(90deg, rgba(245, 86, 86, .08), rgba(245, 86, 86, .2))
}

.result__list .domainbox.searchstring.domainbox .checkboxarea label i {
    height: 48px;
    background-color: #33a67c;
    color: #fff;
    font-size: 14px;
    line-height: 42px
}

.result__list .domainbox.searchstring .col-xs-7.search-result-info {
    display: flex;
    align-items: center;
    width: 100%
}

.result__list .domainbox.searchstring .col-xs-7 .first-line {
    width: 100%
}

.result__list .domainbox.searchstring .col-xs-7 .domainname {
    font-size: 27px
}

.package .package__features li b,
.package .package__features li strong,
.result__list .domainbox.searchstring .col-xs-7 .domainname.added,
.result__list .domainbox.searchstring .col-xs-7 .domainname.available {
    color: #112240
}

.result__list-actions {
    padding: 32px 24px 32px 0;
    display: flex;
    justify-content: space-between;
    position: relative
}

.result__list-actions .btn {
    min-width: 210px
}

.result__list-actions .btn-secondary {
    background-color: transparent;
    border-color: #989fb2;
    color: #112240;
    margin-left: 24px
}

.result__list-checkout.is-fixed {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 900px;
    width: 100%
}

.result__list-checkout.is-fixed .orderbutton {
    margin: 26px 0
}

.selectize-control .selectize-input {
    background-image: url(../../img/arrow-drop.svg);
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat
}

.fa-header:before {
    content: "\f1dc"
}

@media (min-width:752px) {
    .swiper-domain {
        padding: 0
    }
}

@media (max-width:1011px) {
    .result__list-checkout.is-fixed {
        max-width: 684px
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .btn--block {
            display: block
        }

        .form-floating {
            flex: 1
        }
    }
}

@media (max-width:751px) {
    .domain-search {
        margin-top: 0
    }

    .domain-search .input-group--search-domain {
        height: auto;
        flex-direction: column;
        padding: 8px !important;
        background-color: transparent;
        box-shadow: none
    }

    .domain-search .input-group--search-domain .form-control {
        height: 56px;
        box-shadow: 0 6px 24px 0 rgba(7, 20, 31, .12);
        padding-left: 56px;
        margin-bottom: 16px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .domain-search .input-group--search-domain .input-group-icon {
        position: absolute;
        left: 26px;
        top: 18px
    }

    .domain-search .input-group--search-domain .input-group-icon svg {
        width: 20px;
        height: 20px
    }

    .domain-search .input-group--search-domain .input-group__btn {
        max-width: 100%
    }

    .domain-search .swiper-domain {
        margin-top: 24px;
        cursor: pointer
    }

    ::-webkit-input-placeholder {
        font-size: 16px
    }

    ::-moz-placeholder {
        font-size: 16px
    }

    :-ms-input-placeholder {
        font-size: 16px
    }

    :-moz-placeholder {
        font-size: 16px
    }

    .result__list-checkout.is-fixed {
        left: 0;
        max-width: 100%
    }
}

@media (max-width:513px) {
    .swiper-domain {
        overflow: hidden;
        padding: 0 24px
    }

    .swiper-domain .swiper-slide .swiper-domain .swiper-slide {
        min-width: 50%
    }

    .result__list .domainbox {
        flex-direction: column;
        align-items: flex-start
    }

    .result__list .domainbox .label-hx + .label-hx {
        margin-top: 6px
    }

    .result__list .domainbox .search-result-info,
    .result__list .domainbox .search-result-price {
        flex-basis: 100%
    }

    .result__list .domainbox .second-line.registerprice {
        margin-bottom: 56px
    }

    .result__list .domainbox .second-line.registerprice .dropdown-toggle {
        margin-left: 0;
        padding-left: 0
    }

    .result__list .domainbox .availability {
        margin: 8px 0;
        overflow: auto
    }

    .result__list .domainbox .availability .label {
        float: left;
        clear: both
    }

    .result__list .domainbox .checkboxarea {
        top: unset;
        left: 24px;
        transform: none;
        bottom: 16px
    }

    .result__list .domainbox.searchstring .availability {
        overflow: visible
    }

    .result__list .domainbox.searchstring .second-line.registerprice {
        margin: 24px 0 32px
    }

    .result__list-actions {
        text-align: center;
        flex-direction: column;
        align-items: center;
        padding: 32px 24px
    }

    .result__list-actions .btn {
        margin: 0
    }

    .result__list-actions .btn#loadmorebutton {
        margin-bottom: 16px
    }

    .result__list-checkout {
        right: 0
    }
}

.time-stamp {
    width: 72px;
    height: 72px;
    background: #ff7800;
    border-radius: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 28px;
    font-weight: 800;
    box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, .2)
}

.time-stamp__unit {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: -1px;
    margin-top: -4px
}

.time-stamp + .time-tip {
    margin-left: 16px
}

.timeline {
    position: relative
}

.timeline .timeline__element {
    display: flex;
    margin-bottom: 24px;
    width: 100%;
    position: relative;
    z-index: 2
}

.timeline .timeline__element:last-of-type {
    margin-bottom: 0
}

.timeline .time-tip {
    padding: 24px;
    background: #fff;
    box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .15), 0 -4px 30px -8px rgba(0, 0, 0, .1);
    width: 100%;
    position: relative
}

.timeline .time-tip:before {
    position: absolute;
    z-index: 4;
    top: 24px;
    display: block !important;
    width: 0;
    height: 0;
    left: -8px;
    content: '';
    -webkit-transform-origin: right center;
    transform-origin: right center;
    border-width: 8.5px 9px 8.5px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent
}

.timeline:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 34px;
    border-left: 2px dashed #ff7800;
    height: calc(100% + 80px)
}

@media (max-width:751px) {
    .timeline {
        margin-top: 24px
    }

    .timeline:before {
        height: calc(100% + 40px)
    }
}

.post {
    display: flex;
    justify-content: left;
    text-align: left
}

.post__content {
    padding-bottom: 40px;
    border-bottom: 1px solid #e6e8eb;
    flex: 1
}

.post__addon + .post__content,
.post__content + .post__addon {
    margin-left: 32px
}

.post__title + .post__desc {
    margin-top: 32px
}

.post__desc {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75
}

.post__desc + .post__actions {
    margin-top: 24px
}

.post__actions > .btn--link {
    padding-left: 0;
    padding-right: 0;
    justify-content: left
}

.post-group .post {
    margin-bottom: 40px
}

.post-group .post:last-child {
    border-bottom: 1px solid #ebf6ff
}

.post-group .post:last-child .post__content {
    border-bottom: none
}

@media (max-width:751px) {
    .post {
        border-bottom: 1px solid #ebf6ff
    }

    .post__addon {
        margin-left: 1px
    }

    .post__addon .time-stamp {
        height: 56px;
        width: 48px;
        border-radius: 0;
        font-size: 22px
    }

    .post__addon .time-stamp__unit {
        font-size: 10px
    }

    .post__content {
        border-bottom: none;
        margin-right: 16px
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .col-md-8 {
            flex-direction: column
        }
    }
}

.pagination {
    justify-content: space-between
}

.pagination,
.pagination__items {
    display: flex
}

.pagination__control,
.pagination__item {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px solid #ebf6ff;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px
}

.pagination__item + .pagination__item {
    margin-left: 16px
}

.pagination__item.is-active {
    background: #144fc4;
    color: #fff;
    border-color: #144fc4;
    box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .2)
}

.pagination__control.btn {
    width: 48px
}

@media (max-width:751px) {
    .pagination {
        padding: 0 16px
    }
}

.box {
    display: flex;
    width: 100%
}

.box + .box {
    margin-top: 32px
}

.box__graphic {
    flex-shrink: 0;
    width: 50%;
    background: rgba(59, 165, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

.box__header {
    display: flex;
    justify-content: space-between
}

.box__header + .box__desc {
    margin-top: 16px
}

.box__title {
    margin-bottom: 0
}

.box__subtitle {
    display: block;
    font-size: .75em;
    opacity: .6;
    font-weight: 400;
    line-height: 24px
}

.box__content {
    padding: 24px
}

.box__actions {
    display: flex
}

.box--member {
    min-height: 430px;
    border: 1px solid #ff7800
}

.box--member .box__graphic {
    background-size: cover;
    background-position: center center;
    filter: grayscale(100%);
    transition: all linear .3s;
    min-height: 430px
}

.box--member:hover .box__graphic {
    filter: none
}

.box--member .box__actions .btn {
    margin-top: -10px;
    opacity: .8;
    transition: all linear .3s
}

.box--member .box__actions .btn:hover {
    opacity: 1
}

.box--contact {
    background: #fff;
    position: relative
}

.box--contact .box__content {
    padding: 36px;
    flex: 1
}

.box--contact .box__content .box__title {
    margin-bottom: 24px
}

.box__addon {
    padding: 36px;
    width: 400px;
    background: #536080
}

.box__addon-btn {
    margin-top: 4px;
    margin-bottom: 10px;
    padding-left: 4px
}

.box__addon .map {
    border: 1px solid #ff7800;
    height: 188px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.box__addon .map__location {
    position: absolute;
    left: 0;
    top: 13px
}

.box__addon .map__label {
    height: 48px;
    padding: 0 16px;
    font-size: 15px;
    color: #fff;
    min-width: 160px;
    display: flex;
    align-content: center;
    align-items: center;
    background: #ff7800;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .2)
}

.box__addon .map__label:after {
    content: '';
    position: absolute;
    right: 36px;
    bottom: -9px;
    margin: 0;
    width: 0;
    border-color: #144fc4;
    height: 0;
    vertical-align: middle;
    border-top: 11px dashed #ff7800;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent
}

.box__addon .map__dot {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    box-shadow: 0 5px 10px 0 rgba(0, 153, 92, .3);
    background: #ff7800;
    position: absolute;
    bottom: -37px;
    right: 39px
}

.box__addon .map__image,
.box__addon .map__image--2 {
    background-repeat: no-repeat;
    background-position: left center
}

.box__addon .map__image {
    background: url(../img/map.html);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-position-x: 6px
}

.box__addon .map__image--2 {
    background: url(../img/map1.html);
    background-position-x: -16px
}

.box__addon .map img {
    height: 100%
}

.box__addon .map + .map {
    margin-top: 24px
}

@media (max-width:1231px) {
    .box__graphic--pos {
        background-position-x: -47px !important
    }
}

@media (min-width:752px) and (max-width:1011px) {
    .section--team > .container .row:nth-child(even) .box__graphic {
        order: 2
    }

    .section--team > .container .row:nth-child(even) .box__content + .box__graphic {
        order: -1
    }

    .section--team > .container .order-2 {
        order: 2
    }

    .section--team .row div[class^=col-]:nth-child(2) {
        margin-top: 32px
    }

    .box--contact .box__addon,
    .box--contact .box__content {
        padding: 24px
    }

    .box__addon {
        width: 300px
    }
}

@media (min-width:1012px) {
    .box--v {
        flex-direction: column;
        height: 100%
    }

    .box--v .box__graphic {
        height: calc(50% - 16px);
        width: 100%
    }
}

@media (max-width:751px) {

    .box--contact,
    .box--member {
        flex-direction: column
    }

    .box--member .box__graphic {
        width: 100%;
        height: 430px;
        order: -1
    }

    .box--contact .box__addon,
    .box--contact .box__content {
        padding: 16px
    }

    .box--contact .box__content .box__title {
        margin-top: 0 !important;
        margin-bottom: 16px
    }

    .box--contact .box__addon-btn {
        margin-top: 12px;
        margin-bottom: 20px
    }

    .box__addon {
        width: 100%;
        background: #fff;
        border-top: 1px solid #d1eaff
    }

    .section--team .row div[class^=col-]:nth-child(2) {
        margin-top: 32px
    }

    .box__graphic--pos {
        background-position-x: center !important
    }
}

@media (max-width:400px) {
    .box__graphic--pos {
        background-position-x: -31px !important
    }
}

.site-alert {
    position: fixed;
    margin-bottom: 0;
    top: -100%;
    z-index: 102;
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: 12px 0;
    background: #ff7800
}

.site-alert .btn {
    color: #fff;
    transition: opacity .3s, border .3s;
    flex-shrink: 0
}

.site-alert .container {
    display: flex;
    justify-content: space-between;
    align-content: center;
    position: relative
}

.site-alert .alert__title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: -3px
}

body.menu-is-open {
    overflow: hidden
}

.site-alert .alert__body:not(.ls-swiper) .alert__item {
    position: relative
}

.site-alert .alert__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 50px
}

@media (max-width:513px) {
    .site-alert .alert__item {
        flex-direction: column;
        align-items: flex-start
    }
}

.site-alert .alert__item .btn {
    height: 32px;
    border: 0
}

.site-alert .alert__item .btn:hover {
    padding: 0 16px
}

.site-alert .alert__item .btn--danger {
    background: #ff2c2c
}

.site-alert .alert__item .btn--info {
    background: #3af1f8;
    color: #1a034e
}

.site-alert .alert__body {
    overflow: visible
}

.site-alert .alert__icon {
    position: absolute;
    top: 0;
    left: 0
}

.site-alert .alert__content {
    color: #fff;
    font-size: 18px;
    font-weight: 900
}

@media (max-width:513px) {
    .site-alert .alert__content {
        margin-bottom: 8px
    }
}

.site-alert .alert__actions {
    position: static !important
}

.site-alert .alert__actions .btn--icon {
    opacity: 1
}

.site-alert .alert__actions .btn--icon > i {
    font-size: 20px;
    line-height: 24px
}

.site-alert--black-friday {
    background: #000
}

.site-alert--black-friday .alert__actions .btn--icon:hover > i {
    color: #ff2c2c !important
}

.site-alert--black-friday .alert__content span {
    color: #ff2c2c
}

.site-alert--black-friday .alert__icon {
    top: -12px
}

.site-alert--cyber-monday {
    background: #1a034e
}

.site-alert--cyber-monday .alert__actions .btn--icon:hover > i {
    color: #3af1f8 !important
}

.site-alert--cyber-monday .alert__content {
    font-style: italic;
    font-weight: 600
}

.site-alert--cyber-monday .alert__content span {
    color: #3af1f8
}

.site-alert--cyber-monday .alert__icon {
    top: -3px
}

@media (max-width:1011px) {
    .site-alert .rail {
        padding-bottom: 50px
    }

    .site-alert .rail__item {
        min-height: 70px
    }

    .site-alert .rail__item .alert__content p {
        flex-direction: column
    }

    .site-alert .rail__item .alert__content p span + span {
        margin: 0 0 0 -4px
    }

    .site-alert .rail__item .btn {
        position: absolute;
        margin: 0;
        bottom: 0;
        left: 0
    }

    .site-alert .alert__actions,
    .site-alert .swiper__controls {
        position: absolute;
        bottom: 0;
        z-index: 1
    }

    .site-alert .alert__actions {
        right: 0
    }

    .site-alert .swiper__controls {
        right: 40px
    }
}

@media (max-width:751px) {
    .site-alert {
        position: absolute;
        z-index: 9
    }

    .site-alert .container {
        width: 100%
    }

    .site-alert .alert__actions {
        right: 16px
    }

    .site-alert .alert__actions .btn {
        margin-bottom: 0
    }

    .site-alert .swiper__pagination {
        display: none
    }

    .site-alert .swiper__controls {
        margin-left: 0
    }

    .site-alert .rail > :first-child:not(.rail__item) {
        display: none
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .site-alert .alert__actions {
            margin-left: 20px
        }

        .site-alert .swiper__controls {
            right: 60px
        }

        @media (max-width:1011px) {
            .alert__body:not(.ls-swiper) .alert__item {
                position: relative
            }

            .alert__body:not(.ls-swiper) .alert__item .rail__item {
                flex-direction: column
            }
        }
    }
}

.package {
    background: #fff;
    border: 0;
    padding: 40px 24px 14px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    overflow: visible;
    border-radius: 6px;
    box-shadow: none;
    transition: transform .3s, box-shadow .3s
}

.package .package__icon {
    max-width: 100px;
    width: 100%;
    max-height: 80px;
    height: 80px;
    margin: 0 auto 24px
}

.package .package__icon + .package__name {
    margin-top: 0
}

.package .package__icon svg {
    visibility: visible;
    overflow: visible
}

.package .package__promotion {
    position: absolute;
    background-color: #ff7800;
    color: #fff;
    font-weight: 700;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    border-radius: 4px;
    min-width: 158px
}

.list-group .list-group__item .list-group--content h3,
.package .package__name {
    font-weight: 700;
    margin-bottom: 8px
}

.package .package__desc {
    color: #536080;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px
}

.package .details-collapse .btn,
.package .package__discount {
    font-size: 16px
}

.package .package__discount--before {
    color: #b5b9c9;
    text-decoration: line-through
}

.package .package__price {
    color: #112240;
    font-weight: 800;
    margin: 16px 0 20px
}

.package .package__features li,
.package .package__price--price {
    font-size: 42px;
    line-height: 24px;
    position: relative
}

.package .package__price--price span {
    font-weight: 300;
    font-size: 18px;
    vertical-align: top;
    line-height: 9px;
    margin-right: -10px;
    color: #144fc4
}

.package .package__price--price:after {
    content: "\f069";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: -12px;
    top: 3px;
    font-size: 7px;
    color: #144fc4
}

.package .package__price--cycle {
    font-size: 18px
}

.package .details-collapse .btn i {
    margin-left: 12px
}

.package .details-collapse .btn:hover {
    padding-right: 16px
}

.package .package__features {
    position: relative;
    margin-bottom: 0
}

.package .package__features li {
    text-align: left;
    color: #536080;
    font-size: 16px;
    display: inline-block;
    float: left;
    clear: both;
    padding-left: 26px
}

.package .package__features li.tooltip:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 28px;
    right: 0;
    width: auto;
    border-bottom: 1px dashed #b5b9c9
}

.package .package__features li i {
    font-size: 16px;
    color: #99a5c2;
    position: absolute;
    top: 4px;
    left: 0
}

.package .package__features li span.label {
    padding: 0 4px;
    line-height: 21px;
    position: absolute;
    top: 2px;
    right: -45px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 3px;
    font-size: 10px
}

.package .package__features li:not(:last-child) {
    margin-bottom: 6px
}

.package .package__footer {
    margin-top: auto;
    padding: 24px 0 0
}

.package .package__footer .btn + .btn {
    color: #112240;
    margin-top: 2px
}

.package .package__footer .btn + .btn span:after {
    content: url(../../img/arrow-right-dark.svg)
}

.package .is-animated.svg-icon .svg-icon__animated-element-1,
.package .is-animated.svg-icon .svg-icon__animated-element-2,
.package .is-animated.svg-icon .svg-icon__animated-element-3,
.package .is-animated.svg-icon .svg-icon__animated-element-4,
.package .is-animated.svg-icon .svg-icon__animated-element-5 {
    transition: .5s cubic-bezier(.16, 0, 0, 1);
    transition-property: transform;
    transform: translateY(0)
}

.package .is-animated.svg-icon .svg-icon__animated-element-2 {
    transition-delay: .06s
}

.package .is-animated.svg-icon .svg-icon__animated-element-3 {
    transition-delay: .12s
}

.package .is-animated.svg-icon .svg-icon__animated-element-4 {
    transition-delay: .18s
}

.package .is-animated.svg-icon .svg-icon__animated-element-5 {
    transition-delay: .24s
}

.package .is-animated.svg-icon--rh-gold .svg-icon__animated-element-3 {
    transition-delay: 0
}

.package .is-animated.svg-icon--rh-gold .svg-icon__animated-element-2 {
    transition-delay: .06s
}

.package .is-animated.svg-icon--rh-gold .svg-icon__animated-element-1 {
    transition-delay: .12s
}

.package .is-animated.svg-icon--rh-platinum .svg-icon__animated-element-4 {
    transition-delay: .06s
}

.package .is-animated.svg-icon--rh-platinum .svg-icon__animated-element-3 {
    transition-delay: 0
}

.package .is-animated.svg-icon--rh-platinum .svg-icon__animated-element-2 {
    transition-delay: .12s
}

.package .is-animated.svg-icon--rh-platinum .svg-icon__animated-element-1 {
    transition-delay: .18s
}

.package .is-animated.svg-icon--rh-diamond .svg-icon__animated-element-5 {
    transition-delay: .06s
}

.package .is-animated.svg-icon--rh-diamond .svg-icon__animated-element-4 {
    transition-delay: 0
}

.package .is-animated.svg-icon--rh-diamond .svg-icon__animated-element-3 {
    transition-delay: .12s
}

.package .is-animated.svg-icon--rh-diamond .svg-icon__animated-element-2 {
    transition-delay: .18s
}

.package .is-animated.svg-icon--rh-diamond .svg-icon__animated-element-1 {
    transition-delay: .24s
}

.package:hover .is-animated.svg-icon .svg-icon__animated-element-1,
.package:hover .is-animated.svg-icon .svg-icon__animated-element-2,
.package:hover .is-animated.svg-icon .svg-icon__animated-element-3,
.package:hover .is-animated.svg-icon .svg-icon__animated-element-4,
.package:hover .is-animated.svg-icon .svg-icon__animated-element-5 {
    transition: .5s cubic-bezier(.16, 0, 0, 1);
    transition-property: transform;
    transform: translateY(-16px)
}

.package:hover .is-animated.svg-icon .svg-icon__animated-element-2 {
    transition-delay: .06s
}

.package:hover .is-animated.svg-icon .svg-icon__animated-element-3 {
    transition-delay: .12s
}

.package:hover .is-animated.svg-icon .svg-icon__animated-element-4 {
    transition-delay: .18s
}

.package:hover .is-animated.svg-icon .svg-icon__animated-element-5 {
    transition-delay: .24s
}

.discount-info {
    color: #99a5c2;
    text-align: right;
    margin: 0
}

@media (max-width:1231px) {
    .discount-info {
        text-align: left
    }
}

@media (min-width:514px) {
    .package .package__features {
        padding-top: 24px
    }

    .package .package__features.collapse {
        display: block !important
    }

    .package .package__features:after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        width: 38px;
        background-color: #144fc4;
        margin: auto;
        border-radius: 4px
    }
}

@media (max-width:751px) {
    .package .package__name {
        font-size: 22px
    }

    .package .package__price {
        margin-bottom: 16px
    }

    .package .package__footer {
        padding-top: 16px
    }
}

.swiper-container {
    position: relative;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding: 0 24px
}

.swiper-container.swiper-templates .swiper-slide {
    flex-direction: column
}

.swiper-container.swiper-templates .swiper-slide-content,
.swiper-wrapper {
    position: relative
}

.swiper-container.swiper-templates .swiper-slide-content + .swiper-slide-content {
    margin-top: 32px
}

@media (max-width:1231px) {
    .swiper-container.swiper-templates .swiper-slide-content + .swiper-slide-content {
        margin-top: 16px
    }
}

.swiper-container.swiper-templates .swiper-slide-content:hover .swiper-slide-overlay {
    opacity: 1
}

.swiper-container.swiper-templates .swiper-slide .swiper-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .4s ease-in-out
}

.swiper-container.swiper-templates .swiper-slide .swiper-slide-overlay a {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #f5f5f5;
    width: 40px;
    height: 40px;
    margin: -28px 0 0 -44px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #444;
    border-radius: 50%;
    transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear
}

.swiper-container.swiper-templates .swiper-slide .swiper-slide-overlay a.right-icon {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -44px
}

.swiper-container.swiper-templates .swiper-slide .swiper-slide-overlay a:hover {
    color: #fb8c00;
    background-color: #eee
}

.swiper-wrapper {
    z-index: 1;
    display: flex;
    height: 100%;
    flex-wrap: nowrap;
    transition-property: transform
}

.swiper-slide {
    display: flex;
    position: relative;
    width: 100%;
    flex-shrink: 0
}

.content-slider-pagination,
.swiper-pagination {
    display: flex;
    justify-content: center;
    z-index: 2;
    margin-top: 20px
}

.content-slider-pagination {
    position: relative
}

.content-slider-pagination-bullet,
.swiper-pagination-bullet {
    cursor: pointer;
    padding: 8px
}

.content-slider-pagination-bullet:focus,
.swiper-pagination-bullet:focus {
    outline: 0
}

.content-slider-pagination-bullet::after,
.swiper-pagination-bullet::after {
    content: '';
    display: block;
    cursor: pointer;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    transition: .3s;
    background-color: #99a5c2
}

.content-slider-pagination-bullet-active::after,
.swiper-pagination-bullet-active::after {
    background-color: #ff7800
}

@media (max-width:751px) {
    .swiper--mob-full {
        margin-left: -16px;
        margin-right: -16px
    }

    .swiper--mob-full .swiper-wrapper {
        margin: 0
    }

    .swiper--mob-full .swiper-wrapper .swiper-slide:first-child {
        padding-left: 16px
    }

    .swiper--mob-full .swiper-wrapper .swiper-slide:last-child {
        padding-right: 16px
    }
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    transition-property: transform, height;
    align-items: flex-start
}

.swiper-wp8-horizontal {
    touch-action: pan-y
}

.swiper-wp8-vertical {
    touch-action: pan-x
}

.swiper-nav {
    display: inline-flex;
    align-items: center
}

.swiper-nav > * {
    margin-right: 8px
}

.swiper-nav > :last-child {
    margin-right: 0
}

.swiper-slide-val {
    display: inline-flex;
    align-self: center
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: red
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-video {
    height: 958px;
    padding: 0 24px 0 21px
}

.video {
    position: relative;
    border-radius: 4px;
    margin-top: -180px;
    margin-bottom: -140px
}

@media (max-width:1011px) {
    .video {
        display: none
    }
}

.video__slide {
    overflow: visible;
    justify-content: space-between;
    align-items: center;
    margin-left: -16px;
    margin-right: -16px
}

.video__slide.swiper-slide-active,
.video__slide.swiper-slide-next,
.video__slide.swiper-slide-prev {
    visibility: visible
}

.video__slide .video__container {
    width: 50%;
    padding: 16px
}

@media (max-width:1231px) {
    .video__slide {
        flex-direction: column
    }

    .video__slide .video__container {
        width: 100%
    }
}

.video__slide .video__inner {
    position: relative;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
    padding: 24px
}

.video__slide .video__inner:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(90deg, #2b65d1, #1247b2)
}

.video__slide .video__inner > img {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    height: 100%
}

.video__slide .video__inner .video__button,
.video__slide .video__inner .video__title {
    position: relative;
    z-index: 1
}

.testimonials--video .testimonials__item:hover .testimonials__play,
.video__slide .video__inner:hover .video__button {
    background: #ff7800
}

.video__slide .video__button {
    width: 52px;
    height: 52px;
    min-height: 52px;
    border-radius: 100%;
    background: rgba(0, 0, 0, .64);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    transition: background .3s
}

.video__slide .video__title {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden
}

.video__slide.is-disabled {
    opacity: 1
}

.video__slide.is-disabled a {
    pointer-events: none
}

@media (max-width:751px) {
    .swiper-video {
        max-height: 100%;
        padding: 0 24px
    }

    .swiper-video .video__wrapper {
        overflow: visible;
        flex-direction: row;
        height: auto !important
    }
}

.swiper-pagination {
    position: relative
}

.testimonials__slide {
    overflow: visible;
    padding: 66px 16px 48px;
    text-align: left
}

.testimonials__slide.swiper-slide-active,
.testimonials__slide.swiper-slide-next,
.testimonials__slide.swiper-slide-prev {
    visibility: visible
}

.testimonials__head {
    margin-bottom: 24px
}

.testimonials__head-row {
    justify-content: space-between
}

.testimonials__head .testimonials__rating,
.testimonials__head-row {
    display: flex;
    align-items: center
}

.testimonials__head .testimonials__rating .star {
    margin-right: 4px
}

.testimonials__head .testimonials__auth {
    color: #112240;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px
}

.section--sales .sales__table tbody tr,
.section--sales .sales__table thead tr,
.testimonials__head .testimonials__verified {
    display: flex
}

.testimonials__item {
    position: relative;
    padding: 18px 32px 10px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
    transition: .3s ease;
    margin: -48px 0
}

.testimonials__item.is-disabled {
    opacity: 1
}

.testimonials__desc {
    margin-bottom: 8px
}

.testimonials .testimonials__content {
    margin-bottom: 0;
    color: #536080;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.testimonials__action {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.testimonials__action .btn {
    padding-left: 0
}

.testimonials__action .testimonials__date {
    margin-bottom: 0;
    color: #99a5c2;
    font-size: 14px
}

@media (min-width:752px) {
    .testimonials--video {
        margin-top: 20px
    }
}

.testimonials--video .testimonials__slide {
    width: 426px !important;
    height: 238px
}

.testimonials--video .testimonials__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.testimonials--video .testimonials__play {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .64);
    margin-bottom: 16px;
    position: relative;
    transition: background .3s
}

.testimonials--video .testimonials__play img {
    height: 18px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.testimonials--video .testimonials__item {
    background: linear-gradient(90deg, #2b65d1, #1247b2)
}

.testimonials--video .testimonials__content {
    width: 295px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.testimonials--video .testimonials__item {
    width: 100%
}

@media (min-width:1232px) {
    .testimonials {
        position: relative;
        perspective: 970px;
        overflow: visible;
        max-width: 100%;
        padding: 0
    }
}

@media (max-width:1231px) {
    .testimonials__slide {
        padding: 66px 8px 55px
    }
}

@media (max-width:513px) {
    .testimonials {
        overflow: visible;
        margin-left: -16px
    }

    .testimonials__head,
    .testimonials__head-row .testimonials__rating {
        margin-bottom: 8px
    }

    .testimonials__head-row {
        flex-direction: column;
        align-items: flex-start
    }
}

.mob-slider ~ .swiper-button-next.swiper-button-disabled,
.mob-slider ~ .swiper-button-prev.swiper-button-disabled {
    display: none
}

.mob-slider {
    width: 100%
}

@media (min-width:1012px) {

    .mob-slider ~ .swiper-button-next,
    .mob-slider ~ .swiper-button-prev,
    .mob-slider ~ .swiper-pagination {
        display: none
    }
}

@media (max-width:1011px) {
    .has-slider .container {
        position: relative
    }

    .has-slider .swiper-wrapper {
        width: auto;
        padding: 0 8px
    }

    .has-slider .mob-slider,
    .has-slider .section__features,
    .has-slider div[class*=row--] {
        width: inherit
    }

    .has-slider .swiper-pagination {
        bottom: -56px;
        left: 0;
        right: 0
    }

    .has-slider .swiper-pagination-bullet {
        height: 16px;
        width: 16px
    }

    .has-slider .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 10px
    }

    .has-slider .swiper-pagination .swiper-pagination-bullet-active {
        background: #ff7800;
        box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .2)
    }

    .has-slider .row {
        margin-left: -16px
    }

    .has-slider div[class^=swiper-button-] {
        color: #fff;
        position: absolute;
        top: 47px;
        z-index: 1;
        cursor: pointer;
        bottom: 0;
        background: #fff;
        display: flex;
        align-items: center;
        font-size: 30px;
        padding-left: 0
    }

    .has-slider div[class^=swiper-button-] i {
        font-size: 40px
    }

    .has-slider [data-size=tablet] ~ div[class^=swiper-button-] {
        top: 102px
    }

    .has-slider [data-size=mobile] ~ div[class^=swiper-button-] {
        top: 16px
    }

    .has-slider .swiper-button-prev {
        left: -100%;
        right: calc(100% - 5px);
        justify-content: flex-end
    }

    .has-slider .swiper-button-next {
        left: calc(100% - 5px);
        right: -100%
    }

    .has-slider [data-size=mobile] ~ .swiper-button-next {
        left: 100%
    }

    .has-slider [data-size=mobile] ~ .swiper-button-prev {
        right: 100%
    }

    .has-slider.overlap + .section {
        padding-top: 200px
    }

    .has-slider:not(.overlap) {
        padding-bottom: 98px
    }
}

@media (max-width:751px) {
    .has-slider {
        padding-top: 40px
    }

    .has-slider [data-size=tablet] .swiper-wrapper {
        padding: 0 4px
    }

    .has-slider .section__content + .section__features {
        margin-top: 16px
    }

    .has-slider div[class^=swiper-button-] {
        top: 16px
    }

    .has-slider .swiper-pagination {
        bottom: -40px
    }

    .has-slider:not(.overlap) {
        padding-bottom: 64px
    }

    .mob-slider {
        position: relative;
        width: inherit !important
    }

    .mob-slider .swiper-slide {
        width: inherit !important;
        margin-top: 0;
        height: initial
    }

    .mob-slider[data-size=tablet] .swiper-wrapper {
        display: flex;
        flex-direction: column
    }

    .mob-slider[data-size=tablet] + .swiper-pagination,
    .mob-slider[data-size=tablet] ~ div[class^=swiper-button-] {
        display: none
    }

    .has-slider.overlap + .section {
        padding-top: 140px
    }

    .has-slider:not(.has-slider--mob) .row {
        margin: 0
    }
}

@media (max-width:513px) {
    .has-slider:not(.has-slider--mob) .container {
        padding: 0
    }

    .has-slider .container {
        width: 100%;
        padding-right: 0
    }

    .has-slider .swiper-button-prev {
        left: -8px;
        right: auto !important;
        justify-content: flex-end
    }

    .has-slider .swiper-button-next {
        right: -8px;
        left: auto !important
    }

    .has-slider .swiper-button-prev i {
        position: relative;
        right: -5px
    }

    .has-slider .swiper-button-next i {
        position: relative;
        left: -5px
    }

    .mob-slider[data-size=mobile] .swiper-wrapper .swiper-slide:nth-of-type(2) {
        padding-left: 24px
    }
}

.package-slider .swiper-container {
    overflow: visible
}

.package-slider .swiper-container-android .swiper-slide,
.package-slider .swiper-wrapper {
    transform: none
}

.nav-packages {
    display: none
}

.content-slider--packages {
    overflow: visible
}

.content-slider--packages .content-slider__wrapper {
    justify-content: center
}

@media (min-width:1232px) {
    .content-slider--packages .content-slider__wrapper {
        transform: none !important
    }
}

@media (max-width:1231px) {
    .content-slider--packages .content-slider__item {
        min-width: 320px
    }
}

@media (min-width:752px) and (max-width:1011px) {
    .nav-packages {
        display: flex;
        justify-content: space-between;
        margin: -20px -20px 40px
    }

    .nav-packages .btn__text {
        line-height: 23px
    }
}

@media (max-width:751px) {
    .package-slider .row.swiper-wrapper {
        display: block
    }
}

@media (max-width:513px) {
    .content-slider--packages .row {
        flex-wrap: wrap
    }

    .content-slider--packages .content-slider__item {
        max-width: 100%;
        flex: 100%
    }

    .content-slider--packages .content-slider__item .package {
        margin-bottom: 24px
    }

    .content-slider--packages .content-slider__item .package .package__promotion {
        margin-top: 16px;
        top: -28px
    }
}

.site--components {
    background: #e5f3ff
}

.component__navbar {
    display: flex;
    justify-content: space-between;
    padding: 64px
}

.component__body,
.dv.dev--wb .dv__item--top img,
.list-group--icon svg {
    height: 100%
}

.component__body .component__item {
    margin: 0 64px 64px;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .15)
}

.component .site-mobile-header,
.component .site-navbar,
.dv--selling .dv__item--left > div,
.nav--tabs .nav__item.is-active .nav__link span {
    position: relative
}

@media (max-width:1011px) {
    .component__navbar {
        padding: 16px
    }

    .component__body .component__item {
        margin: 0 16px 16px
    }

    .component .site-navbar {
        margin-top: 0
    }
}

@media (max-width:751px) {
    .component__navbar {
        padding: 8px;
        flex-direction: column
    }

    .component__navbar .btn {
        margin-bottom: 8px
    }

    .component__body .component__item {
        margin: 0 8px 16px
    }
}

.cookie-bar {
    position: fixed;
    left: 30px;
    bottom: 70px;
    padding: 24px;
    width: 360px;
    height: auto;
    background: #144fc4;
    z-index: 999;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);
    opacity: 0;
    visibility: hidden;
    border-radius: 8px
}

.cookie-bar.is-active {
    opacity: 1;
    visibility: visible
}

.cookie-bar__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

.cookie-bar__icon {
    width: 60px;
    text-align: center;
    margin-bottom: 24px;
    height: 46px
}

.cookie-bar__desc {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 24px
}

.cookie-bar__desc a {
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0
}

.cookie-bar__desc a:hover {
    color: #fff
}

.cookie-bar__action {
    height: 42px;
    border-radius: 4px;
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px
}

.cookie-bar__action.btn:hover {
    padding: 0
}

@media (max-width:500px) {
    .cookie-bar {
        left: 0;
        bottom: 0;
        width: 100%;
        border-radius: 0
    }
}

.js-next-plan,
.js-previous-plan {
    box-shadow: none;
    padding: 0 24px
}

.plan__nav {
    display: flex;
    justify-content: space-between;
    margin: 0 -22px
}

.plan__nav .btn:hover {
    padding-right: 24px
}

.plan__nav .btn:hover span:after {
    opacity: 0
}

.plan__info {
    font-size: 13px;
    margin-bottom: 0
}

.plan {
    display: flex;
    background: #fff;
    border-radius: 6px
}

.plan.plan--three-columns {
    max-width: 922px
}

.plan + .buttons-group {
    margin-top: 60px
}

.plan .swiper-container {
    padding: 0;
    overflow: hidden
}

.plan .swiper-wrapper {
    padding-top: 0
}

.plan__title {
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.plan__pricing {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.plan__pricing .pricing__discount {
    font-size: 16px
}

.plan__pricing .pricing__discount--before {
    color: #b5b9c9;
    text-decoration: line-through
}

.plan__pricing .pricing__price {
    color: #112240;
    font-weight: 800;
    margin: 16px 0
}

.plan__pricing .pricing__price--price {
    font-size: 42px;
    line-height: 24px;
    position: relative
}

.plan__pricing .pricing__price--price:after {
    content: "\f069";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: -12px;
    top: 3px;
    font-size: 7px;
    color: #144fc4
}

.plan__pricing .pricing__price--cycle {
    font-size: 18px
}

.plan__column {
    flex: 1;
    overflow: hidden;
    position: relative
}

.plan__column.plan__column--empty {
    height: 100%;
    min-width: 240px
}

.plan__column.plan__column--empty .plan__header {
    border-left: 1px solid transparent;
    border-bottom: 1px solid #e1e2e5;
    height: 90px
}

.plan__column.plan--featured {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);
    background: #fff
}

.plan__header {
    padding: 16px 24px;
    height: 90px;
    border-right: 1px solid #e1e2e5;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #e1e2e5;
    text-align: left;
    display: flex;
    align-items: center
}

.plan__header .price__data {
    display: inline-block
}

.plan__body {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.plan__body.plan__body--right,
.plan__cell {
    text-align: left
}

.plan__body.plan__body--right .plan__cell {
    justify-content: flex-start;
    color: #112240;
    font-weight: 700
}

.plan__cell {
    border-right: 1px solid #e1e2e5;
    border-bottom: 1px solid #e1e2e5;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300
}

.plan__cell.plan__cell-first {
    height: 10px
}

.plan__cell.plan__cell-last {
    min-height: 205px;
    flex-direction: column;
    justify-content: center;
    border-bottom-color: transparent;
    align-items: flex-start
}

.plan__cell.plan__cell-last .btn {
    width: 100%
}

.plan__cell.plan__cell--center {
    justify-content: center
}

.plan__cell.plan__cell--right {
    justify-content: flex-end
}

.plan__cell.plan__cell--highlight {
    background: #f5f8f9;
    font-weight: 500;
    border: 0
}

.plan__cell.plan__cell-category {
    font-size: 16px;
    font-weight: 500;
    height: 72px
}

.plan__cell.plan__cell-transparent {
    border-bottom-color: transparent
}

.plan .fa-check {
    color: #ff7800
}

.plan .zmdi-close {
    color: #ff6c6c
}

.plan .swiper-container {
    width: 100%
}

.plan.plan--cpanel {
    max-width: 900px
}

.plan.plan--cpanel .plan__column.plan--featured .plan__header {
    height: 130px;
    color: #144fc4
}

.plan.plan--cpanel .plan__column .plan__column--empty .plan__header,
.plan.plan--cpanel .plan__header {
    height: 100px
}

.plan .plan__column--last .plan__cell,
.plan .plan__column--last .plan__header {
    border-right-color: transparent
}

.plan .swiper-container .swiper-slide:last-of-type .plan__cell,
.plan .swiper-container .swiper-slide:last-of-type .plan__header {
    border-right-color: transparent
}

@media (min-width:1232px) {
    .plan .swiper-wrapper {
        transform: none !important
    }

    .plan .swiper-wrapper .swiper-slide {
        flex: 1;
        display: flex;
        align-items: stretch;
        max-width: 240px;
        width: 100% !important
    }
}

@media (min-width:1012px) {
    .plan {
        position: relative
    }

    .plan__cell.plan__cell-transparent {
        background: #f5f5f5;
        height: 30px
    }

    .plan__cell.plan__cell-white {
        background: #fff;
        height: 30px
    }

    .plan .plan__column.plan--featured {
        margin-top: -30px
    }

    .plan .plan__column.plan--featured .plan__header {
        padding-top: 62px;
        height: 244px
    }

    .plan .plan__column--empty:before {
        border-top-left-radius: 6px
    }

    .plan .plan__column--last:before {
        border-top-right-radius: 6px
    }

    .plan .plan__column .plan__header.plan__header--no-border {
        border-right: 0;
        border-top: 0
    }

    .plan .plan__column.plan__column--shadow {
        overflow: hidden;
        position: relative;
        z-index: 200;
        background: #fff;
        margin-top: -10px;
        margin-bottom: -10px;
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, .08)
    }

    .plan .plan__column.plan__column--shadow:before {
        content: none
    }

    .plan .plan__column.plan__column--shadow .plan__header {
        padding-top: 35px;
        border-top: 0;
        border-right: none;
        height: 210px
    }

    .plan .plan__column.plan__column--shadow .plan__cell {
        border-right: 0
    }

    .plan .plan__column.plan__column--shadow .plan__body {
        border-bottom: 0
    }

    .plan .plan__column.plan__column--shadow .plan__cell--highlight {
        background: 0 0
    }

    .plan .plan__body.plan__body--no-border .plan__cell {
        border-right: 0
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .plan .swiper-wrapper .swiper-slide {
        max-width: 50%
    }
}

@media (max-width:1011px) {
    .plan__info {
        margin-top: 16px
    }

    .plan__cell.plan__cell-transparent,
    .plan__cell.plan__cell-white {
        display: none
    }

    .plan__column.plan__column--empty {
        min-width: 235px
    }

    .plan.plan--cpanel .plan__title {
        font-size: 22px
    }

    .plan.plan--cpanel .plan__cell {
        height: 52px
    }

    .plan.plan--cpanel .swiper-container .plan__cell {
        text-align: center
    }

    .plan.plan--cpanel .plan__column .plan__column--empty .plan__header,
    .plan.plan--cpanel .plan__column.plan--featured .plan__header {
        height: 100px
    }
}

@media (max-width:751px) {
    .plan .plan__cell {
        padding: 0 8px
    }

    .plan .plan__cell:not(.plan__cell-category) {
        font-size: 13px
    }

    .plan .swiper-container .plan__cell {
        font-size: 15px
    }
}

@media (max-width:513px) {
    .plan__info {
        padding: 0 16px
    }

    .plan__nav {
        margin: 0
    }

    .plan__header {
        padding: 24px 8px;
        height: 120px
    }

    .plan__header .btn {
        display: none
    }

    .plan__column.plan__column--empty {
        min-width: 50%
    }

    .plan__column.plan__column--empty .plan__header {
        height: 120px
    }

    .plan.plan--cpanel .plan__column.plan__column--empty .plan__header {
        height: 100px
    }
}

.panel.panel__bordered {
    border-left: 3px solid #fff;
    padding-left: 32px;
    color: #fff;
    text-align: left
}

.panel.panel__boxed {
    background: #fff;
    padding: 24px 32px;
    border-radius: 4px;
    margin-top: 16px
}

@media (max-width:751px) {
    .panel.panel__bordered {
        padding-left: 16px
    }

    .panel.panel__boxed {
        padding: 24px 16px
    }
}

.nav--tabs {
    margin: 0 auto 56px
}

.nav--tabs .nav__item {
    opacity: 1
}

.nav--tabs .nav__item .nav__link {
    color: rgba(255, 255, 255, .45);
    font-size: 18px;
    font-weight: 700;
    padding: 6px 18px
}

.nav--tabs .nav__item .nav__link-dark {
    color: #99a5c2
}

.nav--tabs .nav__item.is-active .nav__link {
    color: #fff
}

.nav--tabs .nav__item.is-active .nav__link-dark {
    color: #112240
}

.nav--tabs .nav__item.is-active .nav__link span:after {
    background: #ff7800;
    bottom: -10px;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    content: ''
}

.nav--tabs .nav__item.is-active:after,
.nav--tabs.nav--packages .nav__item.is-active:after,
.nav--tabs.nav--tabs-templates .nav__item.is-active:after {
    display: none
}

.nav--tabs.nav--packages {
    border: 1px solid #e1e2e6;
    border-radius: 30px;
    padding: 4px;
    margin: 0 auto 80px
}

.nav--tabs.nav--packages .nav__item {
    min-height: 38px;
    opacity: 1;
    transition: none
}

.nav--tabs.nav--packages .nav__item .nav__link {
    color: #112240;
    padding: 4px 28px;
    font-weight: 700;
    font-size: 18px;
    background-color: transparent;
    border-radius: 30px;
    transition: none
}

.nav--tabs.nav--packages .nav__item.is-active .nav__link {
    color: #fff;
    background-color: #3f51b5
}

.nav--tabs.nav--tabs-templates .nav__item {
    opacity: 1
}

.nav--tabs.nav--tabs-templates .nav__item .nav__link {
    color: #112240
}

.nav--tabs.nav--tabs-templates .nav__item.is-active .nav__link {
    color: #ff7800;
    border: 1px solid #ff7800;
    border-radius: 30px
}

@media (max-width:751px) {
    .nav--packages .nav__item .nav__link {
        font-size: 16px
    }
}

@media (max-width:513px) {
    .tabs.content-slider--horizontal {
        overflow: visible
    }

    .nav--tabs,
    .nav--tabs.nav--packages {
        margin-bottom: 40px
    }

    .nav--tabs.nav--packages .nav__item {
        white-space: inherit;
        min-height: 0
    }

    .nav--tabs.nav--packages .nav__item .nav__link {
        word-wrap: break-word;
        line-height: 20px;
        padding: 6px 16px;
        text-align: center;
        max-width: 110px;
        font-size: 16px
    }
}

@media (max-width:375px) {
    .nav {
        width: 100%
    }

    .nav--tabs.nav--packages {
        flex-direction: column;
        border-radius: 5px
    }

    .nav--tabs.nav--packages .nav__item .nav__link {
        max-width: 100%;
        border-radius: 5px;
        justify-content: center
    }
}

.list-group {
    border: 0
}

.list-group .list-group__item {
    border: 0;
    padding: 8px 16px 8px 0;
    align-items: flex-start
}

.list-group .list-group__item-mb-sm {
    margin-bottom: 16px
}

.list-group .list-group__item-mb-lg {
    margin-bottom: 40px
}

.list-group .list-group__item .list-group--content {
    padding-left: 24px
}

.list-group .list-group__item .list-group--content p {
    margin-bottom: 0
}

.list-group--slider {
    border: 0;
    cursor: pointer
}

.list-group--slider .list-group__item {
    border: 1px solid #fff;
    margin-bottom: 6px;
    transition: border-color .3s, color .3s;
    padding: 10px 0
}

.list-group--slider .list-group__item .top {
    padding-left: 16px
}

.list-group--slider .list-group__item .top__title {
    font-weight: 500;
    margin: 0 0 0 16px;
    transition: color .3s
}

.list-group--slider .list-group__item.is-active {
    border-color: red
}

.list-group--slider .list-group__item.is-active .top__title,
a {
    color: #144fc4
}

.list-group--collapse.list-group--faq .list-group__item a,
.list-group--collapse.list-group--slider .list-group__item .top__title:hover,
.list-group--on-dark .list-group--content h3,
.list-group--slider .list-group__item .btn.btn--secondary.btn--link {
    color: #fff
}

.list-group--slider .list-group__item .btn.btn--secondary.btn--link span:after {
    content: url(../../img/arrow-right-white.svg)
}

.list-group--collapse.list-group--slider .list-group__item {
    border: 1px solid rgba(179, 189, 213, .32);
    position: relative;
    flex-direction: column;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 20px 24px;
    cursor: pointer;
    transition: border .3s;
    text-align: left
}

.list-group--collapse.list-group--slider .list-group__item .list-group__top {
    padding: 0
}

.list-group--collapse.list-group--slider .list-group__item .top__title {
    margin: 0;
    transition: .3s ease;
    color: #fff
}

.list-group--collapse.list-group--slider .list-group__item .list-group__content {
    max-width: 100%;
    display: none;
    margin-top: 0
}

.list-group--collapse.list-group--slider .list-group__item .list-group__content .list-group__desc {
    color: rgba(255, 255, 255, .7);
    margin-bottom: 0;
    text-align: left
}

.list-group--collapse.list-group--slider .list-group__item .list-group__content .btn {
    margin-top: 12px
}

.list-group--collapse.list-group--slider .list-group__item .list-group__content .btn--link {
    text-align: left;
    padding-left: 0
}

.list-group--collapse.list-group--slider .list-group__item.is-active {
    border-color: rgba(255, 255, 255, .6)
}

.list-group--collapse.list-group--slider .list-group__item.is-active .list-group__top .top__title {
    margin-bottom: 12px;
    position: relative
}

.list-group--collapse.list-group--slider .list-group__item.is-active .list-group__top .top__title:after {
    content: "";
    display: block;
    position: absolute;
    left: -28px;
    top: 11px;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #ff7800
}

.list-group--collapse.list-group--slider .list-group__item:hover {
    border-color: rgba(255, 255, 255, .48)
}

.list-group--collapse.list-group--slider * + .top__title {
    margin-left: 22px
}

.list-group--collapse.list-group--faq {
    max-width: 900px;
    margin: 64px auto auto
}

.list-group--collapse.list-group--faq .list-group__item {
    display: block;
    padding: 10px 0 9px
}

.list-group--collapse.list-group--faq .list-group__item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.list-group--collapse.list-group--faq .list-group__item .top__title {
    color: #fff;
    margin: 4px 0 5px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500
}

.list-group--collapse.list-group--faq .list-group__item .collapse-icon:after,
.list-group--collapse.list-group--faq .list-group__item .collapse-icon:before {
    background-color: #ff7800
}

.list-group--collapse.list-group--faq .list-group__item .list-group__content {
    color: rgba(255, 255, 255, .7);
    margin: 0
}

.list-group--on-dark .list-group--content p {
    color: rgba(255, 255, 255, .7)
}

@media (max-width:1231px) {
    .list-group--collapse.list-group--slider .list-group__item.is-active .list-group__top .top__title:after {
        top: 9px
    }
}

@media (max-width:751px) {
    .list-group .list-group__item-mb-sm {
        margin-bottom: 0
    }

    .list-group .list-group__item-mb-lg {
        margin-bottom: 24px
    }

    .list-group--collapse.list-group--slider .list-group__item {
        padding: 16px 24px
    }

    .list-group--collapse.list-group--slider .list-group__item .list-group__content .btn {
        margin-top: 0
    }
}

.dv {
    position: relative;
    width: 720px;
    z-index: 3
}

.dv__item,
.dv__slide {
    position: absolute;
    opacity: 0
}

.dv__slide {
    z-index: 2;
    visibility: hidden;
    transition: .3s visibility, .3s opacity
}

.dv__slide.is-active {
    opacity: 1;
    visibility: visible
}

.dv__item {
    will-change: transform, opacity;
    min-height: 300px;
    width: 100%
}

.dv__item--left-1 {
    left: -64px;
    top: 176px;
    transform: translateX(-70px)
}

.dv__item--left-1.rectangle {
    left: -100px
}

.dv__item--right-1 {
    top: 56px;
    transform: translateX(70px)
}

.dv__item--right-1.rectangle {
    right: -100px;
    top: 175px
}

.dv__item--center {
    right: 0;
    transform: translateY(-70px)
}

.dv__item--left {
    left: -76px;
    bottom: -199px;
    transform: translateX(-199px)
}

.dv__illustration {
    position: absolute;
    left: 200px;
    z-index: 1;
    top: 0;
    margin: -32px 0 0
}

.dv-size {
    display: none;
    border-radius: 4px
}

[class*=dv__item--left],
[class*=dv__item--right] {
    z-index: 10;
    width: 220px;
    height: auto
}

[class*=dv__item--left].rectangle,
[class*=dv__item--right].rectangle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

[class*=dv__item--left].dv__item--sm,
[class*=dv__item--right].dv__item--sm {
    width: 190px
}

[class*=dv__item--right] {
    right: -72px
}

.dv--single {
    margin-left: auto;
    position: relative !important
}

.dv--single.dv--control-panel .dv__item--right-1 {
    top: 158px
}

.dv--single.dv--control-panel .dv__item--right-2 {
    top: 264px
}

.dv--single.dv--control-panel .dv__item--right-3 {
    top: 372px
}

.dv--single .mobile {
    overflow: hidden;
    top: 44px;
    left: -85px;
    width: 263px;
    padding: 70px 32px;
    text-align: center
}

.dv--single .mobile__header {
    position: absolute;
    top: 36px;
    height: 32px;
    padding: 0 12px;
    display: flex;
    align-items: center
}

.dv--single .mobile__header-icon {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

.browser__app-icon svg,
.dv--single .mobile__header-icon svg {
    width: 100%;
    height: 100%
}

.dv--single .mobile__header-title {
    font-size: 11px;
    line-height: 1;
    margin-left: 8px;
    color: #112240;
    font-weight: 500
}

.dv--single.dv--zimbra-suite {
    max-width: 712px;
    margin-left: auto
}

.dv--single.dv--collaborate .dv__item--right-1,
.dv--single.dv--zimbra-suite .dv__item--right-1 {
    bottom: 84px;
    right: -50px;
    top: unset;
    left: auto;
    width: 290px;
    border-radius: 4px
}

.dv--single.dv--robust {
    max-width: 432px;
    margin-right: auto
}

.dv--single.dv--collaborate {
    max-width: 500px;
    margin-right: auto;
    margin-left: 0
}

.dv--single.dv--messages .mobile.dv__item--center {
    background: linear-gradient(135deg, #40cfff 0, #8a40ff 100%);
    width: 220px;
    height: auto
}

.dv--custom-iso .dv__item--right-1 {
    top: 116px;
    height: 176px;
    width: 273px
}

.dv-modern .dv__item--right {
    background: 0 0;
    top: 77px;
    right: 192px;
    width: auto
}

.dv-explorer .browser {
    margin-left: auto
}

.dv-explorer .dv__item--left {
    background: 0 0;
    top: 220px;
    left: 200px;
    width: auto
}

.dv-wp .dv__item--right {
    right: -32px;
    z-index: 10
}

.dv-wp .dv__item--top {
    top: -132px;
    z-index: 10
}

.dv-wp .dv__item--bottom {
    bottom: -232px;
    z-index: 10
}

.dv.dev--wb .browser__screen {
    padding: 28px 28px 40px
}

.dv.dev--wb .dv__item {
    background-color: #fff;
    border-radius: 6px;
    min-height: inherit;
    padding: 16px
}

.dv.dev--wb .dv__item--top {
    height: 115px;
    width: 103px;
    left: 112px;
    top: -8px;
    z-index: 10
}

.dv.dev--wb .dv__item--left {
    height: 170px;
    width: 211px;
    left: -120px;
    bottom: 139px;
    z-index: 10
}

.browser__screen .d-flex.browser__screen-features img,
.dv.dev--wb .dv__item--left img {
    border-radius: 3px
}

.dv.dev--wb .dv__item--bottom {
    height: 115px;
    width: 202px;
    left: 197px;
    bottom: -58px;
    z-index: 10;
    padding: 12px
}

.dv.dev--wb .dv__item.browser {
    padding: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.dv.dev--wb .dv__item--center.browser__screen-heading {
    left: 112px;
    top: 122px;
    z-index: 10;
    padding: 8px 16px
}

.dv.dev--wb .dv__item--right {
    height: 115px;
    width: 202px;
    right: -93px;
    bottom: 177px;
    top: auto;
    z-index: 10
}

.dv.dv-dd .dv__item {
    border-radius: 6px;
    min-height: 0;
    background-color: #fff
}

.dv.dv-dd .dv__item.dv__item--left {
    height: 62px;
    width: 160px;
    top: 125px;
    left: -68px;
    display: flex;
    justify-content: center
}

.dv.dv-dd .dv__item.dv__item--right {
    height: 62px;
    width: 160px;
    bottom: 121px;
    right: -33px;
    display: flex;
    justify-content: center
}

.dv.dv-dd .browser {
    overflow: visible
}

.dv.dv-dd .browser__screen {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: visible
}

.dv.dv-dd .browser__screen .browser__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    height: 276px;
    width: 318px;
    border-radius: 6px;
    padding: 32px
}

.dv.dv-dd .browser__screen .browser__item-top {
    padding: 0
}

.dv.dv-dd .browser__screen .browser__item-top img {
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.dv.dv-dd .browser__screen .browser__item-title {
    font-size: 16px;
    font-weight: 700;
    margin: -8px 0 8px;
    text-align: center;
    width: 100%
}

.dv.dv-dd .browser__screen .browser__item-input {
    height: 31px;
    border: 1px solid #dce2ee;
    width: 100%;
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.dv.dv-dd .browser__screen .browser__item-input img {
    padding-left: 4px
}

.dv.dv-dd .browser__screen .browser__item-input.active {
    border-color: #144fc4
}

.dv.dv-dd .browser__screen .browser__item-btn {
    width: 100%;
    height: 36px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #ff7800;
    color: #ff7800;
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
    line-height: 33px
}

.dv.dv-dd .browser__screen img.browser__item-radius {
    border-radius: 4px
}

.dv.dv-dd.dv-seo .dv__item.dv__item--left {
    width: 165px;
    top: 182px;
    left: -29px
}

.dv.dv-dd.dv-seo .dv__item.dv__item--right {
    width: 165px;
    bottom: 113px;
    right: -35px
}

.dv.dv-dd.dv-seo .dv__item.dv__item--right img {
    max-width: 130px
}

.dv.dv-dd.dv-seo .browser__item-header {
    height: 34px;
    border: 1px solid #ff7800;
    font-size: 16px;
    color: #144fc4;
    font-weight: 700;
    padding-left: 16px;
    width: 100%;
    border-radius: 3px
}

.dv--selling {
    width: 769px
}

.dv--selling .dv__item {
    background-color: #fff;
    border-radius: 6px;
    min-height: 0
}

.dv--selling .dv__item--top {
    padding: 16px 24px 24px;
    width: 336px;
    height: 112px;
    left: 142px;
    top: -60px;
    z-index: 10
}

.dv--selling .dv__item--top p {
    font-size: 16px;
    text-align: center;
    font-weight: 800;
    color: #112240;
    margin-bottom: 8px
}

.dv--selling .dv__item--top:after {
    bottom: -6px;
    left: 18px
}

.dv--selling .dv__item--right {
    width: 199px;
    height: 170px;
    top: 97px;
    right: -77px
}

.browser__screen-heading:after,
.dv--selling .dv__item--right:after,
.dv--selling .dv__item--top:after,
.dv--wp-on-steroids .dv__item--top:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    transform: rotate(45deg);
    background-color: #fff
}

.dv--selling .dv__item--right:after {
    top: -6px;
    left: 55px
}

.dv--selling .dv__item--right.dv__item--summary .summary__item,
.dv--selling .dv__item--right.dv__item--summary .summary__price,
.dv--selling .dv__item--right.dv__item--summary .summary__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700
}

.dv--selling .dv__item--right.dv__item--summary .summary__item {
    font-size: 14px;
    color: rgba(40, 40, 40, .6);
    padding: 4px 16px
}

.dv--selling .dv__item--right.dv__item--summary .summary__item span {
    line-height: 24px
}

.dv--selling .dv__item--right.dv__item--summary .summary__item span img {
    width: 13px;
    height: 13px;
    margin-left: 6px;
    padding-bottom: 4px
}

.dv--selling .dv__item--right.dv__item--summary .summary__price,
.dv--selling .dv__item--right.dv__item--summary .summary__title {
    color: #112240;
    font-size: 16px;
    padding: 6px 16px
}

.dv--selling .dv__item--right.dv__item--summary .summary__price {
    border-top: 1px solid #dce2ee
}

.dv--selling .dv__item--right.dv__item--summary .summary__title {
    border-bottom: 1px solid #dce2ee
}

.dv--selling .dv__item--right.dv__item--summary .summary__title img {
    color: #bac2d3;
    width: 14px;
    height: 14px
}

.dv--selling .dv__item--left {
    bottom: 53px;
    left: -67px;
    z-index: 10;
    height: 202px;
    width: 162px;
    padding: 8px;
    text-align: center
}

.dv--selling .browser__screen-features.d-flex.flex-row > div img,
.dv--selling .dv__item--left img,
.dv--wp-on-steroids .browser__screen .browser__screen-features .no-border img {
    border-radius: 6px
}

.dv--selling .dv__item--left > div .add {
    width: 39px;
    height: 39px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto
}

.dv--selling .browser__screen {
    padding: 18px 0 24px
}

.dv--selling .browser__screen-features,
.dv--selling .browser__screen-nav {
    padding: 0 24px
}

.dv--selling .browser__screen-nav + div {
    margin: 18px 0 8px;
    position: relative
}

.dv--selling .browser__screen-content {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 24px;
    display: flex;
    align-items: center
}

.dv--selling .browser__screen-content p {
    font-size: 24px;
    font-weight: 700
}

.dv--selling .browser__screen-content span {
    font-size: 12px;
    border: 1px solid #fff;
    padding: 4px 18px;
    line-height: 25px;
    border-radius: 2px;
    font-weight: 500
}

.dv--selling .browser__screen-content img {
    margin-right: 80px;
    width: 15px;
    height: 15px
}

.dv--selling .browser__screen-features.d-flex.flex-row > div {
    text-align: center;
    flex-basis: 22%
}

.dv--selling .browser__screen-features.d-flex.flex-row .boreder-dotted--secondary {
    background-color: rgba(255, 201, 153, .5);
    max-width: 162px
}

.dv__slide--one-click-deploy .dv__item--left-1 {
    top: 236px
}

.dv__slide--one-click-deploy .dv__item--riFght-1 {
    top: 78px
}

.dv__slide--easy-manage .dv__item--left-1 {
    top: 236px
}

.dv__slide--easy-manage .dv__item--right-1 {
    top: 88px
}

.dv__slide--powerful-api .dv__item--left-1 {
    top: 164px;
    width: 396px;
    background-color: #1f2d69
}

.dv__slide--powerful-api .dv__item--right-1 {
    top: 88px
}

.dv__slide--powerful-api .dv__item--center {
    background-color: #1f2d69
}

.dv__slide--dashboard .dv__item--left-1 {
    top: 288px
}

.dv__slide--dashboard .dv__item--right-1 {
    top: 156px
}

.dv__slide--deploy .dv__item--left-1 {
    top: 252px
}

.dv__slide--deploy .dv__item--right-1 {
    top: 116px
}

.dv__slide--deploy .dv__item--right-2 {
    top: 224px
}

.dv__slide--manage .dv__item--left-1 {
    top: 252px
}

.dv__slide--manage .dv__item--right-1 {
    top: 116px
}

.dv__slide--manage .dv__item--right-2 {
    top: 224px
}

.dv__slide--account .dv__item--left-1 {
    top: 272px
}

.dv__slide--account .dv__item--right-1 {
    top: 116px
}

.dv__slide--account .dv__item--right-2 {
    top: 224px
}

.dv__slide--account .dv__item--right-3 {
    top: 332px
}

.section__dv-cloud .dv {
    min-height: 427px;
    width: 588px
}

.section__dv-cloud .dv__slide {
    height: 100%;
    width: 100%;
    right: -85px
}

.section__dv-cloud .dv__slide.is-active .dv__item {
    opacity: 1
}

.section__dv-cloud .dv__slide .dv__item {
    top: 50%;
    transform: translateY(-50%);
    height: 428px;
    max-width: 580px
}

.browser {
    position: relative;
    max-width: 100%;
    background: #fff;
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    overflow: hidden
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .browser {
        height: 100%;
        width: 100%
    }
}

.browser__bar {
    height: 36px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 16px;
    background-color: #d2d9e9;
    border-bottom: 1px solid #e6e6eb
}

.browser__dot {
    width: 12px;
    min-width: 12px;
    height: 12px;
    margin-right: 6px;
    border-radius: 100px;
    background: #144fc4
}

.browser__screen {
    overflow: hidden;
    padding: 24px
}

.browser__screen-heading {
    max-width: 216px;
    padding: 16px;
    position: relative;
    border-radius: 6px;
    min-height: 0
}

.browser__screen-heading:after,
.dv--wp-on-steroids .dv__item--top:after {
    bottom: -6px;
    left: 22px
}

.browser__screen .d-flex > div {
    flex-basis: 48.5%
}

.browser__screen .d-flex > div:last-of-type img {
    border-radius: 6px
}

.browser__screen .d-flex.browser__screen-features > div {
    flex-basis: 30%
}

.browser__screen p {
    font-size: 20px;
    font-weight: 700
}

.browser__screen-title {
    position: relative
}

.browser__screen-title p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin-bottom: 0;
    padding-left: 12px;
    font-weight: 800
}

.browser__screen .boreder-dotted--secondary {
    border: 1px dashed #ff7800;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 168px
}

.browser__screen .boreder-dotted--secondary img {
    width: 60px;
    height: 60px
}

.browser__screen .boreder-gray {
    border: 1px solid #e1e2e6;
    border-radius: 6px;
    padding: 16px;
    min-height: 168px
}

.browser__app {
    position: absolute;
    left: 108px;
    right: 46px;
    border: 1px solid #144fc4;
    top: 96px;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.browser__app-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #112240;
    margin-top: 12px
}

@media (max-width:1231px) {
    .browser__app-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-width:1011px) {
    .browser__app-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-width:751px) {
    .browser__app-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px
    }
}

.browser__app-check {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    overflow: hidden
}

.browser__app-check:after {
    content: '';
    position: absolute;
    top: -13px;
    right: -19px;
    transform: rotate(45deg);
    background: #144fc4;
    width: 140%;
    height: 100%
}

.browser__app-icon {
    width: 96px;
    height: 96px
}

.browser__floating {
    position: absolute
}

.browser--md {
    max-width: 728px
}

.browser--sm {
    max-width: 582px;
    margin: 0 auto
}

.browser--sm .browser__bar {
    height: 24px;
    padding: 0 8px
}

.browser--sm .browser__dot {
    width: 6px;
    height: 6px;
    min-width: 6px;
    margin-right: 4px
}

.browser--xs {
    max-width: 460px;
    max-height: 341px
}

.browser--deploy-snapshot .browsers__floating {
    top: 76px;
    right: -32px;
    width: 268px
}

.browser--apps .browser__screen {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 378px
}

.browser--apps .browser__screen .app-icon {
    height: 168px;
    width: 168px
}

.browser--apps .browser__screen .icon-deploy-circle {
    position: absolute;
    height: 254px;
    width: 254px
}

.browser--gradient {
    background: linear-gradient(rgba(63, 90, 160, .16) 0, rgba(63, 90, 160, .48) 100%)
}

.browser--gradient .browser__bar {
    background-color: transparent;
    border-color: rgba(230, 230, 235, .1)
}

.dv--wp-on-steroids {
    width: 764px
}

.dv--wp-on-steroids .dv__item--top {
    z-index: 1;
    width: 400px;
    border-radius: 6px;
    padding: 16px;
    top: -90px;
    left: 220px;
    background: #fff;
    min-height: 128px
}

.dv--wp-on-steroids .dv__item--bottom img,
.dv--wp-on-steroids .dv__item--top img {
    width: 100%
}

.dv--wp-on-steroids .dv__item--bottom {
    background: #144fc4;
    width: 276px;
    height: 60px;
    padding: 16px;
    z-index: 1;
    min-height: unset;
    bottom: -52px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 409px
}

.dv--wp-on-steroids .dv__item--bottom:after,
.dv--wp-on-steroids .dv__item--left:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 14px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    transform: rotate(45deg);
    background-color: #144fc4
}

.dv--wp-on-steroids .dv__item--left {
    background: #fff;
    display: flex;
    padding: 7px 16px;
    border-radius: 6px;
    right: -119px;
    left: unset;
    width: 181px;
    top: 80px;
    bottom: unset;
    height: 344px
}

.dv--wp-on-steroids .dv__item--left img {
    margin-top: -8px
}

.dv--wp-on-steroids .dv__item--left .list {
    font-size: 16px;
    font-weight: 700;
    color: #282828;
    padding-left: 16px;
    line-height: 32px
}

.dv--wp-on-steroids .dv__item--left:after {
    top: 86px;
    left: -6px;
    background-color: #fff
}

.dv--wp-on-steroids .browser {
    border-radius: 0 8px 8px 0
}

.dv--wp-on-steroids .browser__screen-title {
    width: 100%;
    height: 176px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 16px;
    border-radius: 6px
}

.dv--wp-on-steroids .browser__screen-title p {
    font-size: 26px;
    position: static;
    transform: unset;
    margin-bottom: 21px;
    margin-top: -8px
}

.dv--wp-on-steroids .browser__screen-bg {
    width: 100%;
    height: 176px;
    position: absolute;
    z-index: -1
}

.dv--wp-on-steroids .browser__screen .browser__screen-features .no-border {
    padding: 0 10px
}

.dv--wp-on-steroids .browser__screen .browser__screen-features .boreder-dotted--secondary {
    position: relative;
    margin-top: -8px;
    flex-direction: column;
    padding: 8px 8px 14px;
    min-height: unset
}

.dv--wp-on-steroids .browser__screen .browser__screen-features .boreder-dotted--secondary:before {
    content: '';
    background: #ffc999;
    opacity: .5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.dv--wp-on-steroids .browser__screen .browser__screen-features .boreder-dotted--secondary > img {
    width: 100%;
    height: auto
}

.dv--wp-on-steroids .browser__screen .browser__screen-features .boreder-dotted--secondary > img:first-of-type {
    border-radius: 6px
}

.dv--wp-on-steroids .browser__screen .browser__screen-features .boreder-dotted--secondary .add {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:1720px) and (min-width:1011px) {
    .dv.dev--wb .dv__item--left {
        left: -55px
    }
}

@media (min-width:1012px) {

    .dv.is-animated,
    .dv__slide.is-animated {
        transition: none
    }

    .dv.is-animated .dv__item,
    .dv__slide.is-animated .dv__item {
        opacity: 0;
        transition: none
    }

    .dv.dev--wb {
        width: 760px
    }

    .browser.is-animated {
        opacity: 0
    }
}

@media (max-width:1231px) {
    .section__dv-cloud .dv__slide {
        right: -200px
    }
}

@media (max-width:1011px) {
    .dv {
        width: 100%;
        right: 0;
        margin: auto
    }

    .dv__item {
        opacity: 1;
        transform: none !important
    }

    .dv__item--left-1 {
        left: -50px
    }

    .dv__item--right-1 {
        right: -45px
    }

    .dv__item--center {
        right: 0;
        transform: translateY(-70px)
    }

    .dv--single.dv--control-panel .dv__item--right-1 {
        top: 104px
    }

    .dv--single.dv--control-panel .dv__item--right-2 {
        top: 210px
    }

    .dv--single.dv--control-panel .dv__item--right-3 {
        top: 318px
    }

    .dv--single .mobile {
        top: 86px
    }

    .dv-modern .dv__item--right {
        top: 89px;
        right: 224px
    }

    .dv-explorer .dv__item--left {
        top: 88px;
        left: 217px
    }

    .dv.dev--wb .dv__item.browser {
        border-radius: 16px
    }

    .dv.dev--wb .dv__item.dv__item--bottom {
        left: 189px;
        bottom: -57px
    }

    .dv.dev--wb .dv__item.dv__item--left {
        left: -128px;
        bottom: 124px
    }

    .dv.dev--wb .dv__item.dv__item--center.browser__screen-heading {
        top: 115px
    }

    .dv.dv-dd {
        height: auto
    }

    .dv.dv-dd .browser__screen .browser__item {
        width: 47%
    }

    .browser {
        width: 100%
    }

    .browser__app {
        left: 98px;
        right: 39px;
        top: 91px;
        height: 188px
    }

    .section__dv-cloud {
        width: 100%
    }

    .section__dv-cloud .dv {
        width: 100%;
        height: 460px
    }

    .section__dv-cloud .dv__slide {
        right: 0
    }

    .section__dv-cloud .dv__slide .dv__item {
        top: 0;
        left: 0;
        right: 0;
        margin: auto
    }
}

@media (max-width:751px) {

    .dv,
    .dv__slide {
        position: absolute;
        top: 0
    }

    .dv {
        height: auto
    }

    .dv__slide {
        left: 0;
        right: 0;
        bottom: 0
    }

    .dv__item--left,
    .dv__item--left-1,
    .dv__item--right,
    .dv__item--right-1,
    .dv__item--right-2,
    .dv__item--right-3 {
        display: none
    }

    .dv-size {
        display: inline-block;
        opacity: 0
    }

    .dv--single .dv__item {
        position: relative
    }

    .dv.dev--wb .dv__item:not(.browser),
    .dv.dv-dd .dv__item:not(.browser) {
        display: none
    }

    .dv--selling .dv__item--top,
    .dv.dv-dd .dv__item--left,
    .dv.dv-dd .dv__item--right {
        display: none
    }

    .dv--selling .browser__screen-content img {
        margin-right: 32px
    }

    .browser {
        height: auto
    }

    .browser__app {
        left: 14%;
        right: 6%;
        top: 21%;
        height: auto;
        bottom: 37%
    }

    .browser__app-icon {
        width: 32px;
        height: 32px
    }

    .browser__floating {
        display: none
    }

    .section__dv-cloud .dv {
        position: relative;
        min-height: 271px;
        height: auto
    }

    .section__dv-cloud .dv__slide .dv__item {
        height: auto;
        min-height: 0;
        max-width: 368px
    }
}

@media (min-width:514px) and (max-width:751px) {
    .section__dv-cloud .dv {
        margin-bottom: 40px
    }
}

@media (max-width:600px) {
    .dv.dv-dd {
        max-width: 300px
    }

    .dv.dv-dd .browser__screen .browser__item {
        height: auto;
        margin-bottom: 24px;
        width: 100%
    }

    .dv.dv-dd .browser__screen .browser__item img + img {
        margin: 16px 0 8px
    }

    .dv.dv-dd .browser__screen .browser__item:last-of-type {
        margin-bottom: 0
    }
}

@media (max-width:513px) {
    .dv-size {
        margin-top: 24px
    }

    .browser__bar {
        height: 24px;
        padding: 0 8px
    }

    .browser__dot {
        height: 6px;
        width: 6px;
        min-width: 6px;
        margin-right: 3px
    }

    .browser__screen-title p {
        padding-top: 4px
    }

    .browser .browser__screen p {
        font-size: 12px
    }

    .browser .browser__screen-features > div {
        max-height: 120px;
        min-height: 0
    }
}

@media (max-width:400px) {
    .section__dv-cloud {
        margin-bottom: -32px
    }
}

.nh {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center
}

.nh--website {
    background-image: url(../../img/package/icons/website.svg)
}

.nh--ram {
    background-image: url(../../img/package/icons/ram.svg)
}

.nh--ssd {
    background-image: url(../../img/package/icons/ssd.svg)
}

.nh--lock {
    background-image: url(../../img/package/icons/lock.svg)
}

.nh--migrate {
    background-image: url(../../img/package/icons/migrate.svg)
}

.nh--wp-shield {
    background-image: url(../../img/package/icons/wp-shield.svg)
}

.nh--wp-ssl {
    background-image: url(../../img/package/icons/ssl.svg)
}

.nh--domain {
    background-image: url(../../img/package/icons/domain.svg)
}

.nh--ip {
    background-image: url(../../img/package/icons/IP.svg)
}

.nh--speed {
    background-image: url(../../img/package/icons/speed.svg)
}

.nh--pdf {
    background-image: url(../../img/pdf.svg)
}

.nh--nvme {
    background-image: url(../../img/package/icons/nvme.svg)
}

.nh--whmcs {
    background-image: url(../../img/package/icons/WHMCS.svg)
}

.nh--account {
    background-image: url(../../img/package/icons/account.svg)
}

.nh--premium {
    background-image: url(../../img/package/icons/premium.svg)
}

.nh--help,
.nh--managed {
    background-image: url(../../img/package/icons/managed.svg)
}

.nh--cpu {
    background-image: url(../../img/package/icons/cpu.svg)
}

.nh--camera {
    background-image: url(../../img/camera.svg)
}

.svg-icon.supreme-reliability .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.supreme-reliability .st1 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.supreme-reliability .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff;
    stroke: #ff7800
}

.svg-icon.supreme-reliability .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.supreme-reliability .st4 {
    fill: #ff7800
}

.svg-icon.unmatched-security .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.unmatched-security .st1 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.complete-control .st0,
.svg-icon.unmatched-security .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.complete-control .st0 {
    fill: #144fc4
}

.svg-icon.complete-control .st1 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.affordable-power .st0,
.svg-icon.complete-control .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.affordable-power .st0 {
    fill: #144fc4
}

.svg-icon.affordable-power .st1 {
    fill: none;
    stroke: #144fc4
}

.svg-icon.affordable-power .st2,
.svg-icon.affordable-power .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.affordable-power .st3 {
    stroke: #ff7800;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.star .cls-1 {
    fill: #ffbd0a;
    fill-rule: evenodd
}

.svg-icon.star .cls-2 {
    fill: #99a5c2;
    fill-rule: evenodd
}

.svg-icon.call .st0,
.svg-icon.cart .st0,
.svg-icon.chat .st0,
.svg-icon.help .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #99a5c2
}

.svg-icon.call .st0 {
    fill: #144fc4
}

.svg-icon.call .st1,
.svg-icon.call .st2 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.call .st2 {
    stroke: #ff7800;
    stroke-width: 2
}

.svg-icon.call-chat .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.call-chat .st1 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.call-chat .st2 {
    fill: #ff7800;
    stroke: #ff7800
}

.svg-icon.email .st0 {
    fill: none;
    stroke: #ff7800;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.email .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.email .st2 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.cog .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.cog .st1 {
    fill: none;
    stroke: #144fc4
}

.svg-icon.cog .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff;
    stroke: #ff7800
}

.svg-icon.cog .st3,
.svg-icon.coin .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.coin .st0 {
    fill: #144fc4
}

.svg-icon.coin .st1 {
    fill: none;
    stroke: #144fc4
}

.svg-icon.coin .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff;
    stroke: #ff7800
}

.svg-icon.coin .st3,
.svg-icon.control .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.control .st0 {
    fill: #144fc4
}

.svg-icon.control .st1,
.svg-icon.control .st2 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.control .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff;
    stroke: #ff7800;
    stroke-dasharray: 4, 2
}

.svg-icon.control .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.control .st4 {
    display: none
}

.svg-icon.control .st5 {
    display: inline;
    opacity: .5
}

.svg-icon.control .st6 {
    fill: none;
    stroke: red;
    stroke-width: .5
}

.svg-icon.free-whmcs .st0 {
    fill: none;
    stroke: #fff
}

.svg-icon.free-whmcs .st1,
.svg-icon.free-whmcs .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff
}

.svg-icon.free-whmcs .st2 {
    fill: #ff7800
}

.svg-icon.free-whmcs .st3 {
    fill: none;
    stroke: #ff7800
}

.svg-icon.training .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.training .st1 {
    fill: none;
    stroke: #ff7800;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.training .st2 {
    fill: none;
    stroke: #fff
}

.svg-icon.brand .st0,
.svg-icon.training .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff
}

.svg-icon.brand .st0 {
    fill: #ff7800
}

.svg-icon.brand .st1 {
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.brand .st1,
.svg-icon.brand .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.brand .st3,
.svg-icon.brand .st4 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.brand .st4 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800;
    stroke: #ff7800;
    stroke-width: 2
}

.svg-icon.control-panel .st0 {
    fill: none;
    stroke: #ff7800;
    stroke-linejoin: round;
    stroke-dasharray: 4, 2
}

.svg-icon.control-panel .st1,
.svg-icon.control-panel .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.control-panel .st2 {
    fill: #144fc4
}

.svg-icon.control-panel .st3 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.billing .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.billing .st1 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.billing .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.billing .st3 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round
}

.svg-icon.billing .st4 {
    fill: #ff7800
}

.svg-icon.billing .st5 {
    fill: none;
    stroke: #fff;
    stroke-linecap: round
}

.svg-icon.hero .st0,
.svg-icon.hero .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.hero .st1 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.hero .st2 {
    stroke: #ff7800;
    stroke-linejoin: round
}

.svg-icon.hero .st2,
.svg-icon.hero .st3,
.svg-icon.hero .st4 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.hero .st4 {
    fill: none;
    stroke: #144fc4
}

.svg-icon.one-click .st0,
.svg-icon.one-click .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.one-click .st1 {
    fill: none;
    stroke: #144fc4
}

.svg-icon.one-click .st2 {
    fill: #ff7800
}

.svg-icon.save .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.save .st1,
.svg-icon.save .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: #144fc4
}

.svg-icon.save .st2 {
    stroke: #ff7800
}

.svg-icon.save .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.signups .st0,
.svg-icon.signups .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.signups .st1 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.signups .st2 {
    fill: none;
    stroke: #ff7800
}

.svg-icon.premium-resources .st0,
.svg-icon.signups .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.premium-resources .st1 {
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.premium-resources .st1,
.svg-icon.premium-resources .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.premium-resources .st3 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.premium-resources .st4 {
    fill: none;
    stroke: #ff7800
}

.svg-icon.flex .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.flex .st1 {
    fill: none;
    stroke: #144fc4
}

.svg-icon.flex .st2 {
    fill: none;
    stroke: #ff7800;
    stroke-linejoin: round;
    stroke-dasharray: 4, 2
}

.svg-icon.flex .st3,
.svg-icon.sell-products .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.sell-products .st1 {
    fill: none;
    stroke: #ff7800
}

.svg-icon.sell-products .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: #fff
}

.svg-icon.credit-card .st0,
.svg-icon.sell-products .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff
}

.svg-icon.credit-card .st0 {
    fill: #ff7800
}

.svg-icon.credit-card .st1 {
    fill: none;
    stroke: #ff7800
}

.svg-icon.credit-card .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff
}

.svg-icon.shopping-cart .st0 {
    fill: none;
    stroke: #fff
}

.svg-icon.shopping-cart .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.shopping-cart .st2 {
    stroke-width: 3;
    stroke-linecap: round
}

.svg-icon.shopping-cart .st2,
.svg-icon.shopping-cart .st3 {
    fill: none;
    stroke: #ff7800;
    stroke-linejoin: round
}

.svg-icon.customize .st0,
.svg-icon.customize .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.customize .st1 {
    fill: #144fc4
}

.svg-icon.customize .st2 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.embed-stock .st0 {
    fill: none;
    stroke: #ff7800;
    stroke-linejoin: round;
    stroke-dasharray: 4, 2
}

.svg-icon.embed-stock .st1,
.svg-icon.embed-stock .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.embed-stock .st2 {
    fill: #144fc4
}

.svg-icon.embed-stock .st3 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.forms-buttons .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.forms-buttons .st1 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.forms-buttons .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.forms-buttons .st3 {
    fill: none;
    stroke: #ff7800;
    stroke-dasharray: 4, 2
}

.svg-icon.social-media .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.social-media .st1 {
    fill: none;
    stroke: #144fc4
}

.svg-icon.seo .st0,
.svg-icon.social-media .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.seo .st0 {
    fill: #144fc4
}

.svg-icon.seo .st1 {
    fill: none;
    stroke: #144fc4;
    stroke-linejoin: round
}

.svg-icon.seo .st2,
.svg-icon.seo .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.seo .st3 {
    stroke: #ff7800;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.domain .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.domain .st1 {
    fill: none;
    stroke: #144fc4
}

.svg-icon.domain .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.domain .st3,
.svg-icon.domain .st4 {
    fill: none;
    stroke: #fff;
    stroke-linecap: round
}

.svg-icon.domain .st4 {
    stroke-linejoin: round
}

.svg-icon.domain .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: #ff7800;
    stroke-miterlimit: 10
}

.svg-icon.no-limits .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #144fc4
}

.svg-icon.no-limits .st1 {
    fill: none;
    stroke: #144fc4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.easy-to-use .st0,
.svg-icon.no-limits .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.easy-to-use .st1,
.svg-icon.easy-to-use .st2 {
    fill: none;
    stroke: #ff7800;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.easy-to-use .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    stroke: #fff;
    stroke-dasharray: 4, 2
}

.svg-icon.easy-to-use .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff
}

.svg-icon.easy-to-use .st4 {
    display: none
}

.svg-icon.easy-to-use .st5 {
    display: inline;
    opacity: .5
}

.svg-icon.easy-to-use .st6 {
    fill: none;
    stroke: red;
    stroke-width: .5
}

.svg-icon.wp-made-safe .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.wp-made-safe .st1 {
    fill: none;
    stroke: #ff7800;
    stroke-linejoin: round
}

.svg-icon.wp-litespeed .st0,
.svg-icon.wp-made-safe .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff
}

.svg-icon.wp-litespeed .st0 {
    fill: #ff7800
}

.svg-icon.wp-litespeed .st1 {
    fill: none;
    stroke: #ff7800
}

.svg-icon.click .st0,
.svg-icon.wp-litespeed .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff
}

.svg-icon.click .st0 {
    fill: #ff7800
}

.svg-icon.click .st1 {
    fill: none;
    stroke: #ff7800
}

.svg-icon.click .st2 {
    fill: none;
    stroke: #fff
}

.svg-icon.click .st3,
.svg-icon.ssd .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff
}

.svg-icon.ssd .st0 {
    fill: #ff7800
}

.svg-icon.ssd .st1 {
    fill: none;
    stroke: #ff7800;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon.ssd .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff
}

.svg-icon.affordable-web-hosting .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ff7800
}

.svg-icon.affordable-web-hosting .st1 {
    fill: none;
    stroke: #ff7800
}

.svg-icon.affordable-web-hosting .st2 {
    fill: none;
    stroke: #fff
}

.svg-icon.affordable-web-hosting .st3,
.svg-icon.nightly-backup .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff
}

.svg-icon.nightly-backup .st0 {
    fill: #144fc4
}

.svg-icon.nightly-backup .st1 {
    fill: none;
    stroke: #144fc4
}

.svg-icon.nightly-backup .st2 {
    fill: none;
    stroke: #ff7800;
    stroke-width: 2;
    stroke-linecap: round
}

.logo-nh .st0 {
    fill: #fff
}

.logo-nh .st1 {
    fill: #ff7800
}

.logo-nh .st2 {
    fill: #ff8a00
}

.quick-easy .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff;
    stroke: #b9c2d5
}

.quick-easy .st1,
.quick-easy .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #e2e7f1
}

.quick-easy .st2 {
    fill: #144fc4
}

.quick-easy .st3 {
    fill: none;
    stroke: #144fc4
}

.quick-easy .st4 {
    fill: #bec6d8
}

.quick-easy .st4,
.quick-easy .st5,
.quick-easy .st6 {
    fill-rule: evenodd;
    clip-rule: evenodd
}

.quick-easy .st5 {
    fill: #e2e7f1;
    stroke: #b9c2d5
}

.quick-easy .st6 {
    fill: #fff
}

.quick-easy .st7 {
    fill: none;
    stroke: #ff7800
}

.quick-easy .st10,
.quick-easy .st8,
.quick-easy .st9 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #113a8f
}

.quick-easy .st10,
.quick-easy .st9 {
    fill: url(#front-2_1_)
}

.quick-easy .st10 {
    fill: url(#front-3_1_)
}

.tab-content .tab-pane__container {
    display: flex;
    border-radius: 8px
}

.tab-content .tab-pane__item {
    display: flex;
    flex-direction: column;
    padding: 56px 70px 35px;
    text-align: center
}

.tab-content .tab-pane__item p {
    font-size: 16px;
    line-height: 24px
}

.tab-content .tab-pane__item .browser {
    border: 1px solid #d1d8e8;
    border-radius: 5px;
    margin-bottom: 16px
}

.tab-content .tab-pane__item .browser__bar {
    height: 19px;
    padding: 0 8px;
    background-color: #d1d8e8;
    border: 0
}

.tab-content .tab-pane__item .browser__bar .browser__dot {
    width: 7px;
    min-width: 7px;
    height: 7px;
    margin-right: 6px
}

.tab-content .tab-pane__item .browser__screen {
    padding: 0
}

.tab-content .tab-pane__item .browser__screen img {
    max-width: unset;
    width: 100%
}

.tab-content .tab-pane .item-divider {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #e6e6eb
}

.tab-content .tab-pane .item-divider--text {
    font-size: 27px;
    font-weight: 500;
    border: 1px solid #ff7800;
    border-radius: 100%;
    background-color: #fff;
    z-index: 1;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
    width: 57px;
    height: 57px;
    line-height: 53px
}

.tab-content .tab-pane .item-logo {
    height: 40px;
    margin: 0 0 16px
}

.tab-content .tab-pane .item-logo img {
    max-width: unset;
    height: 100%
}

.tab-content .tab-pane#tab-cpanel .tab-pane__item p {
    width: 95%;
    margin: auto
}

.tab-content .tab-pane#tab-cpanel .item-logo {
    height: 24px
}

.tab-content .tab-pane#tab-apps .tab-pane__container,
.tab-content.tab-uptime .tab-pane__container {
    flex-direction: column
}

.tab-content .tab-pane#tab-apps .tab-pane__item {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 58px 48px 24px
}

.tab-content .tab-pane#tab-apps .tab-pane__item .item-logo {
    border: 1px solid #e1e2e5;
    border-radius: 6px;
    height: 152px;
    max-width: 160px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 32px 16px;
    margin-bottom: 24px
}

.tab-content .tab-pane#tab-apps .tab-pane__item .item-logo img {
    width: 55px
}

.tab-content .tab-pane#tab-apps .tab-pane__item .item-logo span {
    line-height: 22px
}

.tab-content .tab-pane#tab-apps .tab-pane__item .item-logo--big img {
    width: 88px
}

.tab-content .tab-pane#tab-apps .tab-pane__actions {
    text-align: center;
    padding-bottom: 35px
}

.tab-content .tab-pane#tab-apps .tab-pane__actions .btn {
    min-width: 260px
}

.tab-content .tab-pane#tab-data .tab-pane__container {
    padding: 52px 35px 0;
    display: block
}

.tab-content .tab-pane#tab-data .tab-pane__item {
    text-align: left;
    padding: 16px 35px 56px
}

.tab-content .tab-pane#tab-data .tab-pane__item .btn {
    padding-left: 0;
    justify-content: flex-start
}

.tab-content .tab-pane#tab-data .browser__bar {
    height: 15px
}

.tab-content .tab-pane#tab-data .browser__bar .browser__dot {
    width: 5px;
    height: 5px;
    min-width: 5px;
    margin-right: 4px
}

.tab-content .tab-pane#tab-backups .tab-pane__item {
    width: 100%
}

.tab-content .tab-pane#tab-backups .tab-pane__item .browser {
    width: 489px;
    margin: 0 auto 32px;
    overflow: visible
}

.tab-content .tab-pane#tab-backups .tab-pane__item .browser .screen-right {
    position: absolute;
    right: -157px;
    top: 45px;
    width: 436px;
    height: 145px;
    z-index: 2
}

.tab-content .tab-pane#tab-backups .tab-pane__item .browser .screen-left {
    position: absolute;
    left: -158px;
    bottom: 32px;
    width: 250px;
    height: 113px;
    z-index: 2
}

.tab-content .tab-pane#tab-backups .tab-pane__item p {
    max-width: 48%;
    margin: 0 auto 24px
}

.tab-content.tab-uptime .tab-pane__item {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 0
}

.tab-content.tab-uptime .tab-pane__item .uptime-item {
    max-width: 300px;
    margin-bottom: 40px
}

.tab-content.tab-uptime .tab-pane__actions {
    text-align: center;
    padding-bottom: 35px
}

.tab-content.tab-support .tab-pane__actions .btn,
.tab-content.tab-uptime .tab-pane__actions .btn {
    min-width: 200px
}

.tab-content.tab-support .tab-pane__container {
    flex-direction: column
}

.tab-content.tab-support .tab-pane__item {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 0
}

.tab-content.tab-support .tab-pane__actions {
    text-align: center;
    padding-bottom: 35px
}

@media (min-width:752px) {
    .tab-pane#tab-cpanel .tab-pane__item {
        width: 50%
    }

    .tab-pane#tab-cpanel .tab-pane__item p {
        width: 95%;
        margin: auto
    }

    .tab-pane#tab-cpanel .item-logo {
        height: 24px
    }
}

@media (max-width:1011px) {

    .tab-content.tab-support .tab-pane__item,
    .tab-content.tab-uptime .tab-pane__item {
        justify-content: space-evenly
    }

    .tab-content .tab-pane#tab-data .tab-pane__container .d-flex {
        flex-direction: column
    }

    .tab-content .tab-pane#tab-data .tab-pane__item {
        padding-bottom: 16px;
        text-align: center
    }

    .tab-content .tab-pane#tab-data .tab-pane__item .browser {
        margin: 0 auto 16px
    }

    .tab-content .tab-pane#tab-data .tab-pane__item .btn {
        padding-left: 32px;
        justify-content: center
    }

    .tab-content .tab-pane#tab-backups .tab-pane__item {
        overflow: hidden
    }

    .tab-content .tab-pane#tab-backups .tab-pane__item p {
        max-width: 100%
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .tab-content .tab-pane#tab-apps .tab-pane__item .item-logo {
        max-width: 30%;
        margin-bottom: 32px
    }
}

@media (min-width:752px) and (max-width:1011px) {
    .tab-content.tab-uptime .tab-pane__item .uptime-item {
        max-width: 45%;
        margin-bottom: 16px
    }

    .tab-content .tab-pane#tab-apps .tab-pane__item .item-logo {
        margin-bottom: 40px
    }
}

@media (max-width:1011px) {
    .tab-content .tab-pane#tab-data .browser {
        max-width: 315px;
        width: 100%
    }

    .tab-content .tab-pane#tab-data .browser img {
        width: 100%;
        max-width: unset
    }
}

@media (max-width:751px) {
    .tab-content .tab-pane__container {
        flex-direction: column
    }

    .tab-content .tab-pane .tab-pane__item {
        padding: 32px;
        align-items: center
    }

    .tab-content .tab-pane .item-divider {
        border-left: none;
        border-bottom: 1px solid #e6e6eb
    }

    .tab-content .tab-pane .item-divider--text {
        top: auto;
        transform: none;
        right: auto;
        bottom: -23px;
        left: auto;
        height: 45px;
        width: 45px;
        line-height: 39px;
        font-size: 22px
    }

    .tab-content .tab-pane#tab-apps .tab-pane__item .item-logo {
        max-width: 48%
    }

    .tab-content .tab-pane#tab-backups .tab-pane__item .browser,
    .tab-content.tab-uptime .tab-pane__item .uptime-item img {
        width: auto
    }

    .tab-content .tab-pane#tab-backups .tab-pane__item .browser .screen-left,
    .tab-content .tab-pane#tab-backups .tab-pane__item .browser .screen-right {
        display: none
    }

    .tab-content.tab-uptime .tab-pane__item .uptime-item {
        max-width: 100%;
        width: 100%
    }

    .tab-content .tab-pane__item .browser {
        max-width: 462px;
        width: 100%
    }

    .tab-content .tab-pane__item .browser img {
        width: 100%;
        max-width: unset
    }
}

@media (max-width:513px) {
    .tab-content .tab-pane#tab-apps .tab-pane__item .item-logo {
        width: 100%
    }
}

.p-1-l {
    font-size: 28px;
    font-weight: 300;
    line-height: 40px
}

@media (max-width:1231px) {
    .p-1-l {
        font-size: 28px;
        font-weight: 300;
        line-height: 40px
    }
}

@media (max-width:1011px) {
    .p-1-l {
        font-size: 28px;
        font-weight: 300;
        line-height: 40px
    }
}

@media (max-width:751px) {
    .p-1-l {
        font-size: 22px;
        font-weight: 300;
        line-height: 36px
    }
}

.p-2-l {
    font-size: 22px;
    font-weight: 300;
    line-height: 36px
}

@media (max-width:1231px) {
    .p-2-l {
        font-size: 22px;
        font-weight: 300;
        line-height: 36px
    }
}

@media (max-width:1011px) {
    .p-2-l {
        font-size: 22px;
        font-weight: 300;
        line-height: 36px
    }
}

@media (max-width:751px) {
    .p-2-l {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px
    }
}

.p-3-l {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px
}

@media (max-width:1011px) {
    .p-3-l {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px
    }
}

@media (max-width:751px) {
    .p-3-l {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px
    }
}

.p-5 {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px
}

.btn {
    box-shadow: none
}

.container--wide {
    max-width: 1280px
}

.w-100 {
    max-width: 100%;
    width: 100%
}

.m-w-900 {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto
}

.has-shadow {
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08)
}

.has-shadow--hover:hover {
    box-shadow: 0 16px 24px rgba(0, 0, 0, .06), 0 16px 24px rgba(0, 0, 0, .06), 0 16px 48px rgba(0, 0, 0, .08);
    transform: translate3d(0, -8px, 0)
}

.btn {
    transition: all .3s
}

.btn span {
    display: inline-block;
    position: relative;
    transition: .3s
}

.btn span:after {
    position: absolute;
    opacity: 0;
    top: 2px;
    right: 0;
    transition: .3s
}

.btn--primary span:after,
.btn--secondary span:after {
    content: url(../../img/arrow-right-white.svg)
}

.btn--primary.btn--link span:after,
.btn--primary.btn--outline span:after {
    content: url(../../img/arrow-right-blue.svg)
}

.btn--secondary.btn--link {
    color: #ff7800
}

.btn--secondary.btn--link:hover {
    color: #ff9000
}

.btn--secondary.btn--link:active,
.btn--secondary.btn--link:focus {
    color: #ff9000
}

.btn--secondary.btn--link span:after {
    content: url(../../img/arrow-right-orange.svg)
}

.btn--secondary.btn--outline {
    transition: all .3s
}

.btn--secondary.btn--outline:hover {
    background-color: #ff9000
}

.btn--secondary.btn--outline:active,
.btn--secondary.btn--outline:focus {
    background-color: #ff5a00
}

.btn:hover {
    padding-right: 40px
}

.btn:hover span:after {
    opacity: 1;
    right: -24px
}

a:hover {
    color: #1368e7
}

a:active,
a:focus {
    color: #0c3aa3
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

@media (max-width:1231px) {

    .app,
    body {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

.hide {
    display: none
}

.z-i-2 {
    z-index: 2 !important
}

.btn-toolbar .btn:hover,
.file-input-remove:hover {
    padding-right: 16px
}

@media (max-width:1011px) {

    [data-animation-light],
    [data-animation] {
        opacity: 1 !important
    }

    .banner__illustrations [data-animation] *,
    [data-animation-arrow],
    [data-animation-circle],
    [data-animation-path] {
        stroke-dasharray: 0 !important;
        stroke-dashoffset: 0 !important
    }
}

.reviews {
    margin-top: 80px
}

@media (max-width:1011px) {
    .reviews {
        margin-top: 32px
    }
}

@media (max-width:751px) {
    .reviews {
        margin-top: 24px
    }
}

.reviews__box {
    position: relative;
    min-height: 496px;
    flex-direction: column
}

.reviews__stats {
    padding: 40px;
    display: flex;
    margin: 0 -16px
}

.reviews__stats .stats__list {
    flex: 1;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    white-space: nowrap
}

.reviews__stats .stats__list-item {
    display: flex;
    cursor: pointer
}

.reviews__stats .stats__list-item.is-checked .stats__list-bar,
.spinner > div {
    background: #ff7800
}

.reports__item span:hover,
.reviews__stats .stats__list-item.is-checked .stats__list-label {
    color: #ff7800
}

.reviews__stats .stats__list-progress {
    background-color: #e3e8f1;
    margin: 4px 20px;
    border-radius: 10px;
    padding: 0;
    height: 16px;
    width: 100%;
    overflow: hidden
}

.reviews__stats .stats__list-bar {
    background-color: #144fc4;
    border-radius: 10px;
    height: 100%;
    width: 0%
}

.reviews__stats .stats__list-label {
    font-size: 14px;
    line-height: 22px;
    color: #112240
}

.reviews__stats .stats__list-value {
    font-size: 14px;
    line-height: 22px;
    width: 64px
}

.reviews__stats .stats__rating {
    width: 100%;
    max-width: 322px;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.reviews__stats .stats__rating-value {
    color: #ff9000;
    font-size: 56px;
    line-height: 1
}

.reviews__stats .stats__rating-label {
    font-size: 16px;
    line-height: 28px
}

.reviews__list {
    border-top: 1px solid #e1e2e5
}

.reviews__loader {
    height: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex
}

.reviews__footer {
    margin-top: 48px;
    display: flex;
    position: relative;
    justify-content: flex-end;
    height: 42px
}

.reviews__pagination {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.reviews__pagination .pagination__item {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border: 0;
    cursor: unset
}

.reviews__pagination .pagination__item a {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: #536080;
    cursor: pointer;
    font-weight: 700
}

.reviews__pagination .pagination__item a[disabled=true] {
    cursor: not-allowed;
    pointer-events: none
}

.reviews__pagination .pagination__item.is-active {
    background-color: #ff7800;
    border-radius: 4px;
    box-shadow: none
}

.modal--hiring .modal__actions span a,
.reviews__pagination .pagination__item.is-active a {
    color: #fff
}

.reviews__pagination .pagination__item.arrow a {
    font-size: 25px;
    color: #ff7800
}

.reviews__pagination .pagination__item--dots {
    cursor: auto
}

.feature--bordered .feature__icon {
    width: 150px;
    height: 108px;
    margin-top: 8px;
    overflow: hidden
}

.feature--bordered .btn--lg {
    margin-bottom: 40px
}

.review {
    padding: 32px 40px
}

.review + .review {
    border-top: 1px solid #e1e2e5
}

.review__top {
    display: flex;
    align-items: flex-start
}

.review__date {
    margin-left: auto;
    color: #99a5c2;
    font-size: 16px;
    line-height: 22px
}

.review__desc {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0
}

.review__question {
    font-size: 16px;
    line-height: 28px;
    color: #112240
}

.review__stars {
    margin-right: 16px
}

@media (max-width:1231px) {
    .reviews .stats {
        flex-wrap: wrap
    }

    .reviews .stats__list {
        width: 100%;
        order: 3
    }

    .reviews .stats__rating {
        width: 50%;
        max-width: none
    }

    .reviews__list .review__top {
        flex-wrap: wrap;
        margin-bottom: 8px
    }

    .reviews__list .review__verified {
        order: 3;
        width: 100%
    }

    .reviews__list .review__question {
        margin-top: 8px
    }
}

@media (max-width:1011px) {
    .reviews__stats .stats__rating-value {
        font-size: 40px
    }

    .reviews__footer {
        flex-wrap: wrap;
        justify-content: center
    }

    .reviews__pagination {
        position: static;
        left: 0;
        transform: none;
        width: 100%
    }
}

@media (max-width:751px) {
    .reviews .stats__rating {
        width: 100%;
        margin-bottom: 16px
    }
}

.trustpilot-widget {
    height: 28px
}

.spinner {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    border: 0 !important;
    animation: none !important
}

.spinner > div {
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
    border-radius: 4px
}

.spinner-light > div {
    background: #fff
}

.spinner-sm,
.tile {
    display: flex;
    align-items: center
}

.spinner-sm {
    width: 29px;
    height: 20px;
    justify-content: center
}

.spinner-sm > div {
    margin-left: 3px;
    display: block
}

.spinner .rect2 {
    animation-delay: -1.1s
}

.spinner .rect3 {
    animation-delay: -1s
}

.spinner .rect4 {
    animation-delay: -.9s
}

.spinner .rect5 {
    animation-delay: -.8s
}

.tile {
    flex-direction: column;
    padding: 48px 8px 32px;
    background: #fff;
    margin-bottom: 32px;
    border-radius: 4px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);
    border: 1px solid transparent;
    position: relative
}

.tile .tile__icon {
    transition: .3s
}

.tile .tile__action,
.tile .tile__title {
    transition: .3s;
    display: flex;
    align-items: center
}

.tile .tile__title {
    color: #0c172c;
    max-width: 100%;
    margin-top: 24px;
    margin-bottom: 0;
    text-align: center
}

.tile .tile__action {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    box-shadow: none;
    justify-content: center
}

.tile .tile__action .zmdi {
    margin-left: 4px;
    font-size: 18px
}

.tile.tile--static {
    padding-top: 32px
}

.tile.tile--static:hover .tile__title {
    color: #144fc4
}

.tile:hover:not(.tile--static) .tile__icon,
.tile:hover:not(.tile--static) .tile__title {
    transform: translateY(-25px)
}

.tile:hover:not(.tile--static) .tile__action {
    visibility: visible;
    opacity: 1;
    transform: translateY(-32px)
}

.tile--bordered {
    border: 1px solid #e1e2e5;
    box-shadow: none;
    padding: 40px
}

.tile--bordered p {
    font-size: 18px;
    line-height: 26px;
    color: #112240;
    margin-bottom: 0;
    font-weight: 700
}

.tile.tile--domain {
    padding: 16px;
    height: 102px;
    justify-content: center
}

.tile.tile--domain .tile__tld {
    font-size: 30px
}

@media (max-width:1231px) {
    .section--tiles .col-lg-3 {
        padding-left: 8px;
        padding-right: 8px
    }

    .tile {
        margin-bottom: 16px
    }
}

.section--succeed {
    margin-bottom: -281px;
    padding-bottom: 335px
}

@media (min-width:752px) {
    .section--succeed .container .section__content .feature__body {
        flex-direction: column
    }

    .section--succeed .container .section__content .feature__content {
        margin-top: 32px
    }

    .section--succeed .container .section__content .feature__desc {
        max-width: 358px
    }
}

@media (max-width:1011px) {
    .section--succeed {
        margin-bottom: -224px;
        padding-bottom: 235px
    }
}

@media (max-width:751px) {
    .section--succeed {
        margin-bottom: -145px;
        padding-bottom: 185px
    }
}

.section--laptop {
    padding-top: 0 !important;
    background-color: transparent
}

.section--laptop .video__container {
    margin-bottom: -27px
}

.section--sales .container .section__title--bordered {
    border: 1px solid #ff7800;
    border-radius: 4px;
    color: #ff7800;
    padding: 0 10px
}

.section--sales .sales__table {
    width: 100%
}

.section--sales .sales__table thead tr th {
    font-weight: 700;
    width: 50%;
    height: 100px;
    line-height: 100px
}

.section--sales .sales__table tbody tr td {
    width: 50%;
    height: 72px;
    line-height: 72px
}

.section--sales .sales__table tr td,
.section--sales .sales__table tr th {
    text-align: center
}

.section--sales .sales__table tr td:nth-child(odd) {
    border-right: 1px solid #e1e2e5;
    border-top: 1px solid #e1e2e5
}

.section--sales .sales__table tr td:nth-child(even) {
    border-top: 1px solid #e1e2e5
}

.section--sales .sales__table tr th:nth-of-type(1) {
    border-right: 1px solid #e1e2e5
}

.legal p,
.legal ul li {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px
}

.legal h2,
.legal h3 {
    font-size: 40px;
    line-height: 54px;
    margin-top: 22px
}

.legal h3 {
    font-size: 27px;
    font-weight: 900;
    margin-top: -3px;
    margin-bottom: 19px
}

.legal ul {
    padding-left: 34px;
    list-style-type: disc
}

.legal ul li {
    padding-left: 4px
}

.legal a {
    text-decoration-line: none
}

.legal strong {
    color: #091c3e
}

.reports {
    flex-direction: column !important;
    height: 364px;
    padding-bottom: 35px !important;
    margin-bottom: 0;
    align-content: flex-start;
    justify-content: normal !important
}

.reports__item {
    font-size: 16px;
    line-height: 34px;
    font-weight: 700;
    padding-right: 32px;
    padding-left: 40px;
    max-width: 348px;
    text-align: left
}

.reports__item span {
    position: relative;
    padding-left: 32px;
    transition: color .3s
}

.reports__item span i,
.support-reviews__item span i {
    position: absolute;
    top: 3px;
    left: 0
}

.reports__item a,
.slider--support .content-slider .nav--tabs a:hover,
.slider--uptime .content-slider .nav--tabs a:hover,
.support-reviews__item a {
    color: #112240
}

.uptime {
    justify-content: space-evenly
}

.uptime-item {
    display: none
}

.uptime-item:nth-child(-n+6) {
    display: inline
}

.uptime-item.show-all {
    display: inline
}

@media (max-width:1231px) {
    .reports {
        height: unset
    }
}

@media (max-width:751px) {
    .tab-content .tab-pane .tab-pane__item.reports {
        align-items: unset
    }
}

.modal__top {
    height: 64px;
    min-height: 64px
}

.modal--hiring .modal__actions {
    display: flex;
    justify-content: center;
    background-color: #144fc4;
    color: #fff;
    margin-top: 35px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.modal--hiring .modal__actions span {
    font-size: 18px;
    line-height: 32px
}

.modal--hiring .modal__content {
    border-radius: 8px
}

.modal--hiring .modal__body {
    border: 0;
    padding: 0 48px
}

.modal--hiring .modal__body p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 3px
}

.modal--hiring .modal__body span {
    color: #000
}

.modal--hiring .modal__top {
    height: unset;
    padding-top: 25px
}

.modal--hiring .modal__top .top__title {
    font-size: 27px;
    text-align: center;
    justify-content: center;
    line-height: 48px
}

.modal--hiring .modal__top .top__toolbar {
    position: relative;
    top: -10px;
    width: 20px;
    height: 20px
}

.modal--hiring .modal__top .top__toolbar button {
    width: 100%;
    height: 100%;
    min-width: unset
}

.modal--hiring ul {
    list-style-position: inside;
    margin-top: -5px;
    margin-bottom: 0
}

.modal--hiring ul li {
    font-size: 16px;
    line-height: 32px
}

.modal--hiring ul li::before {
    content: "\2022";
    color: #ff7800;
    margin: 0 9px
}

.modal--hiring span {
    font-size: 20px;
    line-height: 65px
}

.modal--video .modal__dialog {
    max-height: 100vh
}

.modal--video .modal__body {
    padding: 0;
    border: 0
}

.modal--video .modal__body .video__inner iframe {
    width: 100%;
    height: 500px;
    margin-bottom: -10px
}

.modal--video .modal__body .video__loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%)
}

.modal--video .modal__top {
    justify-content: flex-end
}

.modal--video .modal__top .top__toolbar img {
    width: 20px;
    height: 20px
}

.modal#modalWhois .modal__top .top__title {
    margin-bottom: 0
}

.modal#modalWhois .modal__top .top__toolbar {
    align-self: center
}

.modal#modalWhois .modal__top .top__toolbar .btn img {
    max-width: 20px;
    max-height: 20px
}

@media (max-width:900px) {
    .modal--video .modal__dialog {
        width: 576px
    }

    .modal--video .modal__body .video__inner iframe {
        height: 324px
    }
}

@media (max-width:751px) {
    .modal--hiring .modal__top .top__title {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 40px
    }

    .modal--hiring .modal__top .top__toolbar {
        position: absolute;
        top: 15px;
        right: 45px
    }

    .modal--hiring .modal__body {
        padding: 0 26px
    }

    .modal--hiring .modal__body li,
    .modal--hiring .modal__body p {
        font-size: 13px
    }

    .modal--hiring .modal__body span {
        font-size: 16px
    }

    .modal--hiring .modal__actions {
        margin-top: 15px
    }

    .modal--hiring .modal__actions span {
        font-size: 16px;
        text-align: center;
        line-height: 26px
    }

    .modal--hiring .modal__content {
        margin: 0 30px
    }
}

@media (max-width:600px) {
    .modal--video .modal__dialog {
        padding: 0 16px
    }

    .modal--video .modal__body .video__inner iframe {
        height: 320px
    }
}

@media (max-width:513px) {
    .modal--hiring .modal__body {
        padding: 0 12px
    }

    .modal--hiring .modal__body p {
        font-size: 13px;
        line-height: 26px
    }

    .modal--hiring .modal__body ul {
        margin-bottom: 9px
    }

    .modal--hiring .modal__body ul li {
        margin: 0 9px 0 0;
        line-height: 26px
    }

    .modal--hiring .modal__actions {
        padding: 10px
    }

    .modal--hiring .modal__actions span {
        line-height: 26px;
        font-size: 14px
    }

    .modal--hiring .modal__content {
        margin: 0
    }

    .modal--hiring .modal__dialog {
        max-height: 100vh
    }

    .modal--hiring .modal__top {
        padding-top: 40px
    }

    .modal--hiring .modal__top .top__toolbar {
        top: 15px;
        right: 15px
    }

    .modal--video .modal__body .video__inner iframe {
        height: 282px
    }
}

@media only screen and (max-width:1011px) and (-webkit-min-device-pixel-ratio:2),
only screen and (max-width:1011px) and (min--moz-device-pixel-ratio:2),
only screen and (max-width:1011px) and (-o-min-device-pixel-ratio:2/1),
only screen and (max-width:1011px) and (min-device-pixel-ratio:2),
only screen and (max-width:1011px) and (min-resolution:192dpi),
only screen and (max-width:1011px) and (min-resolution:2dppx) {
    .modal--video {
        width: auto
    }
}

.dropdown--help {
    width: 100%;
    max-width: 900px;
    border-radius: 8px;
    margin-top: 24px !important
}

.dropdown--help .dropdown__arrow {
    display: none
}

.dropdown--help hr {
    margin: 8px 0;
    border-color: #e6e7eb;
    width: 100%
}

.dropdown--help span {
    font-size: 14px;
    color: #112240;
    background-color: #fff;
    border-radius: 2px;
    display: flex
}

.dropdown--help span.help-status {
    margin: 4px -12px 0 0;
    border-width: 1px;
    border-style: solid;
    padding: 6px 12px;
    height: 24px;
    align-items: center;
    justify-content: center;
    font-size: 10px
}

#categories-button,
.drop-target {
    font-size: 14px;
    color: #536080;
    font-weight: 300
}

#categories-button .btn__icon,
.drop-target .btn__icon {
    font-size: 12px;
    padding-top: 6px
}

#categories-button:hover {
    padding-right: 16px
}

#categories-button:active,
#categories-button:active .btn__icon,
#categories-button:focus,
#categories-button:focus .btn__icon {
    color: #ff7800
}

.dropdown--categories {
    position: absolute;
    left: 0;
    right: 0;
    max-width: unset;
    opacity: 0;
    visibility: hidden;
    top: calc(100% + 24px);
    border-radius: 8px
}

.dropdown--categories.is-open {
    transition: .24s linear all;
    opacity: 1;
    visibility: visible;
    top: calc(100% + 20px)
}

.dropdown--categories .dropdown__content {
    padding: 24px 32px
}

.dropdown--categories .cat {
    text-align: left
}

.dropdown--categories .cat li.subCat {
    color: #536080;
    background-color: transparent;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    margin: 0 10px 0 0;
    padding: 4px 10px 4px 30px
}

.dropdown--categories .cat li.subCat:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 1px solid #bec2cc;
    background-color: #fff;
    border-radius: 3px
}

.dropdown--categories .cat li.subCat.active:after {
    border: 1px solid #144fc4;
    background-color: #144fc4;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1011px) {
    .dropdown--help {
        right: 0;
        margin: 24px 16px 0 !important;
        max-width: unset;
        width: auto
    }

    .dropdown--help span.help-status {
        margin-right: 1px
    }
}

@media (max-width:513px) {
    .dropdown--categories .cat li.subCat {
        display: block;
        margin-right: 0
    }
}

.support-reviews {
    flex-direction: column !important;
    height: 228px;
    padding-bottom: 23px !important;
    padding-top: 44px !important;
    margin-bottom: 0;
    align-content: flex-start;
    justify-content: normal !important
}

.support-reviews__item {
    font-size: 16px;
    line-height: 34px;
    font-weight: 700;
    padding-right: 32px;
    padding-left: 40px;
    text-align: left
}

.support-reviews__item span {
    position: relative;
    padding-left: 32px;
    transition: color .3s;
    cursor: pointer
}

.support-reviews__item span:hover {
    color: #ff7800
}

@media (max-width:1231px) {
    .support-reviews {
        height: unset
    }
}

@media (max-width:751px) {
    .tab-content .tab-pane .tab-pane__item.support-reviews {
        align-items: unset
    }
}

.logo1 {
    width: 100%;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
    display: none;
}


.logonone {


    padding-top: 4%;

}


.logonone1 {
    padding-top: 4%;

}