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

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

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

.is-hidden-xxl-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-b-0x {
    margin-bottom: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: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-xl {
    max-width: 1150px !important
}

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

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

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

.max-w-xs {
    max-width: 480px !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
    }
}

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

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

    .text-xxl-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: #a1a5b2 !important
}

.text-faded i {
    color: #007bfc
}

.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: #525666 !important
}

.text-primary {
    color: #007bfc !important
}

.text-secondary {
    color: #2058a7 !important
}

.text-success {
    color: #4cc159 !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: #e6e7eb !important
}

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

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

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

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

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

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

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

.bg-primary {
    background: #007bfc !important
}

.border-primary {
    border-color: #007bfc !important
}

.bg-primary-lighter {
    background: #51b9ff !important
}

.border-primary-lighter {
    border-color: #51b9ff !important
}

.bg-primary-darker {
    background: #06f !important
}

.border-primary-darker {
    border-color: #06f !important
}

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

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

.bg-secondary {
    background: #2058a7 !important
}

.border-secondary {
    border-color: #2058a7 !important
}

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

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

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

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

.bg-secondary-faded {
    background: rgba(32, 88, 167, .1) !important
}

.border-secondary-faded {
    border-color: rgba(32, 88, 167, .1) !important
}

.bg-secondary-gradient {
    background: linear-gradient(90deg, #021048, #1e38a3) !important
}

.border-secondary-gradient {
    border-color: linear-gradient(90deg, #021048, #1e38a3) !important
}

.bg-success {
    background: #4cc159 !important
}

.border-success {
    border-color: #4cc159 !important
}

.bg-success-lighter {
    background: #6acb75 !important
}

.border-success-lighter {
    border-color: #6acb75 !important
}

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

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

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

.border-success-faded {
    border-color: #e4f6e6 !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-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-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-gray {
    background: #525666 !important
}

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

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

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

.bg-gray-darker {
    background: #4c5266 !important
}

.border-gray-darker {
    border-color: #4c5266 !important
}

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

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

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

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

.bg-dark-darker {
    background: #4c5266 !important
}

.border-dark-darker {
    border-color: #4c5266 !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
    }
}

@media (min-width:514px) {
    .flex-items-sm-top {
        align-items: flex-start !important
    }

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

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

@media (min-width:514px) {
    .flex-sm-top {
        align-self: flex-start !important
    }

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

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

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

@media (min-width:752px) {
    .flex-items-md-top {
        align-items: flex-start !important
    }

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

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

@media (min-width:752px) {
    .flex-md-top {
        align-self: flex-start !important
    }

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

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

@media (min-width:752px) {
    .flex-items-md-left {
        justify-content: flex-start !important
    }

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

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

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

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

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

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

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

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

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

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

@media (min-width:1012px) {
    .flex-lg-top {
        align-self: flex-start !important
    }

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

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

@media (min-width:1012px) {
    .flex-items-lg-left {
        justify-content: flex-start !important
    }

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

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

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

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

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

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

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

@media (min-width:1232px) {
    .flex-items-xl-top {
        align-items: flex-start !important
    }

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

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

@media (min-width:1232px) {
    .flex-xl-top {
        align-self: flex-start !important
    }

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

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

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

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

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

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

@media (min-width:1400px) {
    .flex-items-xxl-top {
        align-items: flex-start !important
    }

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

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

@media (min-width:1400px) {
    .flex-xxl-top {
        align-self: flex-start !important
    }

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

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

@media (min-width:1400px) {
    .flex-items-xxl-left {
        justify-content: flex-start !important
    }

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

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

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

    .flex-items-xxl-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
    }
}

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

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

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

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

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

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

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

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

.order-last {
    order: 1
}

.order-0 {
    order: 0
}

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

@media (min-width:1400px) {
    .order-xxl-first {
        order: -1
    }

    .order-xxl-last {
        order: 1
    }

    .order-xxl-0 {
        order: 0
    }

    .order-xxl-4 {
        order: 4
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-xxl-auto {
        align-self: auto !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table__col-1 {
    width: 4.16667%
}

.table__col-2 {
    width: 8.33333%
}

.table__col-3 {
    width: 12.5%
}

.table__col-4 {
    width: 16.66667%
}

.table__col-5 {
    width: 20.83333%
}

.table__col-6 {
    width: 25%
}

.table__col-7 {
    width: 29.16667%
}

.table__col-8 {
    width: 33.33333%
}

.table__col-9 {
    width: 37.5%
}

.table__col-10 {
    width: 41.66667%
}

.table__col-11 {
    width: 45.83333%
}

.table__col-12 {
    width: 50%
}

.table__col-13 {
    width: 54.16667%
}

.table__col-14 {
    width: 58.33333%
}

.table__col-15 {
    width: 62.5%
}

.table__col-16 {
    width: 66.66667%
}

.table__col-17 {
    width: 70.83333%
}

.table__col-18 {
    width: 75%
}

.table__col-19 {
    width: 79.16667%
}

.table__col-20 {
    width: 83.33333%
}

.table__col-21 {
    width: 87.5%
}

.table__col-22 {
    width: 91.66667%
}

.table__col-23 {
    width: 95.83333%
}

.table__col-24 {
    width: 100%
}

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

body {
    margin: 0
}

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

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

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

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

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

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

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

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

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

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

optgroup {
    font-weight: 700
}

button,
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 {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

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

textarea {
    overflow: auto
}

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

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

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

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

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

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

html {
    box-sizing: border-box
}

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

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

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

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

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

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

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

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-top: 0
}

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

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

blockquote {
    margin: 0 0 1rem
}

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

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

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

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

[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
}

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

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

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

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

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

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

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

@media (min-width:514px) {
    .container {
        max-width: 480px
    }
}

@media (min-width:752px) {
    .container {
        max-width: 716px
    }
}

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

@media (min-width:1232px) {
    .container {
        max-width: 1200px
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1368px
    }
}

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

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

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

.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-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-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%
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xxl-first {
        order: -1
    }

    .order-xxl-1 {
        order: 1
    }

    .order-xxl-2 {
        order: 2
    }

    .order-xxl-3 {
        order: 3
    }

    .order-xxl-4 {
        order: 4
    }

    .order-xxl-5 {
        order: 5
    }

    .order-xxl-6 {
        order: 6
    }

    .order-xxl-7 {
        order: 7
    }

    .order-xxl-8 {
        order: 8
    }

    .order-xxl-9 {
        order: 9
    }

    .order-xxl-10 {
        order: 10
    }

    .order-xxl-11 {
        order: 11
    }

    .order-xxl-12 {
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:751px) {
    .row--mob-xs {
        margin-left: -4px;
        margin-right: -4px
    }

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

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

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

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

    .row--mob-lg>* {
        padding: 0 24px
    }

    .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)
 */
@font-face {
    font-family: Material-Design-Iconic-Font;
    font-weight: 400;
    font-style: normal;
    src: url(../woff2/material-design-iconic-fontd1f1.woff2?v=2.2.0) format("woff2"), url(../woff/material-design-iconic-fontd1f1.woff?v=2.2.0) format("woff"), url(../ttf/material-design-iconic-fontd1f1.ttf?v=2.2.0) format("truetype")
}

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

.zmdi {
    text-align: center
}

.zmdi-card-giftcard:before {
    content: "\f126"
}

.zmdi-close-circle-o:before {
    content: "\f134"
}

.zmdi-close-circle:before {
    content: "\f135"
}

.zmdi-close:before {
    content: "\f136"
}

.zmdi-code:before {
    content: "\f13a"
}

.zmdi-collection-text:before {
    content: "\f150"
}

.zmdi-delete:before {
    content: "\f154"
}

.zmdi-edit:before {
    content: "\f158"
}

.zmdi-email-open:before {
    content: "\f159"
}

.zmdi-fullscreen:before {
    content: "\f16d"
}

.zmdi-image:before {
    content: "\f17f"
}

.zmdi-library:before {
    content: "\f18d"
}

.zmdi-link:before {
    content: "\f18e"
}

.zmdi-mail-send:before {
    content: "\f194"
}

.zmdi-more-vert:before {
    content: "\f19b"
}

.zmdi-pin:before {
    content: "\f1ab"
}

.zmdi-quote:before {
    content: "\f1b2"
}

.zmdi-receipt:before {
    content: "\f1b4"
}

.zmdi-search-replace:before {
    content: "\f1c2"
}

.zmdi-search:before {
    content: "\f1c3"
}

.zmdi-shield-check:before {
    content: "\f1c7"
}

.zmdi-wrench:before {
    content: "\f1ed"
}

.zmdi-alert-circle-o:before {
    content: "\f1f0"
}

.zmdi-alert-triangle:before {
    content: "\f1f4"
}

.zmdi-info-outline:before {
    content: "\f1f7"
}

.zmdi-info:before {
    content: "\f1f8"
}

.zmdi-accounts-alt:before {
    content: "\f209"
}

.zmdi-cloud-done:before {
    content: "\f219"
}

.zmdi-cloud-off:before {
    content: "\f21b"
}

.zmdi-file-text:before {
    content: "\f222"
}

.zmdi-format-bold:before {
    content: "\f23d"
}

.zmdi-format-italic:before {
    content: "\f245"
}

.zmdi-format-list-bulleted:before {
    content: "\f247"
}

.zmdi-format-list-numbered:before {
    content: "\f248"
}

.zmdi-format-size:before {
    content: "\f24b"
}

.zmdi-comment-list:before {
    content: "\f25f"
}

.zmdi-check:before {
    content: "\f26b"
}

.zmdi-plus-circle-o:before {
    content: "\f275"
}

.zmdi-plus-square:before {
    content: "\f277"
}

.zmdi-plus:before {
    content: "\f278"
}

.zmdi-arrow-left:before {
    content: "\f2ea"
}

.zmdi-caret-down:before {
    content: "\f2f2"
}

.zmdi-caret-left:before {
    content: "\f2f4"
}

.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-long-arrow-right:before {
    content: "\f301"
}

.zmdi-apps:before {
    content: "\f313"
}

.zmdi-calendar:before {
    content: "\f332"
}

.zmdi-pause-circle-outline:before {
    content: "\f3a5"
}

.zmdi-play-circle-outline:before {
    content: "\f3a8"
}

@font-face {
    font-family: layers-icons;
    src: url(../layers-iconsc6d4.html?di5bcd) format("truetype"), url(../layers-iconsc6d4-2.html?di5bcd) format("woff"), url(../layers-iconsc6d4-3.html?di5bcd#layers-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[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;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-plus {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent
}

.icon-plus:after,
.icon-plus:before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    width: 2px;
    background: #007bfc;
    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: #007bfc
}

@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(../roboto-v29-latin-ext-300.html);
    src: local(""), url(../roboto-v29-latin-ext-300d41d.html?#iefix) format("embedded-opentype"), url(../woff2/roboto-v29-latin-ext-300.woff2) format("woff2"), url(../woff/roboto-v29-latin-ext-300.woff) format("woff"), url(../ttf/roboto-v29-latin-ext-300.ttf) format("truetype"), url(../roboto-v29-latin-ext-301.html#Roboto) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(../eot/roboto-v29-latin-ext-regular.eot);
    src: local(""), url(../eot/roboto-v29-latin-ext-regulard41d.eot?#iefix) format("embedded-opentype"), url(../woff2/roboto-v29-latin-ext-regular.woff2) format("woff2"), url(../woff/roboto-v29-latin-ext-regular.woff) format("woff"), url(../ttf/roboto-v29-latin-ext-regular.ttf) format("truetype"), url(../svg/roboto-v29-latin-ext-regular.svg#Roboto) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(../eot/roboto-v29-latin-ext-500.eot);
    src: local(""), url(../eot/roboto-v29-latin-ext-500d41d.eot?#iefix) format("embedded-opentype"), url(../woff2/roboto-v29-latin-ext-500.woff2) format("woff2"), url(../woff/roboto-v29-latin-ext-500.woff) format("woff"), url(../ttf/roboto-v29-latin-ext-500.ttf) format("truetype"), url(../svg/roboto-v29-latin-ext-500.svg#Roboto) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(../eot/roboto-v29-latin-ext-700.eot);
    src: local(""), url(../eot/roboto-v29-latin-ext-700d41d.eot?#iefix) format("embedded-opentype"), url(../woff2/roboto-v29-latin-ext-700.woff2) format("woff2"), url(../woff/roboto-v29-latin-ext-700.woff) format("woff"), url(../ttf/roboto-v29-latin-ext-700.ttf) format("truetype"), url(../svg/roboto-v29-latin-ext-700.svg#Roboto) format("svg")
}

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

.h1,
h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 64px;
    margin: 0 0 48px
}

@media (max-width:1231px) {

    .h1,
    h1 {
        font-size: 52px;
        line-height: 64px
    }
}

@media (max-width:1011px) {

    .h1,
    h1 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px
    }
}

@media (max-width:751px) {

    .h1,
    h1 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px
    }
}

.h2,
h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    margin: 0 0 40px
}

@media (max-width:1231px) {

    .h2,
    h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 52px
    }
}

@media (max-width:1011px) {

    .h2,
    h2 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px
    }
}

@media (max-width:751px) {

    .h2,
    h2 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px
    }
}

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

@media (max-width:1011px) {

    .h3,
    h3 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }
}

@media (max-width:751px) {

    .h3,
    h3 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }
}

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

@media (max-width:1231px) {

    .h4,
    h4 {
        font-size: 24px;
        font-weight: 700;
        line-height: 34px
    }
}

@media (max-width:1011px) {

    .h4,
    h4 {
        font-size: 21px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width:751px) {

    .h4,
    h4 {
        font-size: 21px;
        font-weight: 700;
        line-height: 28px
    }
}

.h5,
h5 {
    font-size: 21px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 24px
}

@media (max-width:1231px) {

    .h5,
    h5 {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width:1011px) {

    .h5,
    h5 {
        font-size: 19px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width:751px) {

    .h5,
    h5 {
        font-size: 17px;
        font-weight: 500;
        line-height: 24px
    }
}

.h6,
h6 {
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width:1231px) {

    .h6,
    h6 {
        font-size: 19px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width:1011px) {

    .h6,
    h6 {
        font-size: 17px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width:751px) {

    .h6,
    h6 {
        font-size: 15px;
        font-weight: 500;
        line-height: 20px
    }
}

*+.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: #142149
}

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

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

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

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

.type-2 {
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 52px !important
}

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

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

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

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

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

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

.type-4 {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32px !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: 21px !important;
        font-weight: 700 !important;
        line-height: 28px !important
    }
}

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

.type-5 {
    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 28px !important
}

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

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

@media (max-width:751px) {
    .type-5 {
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 24px !important
    }
}

.type-6 {
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 24px !important
}

@media (max-width:1231px) {
    .type-6 {
        font-size: 19px !important;
        font-weight: 500 !important;
        line-height: 24px !important
    }
}

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

@media (max-width:751px) {
    .type-6 {
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 20px !important
    }
}

.type-7 {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 36px !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: #142149;
    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,
.type-1 sup,
.type-2 sup,
.type-3 sup,
.type-4 sup,
h1 sup,
h2 sup,
h3 sup,
h4 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: #142149;
    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 {
    font-size: 50%;
    line-height: inherit;
    margin-right: 5px;
    vertical-align: super;
    top: 0
}

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

p a {
    color: #007bfc;
    text-decoration: underline
}

.p-1 {
    font-size: 24px;
    font-weight: 300;
    line-height: 40px
}

@media (max-width:1231px) {
    .p-1 {
        font-size: 22px;
        line-height: 32px
    }
}

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

@media (max-width:751px) {
    .p-1 {
        font-size: 17px;
        line-height: 28px
    }
}

.p-2 {
    font-size: 19px;
    font-weight: 300;
    line-height: 32px
}

@media (max-width:1231px) {
    .p-2 {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:1011px) {
    .p-2 {
        font-size: 15px;
        line-height: 24px
    }
}

.p-3 {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px
}

@media (max-width:1011px) {
    .p-3 {
        font-size: 14px
    }
}

@media (max-width:751px) {
    .p-3 {
        font-size: 14px
    }
}

.p-4 {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px
}

@media (max-width:1011px) {
    .p-4 {
        font-size: 12px
    }
}

@media (max-width:751px) {
    .p-4 {
        font-size: 12px
    }
}

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

a {
    color: #007bfc;
    transition: color .3s
}

a:hover {
    color: #51b9ff
}

a:active,
a:focus {
    outline: none;
    color: #007bfc
}

* {
    box-sizing: border-box
}

.app,
body {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #525666;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 28px
}

@media (max-width:1011px) {

    .app,
    body {
        font-size: 15px;
        line-height: 24px
    }
}

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

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

img {
    max-width: 100%
}

code {
    background-color: #f5f5f5;
    color: #ff3860;
    font-weight: 400;
    padding: .25em .5em
}

code,
pre {
    font-size: inherit
}

pre {
    padding: 16px;
    background: #edeef2;
    border: none;
    color: #525666
}

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

.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 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08) !important
}

.box-shadow-dHover {
    box-shadow: 0 16px 40px 0 rgba(10, 14, 29, .04), 0 16px 80px 0 rgba(10, 14, 29, .16) !important
}

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

.box-shadow-lg {
    box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .04), 0 32px 102px 0 rgba(10, 14, 29, .16) !important
}

.box-shadow-xl {
    box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08) !important
}

.is-boxed {
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 0;
    border: 1px solid #e6e7eb;
    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: 16px 24px;
    font-size: 17px;
    border-radius: 3px;
    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: 36px;
    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,
.alert.has-negative-actions .alert__actions:last-child {
    margin: -10px 0
}

.alert .btn--close .btn__icon {
    color: hsla(0, 0%, 100%, .5) !important
}

.alert .btn--close:hover .btn__icon {
    color: hsla(0, 0%, 100%, .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;
    top: 50%;
    left: 15px;
    width: 24px;
    height: 24px;
    content: "";
    margin-top: -12px;
    text-align: center;
    font-family: Material-Design-Iconic-Font;
    font-size: 24px;
    line-height: 22px
}

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

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

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

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

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

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

.alert--outline {
    border: 1px solid
}

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

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

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

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

.alert--success {
    color: #fff;
    background: #4cc159
}

.alert--success.alert--faded {
    color: #4cc159;
    background: #e4f6e6;
    border-color: #e4f6e6
}

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

.alert--info.alert--faded {
    color: #007bfc;
    background: #eef4ff;
    border-color: transparent
}

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

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

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

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

.alert--outline {
    background: #fff
}

.alert--outline.alert--success {
    color: #4cc159;
    border-color: #e4f6e6
}

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

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

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

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

.alert--dismiss .btn--close {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -28px
}

.alert--dismiss .btn--close.btn--xs {
    margin-top: -20px
}

.alert--dismiss .btn--close.btn--sm {
    margin-top: -24px
}

.alert--dismiss .btn--close.btn--lg,
.alert--dismiss .btn--close.btn--xlg {
    margin-top: -30px
}

.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: none
}

.alert--float .alert__actions {
    margin: 12px 0 0
}

.alert--float.alert--icon:before {
    top: 50%;
    margin-top: -12px
}

.alert--fixed {
    position: fixed;
    left: 0;
    z-index: 10001;
    display: none;
    overflow: hidden;
    width: 100%;
    margin: 0;
    border-color: transparent;
    border-radius: 0
}

.alert--fixed>.container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.alert--fixed.alert--fixed-top {
    top: 0
}

.alert--fixed.alert--fixed-bottom {
    bottom: 0
}

.alert--fixed.is-active {
    display: flex
}

.alert--xs {
    padding: 7px 10px;
    border-radius: 2px
}

.alert--sm,
.alert--xs {
    font-size: 15px;
    line-height: 24px
}

.alert--sm {
    padding: 18px;
    border-radius: 3px
}

.alert--lg {
    padding: 16px 15px;
    font-size: 19px;
    line-height: 28px;
    border-radius: 4px
}

.alert--lg .alert__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 36px
}

.alert--xlg {
    padding: 23px 31px;
    font-size: 19px;
    line-height: 25px;
    border-radius: 5px
}

.alert--xlg .alert__title {
    font-size: 19px;
    font-weight: 500;
    line-height: 24px
}

@media (max-width:1231px) {
    .alert--xlg .alert__title {
        font-size: 19px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width:1011px) {
    .alert--xlg .alert__title {
        font-size: 17px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width:751px) {
    .alert--xlg .alert__title {
        font-size: 15px;
        font-weight: 500;
        line-height: 20px
    }
}

.alert.has-negative-actions.alert--sm .alert__actions:first-child,
.alert.has-negative-actions.alert--sm .alert__actions:last-child {
    margin: -7px 0
}

.alert.has-negative-actions.alert--lg .alert__actions:first-child,
.alert.has-negative-actions.alert--lg .alert__actions:last-child,
.alert.has-negative-actions.alert--xlg .alert__actions:first-child,
.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 {
        flex-direction: column;
        align-items: flex-start
    }

    .alert .alert__actions {
        padding-top: 16px;
        padding-bottom: 8px
    }

    .alert--dismiss {
        flex-direction: row
    }

    .alert--dismiss .alert__actions {
        padding: 0
    }

    .alert--dismiss .alert__body {
        padding-right: 8px
    }

    .alert--float {
        width: 290px
    }

    .alert.alert--fixed-bottom>.container {
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        width: 100%
    }

    .alert.alert--fixed-bottom .alert__actions {
        margin: 12px -2px 0
    }

    .alert.alert--fixed-top>.container {
        margin: 0;
        width: 100%
    }

    .alert.alert--fixed-top .alert__actions .btn {
        margin-bottom: 0
    }

    .alert.alert--fixed .alert__actions {
        padding: 0
    }
}

@media (max-width: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
    }
}

.preloader-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    width: 100%
}

.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 linear infinite;
    border: 3px solid rgba(0, 0, 0, .1);
    border-top: 2px solid;
    border-radius: 100%
}

@-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)
    }
}

.btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color .3s, background .3s, color .3s;
    vertical-align: top;
    white-space: nowrap;
    border: 1px solid transparent;
    outline: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    padding: 0 24px;
    height: 56px;
    border-radius: 3px
}

.btn .btn__icon:first-child {
    margin-left: -14px
}

.btn .btn__icon:last-child {
    margin-right: -14px
}

.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__icon-arrow:last-child {
    margin-right: -6px
}

.btn__text+.btn__icon {
    order: 2
}

.btn__preloader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    margin: auto
}

.btn__text .badge {
    background: #edeef2;
    border: 1px solid #edeef2;
    margin-left: 8px
}

.btn__label {
    color: #a1a5b2;
    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 #007bfc
}

.btn.btn--rounded {
    border-radius: 100px
}

.btn.btn--icon {
    padding: 0 !important
}

.btn.btn--icon .btn__icon {
    margin: 0 !important
}

.btn.btn--link {
    background: transparent;
    box-shadow: none;
    border: transparent;
    color: #525666
}

.btn.btn--link.drop-enabled,
.btn.btn--link.is-active,
.btn.btn--link:active,
.btn.btn--link:focus,
.btn.btn--link:hover {
    background: transparent;
    color: #007bfc
}

.btn.btn--link.btn--plain {
    color: #525666
}

.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: transparent;
        box-shadow: none;
        border: transparent;
        color: #525666
    }

    .btn.btn--mob-link.drop-enabled,
    .btn.btn--mob-link.is-active,
    .btn.btn--mob-link:active,
    .btn.btn--mob-link:focus,
    .btn.btn--mob-link:hover {
        background: transparent;
        color: #007bfc
    }

    .btn.btn--mob-link.btn--plain {
        color: #525666
    }

    .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: 15px;
    line-height: 24px;
    padding: 0 20px;
    height: 40px;
    border-radius: 2px
}

.btn--xs .btn__icon {
    font-size: 19px
}

.btn--xs .btn__icon:first-child {
    margin-left: -12px
}

.btn--xs .btn__icon:last-child {
    margin-right: -12px
}

.btn--xs .btn__icon+.btn__text,
.btn--xs .btn__text+.btn__icon {
    margin-left: 8px
}

.btn--sm {
    font-size: 17px;
    padding: 0 20px;
    height: 48px;
    border-radius: 2px
}

.btn--sm .btn__icon {
    font-size: 19px
}

.btn--sm .btn__icon:first-child {
    margin-left: -12px
}

.btn--sm .btn__icon:last-child {
    margin-right: -12px
}

.btn--sm .btn__icon+.btn__text,
.btn--sm .btn__text+.btn__icon {
    margin-left: 8px
}

.btn--d {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    padding: 0 24px;
    height: 56px;
    border-radius: 3px
}

.btn--d .btn__icon:first-child {
    margin-left: -14px
}

.btn--d .btn__icon:last-child {
    margin-right: -14px
}

.btn--d .btn__icon+.btn__text,
.btn--d .btn__text+.btn__icon {
    margin-left: 10px
}

.btn--lg {
    font-size: 19px;
    padding: 0 32px;
    height: 60px;
    border-radius: 3px
}

.btn--lg .btn__icon:first-child {
    margin-left: -16px
}

.btn--lg .btn__icon:last-child {
    margin-right: -16px
}

.btn--lg .btn__icon+.btn__text,
.btn--lg .btn__text+.btn__icon {
    margin-left: 16px
}

.btn--xlg {
    font-size: 19px;
    padding: 0 32px;
    height: 60px;
    border-radius: 3px
}

.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: 56px;
    min-width: 56px
}

.btn--icon.btn--xs {
    width: 40px;
    min-width: 40px
}

.btn--icon.btn--sm {
    width: 48px;
    min-width: 48px
}

.btn--icon.btn--d {
    width: 56px;
    min-width: 56px
}

.btn--icon.btn--lg,
.btn--icon.btn--xlg {
    width: 60px;
    min-width: 60px
}

.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: 15px;
        line-height: 24px;
        padding: 0 20px;
        height: 40px;
        border-radius: 2px
    }

    .btn--tab-xs .btn__icon {
        font-size: 19px
    }

    .btn--tab-xs .btn__icon:first-child {
        margin-left: -12px
    }

    .btn--tab-xs .btn__icon:last-child {
        margin-right: -12px
    }

    .btn--tab-xs .btn__icon+.btn__text,
    .btn--tab-xs .btn__text+.btn__icon {
        margin-left: 8px
    }

    .btn--tab-sm {
        font-size: 17px;
        padding: 0 20px;
        height: 48px;
        border-radius: 2px
    }

    .btn--tab-sm .btn__icon {
        font-size: 19px
    }

    .btn--tab-sm .btn__icon:first-child {
        margin-left: -12px
    }

    .btn--tab-sm .btn__icon:last-child {
        margin-right: -12px
    }

    .btn--tab-sm .btn__icon+.btn__text,
    .btn--tab-sm .btn__text+.btn__icon {
        margin-left: 8px
    }

    .btn--tab-d {
        font-size: 17px;
        font-weight: 500;
        line-height: 28px;
        padding: 0 24px;
        height: 56px;
        border-radius: 3px
    }

    .btn--tab-d .btn__icon:first-child {
        margin-left: -14px
    }

    .btn--tab-d .btn__icon:last-child {
        margin-right: -14px
    }

    .btn--tab-d .btn__icon+.btn__text,
    .btn--tab-d .btn__text+.btn__icon {
        margin-left: 10px
    }

    .btn--tab-lg {
        font-size: 19px;
        padding: 0 32px;
        height: 60px;
        border-radius: 3px
    }

    .btn--tab-lg .btn__icon:first-child {
        margin-left: -16px
    }

    .btn--tab-lg .btn__icon:last-child {
        margin-right: -16px
    }

    .btn--tab-lg .btn__icon+.btn__text,
    .btn--tab-lg .btn__text+.btn__icon {
        margin-left: 16px
    }

    .btn--tab-xlg {
        font-size: 19px;
        padding: 0 32px;
        height: 60px;
        border-radius: 3px
    }

    .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: 15px;
        line-height: 24px;
        padding: 0 20px;
        height: 40px;
        border-radius: 2px
    }

    .btn--mob-xs .btn__icon {
        font-size: 19px
    }

    .btn--mob-xs .btn__icon:first-child {
        margin-left: -12px
    }

    .btn--mob-xs .btn__icon:last-child {
        margin-right: -12px
    }

    .btn--mob-xs .btn__icon+.btn__text,
    .btn--mob-xs .btn__text+.btn__icon {
        margin-left: 8px
    }

    .btn--mob-sm {
        font-size: 17px;
        padding: 0 20px;
        height: 48px;
        border-radius: 2px
    }

    .btn--mob-sm .btn__icon {
        font-size: 19px
    }

    .btn--mob-sm .btn__icon:first-child {
        margin-left: -12px
    }

    .btn--mob-sm .btn__icon:last-child {
        margin-right: -12px
    }

    .btn--mob-sm .btn__icon+.btn__text,
    .btn--mob-sm .btn__text+.btn__icon {
        margin-left: 8px
    }

    .btn--mob-d {
        font-size: 17px;
        font-weight: 500;
        line-height: 28px;
        padding: 0 24px;
        height: 56px;
        border-radius: 3px
    }

    .btn--mob-d .btn__icon:first-child {
        margin-left: -14px
    }

    .btn--mob-d .btn__icon:last-child {
        margin-right: -14px
    }

    .btn--mob-d .btn__icon+.btn__text,
    .btn--mob-d .btn__text+.btn__icon {
        margin-left: 10px
    }

    .btn--mob-lg {
        font-size: 19px;
        padding: 0 32px;
        height: 60px;
        border-radius: 3px
    }

    .btn--mob-lg .btn__icon:first-child {
        margin-left: -16px
    }

    .btn--mob-lg .btn__icon:last-child {
        margin-right: -16px
    }

    .btn--mob-lg .btn__icon+.btn__text,
    .btn--mob-lg .btn__text+.btn__icon {
        margin-left: 16px
    }

    .btn--mob-xlg {
        font-size: 19px;
        padding: 0 32px;
        height: 60px;
        border-radius: 3px
    }

    .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: 56px;
        min-width: 56px
    }

    .btn--mob-icon.btn--mob-xs,
    .btn--mob-icon.btn--xs {
        width: 40px;
        min-width: 40px
    }

    .btn--mob-icon.btn--mob-sm,
    .btn--mob-icon.btn--sm {
        width: 48px;
        min-width: 48px
    }

    .btn--mob-icon.btn--d {
        width: 56px;
        min-width: 56px
    }

    .btn--mob-icon.btn--lg,
    .btn--mob-icon.btn--mob-lg,
    .btn--mob-icon.btn--mob-xlg,
    .btn--mob-icon.btn--xlg {
        width: 60px;
        min-width: 60px
    }

    .btn--mob-icon.btn--mob-d {
        width: 56px;
        min-width: 56px
    }
}

.btn--default {
    color: #525666;
    background: #e6e7eb
}

.btn--default:hover {
    color: #525666;
    background: #edeef2
}

.btn--default.drop-enabled,
.btn--default.is-active,
.btn--default:active,
.btn--default:focus {
    color: #525666;
    background: #dfe3ed
}

.btn--primary {
    color: #fff;
    background: #007bfc
}

.btn--primary:hover {
    color: #fff;
    background: #51b9ff
}

.btn--primary.drop-enabled,
.btn--primary.is-active,
.btn--primary:active,
.btn--primary:focus {
    color: #fff;
    background: #06f
}

.btn--secondary {
    color: #fff;
    background: #2058a7
}

.btn--secondary:hover {
    color: #fff;
    background: #233ba2
}

.btn--secondary.drop-enabled,
.btn--secondary.is-active,
.btn--secondary:active,
.btn--secondary:focus {
    color: #fff;
    background: #142149
}

.btn--success {
    color: #fff;
    background: #4cc159
}

.btn--success:hover {
    color: #fff;
    background: #6acb75
}

.btn--success.drop-enabled,
.btn--success.is-active,
.btn--success:active,
.btn--success:focus {
    color: #fff;
    background: #3ba947
}

.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: hsla(0, 0%, 100%, .3)
}

.btn--light-overlay:hover {
    color: #fff;
    background: hsla(0, 0%, 100%, .4)
}

.btn--light-overlay.drop-enabled,
.btn--light-overlay.is-active,
.btn--light-overlay:active,
.btn--light-overlay:focus {
    color: #fff;
    background: hsla(0, 0%, 100%, .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: #e6e7eb;
    color: #525666
}

.btn--outline {
    background: transparent;
    box-shadow: none
}

.btn--outline.btn--default {
    color: #525666;
    border-color: #dfe3ed
}

.btn--outline.btn--default:hover {
    color: #525666;
    background: transparent;
    border-color: #edeef2
}

.btn--outline.btn--default.drop-enabled,
.btn--outline.btn--default.is-active,
.btn--outline.btn--default:active,
.btn--outline.btn--default:focus {
    color: #525666;
    background: transparent;
    border-color: #dfe3ed
}

.btn--outline.btn--primary {
    color: #007bfc;
    border-color: #007bfc
}

.btn--outline.btn--primary:hover {
    color: #51b9ff;
    background: transparent;
    border-color: #51b9ff
}

.btn--outline.btn--primary.drop-enabled,
.btn--outline.btn--primary.is-active,
.btn--outline.btn--primary:active,
.btn--outline.btn--primary:focus {
    color: #06f;
    background: transparent;
    border-color: #06f
}

.btn--outline.btn--secondary {
    color: #2058a7;
    border-color: #2058a7
}

.btn--outline.btn--secondary:hover {
    color: #233ba2;
    background: transparent;
    border-color: #233ba2
}

.btn--outline.btn--secondary.drop-enabled,
.btn--outline.btn--secondary.is-active,
.btn--outline.btn--secondary:active,
.btn--outline.btn--secondary:focus {
    color: #142149;
    background: transparent;
    border-color: #142149
}

.btn--outline.btn--success {
    color: #4cc159;
    border-color: #4cc159
}

.btn--outline.btn--success:hover {
    color: #6acb75;
    background: transparent;
    border-color: #6acb75
}

.btn--outline.btn--success.drop-enabled,
.btn--outline.btn--success.is-active,
.btn--outline.btn--success:active,
.btn--outline.btn--success:focus {
    color: #3ba947;
    background: transparent;
    border-color: #3ba947
}

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

.btn--outline.btn--info:hover {
    color: #79ceff;
    background: transparent;
    border-color: #79ceff
}

.btn--outline.btn--info.drop-enabled,
.btn--outline.btn--info.is-active,
.btn--outline.btn--info:active,
.btn--outline.btn--info:focus {
    color: #27b0ff;
    background: transparent;
    border-color: #27b0ff
}

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

.btn--outline.btn--warning:hover {
    color: #ffa55c;
    background: transparent;
    border-color: #ffa55c
}

.btn--outline.btn--warning.drop-enabled,
.btn--outline.btn--warning.is-active,
.btn--outline.btn--warning:active,
.btn--outline.btn--warning:focus {
    color: #ff790a;
    background: transparent;
    border-color: #ff790a
}

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

.btn--outline.btn--danger:hover {
    color: #f77d7d;
    background: transparent;
    border-color: #f77d7d
}

.btn--outline.btn--danger.drop-enabled,
.btn--outline.btn--danger.is-active,
.btn--outline.btn--danger:active,
.btn--outline.btn--danger:focus {
    color: #f32f2f;
    background: transparent;
    border-color: #f32f2f
}

.btn--outline.btn--light-overlay {
    color: #fff;
    border-color: rgba(223, 226, 235, .32)
}

.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,
.btn--outline.btn--light-overlay:hover {
    color: #fff;
    background: transparent;
    border-color: rgba(223, 226, 235, .64)
}

.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: transparent;
    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: transparent;
    border-color: rgba(0, 0, 0, .2)
}

.btn--outline.btn--plain {
    color: #525666;
    border-color: #dfe3ed
}

.btn--outline .btn__icon {
    color: inherit
}

.btn--link.btn--default,
.btn--link.btn--default:hover {
    color: #525666
}

.btn--link.btn--default.drop-enabled,
.btn--link.btn--default.is-active,
.btn--link.btn--default:active,
.btn--link.btn--default:focus {
    background: transparent !important;
    color: #525666
}

.btn--link.btn--primary {
    color: #007bfc
}

.btn--link.btn--primary:hover {
    color: #51b9ff
}

.btn--link.btn--primary.drop-enabled,
.btn--link.btn--primary.is-active,
.btn--link.btn--primary:active,
.btn--link.btn--primary:focus {
    background: transparent !important;
    color: #06f
}

.btn--link.btn--secondary {
    color: #2058a7
}

.btn--link.btn--secondary:hover {
    color: #233ba2
}

.btn--link.btn--secondary.drop-enabled,
.btn--link.btn--secondary.is-active,
.btn--link.btn--secondary:active,
.btn--link.btn--secondary:focus {
    background: transparent !important;
    color: #142149
}

.btn--link.btn--success {
    color: #4cc159
}

.btn--link.btn--success:hover {
    color: #6acb75
}

.btn--link.btn--success.drop-enabled,
.btn--link.btn--success.is-active,
.btn--link.btn--success:active,
.btn--link.btn--success:focus {
    background: transparent !important;
    color: #3ba947
}

.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: transparent !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: transparent !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: transparent !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: transparent !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: transparent !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-group>.btn input[type=checkbox],
.btn-group[data-toggle=buttons]>.btn-group>.btn input[type=radio],
.btn-group[data-toggle=buttons]>.btn input[type=checkbox],
.btn-group[data-toggle=buttons]>.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: none;
        padding: 8px
    }

    .btn--responsive .btn__icon {
        display: inline-flex;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .btn--responsive .btn__text {
        display: none
    }

    .btn-group--space-between .btn {
        font-size: 11px;
        max-height: 40px;
        white-space: normal;
        line-height: 14px;
        text-align: left;
        margin-bottom: 16px
    }

    .btn-group--space-between .btn:last-child {
        margin-bottom: 0
    }
}

@media (max-width:513px) {
    .btn-group--space-between {
        flex-direction: column;
        margin-right: 0 !important
    }
}

.range-slider {
    position: relative;
    width: 100%
}

.range-slider,
.range-slider * {
    user-select: none;
    touch-action: 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 {
    cursor: pointer
}

.range-slider__base,
.range-slider__connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.range-slider__connects {
    background: #f2f5ff;
    border-radius: 200px;
    z-index: 0
}

.range-slider__connects:after,
.range-slider__connects:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 100%;
    background: #f2f5ff
}

.range-slider__connects:before {
    background: #f2f5ff;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    right: -12px
}

.range-slider__connects:after {
    background: #007bfc;
    left: auto;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    left: -12px
}

.range-slider__connect,
.range-slider__origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin: 0 0
}

.range-slider__connect {
    border-radius: 200px
}

.range-slider__origin {
    right: 0;
    left: auto
}

.range-slider__handle {
    position: absolute;
    right: -9px;
    left: auto;
    width: 34px;
    height: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    background: #06f;
    width: 21px;
    border-radius: 3px
}

.range-slider__handle:active,
.range-slider__handle:focus,
.range-slider__handle:hover {
    outline: none;
    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 (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .range-slider__pips {
        top: 50%
    }
}

.range-slider__marker {
    display: none
}

.range-slider__value {
    top: 0;
    position: absolute;
    white-space: nowrap;
    font-size: 13px;
    cursor: pointer;
    padding: 0 10px;
    transform: translate(-50%, 50%)
}

.range-slider__value.is-active {
    color: #007bfc
}

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

.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 8px 16px 0 rgba(10, 14, 29, .04), 0 32px 102px 0 rgba(10, 14, 29, .16);
    transition: transform .3s, box-shadow .3s
}

.off-canvas.is-open {
    transform: translateX(0)
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .off-canvas {
        transform: translateX(-110%)
    }
}

.off-canvas__top {
    padding: 16px 24px
}

.off-canvas__top+.off-canvas__body {
    border-top: 1px solid #e6e7eb
}

.off-canvas__body {
    overflow-x: auto
}

.off-canvas__body .list-group {
    border: none
}

.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 (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .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: hsla(0, 0%, 100%, .85)
}

.off-canvas-is-active .navbar__burger span:first-child {
    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 8px 16px 0 rgba(10, 14, 29, .04), 0 32px 102px 0 rgba(10, 14, 29, .16);
        transition: transform .3s, box-shadow .3s
    }

    .off-canvas-responsive.is-open {
        transform: translateX(0)
    }
}

@media (max-width:1011px) and (-ms-high-contrast:none),
screen and (max-width:1011px) and (-ms-high-contrast:active) {
    .off-canvas-responsive {
        transform: translateX(-110%)
    }
}

@media (max-width:1011px) {
    .off-canvas-responsive--right {
        left: auto;
        right: 0;
        transform: translateX(calc(100% + 20px))
    }
}

@media (max-width:1011px) and (-ms-high-contrast:none),
screen and (max-width:1011px) and (-ms-high-contrast:active) {
    .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 {
    flex-direction: column;
    margin-bottom: 0
}

.nav,
.nav__item {
    display: flex;
    flex-shrink: 0
}

.nav__item {
    position: relative;
    min-height: 56px
}

.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: #007bfc
}

.nav__link {
    min-height: 100%;
    width: 100%;
    color: #142149;
    transition: color .3s
}

.nav__link-icon {
    position: relative;
    height: 24px;
    width: 24px;
    min-width: 24px;
    font-size: 24px;
    line-height: 24px;
    color: #8692b0;
    transition: color .3s;
    text-align: center
}

.nav__link-icon>.badge {
    position: absolute;
    top: -8px;
    right: -8px
}

.nav__link-icon+.nav__link-text {
    margin-left: 16px
}

.nav__link-text {
    flex-grow: 1
}

.nav__link-text+.nav__link-icon {
    margin-left: 16px
}

.nav__link-text+.nav__link-arrow {
    margin-left: 8px
}

.nav__link-arrow {
    margin-left: 8px;
    margin-right: -4px;
    opacity: .4;
    font-size: 16px;
    line-height: 24px
}

.nav__link-arrow+.nav__link-text {
    margin-left: 8px
}

.nav__link:hover,
.nav__link:hover>.nav__link-icon {
    color: #007bfc;
    text-decoration: none
}

.nav__link:active,
.nav__link:focus {
    color: #007bfc;
    outline: none
}

.nav__divider {
    margin: 8px 0;
    height: 1px;
    background: #e6e7eb
}

.nav__header {
    min-height: 56px;
    margin-top: 8px
}

.nav__header:first-child {
    margin-top: 0
}

.nav__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 36px
}

.nav__content,
.nav__header,
.nav__link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 16px
}

.nav--xs .nav__header,
.nav--xs .nav__item,
.nav .nav__sub--xs .nav__header,
.nav .nav__sub--xs .nav__item {
    min-height: 40px
}

.nav--xs .nav__link,
.nav .nav__sub--xs .nav__link {
    font-size: 15px
}

.nav--xs .nav__header,
.nav--xs .nav__link,
.nav .nav__sub--xs .nav__header,
.nav .nav__sub--xs .nav__link {
    padding: 4px 16px
}

.nav--xs .nav__divider,
.nav .nav__sub--xs .nav__divider {
    margin: 4px 0
}

.nav--sm .nav__header,
.nav--sm .nav__item,
.nav .nav__sub--sm .nav__header,
.nav .nav__sub--sm .nav__item {
    min-height: 48px
}

.nav--sm .nav__header,
.nav--sm .nav__link,
.nav .nav__sub--sm .nav__header,
.nav .nav__sub--sm .nav__link {
    padding: 4px 16px
}

.nav--sm .nav__divider,
.nav .nav__sub--sm .nav__divider {
    margin: 4px 0
}

.nav--md .nav__header,
.nav--md .nav__item,
.nav .nav__sub--md .nav__header,
.nav .nav__sub--md .nav__item {
    min-height: 56px
}

.nav--md .nav__link,
.nav .nav__sub--md .nav__link {
    font-size: 17px
}

.nav--md .nav__header,
.nav--md .nav__link,
.nav .nav__sub--md .nav__header,
.nav .nav__sub--md .nav__link {
    padding: 8px 16px
}

.nav--md .nav__divider,
.nav .nav__sub--md .nav__divider {
    margin: 8px 0
}

.nav--lg .nav__header,
.nav--lg .nav__item,
.nav .nav__sub--lg .nav__header,
.nav .nav__sub--lg .nav__item {
    min-height: 60px
}

.nav--lg .nav__header,
.nav--lg .nav__link,
.nav .nav__sub--lg .nav__header,
.nav .nav__sub--lg .nav__link {
    padding: 28px 16px
}

.nav--lg .nav__divider,
.nav .nav__sub--lg .nav__divider {
    margin: 28px 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>.nav__dropdown,
.nav__item.has-dropdown>.nav__sub {
    display: none
}

.nav__item.has-dropdown.is-open>.nav__dropdown,
.nav__item.has-dropdown.is-open>.nav__sub {
    display: block
}

.nav__item.has-dropdown.has-no-icon>.nav__link:after {
    display: none
}

.nav__item.is-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__item>.nav__dropdown>.nav__sub,
.nav.has-icons>.nav__item>.nav__sub {
    padding-left: 40px
}

.nav.has-icons>.nav__item>.nav__dropdown>.nav__sub:after,
.nav.has-icons>.nav__item>.nav__sub:after {
    left: 26px
}

.nav.has-icons.nav--sm>.nav__item>.nav__sub {
    padding-left: 40px
}

.nav.has-icons.nav--sm>.nav__item>.nav__sub:after {
    left: 26px
}

.nav.has-icons.nav--md>.nav__item>.nav__sub {
    padding-left: 40px
}

.nav.has-icons.nav--md>.nav__item>.nav__sub:after {
    left: 26px
}

.nav.has-icons.nav--lg>.nav__item>.nav__sub {
    padding-left: 40px
}

.nav.has-icons.nav--lg>.nav__item>.nav__sub:after {
    left: 26px
}

.nav--h {
    padding: 0;
    margin: 0;
    flex-direction: row
}

.nav--h.is-right+.nav--h.is-right {
    margin-left: 0 !important
}

.nav--tabs .nav__item {
    position: relative;
    width: auto;
    white-space: nowrap
}

.nav--tabs .nav__item.is-active,
.nav--tabs .nav__link.is-active>.nav__link {
    position: relative
}

.nav--tabs .nav__item.is-active:after,
.nav--tabs .nav__link.is-active>.nav__link:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    content: "";
    height: 2px;
    background: #007bfc
}

.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 8px 16px 0 rgba(10, 14, 29, .04), 0 32px 102px 0 rgba(10, 14, 29, .16);
        border-radius: 3px;
        animation-name: fadeInUp;
        animation-duration: .3s;
        animation-fill-mode: both
    }

    .nav--h .nav__dropdown:after {
        display: none
    }

    .nav--h .nav__dropdown--right {
        left: auto;
        right: 0
    }

    .nav--h .nav__dropdown--left {
        left: 0;
        right: auto
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__link:after {
        content: "\f2fb"
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__link .drop-arrow--right {
        right: -8px
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__link .drop-arrow--left {
        left: -8px
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__dropdown {
        top: 0
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__dropdown--right {
        left: 100%;
        right: auto;
        margin-left: 8px
    }

    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__dropdown--left {
        left: auto;
        right: 100%;
        margin-right: 8px
    }

    .nav--h .is-open .drop-arrow {
        animation-name: fadeInUp;
        animation-duration: .3s;
        animation-fill-mode: both
    }

    .nav--h .nav__sub {
        padding-left: 0
    }

    .nav--h .nav__sub:after {
        display: none
    }
}

.brand {
    display: inline-flex;
    align-items: center
}

.brand .brand__logo {
    display: flex;
    align-items: center
}

.navbar {
    width: 100%;
    margin: 0;
    border-radius: 0;
    border: none
}

.navbar--main {
    background: none
}

.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 14px
}

.navbar__burger span {
    background: #fff
}

.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: 14px;
    padding-right: 14px
}

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

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

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

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

.navbar>.container-fluid .navbar__burger,
.navbar>.container .navbar__burger {
    order: 2
}

.navbar--main .navbar__nav>.nav__item>.nav__link {
    font-size: 17px;
    font-weight: 500
}

.navbar--main .nav>.nav__item>.nav__link,
.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: #e3e8ec
}

.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: #007bfc
}

.navbar--main .navbar__burger span {
    background: #fff
}

@media (min-width:1012px) {
    .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: 48px
    }
}

@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__collapse.collapse {
        display: none
    }

    .navbar__collapse .navbar__nav .nav__sub .nav__hedaer,
    .navbar__collapse .navbar__nav .nav__sub .nav__link {
        color: hsla(0, 0%, 100%, .7)
    }

    .navbar__collapse .navbar__nav .nav__sub .nav__link .badge {
        color: #fff;
        border-color: hsla(0, 0%, 100%, .3)
    }

    .navbar__collapse .navbar__nav .nav__sub .nav__link:focus,
    .navbar__collapse .navbar__nav .nav__sub .nav__link:hover {
        color: hsla(0, 0%, 100%, .9)
    }

    .navbar__collapse .navbar__nav .nav__sub .nav__link:active {
        color: hsla(0, 0%, 100%, .6)
    }

    .navbar__off-canvas {
        top: 56px;
        width: 320px;
        max-width: 100%
    }

    .navbar__off-canvas .navbar__menu {
        overflow: auto
    }

    .navbar__menu .nav>.nav__item.has-dropdown>.nav__link:after {
        margin-left: auto
    }

    .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__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 -14px
    }

    .navbar>.container>.navbar__collapse {
        background: transparent
    }

    .navbar .nav>.nav__item>.nav__dropdown.off-canvas-responsive>.nav__sub {
        padding-left: 0
    }

    .navbar .nav>.nav__item>.nav__dropdown.off-canvas-responsive>.nav__sub:after {
        display: none
    }

    .navbar.off-canvas-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,
    .navbar__off-canvas .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__brand {
        width: 100%
    }

    .navbar--v .navbar__brand+.navbar__menu {
        padding-top: 0
    }

    .navbar--v .navbar__actions {
        width: 100%
    }

    .navbar--v .navbar__menu {
        overflow-y: hidden;
        flex-direction: column;
        max-height: 100%;
        width: 100%
    }

    .navbar--v .navbar__nav>.nav__item {
        min-height: 56px
    }
}

@media (max-width:1011px) {
    .navbar--v {
        width: 100%
    }

    .navbar--v .navbar__actions,
    .navbar--v .navbar__brand {
        width: auto
    }
}

.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 .navbar__nav>.nav__item.is-active.has-dropdown .nav__dropdown {
    display: block
}

.navbar--v-wide .navbar__nav.has-icons>.nav__sub {
    padding-left: 40px
}

.navbar--v-wide .navbar__nav.has-icons>.nav__sub:after {
    left: 26px
}

.navbar--v-wide .navbar__actions {
    background: rgba(0, 0, 0, .1)
}

.navbar--v-wide .nav__sub:after {
    display: block
}

.navbar--v-wide .nav__sub .nav__hedaer,
.navbar--v-wide .nav__sub .nav__link {
    color: hsla(0, 0%, 100%, .7)
}

.navbar--v-wide .nav__sub .nav__link .badge {
    color: #fff;
    border-color: hsla(0, 0%, 100%, .3)
}

.navbar--v-wide .nav__sub .nav__link:focus,
.navbar--v-wide .nav__sub .nav__link:hover {
    color: hsla(0, 0%, 100%, .9)
}

.navbar--v-wide .nav__sub .nav__link:active {
    color: hsla(0, 0%, 100%, .6)
}

.navbar--v-wide.navbar--main .nav>.nav__header .nav__title {
    opacity: .8;
    color: #fff
}

@media (min-width:1012px) {
    .navbar--v-wide {
        width: 260px
    }

    .navbar--v-wide .navbar__brand {
        height: 96px
    }
}

@media (max-width:1011px) {
    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub>.nav__item>.nav__link {
        color: #525666
    }

    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub>.nav__item>.nav__link:hover {
        color: #51b9ff
    }

    .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: #007bfc
    }
}

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

    .navbar--v-thin .navbar__brand {
        height: 112px;
        justify-content: center
    }

    .navbar--v-thin .navbar__nav>.nav__item {
        overflow: hidden;
        position: static
    }

    .navbar--v-thin .navbar__nav>.nav__item>.nav__link {
        position: relative;
        flex-direction: column;
        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__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,
    .navbar--v-thin .navbar__nav>.nav__item>.nav__dropdown>.nav__sub:after {
        display: none
    }

    .navbar--v-thin .nav__dropdown {
        overflow-y: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1002;
        left: 116px;
        width: 300px;
        margin: 0;
        padding: 8px 0;
        background: #fff;
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .04), 0 32px 102px 0 rgba(10, 14, 29, .16);
        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 14px
    }
}

.burger {
    position: relative;
    align-self: center;
    width: 56px;
    height: 56px;
    padding: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
    border: none;
    cursor: pointer
}

.burger span {
    position: absolute;
    left: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 2px;
    transition: .25s ease-in-out;
    transform: rotate(0deg);
    opacity: 1;
    border-radius: 9px;
    background: #8692b0
}

.burger span:first-child {
    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: none
}

.burger.is-active span:first-child,
.burger[aria-expanded=true] span:first-child {
    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--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;
    padding: 0 4px;
    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: #525666;
    background: #e6e7eb;
    border-color: #e6e7eb
}

.badge--primary {
    color: #fff;
    background: #007bfc;
    border-color: #007bfc
}

.badge--secondary {
    color: #fff;
    background: #2058a7;
    border-color: #2058a7
}

.badge--success {
    color: #fff;
    background: #4cc159;
    border-color: #4cc159
}

.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: hsla(0, 0%, 100%, .3)
}

.badge--dark-overlay {
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

.badge--outline,
.badge--outline.badge--default {
    color: #525666;
    background: transparent;
    border-color: #e6e7eb
}

.badge--outline.badge--primary {
    color: #007bfc;
    border-color: #007bfc
}

.badge--outline.badge--secondary {
    color: #2058a7;
    border-color: #2058a7
}

.badge--outline.badge--success {
    color: #4cc159;
    border-color: #4cc159
}

.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: hsla(0, 0%, 100%, .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: 3px;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    font-size: 11px;
    padding: 0 8px;
    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: #a1a5b2;
    background: #f2f5ff
}

.label--primary {
    color: #fff;
    background: #007bfc
}

.label--secondary {
    color: #fff;
    background: #2058a7
}

.label--success {
    color: #fff;
    background: #4cc159
}

.label--info {
    color: #fff;
    background: #50bfff
}

.label--warning {
    color: #fff;
    background: #ff8f33
}

.label--danger {
    color: #fff;
    background: #f55656
}

.label--light-overlay {
    color: #fff;
    background: hsla(0, 0%, 100%, .3)
}

.label--dark-overlay {
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

.label--outline {
    background: transparent
}

.label--outline,
.label--outline.label--default {
    color: #525666;
    border-color: #e6e7eb
}

.label--outline.label--primary {
    color: #007bfc;
    border-color: #007bfc
}

.label--outline.label--secondary {
    color: #2058a7;
    border-color: #2058a7
}

.label--outline.label--success {
    color: #4cc159;
    border-color: #4cc159
}

.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: hsla(0, 0%, 100%, .3)
}

.label--outline.label--dark-overlay {
    color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .15)
}

.label--status {
    background: transparent;
    border: none;
    padding: 0;
    height: auto;
    color: #525666
}

.label--status:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid;
    border-radius: 6px;
    margin-right: 8px
}

.label--status.label--default {
    color: #525666
}

.label--status.label--primary {
    color: #007bfc
}

.label--status.label--secondary {
    color: #2058a7
}

.label--status.label--success {
    color: #4cc159
}

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

.label--primary-faded {
    color: #007bfc;
    background: #eef4ff
}

.breadcrumb {
    display: flex;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    background: transparent
}

.breadcrumb__item:before {
    padding: 0 8px;
    color: #a1a5b2;
    content: "/\00a0"
}

.breadcrumb__item:first-child:before {
    display: none
}

.breadcrumb__item.is-active .breadcrumb__link {
    color: #525666
}

.breadcrumb__item>a {
    opacity: .8
}

.breadcrumb__link {
    display: inline-block;
    color: #007bfc
}

.breadcrumb--sm {
    font-size: 15px
}

.breadcrumb--lg {
    font-size: 19px
}

.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;
    list-style: none
}

.list,
ul {
    padding: 0
}

.list {
    margin: 0
}

.list:after {
    display: block;
    content: "";
    clear: both
}

.list .list__item {
    padding: 4px 0
}

.list .list__label {
    color: #a1a5b2
}

.list .list__label:first-child {
    margin-right: 6px
}

.list .list__label:last-child {
    margin-left: 6px
}

.list--sm li {
    font-size: 15px;
    line-height: 24px;
    padding: 1px 0
}

.list--md li {
    font-size: 17px;
    line-height: 28px
}

.list--md li .list__icon {
    font-size: 24px
}

.list--lg li {
    font-size: 19px;
    line-height: 28px;
    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: "";
    justify-content: center;
    align-items: center
}

.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 {
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination__item {
    display: flex;
    align-content: center;
    height: 32px;
    min-width: 32px;
    padding: 4px;
    cursor: pointer;
    color: #007bfc;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px
}

.pagination__item:last-child {
    margin-right: 0
}

.pagination__item--active,
.pagination__item.is-active {
    color: #51b9ff
}

.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: auto
}

.pagination--article .pagination__item:nth-last-child(2) {
    margin-right: 0
}

.pagination--article .pagination__item.pagination__item--active {
    background: #e6e7eb
}

.pagination--article .pagination__item--previous {
    margin-right: auto
}

.pagination--article .pagination__item--next {
    margin-left: auto
}

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

.table thead td,
.table thead 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 #edeef2
}

.table thead td,
.table thead th {
    color: #a1a5b2;
    border-bottom: 2px solid #edeef2
}

.table tbody td,
.table tbody th {
    border-bottom: 1px solid #edeef2
}

.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 {
    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 {
    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 tbody .form-check,
.table tfoot .form-check,
.table thead .form-check {
    margin-bottom: 0
}

.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 tr td:after,
.table thead tr th:after {
    display: none
}

.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,
.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;
    content: "";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 8px;
    font: normal normal normal 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 tbody tr[data-url] {
    cursor: pointer
}

.table .cell-actions {
    text-align: right;
    white-space: nowrap
}

.table .cell-actions .btn .btn__icon i {
    font-size: 24px
}

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

.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--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--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--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: 3px;
    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;
    content: "";
    margin-top: -12px;
    text-align: center;
    font-family: Material-Design-Iconic-Font;
    font-size: 24px;
    line-height: 22px;
    content: "";
    color: #007bfc
}

.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 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border: 1px solid #e6e7eb
}

.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 #e6e7eb;
    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: #a7b1c9;
    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: #007bfc
}

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

.t-c__footer .paginate_button.previous {
    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: 24px
    }

    .t-c__body .table td:last-child {
        padding-right: 24px
    }

    .t-c__body .table-footer {
        border-right: 0;
        border-left: 0
    }
}

.widget {
    position: relative;
    margin-bottom: 16px;
    border-radius: 0;
    overflow: hidden
}

.widget,
.widget__header {
    display: flex;
    flex-direction: column
}

.widget__header {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%
}

.widget__header+.widget__body {
    border-top: 0
}

.widget__top {
    position: relative;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: 48px;
    padding: 0 16px
}

.widget__top .top__title-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 36px
}

.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: none;
    overflow: auto
}

.widget .widget__body .widget__top,
.widget .widget__header .widget__top,
.widget .widget__popup .widget__top {
    border-width: 0
}

.widget .widget__body .widget__top+.widget__content,
.widget .widget__header .widget__top+.widget__content,
.widget .widget__popup .widget__top+.widget__content {
    padding-top: 0
}

.widget__nav {
    margin-bottom: -1px
}

.widget__content {
    flex-grow: 1;
    padding: 16px
}

.widget__actions {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    min-height: 56px;
    margin-top: -1px
}

.widget__actions--xs {
    height: 40px;
    min-height: 40px
}

.widget__actions--sm {
    height: 48px;
    min-height: 48px
}

.widget__actions--lg {
    height: 60px;
    min-height: 60px
}

.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: #f3f4f7;
    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), rgba(239, 242, 245, .6));
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out
}

.widget__overlay>.widget__content {
    transform: translateY(10px);
    transition: .3s ease-in-out
}

.has-overlay .widget__media>img,
.has-overlay .widget__overlay+.widget__content,
.has-overlay>img {
    transition: .3s ease-in-out
}

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

.widget__top__title-text {
    color: #142149
}

.widget--check:hover,
.widget--dashed:hover,
.widget--link:hover {
    color: #525666
}

.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: #007bfc
}

.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 {
    color: #007bfc
}

.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: #007bfc
}

.widget.is-active .btn--icon .btn__icon {
    color: #007bfc
}

.widget.is-active-success {
    color: #4cc159
}

.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: #4cc159
}

.widget.is-active-success .btn--icon .btn__icon {
    color: #4cc159
}

.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: transparent
}

.list-group {
    margin: 0;
    border: 1px solid #e6e7eb
}

.list-group__item {
    display: flex;
    align-items: center;
    padding: 6px 16px;
    border-bottom: 1px solid #edeef2;
    color: #525666
}

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

.list-group__content {
    flex-grow: 1
}

.list-group__content>:last-child {
    margin-bottom: 0
}

.list-group__addon {
    flex-grow: 0
}

.list-group__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap
}

.list-group__toolbar>*+* {
    margin-left: 16px
}

.list-group__addon:first-child,
.list-group__toolbar:first-child {
    margin-right: 16px
}

.list-group__addon:last-child,
.list-group__toolbar:last-child {
    margin-left: 16px
}

.list-group__top {
    flex: auto;
    width: 100%
}

.list-group__top+.list-group__content {
    margin-top: 16px
}

.list-group__footer {
    flex: auto;
    width: 100%;
    margin-top: 16px
}

.list-group__wrapper {
    display: flex;
    color: #a1a5b2
}

.list-group__wrapper>div {
    padding: 0 10px
}

.list-group__wrapper>div i {
    margin-right: 12px
}

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

a.list-group__item {
    transition: all .3s
}

a.list-group__item:hover {
    color: #525666;
    background: #f3f4f7
}

.list-group--simple,
.list-group--simple .list-group__item {
    border: none
}

.list-group--v-middle>.list-group__item {
    align-items: center
}

.list-group--v-top>.list-group__item {
    align-items: flex-start
}

.list-group--nowrap>.list-group__item {
    flex-flow: row nowrap
}

.list-group--collapse {
    flex-direction: column
}

.list-group--collapse .list-group__top {
    cursor: pointer
}

.list-group--collapse .list-group__top:hover .top__title {
    color: #007bfc
}

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

@media (max-width:751px) {
    .mob-list-group--collapse {
        padding-left: 0
    }

    .mob-list-group--collapse :before {
        display: none
    }

    .mob-list-group--collapse .list-group__content--collapse {
        padding-left: 0
    }
}

.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 {
    width: 910px;
    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 #e6e7eb;
    border-bottom: 1px solid #e6e7eb
}

.modal__body--scroll {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.modal__top {
    height: 48px;
    min-height: 48px;
    padding: 8px 16px
}

.modal__nav {
    margin-bottom: -1px
}

.modal__actions {
    padding: 16px
}

.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: normal;
    font-size: 18px;
    text-overflow: clip
}

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

.modal--sm .modal__dialog {
    width: 750px
}

.modal--xl .modal__dialog {
    width: 1150px
}

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

@media (max-width:513px) {

    .modal--lg .modal__dialog,
    .modal--sm .modal__dialog,
    .modal .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: none
}

.tabs-container {
    margin-bottom: 64px;
    border-bottom: 1px solid #e6e7eb
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.tab-pane.is-active {
    display: block
}

.tabs {
    display: flex;
    margin-bottom: 0;
    flex-direction: column
}

.tabs__nav:first-child {
    margin-bottom: 24px
}

.tabs__nav:last-child {
    margin-top: 24px
}

.tabs__nav>.nav.nav--tabs .nav__item {
    margin-right: 4px
}

.tabs--boxed>.tabs__nav {
    margin: 0
}

.tabs--boxed>.tabs__nav .nav .nav__item {
    margin-right: 6px;
    background-color: #e6e7eb
}

.tabs--boxed>.tab-content,
.tabs--boxed>.tabs__nav .nav .nav__item.is-active {
    background-color: #f3f4f7
}

.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: #2058a7
}

.tabs-vertical li {
    margin-bottom: 10px
}

.tabs-vertical .active .tabs__link {
    border-bottom: 3px solid #007bfc
}

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

.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: -24px;
        margin-right: -24px
    }

    .content-slider--mob-full .content-slider__wrapper {
        margin: 0
    }

    .content-slider--mob-full .content-slider__wrapper .content-slider__slide:first-child {
        padding-left: 24px
    }

    .content-slider--mob-full .content-slider__wrapper .content-slider__slide:last-child {
        padding-right: 24px
    }
}

.content-slider-vertical>.content-slider__wrapper {
    flex-direction: column
}

.content-slider-android .content-slider__slide,
.content-slider__wrapper {
    transform: translateZ(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
}

.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: #8692b0;
    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 #007bfc
}

.i-circled[class*=-faded]>i {
    color: #525666
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:751px) {
    .mob-i-c-1x {
        height: 8px !important;
        width: 8px !important;
        min-width: 8px !important;
        min-height: 8px !important;
        font-size: 8px !important;
        line-height: 8px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-2x {
        height: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        font-size: 16px !important;
        line-height: 16px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-3x {
        height: 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-4x {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 32px !important;
        line-height: 32px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-5x {
        height: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 40px !important;
        line-height: 40px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-6x {
        height: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 48px !important;
        line-height: 48px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-7x {
        height: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        font-size: 56px !important;
        line-height: 56px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-8x {
        height: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        font-size: 64px !important;
        line-height: 64px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-9x {
        height: 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        font-size: 72px !important;
        line-height: 72px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-10x {
        height: 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        font-size: 80px !important;
        line-height: 80px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-11x {
        height: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        font-size: 88px !important;
        line-height: 88px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-12x {
        height: 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        font-size: 96px !important;
        line-height: 96px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-13x {
        height: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
        font-size: 104px !important;
        line-height: 104px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-14x {
        height: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        font-size: 112px !important;
        line-height: 112px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-15x {
        height: 120px !important;
        width: 120px !important;
        min-width: 120px !important;
        min-height: 120px !important;
        font-size: 120px !important;
        line-height: 120px !important
    }
}

@media (max-width:751px) {
    .mob-i-c-16x {
        height: 128px !important;
        width: 128px !important;
        min-width: 128px !important;
        min-height: 128px !important;
        font-size: 128px !important;
        line-height: 128px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-0x {
        height: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-1x {
        height: 8px !important;
        width: 8px !important;
        min-width: 8px !important;
        min-height: 8px !important;
        font-size: 8px !important;
        line-height: 8px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-2x {
        height: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        font-size: 16px !important;
        line-height: 16px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-3x {
        height: 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-4x {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 32px !important;
        line-height: 32px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-5x {
        height: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 40px !important;
        line-height: 40px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-6x {
        height: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 48px !important;
        line-height: 48px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-7x {
        height: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        font-size: 56px !important;
        line-height: 56px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-8x {
        height: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        font-size: 64px !important;
        line-height: 64px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-9x {
        height: 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        font-size: 72px !important;
        line-height: 72px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-10x {
        height: 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        font-size: 80px !important;
        line-height: 80px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-11x {
        height: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        font-size: 88px !important;
        line-height: 88px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-12x {
        height: 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        font-size: 96px !important;
        line-height: 96px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-13x {
        height: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
        font-size: 104px !important;
        line-height: 104px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-14x {
        height: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        font-size: 112px !important;
        line-height: 112px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-15x {
        height: 120px !important;
        width: 120px !important;
        min-width: 120px !important;
        min-height: 120px !important;
        font-size: 120px !important;
        line-height: 120px !important
    }
}

@media (max-width:1011px) {
    .responsive-i-c-16x {
        height: 128px !important;
        width: 128px !important;
        min-width: 128px !important;
        min-height: 128px !important;
        font-size: 128px !important;
        line-height: 128px !important
    }
}

.input-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    height: 56px;
    border-radius: 3px;
    font-size: 17px;
    transition: border .3s linear;
    padding: 0 !important
}

.input-group .form-control,
.input-group .selectize-control.form-control,
.input-group .selectize-control.form-control .selectize-input {
    min-height: 100%;
    border: none !important;
    background: transparent !important
}

.input-group .form-control {
    height: auto;
    flex: 1 1 auto
}

.input-group .selectize-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: #edeef2;
    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: #edeef2
}

.input-group.input-group--simple,
.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 #007bfc
}

.input-group--rounded {
    border-radius: 70px
}

.input-group--rounded>.btn.btn--rounded {
    margin-right: -1px
}

.input-group--toggle:not(.is-open),
.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: transparent;
    border-color: transparent;
    transition: none
}

.input-group--boxed {
    height: auto !important
}

.input-group--boxed .input-group__actions {
    padding: 4px
}

.input-group--boxed .input-group__actions>* {
    margin-left: 4px
}

.input-group--xs {
    height: 40px
}

.input-group--xs .input-group__icon {
    font-size: 19px
}

.input-group--xs .input-group__icon:first-child {
    margin-left: 4px;
    margin-right: -4px
}

.input-group--xs .input-group__addon {
    padding: 0 8px
}

.input-group--xs .input-group__addon+.form-control {
    padding-left: 8px
}

.input-group--xs.input-group--boxed .input-group__actions {
    padding: 2px
}

.input-group--xs.input-group--boxed .input-group__actions>* {
    margin-left: 2px
}

.input-group--sm {
    height: 48px
}

.input-group--sm.input-group--boxed .input-group__actions {
    padding: 3px
}

.input-group--sm.input-group--boxed .input-group__actions>* {
    margin-left: 3px
}

.input-group--d {
    height: 56px
}

.input-group--lg {
    height: 60px
}

.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 {
    height: 60px
}

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

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

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

    .input-group--mob-lg {
        height: 60px
    }

    .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 {
        height: 60px
    }

    .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: #525666;
    border: 1px solid #d3d6e2;
    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: #d3d6e2
}

.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: #007bfc;
    outline: 0
}

.form-feedback,
.form-label {
    color: #a1a5b2
}

.form-group {
    position: relative;
    margin-bottom: 16px
}

.form-group>:last-child {
    margin-bottom: 0 !important
}

.form-control {
    padding: 0 16px;
    height: 56px;
    border-radius: 3px;
    font-size: 17px;
    display: block;
    width: 100%;
    transition: border .3s linear;
    appearance: none
}

.form-check>label,
.form-group>label,
.form-label {
    display: flex;
    align-items: center;
    flex-basis: auto;
    margin-bottom: 4px;
    line-height: 28px;
    font-weight: 400
}

.form-check>label+.form-check,
.form-group>label+.form-check,
.form-label+.form-check {
    margin-top: 8px
}

.form-feedback {
    margin-top: 4px;
    font-size: 13px;
    line-height: 20px
}

.form-feedback--icon {
    display: flex;
    align-items: center
}

.form-feedback--icon:before {
    display: inline-block;
    font: normal normal normal 16px/1 Material-Design-Iconic-Font;
    font-size: 16px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 10px;
    content: "";
    text-align: center
}

.form-tooltip-helper {
    cursor: pointer;
    color: #a1a5b2;
    vertical-align: text-bottom;
    margin-left: 8px
}

.form-upload {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    border: 1px dashed #007bfc
}

.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: #a1a5b2;
    font-size: 15px;
    line-height: 24px
}

.form-control--xs,
.input-group--xs,
.input-group--xs .form-control {
    padding: 0 16px;
    height: 40px;
    border-radius: 2px;
    font-size: 15px
}

.form-control--sm,
.input-group--sm,
.input-group--sm .form-control {
    padding: 0 24px;
    height: 48px;
    border-radius: 2px;
    font-size: 17px
}

.form-control--d,
.input-group--d,
.input-group--d .form-control {
    padding: 0 16px;
    height: 56px;
    border-radius: 3px;
    font-size: 17px
}

.form-control--lg,
.input-group--lg,
.input-group--lg .form-control {
    padding: 0 16px;
    height: 60px;
    border-radius: 3px;
    font-size: 17px
}

.form-control--xlg,
.input-group--xlg,
.input-group--xlg .form-control {
    padding: 0 24px;
    height: 60px;
    border-radius: 3px;
    font-size: 19px
}

@media (max-width:751px) {

    .form-control--mob-xs,
    .input-group--mob-xs,
    .input-group--mob-xs .form-control {
        padding: 0 16px;
        height: 40px;
        border-radius: 2px;
        font-size: 15px
    }

    .form-control--mob-sm,
    .input-group--mob-sm,
    .input-group--mob-sm .form-control {
        padding: 0 24px;
        height: 48px;
        border-radius: 2px;
        font-size: 17px
    }

    .form-control--mob-d,
    .input-group--mob-d,
    .input-group--mob-d .form-control {
        padding: 0 16px;
        height: 56px;
        border-radius: 3px;
        font-size: 17px
    }

    .form-control--mob-lg,
    .input-group--mob-lg,
    .input-group--mob-lg .form-control {
        padding: 0 16px;
        height: 60px;
        border-radius: 3px;
        font-size: 17px
    }

    .form-control--mob-xlg,
    .input-group--mob-xlg,
    .input-group--mob-xlg .form-control {
        padding: 0 24px;
        height: 60px;
        border-radius: 3px;
        font-size: 19px
    }
}

.form-control--rounded {
    border-radius: 100px;
    padding: 0 18px
}

.form-control--rounded.form-control--xs {
    padding: 0 16px
}

.form-control--rounded.form-control--xlg {
    padding: 0 34px
}

.form-group .is-loading {
    position: relative
}

.form-group .is-loading .preloader {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    display: block;
    height: 100%
}

.form-group.is-loading .preloader {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: hsla(0, 0%, 100%, .6)
}

.form-group.is-success .form-control,
.form-group.is-success .form-indicator,
.form-group.is-success .input-group {
    color: #4cc159;
    border: 1px solid #4cc159;
    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: #4cc159
}

.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: #4cc159;
    outline: 0
}

.form-group.is-success .form-feedback,
.form-group.is-success .form-label {
    color: #a1a5b2
}

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

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

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

.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 {
    margin-bottom: 0
}

.form-group--horizontal>* {
    margin-right: 16px
}

.form-group--horizontal>* :last-child {
    margin-right: 0
}

.form-group.row>.form-label[class*=col-] {
    margin-bottom: 0
}

.form--inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form--inline .form-group {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.form--inline .form-group+.form-group {
    margin-left: 16px
}

.form-control--rounded {
    border-radius: 70px
}

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

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: #8692b0;
    font-family: Material-Design-Iconic-Font;
    font-size: 19px
}

.selectize-control .selectize-input.dropdown-active {
    border-color: #007bfc
}

.selectize-control .selectize-input.dropdown-active:after {
    content: "\f2fc"
}

.selectize-control .selectize-input.dropdown-active input {
    z-index: 0;
    border-color: #007bfc
}

.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: #007bfc;
    height: 100%;
    border: 0;
    background: transparent
}

.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: #e6e7eb;
    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: all .3s ease-in-out
}

.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 8px 16px 0 rgba(10, 14, 29, .04), 0 32px 102px 0 rgba(10, 14, 29, .16);
    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: transparent;
    color: #007bfc
}

.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: 1px solid #007bfc !important;
    background: #007bfc !important
}

.form-checkbox:checked+.form-indicator:after {
    display: inline-flex
}

.form-checkbox+.form-indicator {
    position: relative;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.form-checkbox+.form-indicator:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: normal normal normal 16px/1 Material-Design-Iconic-Font;
    content: "\f26b";
    display: none;
    color: #fff
}

.form-radio:checked+.form-indicator:after {
    transition: opacity .1s ease-in;
    opacity: 1
}

.form-radio+.form-indicator {
    position: relative;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    align-items: center;
    justify-content: center
}

.form-radio+.form-indicator:after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    z-index: 1;
    border: 6px solid #007bfc;
    border-radius: 100%;
    opacity: 0
}

.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: #d3d6e2 !important
}

.form-indicator {
    border-width: 1px
}

.form-text {
    margin-left: 16px
}

.form-text:first-child {
    margin-left: 0;
    margin-right: 16px
}

.form-check.is-success .form-indicator,
.form-check.is-success:not(.form-check--basic) label:active .form-indicator,
.form-check.is-success:not(.form-check--basic) label:focus .form-indicator,
.form-check.is-success:not(.form-check--basic) label:hover .form-indicator {
    border-color: #4cc159
}

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

.form-check.is-success .form-text {
    color: #4cc159
}

.form-check.is-warning .form-indicator,
.form-check.is-warning:not(.form-check--basic) label:active .form-indicator,
.form-check.is-warning:not(.form-check--basic) label:focus .form-indicator,
.form-check.is-warning:not(.form-check--basic) label:hover .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,
.form-check.is-error:not(.form-check--basic) label:active .form-indicator,
.form-check.is-error:not(.form-check--basic) label:focus .form-indicator,
.form-check.is-error:not(.form-check--basic) label:hover .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,
.form-check.is-info:not(.form-check--basic) label:active .form-indicator,
.form-check.is-info:not(.form-check--basic) label:focus .form-indicator,
.form-check.is-info:not(.form-check--basic) label:hover .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
}

.block {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    justify-content: space-between
}

.block__header {
    width: 100%;
    padding: 16px 16px 10px
}

.block__body {
    flex: 1;
    flex-shrink: 1;
    max-width: 100%
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .block__body {
        flex: 1 1 auto
    }
}

.block__body+.block__sidebar {
    margin-left: 24px
}

.block__body .form-section:first-of-type .form-section__title {
    padding-top: 0
}

.block__sidebar {
    flex-shrink: 0;
    width: 270px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .block__sidebar {
        flex: 1 1 auto
    }
}

.block__sidebar:first-child {
    margin-right: 24px
}

.block__sidebar:first-child+.block__sidebar,
.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: #007bfc
}

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

.block__content+.block__actions {
    margin-top: 24px
}

@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: none
    }

    .block__body>.list-group {
        margin: -24px -16px
    }

    .block__body>.list-group .list-group__item {
        padding: 16px
    }

    .block__body>:not(.well)+.list-group {
        margin-top: 0;
        margin-bottom: 0
    }
}

.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 (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .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 (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .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 {
        display: none
    }

    .top.top--tools .top__toolbar {
        margin-left: 0;
        width: 100%
    }

    .top.top--tools .top__toolbar .has-dropdown {
        border-bottom: 1px solid #e6e7eb
    }

    .top.top--tools .top__toolbar .has-dropdown .btn {
        width: 100%;
        background: transparent;
        padding-left: 0;
        padding-right: 0
    }

    .top.top--tools .top__toolbar .has-dropdown .btn__icon {
        margin-left: auto
    }

    .top__values {
        display: none
    }
}

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

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

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

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

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

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

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

.cell-actions:first-child>.btn--link.btn--d:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--d,
.list-group__toolbar:first-child>.btn--link.btn--d:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--d,
.rail__toolbar:first-child>.btn--link.btn--d:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--d,
.top__toolbar:first-child>.btn--link.btn--d:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--d {
    margin-left: -24px
}

.cell-actions:first-child>.btn--link.btn--icon.btn--lg:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--lg,
.list-group__toolbar:first-child>.btn--link.btn--icon.btn--lg:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--lg,
.rail__toolbar:first-child>.btn--link.btn--icon.btn--lg:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--lg,
.top__toolbar:first-child>.btn--link.btn--icon.btn--lg:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--lg {
    margin-left: -18px
}

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

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

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

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

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

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

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

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

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

.cell-actions:last-child>.btn--link.btn--d:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--d,
.list-group__toolbar:last-child>.btn--link.btn--d:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d,
.rail__toolbar:last-child>.btn--link.btn--d:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d,
.top__toolbar:last-child>.btn--link.btn--d:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d {
    margin-right: -24px
}

.cell-actions:last-child>.btn--link.btn--icon.btn--lg:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg,
.list-group__toolbar:last-child>.btn--link.btn--icon.btn--lg:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg,
.rail__toolbar:last-child>.btn--link.btn--icon.btn--lg:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg,
.top__toolbar:last-child>.btn--link.btn--icon.btn--lg:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg {
    margin-right: -18px
}

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

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

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

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

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

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

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

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

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

    .cell-actions:first-child>.btn--mob-link.btn--d:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--d,
    .list-group__toolbar:first-child>.btn--mob-link.btn--d:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--d,
    .rail__toolbar:first-child>.btn--mob-link.btn--d:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--d,
    .top__toolbar:first-child>.btn--mob-link.btn--d:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--d {
        margin-left: -24px
    }

    .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--mob-icon.btn--lg,
    .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--mob-icon.btn--lg,
    .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--mob-icon.btn--lg,
    .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--mob-icon.btn--lg {
        margin-left: -18px
    }

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

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

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

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

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

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

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

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

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

    .cell-actions:last-child>.btn--mob-link.btn--mob-d:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--d,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-d:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-d:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-d:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d {
        margin-right: -24px
    }

    .cell-actions:last-child>.btn--mob-link.btn--icon.btn--mob-lg: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--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-icon.btn--mob-lg:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg,
    .rail__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-lg: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--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-icon.btn--mob-lg:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg {
        margin-right: -18px
    }

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

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

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

.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: #252c45;
    border-radius: 1px;
    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: 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-color: #252c45 transparent transparent;
    border-style: solid;
    border-width: 6px 6.5px 0
}

.tooltip.tooltip--opacity {
    transition: all .6s
}

.tooltip.tooltip--opacity:hover {
    opacity: .7
}

.dropdown {
    position: relative;
    display: none;
    min-width: 260px;
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .04), 0 32px 102px 0 rgba(10, 14, 29, .16);
    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: none
}

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

.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: #007bfc
}

.dropdown__link {
    min-height: 100%;
    width: 100%;
    color: #142149;
    transition: color .3s
}

.dropdown__link-icon {
    position: relative;
    height: 24px;
    width: 24px;
    min-width: 24px;
    font-size: 24px;
    line-height: 24px;
    color: #8692b0;
    transition: color .3s;
    text-align: center
}

.dropdown__link-icon>.badge {
    position: absolute;
    top: -8px;
    right: -8px
}

.dropdown__link-icon+.nav__link-text {
    margin-left: 16px
}

.dropdown__link-text {
    flex-grow: 1
}

.dropdown__link-text+.nav__link-icon {
    margin-left: 16px
}

.dropdown__link-text+.nav__link-arrow {
    margin-left: 8px
}

.dropdown__link-arrow {
    margin-left: 8px;
    margin-right: -4px;
    opacity: .4;
    font-size: 16px;
    line-height: 24px
}

.dropdown__link-arrow+.nav__link-text {
    margin-left: 8px
}

.dropdown__link:hover,
.dropdown__link:hover>.dropdown__link-icon {
    color: #007bfc;
    text-decoration: none
}

.dropdown__link:active,
.dropdown__link:focus {
    color: #007bfc;
    outline: none
}

.dropdown__divider {
    margin: 8px 0;
    height: 1px;
    background: #e6e7eb
}

.dropdown__header {
    min-height: 56px;
    margin-top: 8px
}

.dropdown__header:first-child {
    margin-top: 0
}

.dropdown__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 36px
}

.dropdown__content,
.dropdown__header,
.dropdown__link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 16px
}

.dropdown--xs .dropdown__header,
.dropdown--xs .dropdown__item,
.dropdown .nav__sub--xs .dropdown__header,
.dropdown .nav__sub--xs .dropdown__item {
    min-height: 40px
}

.dropdown--xs .dropdown__link,
.dropdown .nav__sub--xs .dropdown__link {
    font-size: 15px
}

.dropdown--xs .dropdown__header,
.dropdown--xs .dropdown__link,
.dropdown .nav__sub--xs .dropdown__header,
.dropdown .nav__sub--xs .dropdown__link {
    padding: 4px 16px
}

.dropdown--xs .dropdown__divider,
.dropdown .nav__sub--xs .dropdown__divider {
    margin: 4px 0
}

.dropdown--sm .dropdown__header,
.dropdown--sm .dropdown__item,
.dropdown .nav__sub--sm .dropdown__header,
.dropdown .nav__sub--sm .dropdown__item {
    min-height: 48px
}

.dropdown--sm .dropdown__header,
.dropdown--sm .dropdown__link,
.dropdown .nav__sub--sm .dropdown__header,
.dropdown .nav__sub--sm .dropdown__link {
    padding: 4px 16px
}

.dropdown--sm .dropdown__divider,
.dropdown .nav__sub--sm .dropdown__divider {
    margin: 4px 0
}

.dropdown--md .dropdown__header,
.dropdown--md .dropdown__item,
.dropdown .nav__sub--md .dropdown__header,
.dropdown .nav__sub--md .dropdown__item {
    min-height: 56px
}

.dropdown--md .dropdown__link,
.dropdown .nav__sub--md .dropdown__link {
    font-size: 17px
}

.dropdown--md .dropdown__header,
.dropdown--md .dropdown__link,
.dropdown .nav__sub--md .dropdown__header,
.dropdown .nav__sub--md .dropdown__link {
    padding: 8px 16px
}

.dropdown--md .dropdown__divider,
.dropdown .nav__sub--md .dropdown__divider {
    margin: 8px 0
}

.dropdown--lg .dropdown__header,
.dropdown--lg .dropdown__item,
.dropdown .nav__sub--lg .dropdown__header,
.dropdown .nav__sub--lg .dropdown__item {
    min-height: 60px
}

.dropdown--lg .dropdown__header,
.dropdown--lg .dropdown__link,
.dropdown .nav__sub--lg .dropdown__header,
.dropdown .nav__sub--lg .dropdown__link {
    padding: 28px 16px
}

.dropdown--lg .dropdown__divider,
.dropdown .nav__sub--lg .dropdown__divider {
    margin: 28px 0
}

.drop {
    position: absolute;
    z-index: 1002;
    display: none
}

.drop-content .drop-nav,
.drop-content .dropdown,
.drop-open,
.drop .dropdown__arrow {
    display: block
}

.drop-element-attached-bottom .dropdown__arrow {
    top: auto;
    bottom: -8px
}

.drop-element-attached-bottom .dropdown__arrow:after {
    top: -16px
}

.drop-element-attached-top .dropdown__arrow {
    top: -8px;
    bottom: auto
}

.drop-target-attached-bottom.drop-element .dropdown {
    margin: 8px 0 0
}

.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--right:after,
.dropdown__arrow--right:after {
    top: -2px;
    left: 4px
}

.drop-arrow--left,
.dropdown__arrow--left {
    bottom: 50%;
    left: 0;
    height: 16px;
    width: 8px;
    margin-bottom: -8px
}

.drop-arrow--left:after,
.dropdown__arrow--left:after {
    top: -2px;
    left: 4px
}

.drop-arrow--bottom,
.dropdown__arrow--bottom {
    bottom: -8px;
    left: 0
}

.drop-arrow--bottom:after,
.dropdown__arrow--bottom:after {
    top: -16px
}

.drop-arrow {
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both
}

.is-open>.drop-arrow,
.is-open>.nav__link>.drop-arrow {
    display: block
}

.fade-in-right {
    animation-name: fadeInRight;
    animation-duration: .3s;
    animation-fill-mode: both
}

.fade-in-left {
    animation-name: fadeInLeft;
    animation-duration: .3s;
    animation-fill-mode: both
}

@media (min-width:752px) {

    .mob-dropdown-toggle,
    .mob-dropdown .btn>.btn__text {
        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: none;
        border: none;
        box-shadow: none;
        text-align: left
    }

    .mob-dropdown>.btn .btn__icon+.btn__text {
        margin-left: 16px
    }

    .is-open .mob-dropdown {
        display: flex
    }
}

html {
    overflow-x: hidden
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    height: 1px;
    margin-bottom: -1px
}

.site {
    max-width: 100vw;
    overflow: hidden;
    position: relative
}

.site--full {
    min-height: 100vh;
    padding-bottom: 64px
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto
}

picture {
    display: block;
    width: 100%;
    text-align: center
}

.btn {
    overflow: hidden;
    border: none
}

.btn--primary:active,
.btn--primary:focus,
.btn--primary:hover {
    background: #007bfc
}

.btn .btn-hover-effect {
    z-index: 5;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: radial-gradient(circle closest-side, #51b9ff, transparent);
    transform: translate(-50%, -50%);
    transition: width .2s ease, height .2s ease
}

.btn .btn__icon,
.btn .btn__text {
    z-index: 10;
    position: relative;
    pointer-events: none
}

.btn:hover .btn-hover-effect {
    width: 300px;
    height: 300px
}

.btn:active .btn-hover-effect {
    width: 600px;
    height: 600px
}

.btn--light-overlay .btn-hover-effect {
    opacity: .1
}

.btn--light-overlay:hover .btn-hover-effect {
    width: 200px;
    height: 200px
}

.btn--light-overlay:active .btn-hover-effect {
    width: 600px;
    height: 600px
}

@media (max-width:1011px) {

    .form-control--lg,
    .form-control--xlg,
    .input-group--lg,
    .input-group--lg .form-control,
    .input-group--xlg,
    .input-group--xlg .form-control {
        padding: 0 16px;
        height: 56px;
        border-radius: 3px;
        font-size: 17px
    }

    .btn--lg,
    .btn--xlg {
        font-size: 17px;
        font-weight: 500;
        line-height: 28px;
        padding: 0 24px;
        height: 56px;
        border-radius: 3px
    }

    .btn--lg .btn__icon:first-child,
    .btn--xlg .btn__icon:first-child {
        margin-left: -14px
    }

    .btn--lg .btn__icon:last-child,
    .btn--xlg .btn__icon:last-child {
        margin-right: -14px
    }

    .btn--lg .btn__icon+.btn__text,
    .btn--lg .btn__text+.btn__icon,
    .btn--xlg .btn__icon+.btn__text,
    .btn--xlg .btn__text+.btn__icon {
        margin-left: 10px
    }
}

.text-wrap {
    white-space: unset
}

:-webkit-autofill,
:-webkit-autofill:active,
:-webkit-autofill:focus,
:-webkit-autofill:hover {
    transition: all 5000s ease-in-out 0s;
    transition-property: background-color, color
}

.dropdown__arrow:after {
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08)
}

@media (max-width:1011px) {
    .dropdown__arrow:after {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.dropdown__content {
    padding: 16px
}

.has-hover {
    position: relative;
    transition: top .3s ease;
    top: 0
}

.has-hover:before {
    bottom: -8px;
    height: 8px
}

.has-hover:after,
.has-hover:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0
}

.has-hover:after {
    display: block;
    top: 0;
    bottom: 0;
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px
}

@media (max-width:1011px) {
    .has-hover:after {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.has-hover:active,
.has-hover:focus,
.has-hover:hover {
    top: -8px
}

.has-hover:active:after,
.has-hover:focus:after,
.has-hover:hover:after {
    box-shadow: 0 16px 40px 0 rgba(10, 14, 29, .04), 0 16px 80px 0 rgba(10, 14, 29, .16)
}

.date,
.thumb-up {
    color: #a1a5b2;
    display: inline-flex;
    align-items: center
}

.date .icon-ui,
.thumb-up .icon-ui {
    margin-right: 16px
}

.date+.tags-list,
.thumb-up+.tags-list {
    margin-left: 16px
}

.date--sm,
.thumb-up--sm {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px
}

@media (max-width:1011px) {

    .date--sm,
    .thumb-up--sm {
        font-size: 12px
    }
}

@media (max-width:751px) {

    .date--sm,
    .thumb-up--sm {
        font-size: 12px
    }
}

.date--sm .icon-ui,
.thumb-up--sm .icon-ui {
    margin-right: 12px
}

.m-w-xs {
    max-width: 480px
}

.m-w-sm {
    max-width: 750px
}

.m-w-910,
.m-w-md {
    max-width: 910px
}

.m-w-lg {
    max-width: 1020px
}

.m-w-xl {
    max-width: 1150px
}

[data-toggle=lu-tooltip] .fill,
[data-toggle=lu-tooltip] .stroke {
    transition: fill .3s ease
}

[data-toggle=lu-tooltip]:hover .fill {
    fill: #007bfc
}

[data-toggle=lu-tooltip]:hover .stroke {
    stroke: #007bfc
}

.tooltip .drop-content {
    min-width: 90px;
    text-align: center
}

[data-logo-video] {
    position: relative;
    z-index: 21;
    height: 55px;
    width: auto;
    max-width: 300px
}

[data-logo-video].section__title-logo {
    height: 82px;
    margin: 0 auto;
    max-width: 397px
}

@media (max-width:1011px) {
    .md-m-b-0x {
        margin-bottom: 0 !important
    }
}

@media (max-width:513px) {
    .xs-m-h-0x {
        margin-left: auto !important;
        margin-right: auto !important
    }
}

.btn--primary-light {
    color: #007bfc;
    background-color: rgba(0, 123, 252, .16);
    border-color: rgba(0, 123, 252, .16)
}

.btn--primary-light:active,
.btn--primary-light:focus,
.btn--primary-light:hover {
    color: #007bfc;
    background-color: rgba(0, 123, 252, .26);
    border-color: rgba(0, 123, 252, .26)
}

.btn--primary-light .btn-hover-effect {
    background: radial-gradient(circle closest-side, #c8e5fa, transparent)
}

.p-5 {
    font-size: 17px;
    line-height: 32px
}

.dev-help :not(.row):not([class^=col]):not(.section__content) {
    background: rgba(255, 0, 0, .2)
}

.apply-benefits {
    padding: 32px 40px;
    margin-bottom: 40px;
    border: 1px solid #dfe2eb;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.apply-benefits .apply-benefits__title h4 {
    font-size: 26px;
    display: table-caption
}

@media (max-width:751px) {
    .apply-benefits {
        flex-direction: column;
        align-items: flex-start !important
    }

    .apply-benefits .apply-benefits__row {
        margin-bottom: 8px
    }

    .apply-benefits .apply-benefits__title {
        margin-bottom: 16px
    }

    .apply-benefits .apply-benefits__title h4 {
        display: block
    }
}

.apply-benefits .apply-benefits__attr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.apply-benefits .apply-benefits__attr .apply-benefits__row {
    display: flex;
    justify-content: center;
    align-items: center
}

.apply-benefits .apply-benefits__attr .apply-benefits__row span {
    font-size: 19px;
    color: #666b80
}

.apply-benefits .apply-benefits__attr .apply-benefits__row i {
    margin-right: 8px
}

.apply-benefits .apply-benefits__attr .apply-benefits__row i path {
    stroke: #007bfc
}

.partners-testimonials {
    margin-top: 112px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.partners-testimonials__logo {
    width: 230px;
    height: auto
}

.partners-testimonials__comment {
    margin-top: 24px;
    font-style: italic;
    font-weight: 700
}

.partners-testimonials__comment h2 {
    font-size: 36px
}

.partners-testimonials__comment .partner__quote {
    position: relative;
    color: #dbdee7
}

.partners-testimonials__comment .partner__quote:first-child svg {
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    right: 4px
}

.partners-testimonials__comment .partner__quote:last-child svg {
    position: absolute;
    bottom: 0;
    left: 8px
}

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

.partners-testimonials__info .partner__img {
    margin-right: 24px;
    width: 72px;
    height: 72px
}

.partners-testimonials__info .partner__img img {
    border-radius: 50%
}

.partners-testimonials__info .partner__desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.partners-testimonials__info .partner__desc .partner__name {
    color: #007bfc;
    font-size: 23px;
    font-weight: 300
}

.partners-testimonials__info .partner__desc .partner__position {
    color: #8a8d99;
    font-weight: 300;
    font-size: 18px
}

.partners-testimonials__actions {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 56px
}

.partners-testimonials--saas {
    margin-top: 0
}

.partners-testimonials--saas .partners-testimonials__comment {
    margin-top: 48px
}

.partners-testimonials--saas .partners-testimonials__info {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.partners-testimonials--saas .partners-testimonials__info .partner__img {
    margin: 0 0 12px
}

.partners-testimonials--saas .partners-testimonials__info .partner__img img {
    border-radius: 4px
}

.partners-testimonials--saas .partners-testimonials__info .partner__desc {
    display: flex;
    align-items: center;
    justify-content: center
}

.partners-testimonials--saas .partners-testimonials__info .partner__desc .partner__name {
    font-size: 24px
}

.partners-testimonials--saas .partners-testimonials__info .partner__desc .partner__position {
    font-size: 17px
}

.partners-testimonials--aws .partners-testimonials__comment {
    margin-top: 42px
}

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

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.burger {
    height: 48px;
    width: 48px
}

.site-navbar {
    position: absolute;
    width: 100%;
    z-index: 100
}

.site-navbar .container {
    display: flex;
    justify-content: space-between;
    position: relative
}

.site-navbar .navbar__brand {
    height: 35px;
    margin-left: -16px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .site-navbar .navbar__brand {
        width: 147px
    }
}

.site-navbar .navbar__brand svg {
    overflow: visible !important;
    height: 35px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .site-navbar .navbar__brand svg {
        width: 147px
    }
}

.site-navbar .navbar__brand .brand__favicon {
    display: none
}

.site-navbar .brand--center {
    margin: auto !important
}

.site-navbar .navbar__account {
    display: none
}

.site-navbar .navbar__menu {
    justify-content: flex-end
}

.site-navbar .navbar__menu .navbar__nav.navbar__nav--submenu {
    border-top: 1px solid #e6e7eb;
    padding-top: 16px
}

.site-navbar .navbar__menu .navbar__nav.navbar__nav--submenu .nav__item .nav__link {
    padding: 10px 12px;
    color: #525666;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400
}

.site-navbar .nav>.nav__item {
    position: static
}

.site-navbar .nav>.nav__item.has-dropdown .nav__dropdown {
    background-color: unset;
    position: absolute;
    z-index: 100;
    z-index: auto;
    overflow: visible;
    min-width: 356px;
    top: calc(100% + 24px);
    left: 0;
    right: auto;
    animation: none
}

.site-navbar .nav>.nav__item--language .nav__dropdown {
    position: relative;
    background-color: #fff;
    border-radius: 12px
}

.site-navbar .nav>.nav__item--language .nav__dropdown:after {
    border-radius: 12px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
}

.site-navbar .nav--main-menu .nav__item {
    display: flex
}

.site-navbar .nav--main-menu .nav__item>.btn {
    margin: 0;
    box-shadow: none
}

.site-navbar .nav--main-menu .nav__dropdown.container {
    width: unset
}

.site-navbar .nav--main-menu .nav__dropdown--small {
    left: calc(50% - 365px) !important
}

.site-navbar .nav--main-menu>.nav__item {
    margin-left: 16px
}

.site-navbar .nav--main-menu>.nav__item>.nav__link {
    position: relative;
    font-size: 17px
}

.site-navbar .nav--main-menu>.nav__item>.nav__link>.nav__icon {
    margin-left: 8px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    min-width: 16px;
    opacity: .4;
    margin-right: -8px;
    transition: .4s
}

.site-navbar .nav--main-menu>.nav__item>.nav__link>.nav__icon .stroke {
    stroke: #fff
}

.site-navbar .nav--main-menu>.nav__item.has-dropdown>.nav__link {
    z-index: 200
}

.site-navbar .nav--main-menu>.nav__item.has-dropdown>.nav__link:after {
    z-index: -1;
    content: "";
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 8px;
    position: absolute;
    display: block;
    right: 5px;
    bottom: -24px;
    transform: translateY(10px);
    transition: transform .3s, opacity .3s, visibility .3s;
    opacity: 0;
    visibility: hidden
}

.site-navbar .nav--main-menu>.nav__item.has-dropdown.is-open>.nav__link:after {
    transform: unset;
    opacity: 1;
    visibility: visible
}

.site-navbar .nav--main-menu>.nav__item.has-dropdown.is-open>.nav__link .nav__icon {
    color: #fff;
    opacity: 1
}

.site-navbar .nav--main-menu>.nav__item.has-dropdown.is-open>.nav__link:after {
    display: block
}

.site-navbar .nav--main-menu>.nav__item.has-dropdown.is-open .nav__sub {
    border-radius: 3px
}

.site-navbar .nav--main-menu .nav__sub {
    padding: 0
}

.site-navbar .nav--main-menu .nav__sub .nav__item {
    border-bottom: 1px solid #edeef2
}

.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link {
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px;
    transition: .3s ease
}

.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:active,
.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:focus,
.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:hover {
    border-radius: 6px;
    background-color: #eef4ff
}

.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:active .nav__item-desc,
.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:focus .nav__item-desc,
.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:hover .nav__item-desc {
    color: #525666
}

.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:active .nav__item-list,
.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:focus .nav__item-list,
.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:hover .nav__item-list {
    color: #142149
}

.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:active .nav__item-title,
.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:focus .nav__item-title,
.site-navbar .nav--main-menu .nav__sub .nav__item>.nav__link:hover .nav__item-title {
    color: #007bfc
}

.site-navbar .nav--main-menu .nav__sub .nav__item:last-child {
    border-bottom: 0
}

.site-navbar .nav--main-menu .nav__sub .nav__item-content {
    flex: 1;
    order: 2;
    margin-left: 16px
}

.site-navbar .nav--main-menu .nav__sub .nav__item-title {
    font-weight: 500;
    margin-bottom: 8px;
    transition: .3s
}

.site-navbar .nav--main-menu .nav__sub .nav__item-desc {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
    color: #525666
}

.site-navbar .nav--main-menu .nav__sub .nav__item-icon {
    order: 1;
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-top: 2px
}

.site-navbar .nav--main-menu .nav__sub .nav__item-list {
    color: #a7b1c9;
    font-size: 15px;
    font-weight: 400;
    margin-top: 16px;
    color: #142149
}

.site-navbar .nav--main-menu .nav__sub .nav__item-list li {
    padding-left: 20px;
    margin-bottom: 8px;
    position: relative;
    line-height: 24px;
    transition: color .3s ease
}

.site-navbar .nav--main-menu .nav__sub .nav__item-list li:last-child {
    margin-bottom: 0
}

.site-navbar .nav--main-menu .nav__sub .nav__item-list li:before {
    display: inline-block;
    content: "";
    background: #007bfc;
    height: 2px;
    width: 9px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.site-navbar .nav--main-menu .nav__sub .nav__item-list li:hover {
    color: #007bfc
}

.site-navbar .nav--main-menu .nav__sub--container {
    display: flex;
    background-color: #fff;
    padding: 24px;
    border-radius: 12px !important
}

.site-navbar .nav--main-menu .nav__sub--container>li:first-of-type {
    padding-left: 0
}

.site-navbar .nav--main-menu .nav__sub--container>li:nth-of-type(2) {
    padding-right: 0
}

.site-navbar .nav--main-menu .nav__sub--container .nav__sub {
    display: flex;
    flex-wrap: wrap
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item {
    border-bottom: unset;
    width: 33.33%;
    min-width: 290px;
    flex-grow: 1;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--container {
    width: 100%;
    flex-shrink: 1
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--container .nav__link {
    align-items: center;
    min-height: 116px
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__link {
    flex-wrap: wrap
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__link--big {
    min-height: unset !important;
    flex-direction: column;
    justify-content: flex-start
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list {
    order: 3;
    margin-top: 0
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li {
    margin: 0;
    padding-left: 64px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li a {
    padding: 12px;
    width: 100%;
    display: flex;
    height: 100%;
    border-radius: 6px;
    color: #142149;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    transition: background-color .3s ease, color .3s ease
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li svg {
    margin-right: 12px
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li svg path {
    transition: fill .3s ease;
    fill: #8692b0
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li:first-child:after {
    height: 32px
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li:before {
    left: 40px;
    width: 12px;
    background-color: #d2d6e4
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li:after {
    content: "";
    left: 40px;
    height: 65px;
    width: 2px;
    bottom: 50%;
    background-color: #d2d6e4;
    position: absolute
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li:hover a {
    background-color: #eef4ff;
    color: #007bfc
}

.site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li:hover a svg path {
    fill: #007bfc
}

.site-navbar--docs {
    background: linear-gradient(90deg, #021048, #1e38a3);
    min-height: 88px;
    position: relative
}

.site-navbar--docs .nav>.nav__item.has-dropdown .nav__dropdown {
    top: calc(100% + 20px)
}

.site-navbar--promo-page {
    margin-top: 32px
}

.site-navbar--landing-page {
    padding-top: 42px
}

.site-navbar--landing-page .navbar__brand {
    margin: auto !important
}

.site-navbar.navbar__nav--submenu {
    border-top: 1px solid #e6e7eb
}

.site-navbar.navbar__nav--submenu .nav__item:nth-child(3) .nav__link {
    padding: 6px 24px 10px
}

.site-navbar.navbar__nav--submenu .nav__item .nav__link {
    padding: 6px 24px 10px;
    color: #525666;
    font-size: 15px;
    font-weight: 400
}

.site-navbar .nav__item--md {
    display: none !important
}

.site-navbar .nav__item--lg {
    display: block
}

body:not(.scroll-up) .site-navbar>.container {
    margin-bottom: 16px
}

.site-navbar .navbar__top {
    position: relative;
    z-index: 50;
    padding: 0;
    margin-bottom: 16px;
    background-color: #dfe3ed
}

.site-navbar .navbar__top .navbar__promotion {
    width: 100%;
    height: 100%;
    padding: 8px 240px
}

.site-navbar .navbar__top .navbar__msg,
.site-navbar .navbar__top .navbar__promotion {
    display: flex;
    justify-content: center;
    align-content: center
}

.site-navbar .navbar__top .navbar__msg-text {
    display: block;
    color: #142149;
    padding-left: 16px;
    font-size: 17px;
    font-weight: 500;
    transition: color .3s;
    line-height: 20px
}

.site-navbar .navbar__top .navbar__msg:hover .navbar__msg-text {
    color: #007bfc
}

.site-navbar .navbar__top .navbar__submenu {
    position: absolute;
    right: 0;
    min-height: 100%
}

.site-navbar .navbar__top .navbar__submenu>.nav__item {
    min-height: 100%;
    margin: 0
}

.site-navbar .navbar__top .navbar__submenu>.nav__item.is-open .nav__link {
    color: #525666
}

.site-navbar .navbar__top .navbar__submenu>.nav__item>.nav__link {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #525666;
    padding: 0 8px
}

.site-navbar .navbar__top .navbar__submenu>.nav__item>.nav__link:hover,
.site-navbar .navbar__top .navbar__submenu>.nav__item>.nav__link:hover i {
    color: #007bfc
}

.site-navbar .navbar__top .navbar__submenu>.nav__item>.nav__link:hover i svg path {
    stroke: #007bfc
}

.site-navbar .navbar__top .navbar__submenu>.nav__item>.nav__sub .nav__item-title,
.site-navbar .navbar__top .navbar__submenu>.nav__item>.nav__sub:hover .nav__item-title {
    color: #142149
}

.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__icon {
    display: flex;
    align-content: center
}

.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__icon .stroke {
    stroke: #727d96
}

.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__icon :last-child {
    margin-left: 8px
}

.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__dropdown {
    z-index: 99999;
    top: calc(100% + 8px);
    left: auto;
    right: 0;
    min-width: 0
}

.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__dropdown:after {
    left: auto;
    right: 6px;
    top: -7px
}

.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__dropdown>.nav__sub>.nav__item {
    min-height: 32px;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px
}

.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__dropdown>.nav__sub>.nav__item:not(:last-child) {
    margin-bottom: 8px
}

.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__dropdown>.nav__sub>.nav__item .nav__link {
    padding: 4px 22px;
    transition: background .24s ease, color .24s ease
}

.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__dropdown>.nav__sub>.nav__item .nav__link:active,
.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__dropdown>.nav__sub>.nav__item .nav__link:focus,
.site-navbar .navbar__top .navbar__submenu>.nav__item .nav__dropdown>.nav__sub>.nav__item .nav__link:hover {
    background-color: #eef4ff;
    color: #007bfc
}

.site-navbar .navbar__top .navbar__submenu>.nav__divider {
    margin: 0 8px;
    height: auto;
    width: 1px;
    background: rgba(0, 0, 0, .06)
}

.site-navbar .navbar__top--l-blue {
    background: linear-gradient(90deg, #b4d0fd, #d2e3fe)
}

.site-navbar .navbar__top--blue {
    background: linear-gradient(90deg, #0299f6, #00b7fe)
}

.site-navbar .navbar__top--blue .navbar__submenu>.nav__item>.nav__link {
    color: hsla(0, 0%, 100%, .8)
}

.site-navbar .navbar__top--blue .navbar__msg-text,
.site-navbar .navbar__top--blue .navbar__submenu>.nav__item>.nav__link:active,
.site-navbar .navbar__top--blue .navbar__submenu>.nav__item>.nav__link:focus,
.site-navbar .navbar__top--blue .navbar__submenu>.nav__item>.nav__link:hover {
    color: #fff
}

.site-navbar .navbar__top--blue .navbar__msg:active .navbar__msg-text,
.site-navbar .navbar__top--blue .navbar__msg:focus .navbar__msg-text,
.site-navbar .navbar__top--blue .navbar__msg:hover .navbar__msg-text {
    color: hsla(0, 0%, 100%, .8)
}

.site-navbar .navbar__top--blue .nav__icon .stroke {
    stroke: hsla(0, 0%, 100%, .64) !important
}

.site-navbar .navbar__account-md {
    cursor: pointer;
    height: 48px;
    width: 48px;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none
}

.site-navbar .navbar__account-md:active,
.site-navbar .navbar__account-md:focus,
.site-navbar .navbar__account-md:hover {
    outline: none
}

.site-navbar .navbar__account-md .icon-user {
    width: 100%
}

.site-navbar .navbar__account-md .icon-user__shape {
    fill: #fff
}

.site-navbar .navbar__account-md .icon-user__fill {
    fill: none;
    stroke: #fff;
    stroke-width: 2px
}

.site-navbar .navbar__account-md .icon-user__circle {
    stroke: none
}

.site-navbar .navbar__account-md .icon-user__circle-fill {
    fill: none
}

.site-navbar .navbar__account-md .nav__link>div {
    margin: auto
}

.site-navbar .navbar__account-md .nav__link:after {
    right: 13px !important
}

.site-navbar .navbar__account-md .nav__dropdown {
    visibility: hidden;
    min-width: 247px !important;
    right: 8px !important;
    left: unset !important
}

.site-navbar .navbar__account-md .nav__dropdown li {
    padding-left: 0;
    padding-right: 0
}

.site-navbar .navbar__account-md.is-open .nav__dropdown {
    visibility: visible !important
}

.site-navbar .navbar__account-md .nav__item {
    min-height: unset;
    margin-bottom: 16px
}

.site-navbar .navbar__account-md .nav__item:last-child {
    margin-bottom: 0
}

.scroll-up .site-navbar {
    position: fixed;
    background: #fff;
    animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    min-height: 80px
}

@media (max-width:1011px) {
    .scroll-up .site-navbar {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.scroll-up .site-navbar .nav>.nav__item>.nav__link {
    color: #142149
}

.scroll-up .site-navbar .nav>.nav__item>.nav__link .stroke {
    stroke: #142149
}

.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay {
    color: #007bfc;
    border-color: #007bfc
}

.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay:hover {
    color: #51b9ff;
    background: transparent;
    border-color: #51b9ff
}

.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay.drop-enabled,
.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay.is-active,
.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay:active,
.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay:focus {
    color: #06f;
    background: transparent;
    border-color: #06f
}

.scroll-up .site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link,
.scroll-up .site-navbar .nav>.nav__item:hover>.nav__link {
    color: #007bfc
}

.scroll-up .site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link .nav__icon,
.scroll-up .site-navbar .nav>.nav__item:hover>.nav__link .nav__icon {
    color: #007bfc;
    opacity: 1
}

.scroll-up .site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link .nav__icon .stroke,
.scroll-up .site-navbar .nav>.nav__item:hover>.nav__link .nav__icon .stroke {
    stroke: #007bfc
}

.scroll-up .site-navbar .navbar__burger span {
    background: #142149
}

.scroll-up .site-navbar .navbar__account .icon-user__shape {
    fill: #142149
}

.scroll-up .site-navbar .navbar__account .icon-user__fill {
    stroke: #142149
}

.scroll-up .site-navbar .navbar__top {
    display: none
}

.scroll-up .site-navbar .navbar__account-md .icon-user__shape {
    fill: #142149
}

.scroll-up .site-navbar .navbar__account-md .icon-user__fill {
    stroke: #142149
}

@media (min-width:1400px) {
    .site-navbar .navbar__account-md {
        display: none !important
    }
}

@media (min-width:1012px) {
    .site-navbar .nav>.nav__item.has-dropdown .nav__dropdown {
        display: block !important;
        visibility: hidden;
        transform: translateY(10px);
        opacity: 0;
        transition: transform .3s, opacity .3s, visibility .3s;
        pointer-events: none
    }

    .site-navbar .nav>.nav__item.is-open .nav__dropdown {
        visibility: visible;
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto
    }
}

@media (max-width:1399px) {
    .site-navbar .nav--main-menu .nav__sub--container .nav__item {
        width: unset;
        min-width: unset
    }
}

@media (max-width:1399px) {
    .site-navbar .nav__item--md {
        display: block !important
    }

    .site-navbar .nav__item--xlg {
        display: none !important
    }
}

@media (min-width:1012px) {
    .site-navbar .navbar__top .navbar__submenu>.nav__item .nav__dropdown {
        overflow: hidden;
        background-color: #fff
    }
}

@media (max-width:1231px) {
    .site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list {
        padding-left: 43px
    }

    .site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li {
        padding-left: 20px
    }

    .site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li:after,
    .site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li:before {
        left: 0
    }

    .site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li:first-child:after {
        height: 34px
    }

    .site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list li:nth-child(2):after {
        height: 65px
    }
}

@media (max-width:1011px) {
    .site-navbar .nav--main-menu .nav__sub--container .nav__item--large .nav__item-list {
        padding-left: 40px
    }

    .site-navbar.navbar .navbar__menu:not(.navbar__menu--user-menu) {
        max-height: calc(100vh - 240px);
        overflow-y: scroll !important;
        display: flex;
        flex-direction: column !important;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        padding-top: 0
    }

    .site-navbar.navbar .navbar__menu:not(.navbar__menu--user-menu) .nav--main-menu {
        max-height: 50%
    }

    .site-navbar .nav--main-menu .nav__sub--container .nav__item-list {
        width: 100%
    }

    .site-navbar .nav--main-menu .nav__sub--container .nav__sub {
        margin: 0 !important
    }

    .site-navbar .nav--main-menu .nav__item--language .nav__dropdown {
        top: 100% !important;
        margin-top: 0 !important
    }

    .site-navbar .navbar__menu.is-open {
        overflow: visible
    }

    .site-navbar .navbar__account-md {
        display: none !important
    }
}

@media (max-width:1011px) {
    .site-navbar {
        display: flex;
        flex-direction: column
    }

    .site-navbar .navbar__top .navbar__promotion {
        padding: 0
    }

    .site-navbar .navbar__top .navbar__promotion .label,
    .site-navbar .navbar__top .navbar__promotion .navbar__msg-text {
        margin: 10px 0
    }

    .site-navbar .navbar__top .navbar__submenu>.nav__item:nth-last-child(3) .nav__link {
        padding-bottom: 0
    }

    .site-navbar .nav--main-menu .nav__sub .nav__item-desc {
        margin-top: 8px;
        font-weight: 300;
        font-size: 12px;
        line-height: 20px
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .site-navbar .nav>.nav__item {
        margin-left: 12px
    }

    .site-navbar .nav>.nav__item>.nav__link {
        padding-left: 8px;
        padding-right: 8px
    }

    .site-navbar .navbar__burger:after {
        bottom: -22px !important;
        right: 2px !important
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .site-navbar .nav>.nav__item {
        margin-left: 12px
    }

    .site-navbar .nav>.nav__item>.nav__link {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width:752px) and (max-width:1231px) {

    .site-navbar .burger:after,
    .site-navbar .navbar__account:after {
        display: none
    }
}

@media (max-width:1011px) {
    .site-navbar>.container {
        display: flex;
        align-content: center
    }

    .scroll-up .site-navbar {
        min-height: 60px
    }

    .burger {
        display: flex
    }

    .burger.is-open span:first-child {
        top: 50%;
        transform: rotate(135deg)
    }

    .burger.is-open span:nth-child(2) {
        left: -60px;
        opacity: 0
    }

    .burger.is-open span:nth-child(3) {
        top: 50%;
        transform: rotate(-135deg)
    }

    .scroll-up .site-navbar .navbar__menu {
        top: 90px
    }

    .site-navbar {
        min-height: 80px
    }

    .site-navbar>.container>.navbar__burger {
        margin-right: 0;
        transition: .25s ease-in-out;
        margin-left: 0
    }

    .site-navbar .navbar__brand {
        flex: 0;
        align-items: center;
        padding: 0
    }

    .site-navbar .navbar__brand .brand__logo {
        overflow: hidden;
        height: 68px;
        max-height: 68px;
        width: 74px;
        padding: 8px 16px
    }

    .site-navbar .navbar__brand .brand__logo svg {
        padding-left: 1px;
        height: 35px
    }

    .site-navbar .navbar__account,
    .site-navbar .navbar__burger {
        position: relative
    }

    .site-navbar .navbar__account:after,
    .site-navbar .navbar__burger:after {
        content: "";
        width: 0;
        height: 0;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 10px 10px;
        position: absolute;
        bottom: -18px;
        left: 0;
        right: 0;
        bottom: -40px;
        margin: auto;
        transition: opacity .25s;
        opacity: 0;
        visibility: hidden
    }

    .site-navbar .navbar__account.is-open:after,
    .site-navbar .navbar__burger.is-open:after {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }

    .site-navbar .navbar__account {
        cursor: pointer;
        height: 48px;
        width: 48px;
        box-shadow: none;
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
        border: none
    }

    .site-navbar .navbar__account:active,
    .site-navbar .navbar__account:focus,
    .site-navbar .navbar__account:hover {
        outline: none
    }

    .site-navbar .navbar__account .icon-user {
        width: 100%
    }

    .site-navbar .navbar__account .icon-user__shape {
        fill: #fff
    }

    .site-navbar .navbar__account .icon-user__fill {
        fill: none;
        stroke: #fff;
        stroke-width: 2px
    }

    .site-navbar .navbar__account .icon-user__circle {
        stroke: none
    }

    .site-navbar .navbar__account .icon-user__circle-fill {
        fill: none
    }

    .site-navbar .navbar__menu {
        background: #fff;
        border-radius: 3px;
        position: absolute;
        top: calc(100% + 15px);
        left: 0;
        right: 0;
        margin: auto !important;
        width: 100%;
        box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
        visibility: hidden;
        opacity: 0;
        transition: opacity .25s;
        max-height: unset;
        overflow: hidden
    }
}

@media (max-width:1011px) and (max-width:1011px) {
    .site-navbar .navbar__menu {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

@media (max-width:1011px) {
    .site-navbar .navbar__menu.is-open {
        visibility: visible;
        opacity: 1;
        border-radius: 12px
    }

    .site-navbar .navbar__menu--user-menu {
        max-width: 100% !important;
        width: 100% !important;
        left: 0 !important;
        overflow: hidden !important;
        display: flex;
        justify-content: flex-start;
        background-color: transparent
    }

    .site-navbar .navbar__menu--user-menu .nav {
        background: #fff;
        border-radius: 12px;
        width: 263px;
        max-width: 100%;
        padding: 24px;
        margin-left: 24px
    }

    .site-navbar .navbar__menu--user-menu .nav>.nav__item {
        padding: 0;
        max-height: 48px;
        min-height: 48px
    }

    .site-navbar .navbar__menu--user-menu .nav>.nav__item:not(:first-child) {
        margin-top: 16px
    }

    .site-navbar .navbar__nav {
        width: 100%;
        flex-direction: column;
        padding: 16px
    }

    .site-navbar .navbar__nav .nav__item {
        margin-left: 0;
        width: 100%;
        display: block;
        min-height: auto
    }

    .site-navbar .navbar__nav .nav__item:first-child {
        margin-top: 0
    }

    .site-navbar .navbar__nav .nav__item>.nav__link {
        color: #142149;
        padding: 14px 12px;
        line-height: 24px;
        min-height: 0
    }

    .site-navbar .navbar__nav .nav__item>.nav__link:active,
    .site-navbar .navbar__nav .nav__item>.nav__link:focus,
    .site-navbar .navbar__nav .nav__item>.nav__link:hover,
    .site-navbar .navbar__nav .nav__item>.nav__link:hover>.nav__link {
        color: #007bfc
    }

    .site-navbar .navbar__nav .nav__item>.nav__link>.nav__icon {
        transition: none
    }

    .site-navbar .navbar__nav .nav__item.has-dropdown .nav__dropdown {
        max-width: 100%;
        margin-top: 8px
    }

    .site-navbar .navbar__nav .nav__item.has-dropdown .nav__dropdown:before {
        display: none
    }

    .site-navbar .navbar__nav .nav__item.has-dropdown>.nav__link:after {
        display: none !important
    }

    .site-navbar .navbar__nav .nav__item.has-dropdown.is-open>.nav__link {
        color: #007bfc !important
    }

    .site-navbar .navbar__nav .nav__item.has-dropdown.is-open>.nav__link>.nav__icon {
        color: #007bfc !important;
        transform-origin: center center;
        transform: rotate(180deg)
    }

    .site-navbar .navbar__nav .nav__item.has-dropdown.is-open>.nav__link>.nav__icon svg path {
        stroke: #007bfc
    }

    .site-navbar .navbar__nav .nav__item--language .nav__dropdown {
        min-width: 100% !important;
        max-width: unset !important;
        left: 0 !important;
        border-radius: 12px;
        padding: 16px 0 8px;
        margin-top: -16px !important;
        background-color: #fff !important;
        z-index: -1
    }

    .site-navbar .navbar__nav .nav__item--language .nav__dropdown:after {
        content: "";
        z-index: -2
    }

    .site-navbar .navbar__nav .nav__item--language .nav__dropdown>.nav__sub>.nav__item {
        margin-bottom: 0 !important
    }

    .site-navbar .navbar__nav .nav__item--language .nav__dropdown>.nav__sub>.nav__item .nav__link {
        padding: 6px 12px
    }

    .site-navbar .nav>.nav__item {
        position: relative
    }

    .site-navbar .nav>.nav__item.has-dropdown .nav__dropdown {
        transform: none;
        left: 0;
        min-width: 100%
    }

    .site-navbar .nav>.nav__item:nth-last-child(3)>.nav__link {
        padding-bottom: 18px
    }

    .site-navbar .nav>.nav__item:nth-last-child(3).is-open>.nav__link {
        padding-bottom: 13px
    }

    .site-navbar .nav>.nav__item>.nav__link>.nav__icon .stroke {
        stroke: #142149
    }

    .site-navbar .nav .nav__sub {
        background: #fff
    }

    .site-navbar .nav .nav__sub:after {
        display: none
    }

    .site-navbar .nav .nav__sub .nav__item:last-child>.nav__link {
        padding-bottom: 26px
    }

    .site-navbar .nav .nav__sub .nav__item-title {
        margin: 0;
        font-weight: 500;
        font-size: 15px;
        line-height: 24px
    }

    .site-navbar .nav .nav__sub .nav__item-icon {
        margin-left: auto
    }

    .site-navbar .nav .nav__sub--languages .nav__item {
        border: none
    }

    .site-navbar .nav .nav__sub--languages .nav__link {
        position: relative;
        margin-left: 44px;
        padding-left: 12px;
        padding-right: 12px;
        max-width: calc(100% - 60px)
    }

    .site-navbar .nav .nav__sub--languages .nav__link:before {
        content: "";
        position: absolute;
        left: -12px;
        width: 1px;
        height: 100%;
        top: 0;
        background-color: #d2d6e4
    }

    .site-navbar .nav .nav__sub--languages .nav__item-content,
    .site-navbar .nav .nav__sub--languages .nav__item-title {
        margin-left: 0
    }

    .site-navbar .nav--main-menu .nav__dropdown.container {
        padding: 0;
        position: relative !important;
        left: 0 !important
    }

    .site-navbar .nav--main-menu .nav__sub--container {
        margin: 0;
        padding: 0;
        flex-direction: column
    }

    .site-navbar .nav--main-menu .nav__sub--container .nav__item .nav__link {
        padding: 16px
    }

    .site-navbar .nav--main-menu .nav__sub--container .nav__item--container .nav__item {
        width: 100%;
        margin-top: 0 !important
    }

    .site-navbar .nav--main-menu .nav__sub--container .nav__item--container .nav__link {
        min-height: unset
    }

    .site-navbar .nav .nav__sub .nav__item {
        padding: 0
    }

    .site-navbar--promo-page:not(.site-navbar--aws) .container {
        display: flex;
        justify-content: center
    }

    .site-navbar--promo-page:not(.site-navbar--aws) .btn {
        display: none
    }
}

@media (max-width:1011px) {
    .site-navbar .navbar__menu {
        width: calc(100% - 48px)
    }

    .site-navbar .nav--main-menu .nav__sub--container .nav__item--large {
        justify-content: space-evenly
    }
}

@media (max-width:751px) {
    .scroll-up .site-navbar .navbar__menu {
        top: 90px
    }

    .site-navbar .navbar__menu {
        top: calc(100% + 14px)
    }
}

@media (max-width:513px) {
    .site-navbar.site-navbar--aws .container {
        justify-content: center
    }

    .site-navbar.site-navbar--aws .btn {
        display: none
    }
}

.nav--full-width .nav__item.is-active:after {
    margin-bottom: -1px;
    height: 2px;
    z-index: 10
}

.nav--full-width .nav__link {
    font-size: 21px;
    font-weight: 500;
    padding: 32px 24px
}

.nav--full-width .nav__icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-right: 24px
}

.nav--icons .nav__item {
    margin-right: 48px
}

.nav--icons .nav__item:last-child {
    margin-right: 0
}

.nav--icons .nav__item.is-active:after {
    margin-bottom: -1px;
    height: 2px;
    z-index: 10;
    left: 10px !important;
    right: 7px !important
}

.nav--icons .nav__link {
    padding: 24px 8px
}

@media (max-width:1231px) {
    .navbar__nav .nav__item.has-dropdown.nav__item--language:not(.is-open):last-child {
        margin-bottom: 0
    }
}

@media (max-width:751px) {
    .nav--full-width .nav__link {
        font-size: 17px;
        line-height: 26px;
        font-weight: 500;
        padding: 16px 24px
    }

    .nav--full-width .nav__icon {
        display: none
    }

    .nav--icons .nav__item {
        margin-right: 24px
    }

    .nav--icons .nav__link {
        padding: 16px 8px
    }
}

.illustration {
    position: relative;
    z-index: 2
}

.illustration__left-element,
.illustration__path-left,
.illustration__path-right,
.illustration__right-element {
    position: absolute
}

.illustration__left-element,
.illustration__right-element {
    top: -156px;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 352px;
    height: 352px
}

.illustration__left-element>img,
.illustration__right-element>img {
    position: relative;
    z-index: 10
}

.illustration__left-element.illustration__left-element--shape-xs,
.illustration__left-element.illustration__right-element--shape-xs,
.illustration__right-element.illustration__left-element--shape-xs,
.illustration__right-element.illustration__right-element--shape-xs {
    top: 0 !important
}

.illustration__left-element {
    left: 12px
}

.illustration__right-element {
    right: 12px
}

.illustration__center-element {
    position: relative;
    z-index: 2;
    width: 585px;
    height: 488px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center
}

.illustration__path-left {
    left: 24px;
    top: 206px;
    z-index: 2
}

.illustration__path-right {
    right: 24px;
    top: 206px;
    z-index: 2
}

.illustration__shape-left,
.illustration__shape-right {
    position: absolute;
    z-index: 1;
    top: -470px;
    width: 51.5vw;
    height: 100%;
    pointer-events: none
}

.illustration__shape-left .svg-shape,
.illustration__shape-right .svg-shape {
    top: 14px;
    position: absolute;
    height: 1086px;
    width: 1886px;
    max-width: none
}

.illustration__shape-left--sm .svg-shape,
.illustration__shape-right--sm .svg-shape {
    width: 1643px;
    height: 944px
}

.illustration__shape-left--xs .svg-shape,
.illustration__shape-right--xs .svg-shape {
    top: 200px;
    width: 1200px;
    height: 700px
}

.illustration__shape-left,
.illustration__shape-left .svg-shape {
    right: 0
}

.illustration__shape-left--xs .svg-shape {
    right: 300px
}

.illustration__shape-right {
    left: 0
}

.illustration__shape-right--server-control {
    top: -474px;
    left: -52px
}

.illustration__shape-right--low-latency {
    top: -518px;
    left: -35px
}

.illustration__shape-right--best-performance {
    top: -514px;
    left: -60px
}

.illustration__shape-right--browsers {
    z-index: -1;
    left: -48px;
    top: -490px
}

.illustration__shape-right--xs svg.svg-shape {
    left: 300px
}

.illustration__shape-right .svg-shape {
    left: 0
}

.illustration__light {
    position: absolute;
    width: 182px;
    max-height: 100%;
    bottom: 50px;
    z-index: 3
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .illustration__light {
        height: 100%;
        left: 0;
        right: 0;
        margin: auto
    }
}

.illustration--right {
    height: 598px;
    width: 682px
}

.illustration--right .illustration__shape-right {
    top: -402px
}

.illustration--right .illustration__shape-right .svg-illustration {
    width: 1762px
}

.illustration--wide {
    width: 1410px;
    left: 50%;
    transform: translateX(-50%)
}

.illustration .svg-illustration--browser,
.illustration .svg-illustration--cpu,
.illustration .svg-illustration--pad-left,
.illustration .svg-illustration--pad-right,
.illustration .svg-illustration--private-networking-ip {
    margin-top: -112px
}

.illustration .svg-illustration--ssd {
    margin-top: -90px
}

.illustration .svg-illustration--bucket {
    margin-top: -70px
}

.illustration .svg-illustration--marketplace-blocks-right {
    right: -250px;
    top: -35px
}

.illustration .svg-illustration--marketplace-blocks-left {
    left: -250px;
    top: -35px
}

.illustration--iframe {
    height: 500px;
    margin-bottom: 0 !important
}

.illustration--iframe .illustration__center-element,
.illustration--iframe .illustration__center-element .iframe-container {
    height: 100%
}

.illustration--vultr-culture>* {
    position: absolute
}

.illustration--vultr-culture .illustration__screens {
    top: 0;
    right: 0
}

.illustration--pricing .illustration__right-element {
    top: -170px;
    right: 40px
}

.illustration--pricing .illustration__right-element .illustration__light {
    bottom: 22px !important;
    right: 80px
}

.illustration--pricing .illustration__left-element {
    top: -170px;
    left: 40px
}

.illustration--pricing .illustration__left-element .illustration__light {
    bottom: 22px !important;
    left: 80px
}

.illustration--pricing .illustration__path-right {
    top: 252px !important;
    right: 10px
}

.illustration--pricing .illustration__path-left {
    top: 250px !important;
    left: 8px
}

@media (max-width:1011px) {
    .illustration--pricing {
        bottom: -105px !important
    }

    .illustration--pricing .illustration__left-element,
    .illustration--pricing .illustration__right-element {
        display: none !important
    }
}

.illustration--cloud-compute .illustration__path-left {
    left: 40px;
    top: 215px
}

.illustration--cloud-compute .illustration__path-right {
    right: 40px;
    top: 215px
}

@media (max-width:1011px) {

    .illustration--cloud-compute .illustration__left-element,
    .illustration--cloud-compute .illustration__right-element {
        top: -150px !important
    }

    .illustration--cloud-compute .illustration__left-element {
        left: 80px !important
    }

    .illustration--cloud-compute .illustration__right-element {
        right: 80px !important
    }
}

@media (max-width:751px) {

    .illustration--cloud-compute .illustration__left-element,
    .illustration--cloud-compute .illustration__right-element {
        top: -106px !important
    }
}

.illustration__center-element,
.section__block--illustration {
    margin: 0 auto
}

.illustration--direct-access .illustration__path-left {
    left: 0;
    top: 228px
}

.illustration--direct-access .illustration__path-right {
    right: 0;
    top: 228px
}

.illustration--careers .illustration__path-left,
.illustration--careers .illustration__path-right {
    width: 484px;
    height: 312px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    .illustration--careers .illustration__path-left,
    .illustration--careers .illustration__path-right {
        height: 100%
    }
}

.illustration--no-neighbor .illustration__path-left,
.illustration--no-neighbor .illustration__path-right {
    width: 590px;
    height: 312px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    .illustration--no-neighbor .illustration__path-left,
    .illustration--no-neighbor .illustration__path-right {
        height: 100%
    }
}

.illustration--no-neighbor .svg-illustration--lock-left,
.illustration--no-neighbor .svg-illustration--lock-right {
    position: absolute;
    height: 97px;
    width: auto
}

.illustration--no-neighbor .svg-illustration--lock-left {
    right: 50px;
    top: 150px
}

.illustration--no-neighbor .svg-illustration--lock-right {
    left: 50px;
    top: 150px
}

.illustration--custom-iso .illustration__path-left {
    left: 50px;
    top: 252px
}

.illustration--custom-iso .illustration__path-right {
    right: 50px;
    top: 252px
}

.illustration--custom-iso .illustration__path-left,
.illustration--custom-iso .illustration__path-right {
    width: 578px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    .illustration--custom-iso .illustration__path-left,
    .illustration--custom-iso .illustration__path-right {
        height: 100%
    }
}

.illustration--high-frequency .svg-illustration--dash {
    height: 29px;
    z-index: 55;
    position: absolute;
    top: 96px;
    left: 0;
    right: 0;
    margin: auto
}

.illustration--bare-metal .illustration__path-left-1,
.illustration--bare-metal .illustration__path-left-2,
.illustration--bare-metal .illustration__path-left-3,
.illustration--bare-metal .illustration__path-right-1,
.illustration--bare-metal .illustration__path-right-2,
.illustration--bare-metal .illustration__path-right-3 {
    position: absolute;
    bottom: 0;
    z-index: -1
}

.illustration--bare-metal .illustration__path-left-1 svg,
.illustration--bare-metal .illustration__path-left-2 svg,
.illustration--bare-metal .illustration__path-left-3 svg,
.illustration--bare-metal .illustration__path-right-1 svg,
.illustration--bare-metal .illustration__path-right-2 svg,
.illustration--bare-metal .illustration__path-right-3 svg {
    width: 100%;
    max-height: 100%;
    height: auto !important
}

.illustration--bare-metal .illustration__path-left-1,
.illustration--bare-metal .illustration__path-right-1 {
    height: 160px;
    width: 300px
}

.illustration--bare-metal .illustration__path-left-2,
.illustration--bare-metal .illustration__path-right-2 {
    height: 153px;
    width: 288px
}

.illustration--bare-metal .illustration__path-left-3,
.illustration--bare-metal .illustration__path-right-3 {
    height: 131px;
    width: 196px
}

.illustration--bare-metal .illustration__left-element .illustration__cpu-container,
.illustration--bare-metal .illustration__right-element .illustration__cpu-container {
    position: absolute;
    max-width: 110px;
    width: 110px;
    height: 141px;
    top: 145px;
    right: -133px
}

.illustration--bare-metal .illustration__left-element .illustration__cpu-container svg,
.illustration--bare-metal .illustration__right-element .illustration__cpu-container svg {
    height: 244px !important
}

.illustration--bare-metal .illustration__left-element .illustration__light,
.illustration--bare-metal .illustration__right-element .illustration__light {
    max-width: 110px
}

.illustration--bare-metal .illustration__left-element .svg-illustration--cpu,
.illustration--bare-metal .illustration__right-element .svg-illustration--cpu {
    max-width: 110px;
    position: absolute;
    bottom: -30px
}

.illustration--bare-metal .illustration__left-element .svg-illustration--ssd,
.illustration--bare-metal .illustration__right-element .svg-illustration--ssd {
    max-width: 147px;
    height: 105px;
    position: absolute;
    bottom: 0;
    right: 0
}

.illustration--bare-metal .illustration__left-element .svg-illustration--ssd {
    left: 490px;
    top: 446px
}

.illustration--bare-metal .illustration__left-element .illustration__path-left-1 {
    top: 351px;
    left: 78px
}

.illustration--bare-metal .illustration__left-element .illustration__path-left-2 {
    top: 257px;
    left: 345px
}

.illustration--bare-metal .illustration__left-element .illustration__path-left-3 {
    top: 345px;
    left: 325px
}

.illustration--bare-metal .illustration__right-element .illustration__cpu-container {
    left: -133px
}

.illustration--bare-metal .illustration__right-element .svg-illustration--ssd {
    right: 490px;
    top: 446px
}

.illustration--bare-metal .illustration__right-element .illustration__path-right-1 {
    top: 351px;
    right: 78px
}

.illustration--bare-metal .illustration__right-element .illustration__path-right-2 {
    top: 257px;
    right: 345px
}

.illustration--bare-metal .illustration__right-element .illustration__path-right-3 {
    top: 345px;
    right: 325px
}

.illustration--ease-of-integration .illustration__path-left .svg-illustration,
.illustration--ease-of-integration .illustration__path-right .svg-illustration {
    height: 373px;
    width: 578px;
    max-width: 578px
}

.illustration--ease-of-integration .illustration__path-left {
    left: 14px;
    top: 226px
}

.illustration--ease-of-integration .illustration__path-right {
    right: 14px;
    top: 226px
}

.illustration--ease-of-integration .illustration__left-element,
.illustration--ease-of-integration .illustration__right-element {
    width: 360px;
    height: 312px
}

.illustration--load-balancer .illustration__left-element .svg-illustration--database {
    margin-left: 16px
}

.illustration--load-balancer .illustration__right-element .svg-illustration--database {
    margin-right: 16px
}

.illustration--load-balancer-higly-available .illustration__left-element,
.illustration--load-balancer-higly-available .illustration__right-element {
    z-index: 100
}

.illustration--load-balancer-higly-available .illustration__path-left,
.illustration--load-balancer-higly-available .illustration__path-right {
    width: 640px
}

.illustration--load-balancer-higly-available .illustration__path-left {
    left: 2px;
    top: 226px
}

.illustration--load-balancer-higly-available .illustration__path-right {
    right: -4px;
    top: 224px
}

.illustration--direct-connect {
    position: absolute;
    top: -75px;
    height: 0;
    z-index: -1
}

.banner--illustration .illustration--error .svg-illustration--path-left {
    height: 382px;
    max-width: 591px
}

.banner--illustration .illustration--error .illustration__path-left,
.banner--illustration .illustration--error .illustration__path-right {
    top: 223px
}

.banner--illustration .illustration--error .illustration__path-left {
    left: 10px
}

.banner--illustration .illustration--error .illustration__path-right {
    right: 10px
}

.banner--illustration .illustration--ddos .illustration__left-element,
.banner--illustration .illustration--ddos .illustration__right-element {
    z-index: 11
}

.banner--illustration .illustration--ddos .illustration__path-left,
.banner--illustration .illustration--ddos .illustration__path-right {
    top: 150px
}

.banner--illustration .illustration--ddos .illustration__path-left {
    left: 15px
}

.banner--illustration .illustration--ddos .illustration__path-right {
    right: 12px
}

.banner--illustration .illustration--ddos .svg-illustration--path-left,
.banner--illustration .illustration--ddos .svg-illustration--path-right {
    max-width: 554px;
    height: 356px
}

.banner--illustration .illustration--gaming .illustration__left-element,
.banner--illustration .illustration--gaming .illustration__right-element {
    z-index: 11
}

.banner--illustration .illustration--gaming .illustration__path-left,
.banner--illustration .illustration--gaming .illustration__path-right {
    top: 76px
}

.banner--illustration .illustration--gaming .illustration__path-left {
    left: -34px
}

.banner--illustration .illustration--gaming .illustration__path-right {
    right: -34px
}

.banner--illustration .illustration--gaming .illustration__left-element .svg-illustration--bullet {
    left: 300px
}

.banner--illustration .illustration--gaming .illustration__right-element .svg-illustration--bullet {
    right: 300px
}

.banner--illustration .illustration--gaming .svg-illustration--path-left,
.banner--illustration .illustration--gaming .svg-illustration--path-right {
    max-width: 602px;
    height: 496px
}

.banner--illustration .illustration--gaming .svg-illustration--bullet {
    position: absolute;
    bottom: -170px;
    max-width: 36px
}

@media (max-width:1011px) {
    .banner--illustration .illustration--gaming .svg-illustration--bullet {
        display: none
    }
}

.banner--illustration .illustration--direct-connect .svg-illustration--light-blocks,
.banner--illustration .illustration--ip-space .svg-illustration--light-blocks {
    top: 3px
}

.banner--illustration .illustration--ip-space .svg-illustration--path-left,
.banner--illustration .illustration--ip-space .svg-illustration--path-right {
    height: 410px;
    max-width: 656px
}

.banner--illustration .illustration--private-networking .illustration__path-left,
.banner--illustration .illustration--private-networking .illustration__path-right {
    top: 232px
}

.banner--illustration .illustration--private-networking .illustration__path-left {
    left: 80px
}

.banner--illustration .illustration--private-networking .illustration__path-right {
    right: 80px
}

.banner--illustration .illustration--private-networking .svg-illustration--path-giht,
.banner--illustration .illustration--private-networking .svg-illustration--path-left {
    max-width: 424px;
    height: 308px
}

.banner--illustration .illustration--load-balancer .svg-product,
.banner--illustration .illustration--object-storage .svg-product {
    max-width: 440px
}

.illustration-slider__slide {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s, opacity .3s
}

.illustration-slider__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 3
}

@media (min-width:1012px) {
    .illustration--sm {
        height: 426px;
        margin-bottom: -24px
    }

    .illustration--sm .illustration__center-element {
        height: 426px
    }

    .illustration--sm .illustration__left-element,
    .illustration--sm .illustration__right-element {
        top: -256px
    }

    .illustration--promo-bare-metal {
        margin-top: -26px
    }

    .illustration--promo-bare-metal .illustration__center-element {
        height: 493px
    }

    .illustration--ease-of-integration .illustration__left-element,
    .illustration--ease-of-integration .illustration__right-element {
        top: -216px
    }

    .illustration--ease-of-integration .illustration__center-element {
        height: 445px
    }

    .illustration--xs {
        height: 296px;
        margin-bottom: -24px
    }

    .illustration--xs .illustration__center-element {
        height: 426px
    }

    .illustration--xs .illustration__left-element,
    .illustration--xs .illustration__right-element {
        top: -256px
    }

    .illustration--xs .illustration__shape-left,
    .illustration--xs .illustration__shape-right {
        top: -608px
    }
}

@media (max-width:1231px) {
    .illustration--wide {
        margin-top: 72px
    }
}

@media (max-width:1011px) {

    .illustration__left-element,
    .illustration__right-element {
        width: 264px;
        height: 264px;
        top: -52px
    }

    .illustration__left-element {
        left: 56px
    }

    .illustration__right-element {
        right: 56px
    }

    .illustration__path-left,
    .illustration__path-right,
    .illustration__shape-left,
    .illustration__shape-right {
        display: none
    }

    .illustration__light {
        width: 136px;
        bottom: 24px
    }

    .illustration--right {
        height: 436px;
        width: auto;
        margin-right: auto;
        margin-left: auto
    }

    .illustration--wide {
        width: 1030px;
        margin-top: 16px
    }

    .illustration--sm {
        height: 328px
    }

    .illustration--sm .illustration__center-element {
        width: 328px;
        height: 328px
    }

    .illustration--sm .illustration__left-element,
    .illustration--sm .illustration__right-element {
        top: -122px
    }

    .illustration--load-balancer .illustration__center-element,
    .illustration--object-storage .illustration__center-element {
        width: 331px;
        height: 368px
    }

    .illustration .svg-illustration--browser,
    .illustration .svg-illustration--cpu,
    .illustration .svg-illustration--ssd {
        margin-top: -48px
    }

    .illustration .svg-illustration--bucket {
        margin-top: -24px
    }

    .illustration--iframe {
        height: 460px;
        margin-bottom: 0 !important
    }

    .illustration--iframe .illustration__center-element,
    .illustration--iframe .illustration__center-element .iframe-container {
        height: 100%
    }

    .illustration__center-element,
    .section__block--illustration {
        width: 438px;
        height: 366px
    }

    .banner--illustration .illustration--direct-connect .svg-illustration--light-blocks,
    .banner--illustration .illustration--ip-space .svg-illustration--light-blocks {
        top: 16px
    }
}

@media (max-width:751px) {

    .illustration__path-left,
    .illustration__path-right {
        display: none
    }

    .illustration__left-element,
    .illustration__right-element {
        width: 218px;
        height: 218px;
        top: -8px
    }

    .illustration__left-element {
        left: 68px
    }

    .illustration__right-element {
        right: 68px
    }

    .illustration__center-element {
        z-index: 20
    }

    .illustration__light {
        bottom: -4px
    }

    .illustration--sm {
        height: 258px
    }

    .illustration--sm .illustration__center-element {
        width: 258px;
        height: 258px
    }

    .illustration--sm .illustration__left-element,
    .illustration--sm .illustration__right-element {
        top: -84px
    }

    .illustration--right {
        height: 304px
    }

    .illustration--wide {
        width: 770px
    }

    .illustration--no-neighbor [class*=svg-illustration--lock] {
        display: none
    }

    .illustration--custom-iso .illustration__left-element,
    .illustration--custom-iso .illustration__right-element {
        top: -32px
    }

    .illustration--ease-of-integration .illustration__left-element,
    .illustration--ease-of-integration .illustration__right-element {
        width: 159px;
        height: 170px
    }

    .illustration--load-balancer .illustration__center-element,
    .illustration--object-storage .illustration__center-element {
        width: 274px;
        height: 306px
    }

    .illustration .svg-illustration--browser,
    .illustration .svg-illustration--cpu,
    .illustration .svg-illustration--pad-left,
    .illustration .svg-illustration--pad-right,
    .illustration .svg-illustration--private-networking-ip,
    .illustration .svg-illustration--ssd {
        margin-top: -40px
    }

    .illustration--iframe {
        height: 450px;
        margin-bottom: 0 !important
    }

    .banner--illustration .illustration--direct-connect .svg-illustration--light-blocks,
    .banner--illustration .illustration--ip-space .svg-illustration--light-blocks,
    .section__block--illustration .illustration--direct-connect .svg-illustration--light-blocks,
    .section__block--illustration .illustration--ip-space .svg-illustration--light-blocks {
        top: 20px;
        height: 236px
    }
}

.flex-ilustration {
    position: relative
}

.flex-ilustration__computer,
.flex-ilustration__ram-container,
.flex-ilustration__server-back,
.flex-ilustration__server-front,
.flex-ilustration__vCPU-container {
    position: absolute
}

.flex-ilustration__server {
    width: 100%;
    height: 390px
}

.flex-ilustration__server-back {
    z-index: 20;
    height: 388px;
    width: 427px
}

.flex-ilustration__server-front {
    z-index: 100;
    top: 126px;
    height: 179px;
    width: 425px
}

.flex-ilustration__ram,
.flex-ilustration__ssd,
.flex-ilustration__vCPU {
    transform: translateY(-100px);
    transition: transform .3s, visibility .3s, opacity .3s;
    opacity: 0;
    visibility: hidden
}

.flex-ilustration__ram svg,
.flex-ilustration__ssd svg,
.flex-ilustration__vCPU svg {
    margin: 0
}

.flex-ilustration__ram.is-animated,
.flex-ilustration__ssd.is-animated,
.flex-ilustration__vCPU.is-animated {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.flex-ilustration__vCPU-container {
    z-index: 40;
    position: absolute;
    width: 95px;
    left: 166px;
    top: 128px
}

.flex-ilustration__vCPU {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    position: absolute;
    height: 57px;
    width: 92px
}

.flex-ilustration__vCPU:first-child {
    bottom: 10px;
    z-index: 60
}

.flex-ilustration__vCPU:nth-child(2) {
    bottom: 20px;
    z-index: 70
}

.flex-ilustration__vCPU:nth-child(3) {
    bottom: 30px;
    z-index: 80
}

.flex-ilustration__vCPU:nth-child(4) {
    bottom: 40px;
    z-index: 90
}

.flex-ilustration__vCPU:nth-child(5) {
    bottom: 50px;
    z-index: 100
}

.flex-ilustration__vCPU:nth-child(6) {
    bottom: 60px;
    z-index: 110
}

.flex-ilustration__vCPU:nth-child(7) {
    bottom: 70px;
    z-index: 120
}

.flex-ilustration__vCPU:nth-child(8) {
    bottom: 80px;
    z-index: 130
}

.flex-ilustration__vCPU:nth-child(9) {
    bottom: 90px;
    z-index: 140
}

.flex-ilustration__vCPU:nth-child(10) {
    bottom: 100px;
    z-index: 150
}

.flex-ilustration__ram-container {
    z-index: 50;
    position: absolute;
    height: 100px;
    width: 101px;
    top: 84px;
    left: 232px
}

.flex-ilustration__ram {
    display: block;
    position: absolute;
    height: 100px;
    width: 101px;
    z-index: 50
}

.flex-ilustration__ram:nth-child(2) {
    top: 7px;
    left: 11px;
    z-index: 60
}

.flex-ilustration__ram:nth-child(3) {
    top: 13px;
    left: 21px;
    z-index: 60
}

.flex-ilustration__ram:nth-child(4) {
    top: 19px;
    left: 32px;
    z-index: 70
}

.flex-ilustration__ram:nth-child(5) {
    top: 25px;
    left: 43px;
    z-index: 80
}

.flex-ilustration__ram:nth-child(6) {
    top: 32px;
    left: 54px;
    z-index: 80
}

.flex-ilustration__ram:nth-child(7) {
    top: 38px;
    left: 65px;
    z-index: 90
}

.flex-ilustration__ram:nth-child(8) {
    top: 44px;
    left: 75px;
    z-index: 100
}

.flex-ilustration__ssd-container {
    z-index: 60;
    position: absolute;
    height: 79px;
    width: 111px;
    top: 113px;
    left: 40px
}

.flex-ilustration__ssd {
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    position: absolute;
    height: 79px;
    width: 111px;
    margin: 0
}

.flex-ilustration__ssd:nth-child(2) {
    top: 38px;
    left: 67px
}

.flex-ilustration__ssd:nth-child(3) {
    top: 77px;
    left: 135px
}

.flex-ilustration__lines .svg-illustration {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: auto;
    max-width: unset;
    pointer-events: none
}

.flex-ilustration__lines .svg-illustration path {
    transition: 1s;
    transition-timing-function: cubicBezier(.16, 0, 0, 1)
}

.flex-ilustration__lines .svg-illustration:first-child {
    top: 260px;
    left: 16px;
    height: 251.88px;
    width: 135.62px
}

.flex-ilustration__lines .svg-illustration:first-child path {
    stroke-dashoffset: -386.177px;
    stroke-dasharray: 386.177px
}

.flex-ilustration__lines .svg-illustration:nth-child(2) {
    top: -13px;
    left: -18px;
    width: 426.97px;
    height: 330.28px
}

.flex-ilustration__lines .svg-illustration:nth-child(2) path {
    stroke-dashoffset: 709.204px;
    stroke-dasharray: 709.204px
}

.flex-ilustration__lines .svg-illustration:nth-child(3) {
    top: 279px;
    left: 167px;
    width: 258.56px;
    height: 160.34px
}

.flex-ilustration__lines .svg-illustration:nth-child(3) path {
    stroke-dashoffset: -373.942px;
    stroke-dasharray: 373.942px
}

.flex-ilustration__lines .svg-illustration.is-animated path {
    stroke-dashoffset: 0px !important
}

.list-group--collapse {
    border: none
}

.list-group--collapse .list-group__item {
    position: relative;
    flex-direction: column;
    margin-bottom: 16px;
    border: 1px solid #e6e7eb;
    border-radius: 4px;
    padding: 20px 24px;
    transition: box-shadow .3s, border .3s;
    cursor: pointer
}

.list-group--collapse .list-group__item:before {
    content: "";
    left: -12px;
    width: 24px;
    height: 2px;
    position: absolute;
    top: 40px;
    background: transparent;
    transition: background .3s
}

.list-group--collapse .list-group__item:last-child {
    margin-bottom: 0
}

.list-group--collapse .list-group__item:active,
.list-group--collapse .list-group__item:focus,
.list-group--collapse .list-group__item:hover {
    border-color: #007bfc;
    background: none
}

.list-group--collapse .list-group__item.is-active {
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-color: transparent;
    transition: box-shadow .3s, border 0
}

@media (max-width:1011px) {
    .list-group--collapse .list-group__item.is-active {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.list-group--collapse .list-group__item.is-active:before {
    background: #007bfc
}

.list-group--collapse .list-group__content {
    max-width: 100%;
    display: none;
    margin-top: 0;
    padding: 6px 0 8px 72px
}

.list-group--collapse .list-group__content .btn {
    margin-left: -20px
}

.list-group--collapse .list-group__content p {
    margin-bottom: 0
}

.list-group--collapse .list-group__content p+.btn {
    margin-top: 8px;
    margin-bottom: -8px
}

.list-group--collapse .list-group+.btn {
    margin-top: 44px;
    min-width: 218px
}

.list-group--collapse.list-group--sm {
    font-size: inherit;
    line-height: inherit
}

.list-group--collapse.list-group--sm .list-group__item {
    padding-top: 15px;
    padding-bottom: 15px
}

.list-group--collapse .top__title {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    transition: .45s
}

.list-group--collapse *+.top__title {
    margin-left: 22px
}

.list-group__content-bottom {
    margin-left: -11px
}

.list-group--collapse-boxed .list-group__item,
.list-group--collapse-simple .list-group__item {
    align-items: flex-start;
    padding: 21px 24px 19px 72px
}

.list-group--collapse-boxed .list-group__item:before,
.list-group--collapse-simple .list-group__item:before {
    content: "";
    left: 26px;
    width: 18px;
    height: 2px;
    position: absolute;
    top: 31px;
    background: #007bfc
}

.list-group--collapse-boxed .list-group__item:after,
.list-group--collapse-simple .list-group__item:after {
    content: "";
    left: 26px;
    width: 18px;
    height: 2px;
    position: absolute;
    top: 31px;
    background: #007bfc;
    transform: rotate(90deg);
    transition: .3s ease
}

.list-group--collapse-boxed .list-group__item:not(.collapsed):after,
.list-group--collapse-simple .list-group__item:not(.collapsed):after {
    transform: rotate(0deg)
}

.list-group--collapse-simple .list-group__item {
    border: 0;
    padding-left: 0;
    margin-bottom: 0
}

.list-group--collapse-simple .list-group__item:after,
.list-group--collapse-simple .list-group__item:before {
    left: 16px;
    background: #8692b0
}

.list-group--collapse-simple .list-group__item:not(.collapsed) .top__title {
    color: #007bfc
}

.list-group--collapse-simple .top {
    padding-left: 64px
}

.list-group--collapse-simple .top__title {
    font-weight: 400
}

.list-group--collapse-simple .list-group__content {
    margin-left: 24px;
    display: unset;
    padding: 0
}

.list-group--collapse-simple .list-group__content-inner {
    margin-top: 24px;
    padding-left: 40px;
    border-left: 1px solid #e4e4e9
}

.list-group--collapse-boxed .list-group__item {
    margin-bottom: 20px
}

.list-group--collapse-boxed .list-group__item:not(.collapsed) {
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-color: transparent;
    transition: box-shadow .3s, border 0
}

@media (max-width:1011px) {
    .list-group--collapse-boxed .list-group__item:not(.collapsed) {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.list-group--collapse-boxed .list-group__content {
    display: unset;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0
}

.list-group--collapse-boxed .list-group__content-inner {
    padding-top: 16px;
    margin-bottom: 4px
}

.list-group--collapse-boxed .list-group__content-bottom {
    margin-left: -72px;
    width: calc(100% + 96px);
    padding: 16px 24px 0 27px;
    border-top: 1px solid rgba(230, 231, 235, .64)
}

.list-group--icon {
    overflow: hidden
}

.list-group--icon .list-group__item {
    box-shadow: none;
    position: relative
}

.list-group--icon .list-group__item:not(.collapsed) {
    box-shadow: none;
    border: 1px solid #e6e7eb
}

.list-group--icon .list-group__icon {
    position: absolute;
    right: 8px;
    top: -48px;
    width: 152px;
    height: 152px;
    z-index: -1
}

@media (min-width:1012px) {
    .list-group.is-animated .list-group__icon {
        opacity: 0
    }
}

@media (max-width:1231px) {
    .list-group--collapse .list-group__content {
        padding-left: 0
    }
}

.list--boxed {
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    padding: 4px 24px
}

@media (max-width:1011px) {
    .list--boxed {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.list--boxed .list__item {
    padding: 22px 24px;
    margin: 0
}

.list--boxed .list__item:not(:last-of-type) {
    border-bottom: 1px solid #edeef2
}

.list--number {
    counter-reset: list-number-counter
}

.list--number .list__item {
    counter-increment: list-number-counter;
    position: relative;
    padding-left: 56px
}

.list--number .list__item:before {
    content: counter(list-number-counter) ".";
    color: #007bfc;
    position: absolute;
    left: 24px
}

@media (max-width:1011px) {
    .list--lg li {
        font-size: 15px;
        line-height: 24px
    }

    .list--boxed .list__item {
        padding: 16px
    }

    .list--number .list__item {
        padding-left: 42px
    }

    .list--number .list__item:before {
        left: 12px
    }
}

.banner {
    position: relative;
    z-index: 1;
    padding: 196px 0 120px
}

.banner:not(.banner--homepage):not(.banner--promo-page) .banner__actions .input-group,
.banner:not(.banner--homepage):not(.banner--promo-page) .banner__actions .input-group.is-focus,
.banner:not(.banner--homepage):not(.banner--promo-page) .banner__actions .input-group:active,
.banner:not(.banner--homepage):not(.banner--promo-page) .banner__actions .input-group:focus,
.banner:not(.banner--homepage):not(.banner--promo-page) .banner__actions .input-group:hover {
    border: none
}

.banner__background {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    width: 100%;
    height: 100%;
    min-width: 1920px;
    user-select: none;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #021048, #1e38a3)
}

.banner__background>svg {
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    float: left
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .banner__background>svg {
        height: 29vw
    }
}

.banner__title {
    text-align: center;
    color: #fff;
    margin-bottom: 0
}

.banner__title .tm-sign {
    font-size: 64%;
    vertical-align: top;
    position: relative;
    top: 6px;
    line-height: 1
}

.banner__title+.banner__desc {
    margin-top: 24px
}

.banner__desc {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
    color: rgba(229, 235, 255, .8);
    text-align: center
}

@media (max-width:1231px) {
    .banner__desc {
        font-size: 22px;
        line-height: 32px
    }
}

@media (max-width:1011px) {
    .banner__desc {
        font-size: 19px;
        font-weight: 300;
        line-height: 32px
    }
}

@media (max-width:751px) {
    .banner__desc {
        font-size: 17px;
        line-height: 28px
    }
}

.banner__desc b,
.banner__desc strong {
    color: #fff
}

.banner__desc .text-underline {
    color: #fff;
    position: relative;
    font-weight: 500
}

.banner__desc .text-underline:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -3px;
    background: #007bfc
}

.banner__desc+.banner__desc--sm {
    margin-top: 24px
}

.banner__desc--sm {
    font-size: 19px;
    font-weight: 300;
    line-height: 32px;
    color: #fff
}

.banner__sub-desc {
    opacity: .6
}

.banner .rail,
.banner__desc,
.banner__title {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.banner__actions,
.banner__desc,
.banner__title {
    z-index: 21;
    position: relative
}

.banner__actions {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.banner__actions p {
    color: rgba(229, 235, 255, .48);
    margin-top: 16px;
    margin-bottom: 0
}

.banner__actions p a {
    color: rgba(229, 235, 255, .48);
    text-decoration: underline
}

.banner__actions p a:active,
.banner__actions p a:focus,
.banner__actions p a:hover {
    color: #fff
}

.banner__search {
    min-width: 645px
}

.banner__search--sm {
    max-width: 612px;
    margin: auto
}

.banner__illustration .illustration__center-element .svg-illustration {
    height: 488px
}

.banner__illustration .illustration__center-element .svg-illustration--accelerate {
    height: 426px
}

.banner.banner--marketplace {
    z-index: 0
}

.banner.banner--marketplace .banner__background {
    top: -25px;
    z-index: -1
}

.banner.banner--marketplace .banner__content .product-features {
    max-width: 750px;
    margin: 46px auto auto
}

.banner.banner--marketplace .banner__content .product-features__list {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.banner.banner--marketplace .banner__content .product-features__list-item {
    color: #c8cee8;
    position: relative;
    margin: auto
}

.banner.banner--marketplace .banner__content .product-features__list-item:first-child {
    margin-left: 0
}

.banner.banner--marketplace .banner__content .product-features__list-item:last-child {
    margin-right: 0
}

.banner.banner--marketplace .banner__content .product-features__list-item:not(:first-child):after {
    content: "";
    position: absolute;
    left: -25px;
    width: 1px;
    height: 100%;
    background: hsla(0, 0%, 100%, .24)
}

.banner.banner--marketplace .banner__content .product-features__list-item span {
    color: #fff
}

.banner--short.banner.banner--shape {
    margin-bottom: -240px
}

.banner--short .banner__background {
    top: -280px
}

.banner__top-content {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.banner__top-content .label {
    color: #fff;
    padding: 0 8px;
    border: 1px solid #45569a;
    border-radius: 3px;
    background: transparent;
    z-index: 9999;
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    height: 32px
}

.banner__top-content .label:not(:last-child) {
    margin-right: 24px
}

.banner.banner--saas.banner--shape.banner--illustration {
    margin-bottom: 200px
}

.banner.banner--saas.banner--shape.banner--illustration .illustration__right-element {
    right: 8px
}

.banner.banner--saas.banner--shape.banner--illustration .illustration__left-element {
    left: 8px
}

.banner:not(.banner--shape) {
    background: linear-gradient(90deg, #021048, #1e38a3)
}

.banner.banner--shape {
    padding-bottom: 540px;
    margin-bottom: -420px
}

.banner.banner--shape+.section {
    padding-top: 0
}

.banner.banner--shape.banner--illustration+.section,
.banner.banner--shape.banner--shape-sm.banner--trial+.section {
    padding-top: 120px
}

.banner.banner--shape.banner--illustration {
    padding-bottom: 500px;
    margin-bottom: 72px
}

.banner.banner--shape.banner--partner-program {
    margin-bottom: 138px
}

.banner.banner--shape.banner--partner-program .banner__illustration {
    bottom: -63px !important
}

.banner.banner--shape.banner--homepage {
    margin-bottom: -450px
}

.banner.banner--shape-sm {
    padding-bottom: 256px;
    margin-bottom: 0
}

.banner.banner--shape-sm .banner__background {
    min-height: unset
}

.banner.banner--news {
    margin-bottom: -468px
}

.banner.banner--about {
    padding-bottom: 474px;
    margin-bottom: -400px
}

.banner--homepage .banner__actions .input-group,
.banner--promo-page .banner__actions .input-group {
    max-width: 270px;
    width: 100%
}

.banner--homepage .banner__actions-title,
.banner--promo-page .banner__actions-title {
    display: none
}

.banner--promo-page .banner__title {
    max-width: 780px
}

.banner--promo-page .banner__title span {
    color: #ffcc80;
    position: relative
}

.banner--promo-page .banner__title span:before {
    content: "";
    position: absolute;
    bottom: -2px;
    background-color: #ffcc80;
    height: 3px;
    width: 100%
}

.banner--promo-page .banner__desc strong {
    color: #fff
}

.banner--vultrmatch .banner__title {
    max-width: 750px;
    font-size: 56px;
    line-height: 64px
}

.banner--vultrmatch .banner__desc {
    color: #bac2e2
}

.banner--illustration .banner__top-content span {
    z-index: 99;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    color: #02a1f3
}

.banner--illustration .banner__illustration,
.banner--trial .banner__illustration {
    z-index: 20;
    position: absolute;
    bottom: -82px;
    margin: auto;
    transform: translateX(-50%);
    left: 50%
}

.banner--illustration .banner__actions .bs-calculator,
.banner--trial .banner__actions .bs-calculator {
    margin-bottom: -48px
}

.banner--illustration .svg-illustration--path-left,
.banner--illustration .svg-illustration--path-right,
.banner--trial .svg-illustration--path-left,
.banner--trial .svg-illustration--path-right {
    height: 342px;
    max-width: 542px
}

.banner--illustration .illustration__path-left,
.banner--illustration .illustration__path-right,
.banner--trial .illustration__path-left,
.banner--trial .illustration__path-right {
    top: 228px
}

.banner--contact .banner__actions .btn,
.banner--features .banner__actions .btn,
.banner--illustration .banner__actions .btn,
.banner--resources--main .banner__actions .btn {
    width: 200px;
    max-width: 100%
}

.banner--contact .banner__actions .btn.w-230,
.banner--features .banner__actions .btn.w-230,
.banner--illustration .banner__actions .btn.w-230,
.banner--resources--main .banner__actions .btn.w-230 {
    width: 230px
}

.banner--contact .banner__actions .btn.w-265,
.banner--features .banner__actions .btn.w-265,
.banner--illustration .banner__actions .btn.w-265,
.banner--resources--main .banner__actions .btn.w-265 {
    width: 265px
}

.banner--resources .banner__actions .input-group {
    width: 100%;
    max-width: 645px
}

.banner--trial {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    position: relative
}

.banner--trial .banner__title {
    max-width: 780px
}

.banner--trial .box {
    z-index: 100;
    position: relative;
    margin-top: 80px
}

.banner--trial .banner__background {
    min-height: 902px
}

.banner--trial .banner__illustration {
    top: auto;
    bottom: 82px;
    width: 100%
}

.banner--trial .illustration__left-element,
.banner--trial .illustration__right-element {
    top: auto;
    bottom: 0;
    height: 490px;
    width: 490px
}

.banner--trial .illustration__left-element svg,
.banner--trial .illustration__right-element svg {
    height: 490px
}

.banner--trial .illustration__left-element {
    left: -58px
}

.banner--trial .illustration__right-element {
    right: -58px
}

.banner--trial .illustration__path-left,
.banner--trial .illustration__path-right {
    top: 318px
}

.banner--trial .illustration__path-left svg,
.banner--trial .illustration__path-right svg {
    height: 195px
}

.banner--trial .illustration__path-left {
    left: 60px
}

.banner--trial .illustration__path-right {
    right: 60px
}

.banner--bare-metal .illustration__left-element {
    left: -109px
}

.banner--bare-metal .illustration__right-element {
    right: -109px
}

.banner--news .banner__title {
    max-width: 1020px
}

.banner--partner-program {
    margin-bottom: 198px
}

.banner.banner--fullpage {
    margin: 0 !important;
    padding: 0 !important
}

.banner.banner--fullpage .banner__content {
    position: relative;
    z-index: 21
}

.banner.banner--fullpage .banner__brand {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 170px;
    height: 26vh;
    max-height: 286px
}

.banner.banner--fullpage .banner__background {
    min-height: 300px;
    max-height: 770px
}

.banner.banner--fullpage .banner__illustration {
    position: absolute;
    z-index: 20;
    top: auto;
    bottom: 405px
}

.banner--marketplace-categories .banner__background {
    top: 0
}

.banner.banner--customer-case {
    margin-bottom: -500px
}

.banner--promo-sides {
    padding: 130px 0 120px;
    max-height: 820px
}

.banner--promo-sides .banner__background {
    z-index: -1;
    height: 100%;
    background: transparent;
    min-height: 0;
    min-width: 0;
    width: 575px;
    left: 15px;
    top: -120px;
    transform: translateX(0)
}

.banner--promo-sides .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.banner--promo-sides .banner__desc,
.banner--promo-sides .banner__title {
    text-align: left
}

.banner--promo-sides .banner__content {
    max-width: 643px
}

.banner--promo-sides .banner__content .box--auth {
    width: 493px;
    margin: 75px 0 92px 84px;
    position: relative
}

.banner--direct-connect-1 .banner__background {
    margin-top: -320px
}

.banner--direct-connect-1+.section {
    margin-top: 170px
}

.banner--direct-connect-2 .banner__background {
    margin-top: -280px
}

.banner--direct-connect-2+.section {
    top: -50px;
    margin-top: -120px
}

.banner--landing-page {
    max-width: unset;
    padding-top: 113px
}

.banner--landing-page.banner--shape {
    padding-bottom: 450px;
    margin-bottom: -340px
}

.banner--landing-page .banner__desc,
.banner--landing-page .banner__title {
    text-align: left
}

.banner--landing-page .banner__content {
    max-width: 643px
}

.banner--landing-page .banner__content .box--auth {
    z-index: 99;
    width: 493px;
    margin: 75px 0 0 84px;
    position: relative
}

.banner--landing-page>.container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.banner--landing-page .box.box--auth .box__content {
    padding: 48px 56px
}

.banner--landing-page .form__reset-password {
    margin-top: 8px;
    margin-bottom: 24px;
    font-size: 15px;
    font-weight: 300;
    text-align: right
}

.banner--landing-page .form__reset-password a {
    color: #666b80;
    text-decoration: none
}

.banner--no-shape {
    position: relative
}

.banner--no-shape:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: calc(100% + 20px);
    background: linear-gradient(90deg, #03124c, #183090);
    z-index: -10
}

.banner--sides {
    padding: 208px 0 120px
}

.banner--sides .browsers__app {
    left: 97px;
    right: 39px;
    height: 186px
}

.banner--sides .browsers__app-icon img {
    min-width: 100%
}

.banner--sides .dv__item--center {
    max-width: 650px
}

.banner--sides .dv__item.mobile {
    max-width: 167px;
    left: -90px
}

.banner--sides .product-features {
    margin-top: 24px
}

.banner--sides .product-features__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.banner--sides .product-features__list-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px
}

.banner--sides .product-features__list-row .product-features__list-item+.product-features__list-item {
    margin-top: 0;
    margin-left: 24px;
    padding-left: 24px;
    position: relative
}

.banner--sides .product-features__list-row .product-features__list-item+.product-features__list-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 28px;
    width: 1px;
    background-color: #7888c9
}

.banner--sides .product-features__list-item {
    color: #bac2e2
}

.banner--sides .product-features__list-item>span {
    color: #fff
}

.banner--sides .product-features__list-item--long {
    min-width: 100%;
    max-width: 100%
}

.banner--sides .product-features__list-item+.product-features__list-item {
    margin-top: 8px
}

.banner--sides>.container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.banner--sides .banner__desc,
.banner--sides .banner__title {
    text-align: left
}

.banner--sides .banner__actions {
    justify-content: flex-start;
    flex-direction: row
}

.banner--sides .banner__actions .rail {
    margin-left: 0
}

.banner--sides .banner__content--left {
    max-width: 500px
}

.banner--sides .banner__content--right {
    max-width: 650px;
    max-height: 500px
}

.banner-nav {
    overflow: visible;
    margin: -32px -16px 40px
}

.banner-nav.is-active .nav {
    justify-content: flex-start
}

.banner-nav .nav {
    justify-content: center
}

.banner-nav .nav--tabs .nav__item.is-active .nav__link {
    color: #fff
}

.banner-nav .nav--tabs .nav__link {
    color: rgba(229, 235, 255, .8)
}

.banner-nav .nav--tabs .nav__link:hover {
    color: #fff
}

@media (min-width:1232px) {

    .banner--illustration,
    .banner__background {
        min-height: 942px
    }

    .banner--partner-program {
        padding-bottom: 459px !important;
        min-height: 863px
    }

    .banner--partner-program .banner__background {
        min-height: 863px
    }
}

@media (max-width:1399px) {
    .banner--sides .banner__content--right {
        margin-right: -100px
    }
}

@media (min-width:1012px) {

    .banner__actions .input-group,
    .banner__actions .input-group:active,
    .banner__actions .input-group:focus,
    .banner__actions .input-group:hover {
        border: 0
    }

    .banner--performance .banner__illustration {
        bottom: -126px
    }

    .banner--performance .svg-illustration--accelerate {
        margin-top: -64px
    }

    .banner--promo-page,
    .banner--trial {
        padding-top: 146px
    }

    .banner.banner--shape.banner--promo-page {
        padding-bottom: 495px
    }

    .banner.banner--marketplace .banner__background {
        top: -23px
    }

    .banner.banner--marketplace .banner__actions .btn {
        min-width: 230px
    }

    .banner.banner--marketplace:not(.banner--marketplace-categories) {
        margin-bottom: -436px
    }

    .banner.banner--marketplace-categories {
        margin-bottom: -475px
    }

    .banner.banner--promo-sides,
    .banner.banner-landing-page {
        font-size: 58px
    }
}

@media (min-width:752px) {
    .banner--bare-metal .banner__background {
        min-height: 890px
    }

    .banner--resources-main .banner__background {
        min-height: 912px
    }
}

@media (max-width:1231px) {
    .banner {
        padding: 168px 0 100px
    }

    .banner--shape {
        padding-bottom: 540px;
        margin-bottom: -440px
    }

    .banner--legal .banner__background {
        min-height: 620px
    }

    .banner--promo-page,
    .banner--trial {
        padding-top: 146px
    }

    .banner--fullpage .banner__illustration {
        top: -477px
    }

    .banner--bare-metal .illustration__cpu-container,
    .banner--bare-metal .svg-illustration--ssd,
    .banner--bare-metal [class^=illustration__path],
    .banner--promo-sides .banner__background {
        display: none
    }

    .banner--sides .banner__content--right {
        margin-right: -220px
    }

    .banner--sides .banner__content .dv__item.mobile {
        display: none
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .banner--trial .banner__illustration {
        width: 80%
    }

    .banner--trial .illustration__left-element,
    .banner--trial .illustration__right-element {
        top: auto;
        bottom: 62px;
        height: 320px;
        width: 320px
    }

    .banner--trial .illustration__left-element svg,
    .banner--trial .illustration__right-element svg {
        height: 320px
    }

    .banner--trial .illustration__left-element {
        left: 0
    }

    .banner--trial .illustration__right-element {
        right: 0
    }

    .banner--trial .illustration__path-left,
    .banner--trial .illustration__path-right {
        display: none
    }
}

@media (max-width:1011px) {
    .banner {
        padding: 183px 0 88px
    }

    .banner__background {
        min-width: 1012px
    }

    .banner__title+.banner__desc {
        margin-top: 16px
    }

    .banner__actions {
        margin-top: 32px
    }

    .banner__search {
        min-width: 100%
    }

    .banner__illustration .illustration__left-element,
    .banner__illustration .illustration__right-element {
        top: -118px
    }

    .banner__illustration.illustration--sm .illustration__left-element,
    .banner__illustration.illustration--sm .illustration__right-element {
        top: -140px
    }

    .banner--landing-page>.container {
        flex-direction: column
    }

    .banner--landing-page .banner__desc,
    .banner--landing-page .banner__title {
        text-align: center
    }

    .banner--landing-page .box.box--auth {
        margin: 75px auto 0
    }

    .banner.banner--shape {
        padding-bottom: 320px;
        margin-bottom: -232px
    }

    .banner.banner--shape.banner--illustration {
        padding-bottom: 346px
    }

    .banner.banner--shape.banner--illustration .illustration {
        bottom: -86px
    }

    .banner.banner--shape.banner--homepage {
        margin-bottom: -262px
    }

    .banner.banner--shape.banner--partner-program {
        margin-bottom: 0;
        padding-bottom: 226px
    }

    .banner.banner--shape.banner--partner-program .banner__illustration {
        display: none
    }

    .banner.banner--shape.banner--shape-sm {
        margin-bottom: 0;
        padding-bottom: 132px
    }

    .banner.banner--news {
        margin-bottom: -252px
    }

    .banner--search {
        padding-bottom: 60px
    }

    .banner.banner--fullpage .banner__illustration {
        bottom: 278px
    }

    .banner.banner--fullpage .banner__background {
        max-height: 550px
    }

    .banner--trial .banner__background {
        min-height: 800px
    }

    .banner--trial .banner__illustration {
        top: auto;
        bottom: 82px;
        width: 100%
    }

    .banner--trial .illustration__left-element,
    .banner--trial .illustration__right-element {
        top: auto;
        bottom: 62px;
        height: 240px;
        width: 240px
    }

    .banner--trial .illustration__left-element svg,
    .banner--trial .illustration__right-element svg {
        height: 240px
    }

    .banner--trial .illustration__left-element {
        left: -10px
    }

    .banner--trial .illustration__right-element {
        right: -10px
    }

    .banner--promo-page .illustration--gaming {
        display: none
    }

    .banner--bare-metal .banner__background {
        min-height: 700px
    }

    .banner.banner--customer-case {
        margin-bottom: -285px
    }

    .banner--promo-sides .container {
        flex-direction: column
    }

    .banner--promo-sides .banner__content .box--auth {
        margin-left: 0;
        margin-top: 56px
    }

    .banner--promo-sides+.section {
        padding-top: 120px
    }

    .banner--short.banner.banner--shape {
        margin-bottom: -140px
    }

    .banner--short .banner__background {
        top: -180px
    }

    .banner-nav {
        margin-bottom: 24px
    }

    .author {
        flex-wrap: wrap;
        justify-content: space-evenly !important;
        align-items: flex-start !important
    }

    .author__reputation {
        min-width: 100%;
        margin-top: 8px
    }

    .author__skills {
        display: flex
    }
}

@media (min-width:1012px) {

    .banner--landing-page .banner__title,
    .banner--promo-sides .banner__title {
        font-size: 58px;
        line-height: 72px
    }

    .banner--sides .banner__background {
        display: none
    }
}

@media (max-width:1011px) {
    .banner--promo-sides {
        max-height: 720px
    }

    .banner--promo-sides .banner__desc,
    .banner--promo-sides .banner__title {
        text-align: center
    }

    .banner--promo-sides .banner__content,
    .banner--promo-sides .banner__content .box {
        width: 100%
    }

    .banner--promo-sides+.section {
        padding-top: 180px
    }

    .banner--direct-connect-1 .banner__background,
    .banner--direct-connect-2 .banner__background {
        margin-top: -100px
    }

    .banner.banner--sides {
        margin-bottom: 120px
    }

    .banner.banner--sides .product-features {
        border: 1px solid #596bab;
        padding: 12px;
        border-radius: 6px;
        margin-top: 32px
    }

    .banner.banner--sides .product-features__list {
        align-items: flex-start;
        margin-bottom: 0
    }

    .banner.banner--sides .product-features__list-row {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
        width: 100%
    }

    .banner.banner--sides .product-features__list-row .product-features__list-item {
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 4px
    }

    .banner.banner--sides .product-features__list-row .product-features__list-item:after {
        display: none
    }

    .banner.banner--sides .product-features__list .product-features__list-item {
        margin: 0 0 4px;
        position: relative;
        width: 100%;
        text-align: left
    }

    .banner.banner--sides .product-features__list .product-features__list-item>span {
        position: absolute;
        left: 64px;
        max-width: calc(100% - 64px);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .banner.banner--sides .product-features__list .product-features__list-item--long {
        min-width: unset
    }

    .banner.banner--sides .banner__content--left {
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%
    }

    .banner.banner--sides .banner__content--right {
        margin: 64px 0 0
    }

    .banner.banner--sides .banner__desc,
    .banner.banner--sides .banner__title {
        text-align: center
    }

    .banner.banner--sides .banner__background {
        z-index: -1
    }

    .banner.banner--sides .banner__actions {
        justify-content: center;
        align-items: center
    }

    .banner.banner--sides .banner__actions .rail {
        margin: auto
    }

    .banner.banner--sides .banner__actions .rail .btn--outline {
        border: 1px solid rgba(223, 226, 235, .32)
    }

    .banner.banner--sides .banner__actions .rail .btn--outline:hover {
        border-color: rgba(223, 226, 235, .64)
    }

    .banner.banner--sides>.container {
        flex-direction: column
    }

    .banner.banner--sides>.container .dv {
        margin-bottom: -120px
    }

    .banner.banner--sides>.container .dv__item {
        max-width: 100%
    }

    .banner.banner--sides .browsers__app {
        left: 95px;
        right: 35px;
        height: 190px;
        width: unset
    }

    .banner.banner--sides .browsers__app-icon {
        width: 72px;
        height: 72px;
        max-width: 100%
    }

    .banner.banner--sides .browsers__app-icon img {
        min-width: 100%
    }
}

@media (max-width:751px) {
    .banner {
        padding: 182px 0 64px
    }

    .banner__actions .btn+.btn {
        margin-top: 8px
    }

    .banner__actions .rail {
        flex-direction: column
    }

    .banner__actions .rail .btn {
        min-width: 200px;
        margin-left: 0
    }

    .banner__actions .rail .btn--outline {
        border: 0
    }

    .banner__illustration .illustration__left-element,
    .banner__illustration .illustration__right-element {
        top: -92px
    }

    .banner__illustration.illustration--sm .illustration__left-element,
    .banner__illustration.illustration--sm .illustration__right-element {
        top: -114px
    }

    .banner--trial .illustration__left-element,
    .banner--trial .illustration__right-element {
        top: auto;
        bottom: 62px
    }

    .banner--trial .illustration__left-element svg,
    .banner--trial .illustration__right-element svg {
        height: 240px
    }

    .banner.banner--sides .browsers__app {
        left: 62px;
        right: 26px;
        height: 130px;
        width: unset;
        justify-content: center;
        bottom: calc(50% - 65px);
        top: unset;
        left: 14%;
        right: 6%;
        top: 21%;
        height: auto;
        bottom: 37%
    }

    .banner.banner--sides .browsers__app-icon {
        width: 72px;
        height: 72px;
        max-width: 100%
    }

    .banner.banner--sides .browsers__app-icon img {
        min-width: 100%
    }

    .banner.banner--sides .browsers__app-title {
        display: none
    }

    .banner.banner--shape {
        padding-bottom: 320px;
        margin-bottom: -256px
    }

    .banner.banner--shape.banner--illustration {
        padding-bottom: 252px;
        margin-bottom: 68px
    }

    .banner.banner--shape.banner--news {
        margin-bottom: -252px
    }

    .banner.banner--shape.banner--homepage,
    .banner.banner--shape.banner--promo-page {
        overflow: visible;
        padding-bottom: 0;
        margin-bottom: 64px
    }

    .banner.banner--shape.banner--homepage .banner__actions,
    .banner.banner--shape.banner--promo-page .banner__actions {
        background: #fff;
        box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
        border-radius: 4px;
        padding: 24px;
        margin-top: 56px
    }
}

@media (max-width:751px) and (max-width:1011px) {

    .banner.banner--shape.banner--homepage .banner__actions,
    .banner.banner--shape.banner--promo-page .banner__actions {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

@media (max-width:751px) {

    .banner.banner--shape.banner--homepage .banner__actions .rail,
    .banner.banner--shape.banner--promo-page .banner__actions .rail {
        flex-direction: column;
        width: 100%
    }

    .banner.banner--shape.banner--homepage .banner__actions .rail__toolbar,
    .banner.banner--shape.banner--promo-page .banner__actions .rail__toolbar {
        margin: 0;
        width: 100%
    }

    .banner.banner--shape.banner--homepage .banner__actions .input-group,
    .banner.banner--shape.banner--promo-page .banner__actions .input-group {
        margin-bottom: 16px;
        width: 100%;
        margin-left: 0;
        max-width: 100%
    }

    .banner.banner--shape.banner--homepage .banner__actions .input-group:last-child,
    .banner.banner--shape.banner--promo-page .banner__actions .input-group:last-child {
        margin-bottom: 0
    }

    .banner.banner--shape.banner--homepage .banner__actions .btn,
    .banner.banner--shape.banner--promo-page .banner__actions .btn {
        max-width: 100%
    }

    .banner.banner--shape.banner--homepage .banner__actions p,
    .banner.banner--shape.banner--promo-page .banner__actions p {
        margin-bottom: 0;
        color: #a1a5b2
    }

    .banner.banner--shape.banner--homepage .banner__actions p a,
    .banner.banner--shape.banner--promo-page .banner__actions p a {
        color: #a1a5b2
    }

    .banner.banner--shape.banner--homepage .banner__actions p a:active,
    .banner.banner--shape.banner--homepage .banner__actions p a:focus,
    .banner.banner--shape.banner--homepage .banner__actions p a:hover,
    .banner.banner--shape.banner--promo-page .banner__actions p a:active,
    .banner.banner--shape.banner--promo-page .banner__actions p a:focus,
    .banner.banner--shape.banner--promo-page .banner__actions p a:hover {
        color: #007bfc
    }

    .banner.banner--shape.banner--homepage .banner__actions .btn,
    .banner.banner--shape.banner--promo-page .banner__actions .btn {
        width: 100%;
        margin-left: 0
    }

    .banner.banner--shape.banner--homepage .banner__actions-title,
    .banner.banner--shape.banner--promo-page .banner__actions-title {
        display: block;
        font-weight: 500;
        margin-bottom: 24px
    }

    .banner.banner--shape.banner--partner-program {
        margin-bottom: 0;
        padding-bottom: 146px
    }

    .banner--illustration .banner__actions .bs-calculator {
        margin-bottom: 0
    }

    .banner.banner--fullpage .banner__illustration {
        bottom: 216px
    }

    .banner.banner--fullpage .banner__background {
        max-height: 520px
    }

    .banner.banner--marketplace .banner__content .product-features__list {
        flex-direction: row;
        flex-wrap: wrap
    }

    .banner.banner--marketplace .banner__content .product-features__list-item {
        margin: 0;
        display: block;
        width: 50%;
        padding-right: 16px;
        text-align: center
    }

    .banner.banner--marketplace .banner__content .product-features__list-item:after {
        display: none
    }

    .banner.banner--marketplace .banner__content .product-features__list-item:first-child {
        margin-bottom: 24px
    }

    .banner.banner--marketplace .banner__content .product-features__list-item:nth-child(2n) {
        padding-left: 16px
    }

    .banner.banner--marketplace .banner__content .product-features__list-item:nth-child(2n):after {
        display: block;
        left: 0;
        top: 0;
        height: 24px
    }

    .banner.banner--customer-case {
        margin-bottom: -285px
    }

    .banner--promo-sides {
        max-height: 2000px;
        padding-bottom: 0;
        margin-bottom: 50px;
        padding-top: 120px
    }

    .banner--promo-sides>.container>.banner__content:nth-child(2) {
        margin-bottom: -180px
    }

    .banner--promo-sides+.section {
        padding-top: 120px
    }

    .banner--user-story {
        padding-bottom: 250px
    }

    .banner--user-story .banner__background {
        height: 81%
    }

    .banner-nav {
        margin-bottom: 16px
    }

    .author {
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: flex-start;
        padding: 24px 0 !important
    }

    .author__photo {
        padding: 10px 0
    }

    .author__photo,
    .author__photo img {
        width: 80px !important;
        height: 80px !important
    }

    .author__reputation {
        margin-top: 40px !important;
        width: 100%
    }
}

.author {
    position: relative;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin: 0 auto
}

.author__photo {
    justify-content: center;
    align-items: center;
    width: 248px;
    height: 226px;
    overflow: hidden;
    flex-basis: auto
}

.author__photo img {
    display: block;
    object-fit: cover;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .05);
    border-radius: 5px
}

.author__info {
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
    font-size: 15px;
    color: #a1a5b2
}

.author__title {
    font-size: 40px;
    margin: 0 0 20px
}

.author__contributions strong,
.author__desc,
.author__views strong {
    color: #000
}

.author__reputation {
    display: flex;
    flex-direction: column;
    flex-basis: 21%;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    text-align: center;
    justify-content: space-between;
    z-index: 100;
    background-color: #fff;
    min-height: 197px
}

.author__reputation .reputation__title {
    padding-top: 10px
}

.author__reputation .reputation__ranking {
    flex-basis: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px
}

.author__reputation .reputation__ranking--big {
    font-size: 42px !important
}

.author__reputation .reputation__ranking--small {
    font-size: 26px !important
}

.author__reputation .reputation__rating {
    flex-basis: 20%;
    font-size: 13px;
    line-height: 20px;
    color: #a1a5b2
}

.author__reputation .reputation__rating--no-data {
    display: flex;
    flex-direction: column;
    border-bottom: none;
    margin: auto
}

.author__reputation .reputation__actions {
    border-top: 1px solid #e6e7eb;
    flex-basis: 10%;
    max-height: 50px
}

.author__reputation .reputation__actions>.btn--vote {
    font-size: 24px;
    color: #a1a5b2;
    border: none
}

.author__reputation .reputation__actions>.btn--vote:hover {
    color: #007bfc
}

.author__reputation .reputation__actions>.btn--author {
    padding: 0 16px;
    height: 50px
}

.author__reputation .reputation__actions--no-data {
    border: 0
}

.author:after {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #e6e7eb;
    right: -100%;
    left: -100%
}

.dv {
    position: relative;
    width: 750px;
    height: 526px;
    z-index: 3
}

.dv__slide {
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: visibility .3s, opacity .3s;
    position: absolute
}

.dv__slide.is-active {
    opacity: 1;
    visibility: visible
}

.dv__item {
    position: absolute;
    opacity: 0;
    will-change: transform, opacity
}

.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__illustration {
    position: absolute;
    left: 200px;
    z-index: 1;
    top: 0;
    margin: -32px 0 0
}

.dv-size {
    display: none;
    border-radius: 3px
}

[class*=dv__item--left],
[class*=dv__item--right] {
    z-index: 10;
    background: #fff;
    width: 220px;
    height: auto;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08)
}

@media (max-width:1011px) {

    [class*=dv__item--left],
    [class*=dv__item--right] {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

[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--control-panel [class*=dv__item--right] {
    right: -96px
}

.dv--control-panel [class*=dv__item--left] {
    left: -96px
}

.dv--single {
    margin: 0 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: 142px;
    left: -112px;
    width: 192px;
    border-radius: 12px
}

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

.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: #142149;
    font-weight: 500
}

.dv--custom-iso .dv__item--right-1 {
    top: 116px;
    height: 176px;
    width: 273px
}

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

.browsers {
    position: relative;
    max-width: 750px;
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px
}

@media (max-width:1011px) {
    .browsers {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .browsers {
        height: 100%;
        width: 750px
    }
}

.browsers__bar {
    height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 16px
}

.browsers__dot {
    background: #8692b0;
    width: 8px;
    min-width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 100px
}

.browsers__app {
    position: absolute;
    left: 108px;
    right: 46px;
    border: 1px solid #007bfc;
    top: 96px;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.browsers__app-title {
    font-size: 21px;
    font-weight: 500;
    line-height: 28px;
    color: #142149;
    margin-top: 12px
}

@media (max-width:1231px) {
    .browsers__app-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width:1011px) {
    .browsers__app-title {
        font-size: 19px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width:751px) {
    .browsers__app-title {
        font-size: 17px;
        font-weight: 500;
        line-height: 24px
    }
}

.browsers__app-check {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    overflow: hidden
}

.browsers__app-check:after {
    content: "";
    position: absolute;
    top: -13px;
    right: -19px;
    transform: rotate(45deg);
    background: #007bfc;
    width: 140%;
    height: 100%
}

.browsers__app-icon {
    width: 96px;
    height: 96px
}

.browsers__app-icon svg {
    width: 100%;
    height: 100%
}

.browsers__floating {
    position: absolute;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08)
}

@media (max-width:1011px) {
    .browsers__floating {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.browsers--md {
    max-width: 728px
}

.browsers--sm {
    max-width: 582px;
    margin: 0 auto
}

.browsers--sm .browsers__bar {
    height: 24px;
    padding: 0 8px
}

.browsers--sm .browsers__dot {
    width: 6px;
    height: 6px;
    min-width: 6px;
    margin-right: 4px
}

.browsers--deploy-snapshot .browsers__floating {
    top: 76px;
    right: -32px;
    width: 268px
}

.browsers--apps .browsers__screen {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 378px
}

.browsers--apps .browsers__screen .app-icon {
    height: 168px;
    width: 168px
}

.browsers--apps .browsers__screen .icon-deploy-circle {
    position: absolute;
    height: 254px;
    width: 254px
}

@media (min-width:1012px) {
    .dv__slide.is-animated {
        transition: none
    }

    .dv__slide.is-animated .dv__item {
        transition: 0;
        opacity: 0;
        transition: none
    }

    .dv.is-animated {
        transition: none
    }

    .dv.is-animated .dv__item {
        opacity: 0;
        transition: none
    }

    .browsers.is-animated {
        opacity: 0
    }
}

@media (max-width:1011px) {
    .dv {
        width: 100%;
        height: 493px;
        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
    }

    .browsers {
        width: 100%
    }

    .browsers__app {
        left: 98px;
        right: 39px;
        top: 91px;
        height: 188px
    }
}

@media (max-width:751px) {
    .dv {
        height: auto
    }

    .dv,
    .dv__slide {
        position: absolute;
        top: 0
    }

    .dv__slide {
        left: 0;
        right: 0;
        bottom: 0
    }

    .dv__item--left-1,
    .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
    }

    .browsers {
        height: auto
    }

    .browsers__app {
        left: 14%;
        right: 6%;
        top: 21%;
        height: auto;
        bottom: 37%
    }

    .browsers__app-icon {
        width: 32px;
        height: 32px
    }

    .browsers__floating {
        display: none
    }
}

@media (max-width:513px) {
    .dv-size {
        margin-top: 24px
    }

    .browsers__bar {
        height: 24px;
        padding: 0 8px
    }

    .browsers__dot {
        height: 6px;
        width: 6px;
        min-width: 6px;
        margin-right: 3px
    }
}

.scroll-up .section__nav--sticky-marketplace.is-sticky .inner-wrapper-sticky:not(.is-static) {
    top: 80px !important;
    transition: top .3s;
    margin-bottom: -200px
}

.section {
    position: relative;
    padding: 120px 0;
    z-index: 2;
    border-bottom: 1px solid #edeef2
}

.section__desc,
.section__title {
    max-width: 750px;
    margin: 0 auto
}

.section__title {
    text-align: center;
    margin-top: -8px;
    margin-bottom: 72px
}

.section__title--lg {
    max-width: 790px
}

.section__title .tm-sign {
    font-size: 70%;
    vertical-align: top;
    line-height: 1;
    position: relative;
    top: 6px
}

.section__title.h3,
h3.section__title {
    margin-bottom: 40px
}

.section__title.h3+.section__desc,
h3.section__title+.section__desc {
    margin-top: -8px;
    font-size: 19px;
    line-height: 32px
}

.section__title.h3+ul.section__desc,
h3.section__title+ul.section__desc {
    width: 100%;
    text-align: left
}

.section__title.h3+ul.section__desc li:before,
h3.section__title+ul.section__desc li:before {
    background: #007bfc
}

.section__price {
    margin-top: -40px;
    font-size: 21px;
    font-weight: 500;
    color: #007bfc
}

.section__price-cycle {
    font-size: 17px;
    font-weight: 300
}

.section__price+.section__desc {
    margin-top: 16px;
    font-size: 19px;
    line-height: 32px
}

.section__use-cases {
    padding: 16px 24px;
    border: 1px solid #e6e7eb;
    border-radius: 3px
}

.section__use-cases .use-cases__title {
    font-weight: 500;
    color: #007bfc;
    margin-bottom: 8px
}

.section__use-cases .use-cases__desc {
    font-weight: 400;
    margin-bottom: 0
}

.section--side-w-btn .section__actions {
    margin-top: 124px
}

@media (max-width:1011px) {
    .section--side-w-btn .section__actions {
        margin-top: 206px
    }
}

@media (max-width:751px) {
    .section--side-w-btn .section__actions {
        margin-top: 164px
    }
}

.section__desc {
    margin: -48px auto 72px;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    line-height: 40px
}

@media (max-width:1231px) {
    .section__desc {
        font-size: 22px;
        line-height: 32px
    }
}

@media (max-width:1011px) {
    .section__desc {
        font-size: 19px;
        font-weight: 300;
        line-height: 32px
    }
}

@media (max-width:751px) {
    .section__desc {
        font-size: 17px;
        line-height: 28px
    }
}

.section__desc+.section__desc {
    margin-top: 32px
}

.section__desc+.section__use-cases {
    margin-top: 24px
}

.section__desc:last-child {
    margin-bottom: 0
}

.section__desc.p-2 {
    font-size: 19px;
    line-height: 32px
}

.section__actions {
    margin-top: 72px;
    display: flex;
    justify-content: center
}

.section__actions p {
    margin-top: 24px;
    color: #292b33;
    font-size: 13px
}

.section__actions p a {
    color: #292b33;
    text-decoration: none
}

.section__actions .btn {
    min-width: 230px
}

@media (max-width:1011px) {
    .section__actions .btn.btn--on-dark:hover {
        background: #007bfc
    }
}

.section__actions+.section__illustration {
    margin-top: 72px
}

.section__packages {
    overflow: visible
}

.section__packages.packages--shape-background {
    position: relative
}

.section__packages.packages--shape-background .illustration {
    width: 1450px;
    position: absolute;
    top: 34px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    z-index: -1
}

.section__packages+.features {
    margin-top: 8px
}

.section__nav {
    margin: 32px 0 120px;
    visibility: hidden;
    display: flex;
    border-bottom: 1px solid #edeef2;
    overflow: visible;
    z-index: 100;
    position: relative
}

.section__nav .nav {
    margin: 0 auto
}

.section__nav--sticky {
    position: sticky;
    top: 0;
    transition: box-shadow .24s ease, top .24s ease;
    background: #fff
}

.section__nav--sticky+.container .section__title {
    margin-top: 80px
}

.section__nav--graphic {
    border-bottom: none
}

.section__nav--graphic .nav--tabs .nav__item {
    margin: 0 16px;
    border-radius: 3px
}

.section__nav--graphic .nav--tabs .nav__item:first-of-type {
    margin-left: 0 !important
}

.section__nav--graphic .nav--tabs .nav__item:last-of-type {
    margin-right: 0 !important
}

.section__nav--graphic .nav--tabs .nav__item.is-active {
    transition: .3s ease
}

.section__nav--graphic .nav--tabs .nav__item.is-active>.nav__link {
    color: #142149;
    background-color: #fff;
    border-color: transparent
}

.section__nav--graphic .nav--tabs .nav__item.is-active>.nav__link:hover {
    border-color: transparent
}

.section__nav--graphic .nav--tabs .nav__item.is-active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08)
}

.section__nav--graphic .nav--tabs .nav__item.is-active .nav__label {
    display: block
}

.section__nav--graphic .nav--tabs .nav__item.is-active:after {
    display: none
}

.section__nav--graphic .nav--tabs .nav__item .nav__link {
    flex-direction: column;
    padding: 24px 52px;
    border: 1px solid #e6e7eb;
    transition: .3s ease;
    border-radius: 3px;
    position: relative;
    overflow: hidden
}

.section__nav--graphic .nav--tabs .nav__item .nav__link:hover {
    border-color: #007bfc;
    color: #142149
}

.section__nav--graphic .nav--tabs .nav__item .nav__link .nav__icon {
    margin-right: 0;
    width: 156px;
    height: 156px
}

.section__nav--graphic .nav--tabs .nav__item .nav__link .nav__title {
    font-size: 19px;
    line-height: 24px;
    margin-top: 16px
}

.section__nav--graphic .nav--tabs .nav__item .nav__label {
    display: none;
    position: absolute;
    width: 52px;
    height: 48px;
    background: #007bfc;
    color: #fff;
    transform: rotate(45deg);
    right: -24px;
    top: -22px;
    transition: .3s ease
}

.section__nav--graphic .nav--tabs .nav__item .nav__label .icon {
    height: 18px;
    position: absolute;
    bottom: 4px;
    left: 14px;
    transform: rotate(-45deg)
}

.section__nav--graphic .nav--tabs .nav__item .nav__label .icon svg path {
    stroke: #fff
}

.section__locations .content-slider__item {
    margin-right: 16px
}

.section__illustration.section__illustration--basic svg {
    width: 100%
}

.section.p-b-0x {
    border-bottom: 0 !important;
    top: -60px
}

.section>.container {
    position: relative;
    z-index: 2
}

.section [class^=col] .section__title {
    text-align: left
}

.section>.container>[class*=m-w-] {
    margin: 0 auto
}

@media (min-width:1012px) {
    .section .timeline {
        position: relative
    }

    .section .timeline__item {
        padding: 48px 0
    }

    .section .timeline__item .timeline__block--left {
        padding-right: 32px
    }

    .section .timeline__item .timeline__block--right {
        padding-left: 32px
    }

    .section .timeline__item .section__title--timeline-left {
        position: relative
    }

    .section .timeline__item .section__title--timeline-left .timeline__circle {
        position: absolute;
        top: calc(50% - 6px);
        right: -36px
    }

    .section .timeline__item .section__title--timeline-left .timeline__connect {
        position: absolute;
        top: 50%;
        right: -63px;
        width: 28px;
        height: 1px;
        background: #007bfc
    }

    .section .timeline__item .section__title--timeline-right {
        position: relative
    }

    .section .timeline__item .section__title--timeline-right .timeline__circle {
        position: absolute;
        top: calc(50% - 6px);
        left: -36px
    }

    .section .timeline__item .section__title--timeline-right .timeline__connect {
        position: absolute;
        top: 50%;
        left: -64px;
        width: 29px;
        height: 1px;
        background: #007bfc
    }

    .section .timeline__item .section__block--right .illustration__shape-right--server-control {
        left: 30px !important
    }

    .section .timeline__item .section__block--right .svg-illustration {
        right: -53px !important;
        top: 19px
    }

    .section .timeline__line {
        background: #007bfc;
        position: absolute;
        width: 1px;
        height: 90%;
        left: calc(50% - 1px)
    }

    .section .timeline__circle {
        width: 13px;
        height: 13px;
        border-radius: 50%;
        border: 1px solid #007bfc;
        position: absolute
    }

    .section .timeline__circle--starting {
        bottom: 100%;
        left: -6px
    }

    .section .timeline__circle--ending {
        top: 100%;
        left: -6px
    }
}

@media (min-width:1012px) and (min-width:1012px) and (max-width:1231px) {
    .section .timeline__item .section__title--timeline-left .timeline__connect {
        right: -78px;
        width: 43px
    }

    .section .timeline__item .section__title--timeline-right .timeline__connect {
        left: -79px;
        width: 43px
    }

    .section .timeline__line {
        height: 91%
    }
}

@media (max-width:1011px) {
    .section .timeline.section--sm {
        border-top: 1px solid #edeef2 !important
    }

    .section .timeline__item:last-child {
        padding-bottom: 0
    }
}

@media (max-width:513px) {
    .section .timeline__item .section__block--illustration {
        width: 330px
    }
}

.section .resources__section:first-child {
    padding-top: 0
}

.section--borderless {
    border-bottom: 0
}

.section--marketplace-one-click-apps .section--categories-header {
    width: 100%
}

.section--marketplace-one-click-apps .section--categories-header .section__title {
    max-width: none;
    width: 100%;
    display: flex;
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between
}

.section--marketplace-one-click-apps .section--categories-header .btn {
    padding-right: 0
}

.section--sides .section__graphic {
    display: flex
}

.section--sides .section__text .section__title {
    text-align: left
}

.section__sides-content {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.section__sides-content--left .section__graphic {
    margin-right: 50px
}

.section__sides-content--left .section__text,
.section__sides-content--right .section__graphic {
    margin-left: 50px
}

.section__sides-content--right .section__text {
    margin-right: 50px
}

.section--quote .section__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 180px
}

.section--direct-connect-cloud>.container {
    padding-left: 4px;
    padding-right: 4px
}

.section--supported-databases .row--lg .col-lg-4 {
    padding: 0 16px
}

.section--supported-databases .section__illustration .illustration__left-element {
    left: -178px;
    top: -312px
}

.section--supported-databases .section__illustration .illustration__right-element {
    right: -178px;
    top: -312px
}

.section--sign-for-beta {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.section--sign-for-beta .section__desc {
    margin-bottom: 64px
}

.section--sign-for-beta .form-check .form-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px
}

.section--sign-for-beta .form .form-label {
    margin-bottom: 4px
}

.section--sign-for-beta .form .form-group {
    margin-bottom: 28px
}

.section--sm {
    border-bottom: none !important
}

.section--sm+.section:not(.section--sm) {
    border-top: 1px solid #edeef2
}

.section--block-center [class^=col] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.section--homepage-packages {
    position: relative;
    z-index: 10;
    padding-top: 0
}

.section--homepage-packages .section__title {
    display: none
}

.section--homepage-packages .section__packages {
    overflow: visible
}

.section--homepage-packages .section__packages .row {
    display: flex
}

.section--homepage-packages .section__packages .row>* {
    display: flex;
    height: auto
}

.section--register .section__title {
    margin-bottom: 40px
}

.section--register .section__actions {
    margin-top: 40px;
    flex-direction: column;
    align-items: center
}

.section--register .section__actions .input-group {
    max-width: 270px;
    width: 100%
}

.section--register .section__actions .form-control {
    min-width: 0
}

.section--register .section__actions .btn {
    padding-left: 24px;
    padding-right: 24px;
    min-width: unset
}

.section--register .section__actions p {
    margin-bottom: 0
}

.section--register-big .section__title {
    max-width: 878px
}

.section--dark {
    background: linear-gradient(90deg, #021048, #1e38a3);
    color: #fff
}

.section--dark .section__title,
.section--dark h1,
.section--dark h2,
.section--dark h3,
.section--dark h4,
.section--dark h5,
.section--dark h6 {
    color: #fff
}

.section--dark .btn {
    box-shadow: none
}

.section--addons .svg-shape--right {
    top: 0;
    width: 1732px;
    height: auto
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .section--addons .svg-shape--right {
        height: 994px
    }
}

.section--features-slider .section__dv {
    position: relative
}

.section--features-slider .section__dv .dv {
    margin-left: auto;
    margin-bottom: 48px
}

.section--features-slider .section__dv .illustration {
    position: absolute;
    left: 275px;
    z-index: 1;
    top: 0;
    margin: -32px 0 0
}

.section--features-slider .tiles {
    display: none
}

.section--features-slider .list-group {
    max-width: 572px
}

.section--news {
    border-bottom: 0 !important;
    padding-bottom: 0
}

.section--news .section__content {
    max-width: 870px;
    margin: 0 auto
}

.section--tabs .container {
    margin-top: -32px
}

.section--infrastructure .section__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: -65px;
    margin-right: -65px;
    margin-top: -32px
}

.section--infrastructure .section__logos .section__logo {
    margin-top: 32px;
    padding-right: 65px;
    padding-left: 65px
}

.section--docs-categories .section__content {
    width: 100%
}

.section--media-resources .section__content {
    max-width: 1146px;
    margin: 0 auto
}

.section.section--marketplace-tabs {
    padding-top: 0
}

.section.section--marketplace-tabs .section__nav {
    margin-top: 0;
    left: 0
}

.section--app-tabs:after {
    content: "";
    position: absolute;
    left: calc(-50vw + 50%);
    bottom: 0;
    width: 100vw;
    height: 1px;
    background: #dfe2eb
}

.section--app-tabs .section__title {
    text-align: left
}

.section--pricing-tabs .tab-content>.tab-pane {
    margin-top: -250px;
    padding-top: 250px
}

.section--simple-and-predictable {
    padding: 80px 0
}

.section--simple-and-predictable .tab-content>.tab-pane {
    margin-top: -400px;
    padding-top: 400px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    .section--developers-2 .flex-1,
    .section--developers .flex-1 {
        width: 100%;
        flex: 1 0 auto
    }
}

.section--your-brand .section__brands {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center
}

.section--your-brand .section__brand {
    position: relative
}

.section--your-brand .section__brand img {
    max-height: 375px;
    width: 100%;
    height: 100%
}

.section--your-brand .section__arrow {
    margin: 0 64px
}

.section--your-brand .section__tooltip {
    position: absolute;
    width: 120px;
    height: 40px;
    top: 89px;
    left: -70px;
    line-height: 40px;
    border-radius: 4px;
    color: #f26e16;
    background: #fff;
    text-align: center;
    z-index: 20;
    font-weight: 500;
    box-shadow: 0 8px 16px rgba(10, 14, 29, .04)
}

.section--your-brand .section__tooltip:after {
    content: "";
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 5px 7px;
    position: absolute;
    top: -7px;
    right: 14px
}

.section--your-brand .section__tooltip:before {
    position: absolute;
    background: #fff;
    content: "";
    width: 24px;
    height: 24px;
    top: -42px;
    right: 7px;
    border-radius: 100px
}

.section--your-brand .section__desc {
    font-size: 19px;
    font-weight: 300;
    line-height: 32px;
    max-width: 824px;
    margin-top: 82px
}

@media (max-width:1231px) {
    .section--your-brand .section__desc {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:1011px) {
    .section--your-brand .section__desc {
        font-size: 15px;
        line-height: 24px
    }
}

.section--became-vendor {
    padding: 85px 0 95px
}

.section--became-vendor .section__desc {
    margin-bottom: 40px;
    font-size: 21px;
    line-height: 32px
}

.section--became-vendor .section__actions {
    margin-top: 32px
}

.section--one-click-apps {
    padding-top: 0
}

.section--one-click-apps .section--categories-header .btn {
    color: hsla(0, 0%, 100%, .64);
    transition: color .3s ease
}

.section--one-click-apps .section--categories-header .btn:hover {
    color: #fff
}

.section--marketplace-embed .iframe-container {
    max-width: 768px;
    margin: auto;
    height: 500px;
    position: relative
}

.section--marketplace-embed .iframe-container__wrapper .iframe-container__top {
    width: 100%;
    height: 30px;
    background: #fff;
    border: 1px solid #fff;
    position: absolute;
    left: -2px;
    top: -6px;
    box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .04), 0 32px 102px 0 rgba(10, 14, 29, .16);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    padding: 10px 12px
}

.section--marketplace-embed .iframe-container__wrapper .iframe-container__top .iframe-container__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 4px;
    background: rgba(0, 0, 0, .4)
}

.section--marketplace-embed .iframe-container__wrapper iframe {
    box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .04), 0 32px 102px 0 rgba(10, 14, 29, .16);
    border: 0;
    margin-top: -300px;
    margin-left: -578px;
    overflow-y: hidden;
    -webkit-transform: scale(.4);
    -moz-transform-scale: .4
}

.section--has-lg-desc .section__desc {
    max-width: 1020px
}

.section--app-support {
    margin-top: 80px;
    max-width: 752px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 0
}

.section--marketplace-img {
    padding-bottom: 102px
}

.section--marketplace-img .dv__item.dv__item--lg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding: 40px 0;
    text-align: center;
    width: 280px;
    min-height: 280px
}

.section--marketplace-img .dv__item.dv__item--lg .dv__item--icon {
    margin: auto;
    padding-bottom: 20px
}

.section--marketplace-img .dv__item.dv__item--lg .dv__item--text {
    font-size: 17px;
    font-weight: 500
}

.section--marketplace-img .dv__item.dv__item--sm {
    display: flex;
    flex-direction: column;
    padding: 40px 0;
    text-align: center;
    width: 200px
}

.section--marketplace-img .dv__item.dv__item--sm .dv__item--icon {
    margin: auto;
    padding-bottom: 20px
}

.section--marketplace-img .dv__item.dv__item--sm .dv__item--icon svg {
    width: 56px;
    height: 56px
}

.section--marketplace-img .dv__item.dv__item--sm .dv__item--text {
    font-size: 15px;
    font-weight: 300
}

.section__nav--sticky-marketplace {
    justify-content: center;
    background: #fff
}

.section__nav--sticky-marketplace:not(.is-sticky) {
    margin-bottom: 0 !important
}

.section__nav--sticky-marketplace .inner-wrapper-sticky {
    display: flex
}

.section__nav--sticky-marketplace.is-sticky {
    margin-bottom: 120px
}

.section__nav--sticky-marketplace.is-sticky .inner-wrapper-sticky {
    margin-bottom: -120px;
    background: #fff;
    border-bottom: 1px solid #edeef2
}

.section__nav--sticky-marketplace.is-sticky .inner-wrapper-sticky .nav__link {
    padding: 16px 24px
}

.section--client-case-study a {
    text-decoration: none
}

.section--client-case-study b {
    color: #142149
}

.section--client-case-study .section__content ul li {
    margin-bottom: 16px;
    padding-left: 32px;
    position: relative
}

.section--client-case-study .section__content ul li:before {
    content: "";
    position: absolute;
    left: 14px;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #8692b0
}

.section--client-case-study .partners-testimonials {
    margin-top: 48px;
    margin-bottom: 32px
}

.section--client-case-study .partners-testimonials h2 {
    margin-bottom: 36px
}

.section--client-case-study .btn {
    width: 230px
}

.section--user-story {
    margin-top: 56px
}

.section--user-story .box__content p+p {
    margin-top: 32px
}

.section--user-story .box__content ul ul li:before {
    width: 8px;
    height: 3px;
    border-radius: 1px;
    background-color: #d2d6e4
}

.section--user-story .box__content ul li {
    margin-bottom: 8px;
    padding-left: 0;
    position: relative
}

.section--user-story .box__content ul li:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #8692b0
}

.section--user-story .box__content ol,
.section--user-story .box__content ul {
    padding: 0 0 0 16px;
    margin: 0 0 32px
}

.section--user-story .box__content ol li,
.section--user-story .box__content ul li {
    margin-bottom: 4px
}

.section--user-story .box__content ol ol,
.section--user-story .box__content ol ul,
.section--user-story .box__content ul ol,
.section--user-story .box__content ul ul {
    padding-left: 40px;
    margin: 0
}

.section--user-story .box__content h3 {
    margin: 56px 0 40px !important
}

.section--user-story .box__content h2 {
    margin-bottom: 48px !important
}

.section--user-story .box__content .btn+p {
    margin-top: 32px
}

.section--promo-tabs .tab-pane {
    max-width: 1155px;
    margin: auto
}

.section--promo-tabs .section__illustration {
    top: 340px
}

.section--promo-tabs .section__title svg {
    width: 280px;
    margin: auto
}

.section--promo-tabs .section__nav {
    margin-bottom: 0;
    border: 0
}

.section--promo-tabs .pt {
    position: relative
}

.section--promo-tabs .pt:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: -10
}

.section--footer-dark {
    background: linear-gradient(90deg, #142149, #233ba2);
    border-bottom: 1px solid rgba(229, 235, 255, .08)
}

.section--locations-competitor.section--locations .section__content {
    height: 660px
}

.section--seo-page {
    margin: auto;
    max-width: 1020px
}

.section--seo-page .box__content {
    display: flex;
    flex-direction: column
}

.section--seo-page .box a {
    text-decoration: none
}

.section--seo-page .box h3 {
    color: #007bfc
}

.section--seo-page .box .btn {
    margin-left: auto;
    margin-right: auto;
    width: 230px;
    margin-top: 24px
}

.section--partners-slider {
    padding-bottom: 0;
    margin-bottom: -49px;
    border-bottom: none
}

.section--partners-slider .section__title {
    margin-bottom: 0
}

.section--steps {
    padding-top: 0;
    margin-top: -420px
}

.section--steps .section__title {
    color: #fff
}

.section--tiles .tiles .is-active .tile {
    background-color: #fff;
    border-color: transparent
}

.section--tiles .tiles .is-active .tile:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08)
}

.section--tiles .widget {
    margin-bottom: 0
}

.section--tiles .widget__body {
    border: none;
    padding: 48px;
    bottom: unset;
    left: unset
}

.section--tiles .widget__body:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 8px 24px rgba(10, 14, 29, .04), 0 16px 88px rgba(10, 14, 29, .12)
}

.section--tiles .widget__body.is-active {
    display: flex
}

.section--tiles .widget__desc {
    color: #525666
}

.section--tiles .widget__content {
    flex-grow: 1
}

.section--tiles .content-slider {
    overflow: visible
}

.section--tiles .content-slider--tiles {
    max-width: 100% !important;
    align-items: normal;
    margin-top: 56px;
    padding-top: 0;
    padding-bottom: 0
}

.section--tiles .content-slider--tiles .content-slider__wrapper {
    flex-wrap: wrap;
    width: 46%;
    margin-left: -24px;
    height: auto !important
}

.section--tiles .content-slider--tiles .content-slider__wrapper .content-slider__item {
    flex-basis: 47%;
    max-width: 47%
}

.section--tiles .content-slider--tiles .content-slider__wrapper .content-slider__item:nth-child(odd) {
    margin-right: 32px
}

.section--tiles .content-slider--tiles .content-slider__wrapper .content-slider__item.filtr-item--full {
    flex-basis: 100%;
    max-width: 100%;
    margin: 0 !important
}

.section--tiles .content-slider--tiles .content-slider__wrapper .content-slider__item.filtr-item--half {
    flex-basis: 100%;
    max-width: 100%
}

.section--tiles .content-slider--tiles .content-slider__wrapper .shuffle-item--hidden {
    display: none
}

.section--tiles .content-slider--tiles .nav--tabs .content-slider__item {
    margin-bottom: 32px;
    transform: unset !important;
    position: relative !important
}

.section--tiles .content-slider--tiles .nav--tabs .content-slider__item:last-child,
.section--tiles .content-slider--tiles .nav--tabs .content-slider__item:nth-last-child(2) {
    margin-bottom: 0
}

.section--tiles .content-slider--tiles .widget {
    width: 50%;
    max-width: 636px;
    margin-left: auto;
    padding: 0;
    align-self: stretch
}

.section--tiles .content-slider--tiles .widget__content {
    padding: 0
}

.section--tiles .content-slider--tiles .widget__desc {
    margin-bottom: 0
}

.section--tiles .content-slider--tiles .widget__desc+.widget__desc {
    margin-top: 24px
}

.section--tiles .content-slider--tiles .widget__actions {
    margin-top: 32px
}

.section--tiles .content-slider--tiles .widget__title {
    margin-bottom: 32px
}

.section--tiles .content-slider--tiles .nav__link {
    padding: 0;
    align-items: flex-start
}

.section--tiles .content-slider--tiles .nav__item.is-active:after {
    content: unset
}

.section--tiles .content-slider--tiles .nav__item.is-active .tile {
    background-color: #fff;
    border-color: transparent
}

.section--tiles .content-slider--tiles .nav__item.is-active .tile:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08)
}

.section__categories .nav__item .nav__link {
    color: #142149 !important;
    transition: color .3s ease
}

.section__categories .nav__item.is-active .nav__link,
.section__categories .nav__item:hover .nav__link {
    color: #007bfc !important
}

.section--story {
    border-bottom: 0
}

.section--story .section__actions .btn {
    margin-left: 0 !important
}

.section--story .section__block {
    max-width: 590px;
    margin-right: 0
}

.section--story .section__block .section__title {
    font-weight: 500;
    margin-bottom: 24px
}

.section--story .section__block .section__subtitle {
    font-size: 19px;
    font-weight: 300;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 24px
}

@media (max-width:1231px) {
    .section--story .section__block .section__subtitle {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:1011px) {
    .section--story .section__block .section__subtitle {
        font-size: 15px;
        line-height: 24px
    }
}

.section--story .section__block .section__desc {
    margin-top: 0;
    font-size: 17px;
    line-height: 28px
}

.section--story .section__block .section__desc+.section__desc {
    margin-top: 16px
}

.section--story .section__block .section__icon {
    color: #007bfc;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 8px
}

@media (max-width:1011px) {
    .section--story .section__block .section__icon {
        font-size: 12px
    }
}

@media (max-width:751px) {
    .section--story .section__block .section__icon {
        font-size: 12px
    }
}

.section--story .section__block .section__icon img {
    margin-left: 8px
}

.section--story .section__block .section__actions {
    margin-top: 48px !important
}

.section--story .section__image {
    position: relative
}

.section--story .section__image img {
    border-radius: 5px
}

.section--story .section__floating-box {
    padding: 24px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 24px;
    bottom: 24px;
    border-radius: 6px
}

.section--story .section__floating-box svg {
    height: 28px;
    width: auto;
    margin-right: 12px
}

.section--story .section__floating-box .svg-logo__text {
    color: #007bfc
}

.section--story .section__floating-box .svg-logo path {
    fill: #007bfc
}

.section.section--saas-quote .section__illustration .illustration__left-element,
.section.section--saas-quote .section__illustration .illustration__right-element {
    top: -400px
}

.section.section--aws-quote .section__illustration .illustration__left-element,
.section.section--aws-quote .section__illustration .illustration__right-element {
    top: -300px
}

.section.section--saas-bottom .section__illustration {
    z-index: -1
}

.section.section--saas-bottom .section__illustration .illustration__left-element,
.section.section--saas-bottom .section__illustration .illustration__right-element {
    top: -565px
}

.section.section--saas-bottom .section__illustration .illustration__right-element {
    right: -35px
}

.section.section--saas-bottom .section__illustration .illustration__left-element {
    left: -35px
}

.section.section--saas-bottom .section__desc a {
    text-decoration: none
}

.section.section--border-bottom {
    border-bottom: 1px solid #edeef2
}

.section.section--overflow {
    margin-top: 0;
    overflow-x: auto;
    overflow-y: visible;
    max-width: 100vw;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 64px
}

.section.section--overflow.section--overflow-b-0 {
    padding-bottom: 48px;
    margin-bottom: -48px;
    border-bottom: none
}

@media (min-width:1232px) {
    .section--article .container {
        max-width: 1020px
    }

    .section--client-case-study h3.h3 {
        margin-top: 72px
    }

    .section--client-case-study h3+p {
        margin-top: 40px
    }

    .section--client-case-study h2:first-child {
        margin-bottom: 72px
    }

    .section--client-case-study p+.btn {
        margin-top: 24px
    }

    .section--client-case-study .btn+h3,
    .section--client-case-study .btn+h4 {
        margin-top: 72px
    }

    .section--promo-tabs .nav--tabs .content-slider__item .nav__link {
        padding: 32px 38px
    }

    .section--promo-desc .section__desc {
        font-size: 21px;
        line-height: 32px
    }
}

@media (min-width:1012px) {
    .section__desc+.section__actions {
        margin-top: -32px
    }

    .section__block {
        max-width: 512px;
        width: 100%;
        min-height: 430px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .section__block .section__title {
        margin-left: 0;
        margin-right: 0
    }

    .section__block .section__desc {
        margin-bottom: 0;
        text-align: left
    }

    .section__block .section__desc+.section__actions {
        margin-top: 16px
    }

    .section__block .section__desc+.section__desc {
        margin-top: 32px
    }

    .section__block .section__desc+.section__title {
        margin-top: 48px
    }

    .section__block .section__actions {
        justify-content: flex-start
    }

    .section__block .section__actions .btn {
        margin-left: -24px;
        min-width: unset
    }

    .section__block--center {
        margin-left: auto;
        margin-right: auto
    }

    .section__block--right {
        margin-right: unset;
        margin-left: auto
    }

    .section__block--browsers {
        max-width: 582px;
        min-height: unset;
        position: relative
    }

    .section__block--browsers .browsers {
        opacity: 0;
        width: 100%;
        max-width: 582px
    }

    .section__block .svg-illustration {
        height: 432px
    }

    .section--sm+.section--sm {
        padding-top: 0
    }

    .section--sm .section__content {
        max-width: 1150px;
        margin: 0 auto
    }

    .section--sm.section--full .section__content {
        max-width: unset
    }

    .section--sm.has-shape--lg {
        padding-bottom: 96px
    }

    .section--apps-packages .section__packages .content-slider__wrapper,
    .section--homepage-packages .section__packages .content-slider__wrapper {
        transform: none !important
    }

    .section--apps-packages .content-slider-pagination-bullets,
    .section--homepage-packages .content-slider-pagination-bullets {
        display: none
    }

    .section--resources .section__content>.row {
        margin: 0 auto;
        max-width: 1096px
    }

    .section--resources .section__content .tiles {
        height: calc(100% + 24px)
    }

    .section--resources .section__content .tiles>* {
        display: flex
    }

    .section--faq .section__content>.row {
        align-items: stretch;
        max-width: 1096px
    }

    .section--faq .section__content .tiles {
        display: flex;
        height: auto;
        flex-direction: column
    }

    .section--faq .section__content .tiles>* {
        flex: 1 0 auto
    }

    .section--locations {
        border-bottom: 0
    }

    .section--locations .section__content {
        margin-top: -8px;
        height: 550px
    }

    .section--locations .section__actions {
        margin-top: -56px
    }

    .section--register {
        padding: 80px 0
    }

    .section--developers .section__content {
        max-width: 750px;
        margin: 0 auto
    }

    .section--developers .section__title {
        text-align: left;
        margin-bottom: 32px
    }

    .section--developers .row+.section__title {
        margin-top: 56px
    }

    .section--legal .block__sidebar {
        display: flex
    }

    .section--quote {
        padding-bottom: 0 !important;
        border-bottom: 0
    }

    .section--register-big {
        padding-top: 0 !important
    }
}

@media (min-width:752px) {

    .section__title.h3+.section__desc li,
    ulh3.section__title+.section__desc li {
        padding: 4px 0 4px 32px
    }

    .section__title.h3+.section__desc li:before,
    ulh3.section__title+.section__desc li:before {
        width: 8px;
        height: 8px;
        top: 16px
    }
}

@media (max-width:1399px) {
    .section--features-slider .section__dv .dv {
        margin-left: 85px
    }

    .section--tiles .content-slider--tiles .content-slider__wrapper .content-slider__item:nth-child(odd) {
        margin-right: 24px
    }
}

@media (max-width:1231px) {
    .section {
        padding: 100px 0
    }

    .section__nav {
        margin-bottom: 100px
    }

    .section--md {
        padding: 40px 0
    }

    .section--homepage-packages {
        padding-top: 0
    }

    .section--client-case-study .section__content .btn {
        margin-top: 16px
    }

    .section--tiles .content-slider--tiles {
        flex-direction: column;
        padding: 0
    }

    .section--tiles .content-slider--tiles .content-slider__wrapper {
        flex-wrap: nowrap;
        width: 100%;
        margin-bottom: 40px
    }

    .section--tiles .content-slider--tiles .content-slider__item {
        margin-bottom: 0 !important;
        margin-right: 24px !important;
        flex-basis: 350px !important;
        max-width: 350px !important
    }

    .section--tiles .content-slider--tiles .widget {
        margin-right: auto;
        width: 100%;
        max-width: unset;
        margin-left: 0
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .section--sm .section__block:not(.illustration) {
        max-width: 392px
    }

    .section--infrastructure .section__logo {
        width: 50%
    }

    .section--infrastructure .section__logo img {
        display: flex;
        margin: 0 auto
    }
}

@media (max-width:1011px) {
    .scroll-up .section__nav--sticky-marketplace.is-sticky .inner-wrapper-sticky:not(.is-static) {
        top: 60px !important;
        margin-bottom: -140px
    }

    .section {
        padding: 88px 0
    }

    .section__nav {
        margin-bottom: 88px
    }

    .section__title {
        margin-bottom: 40px
    }

    .section__desc,
    .section__title.h3+.section__desc,
    .section h3.section__title+.section__desc {
        font-size: 19px;
        line-height: 32px;
        margin: -24px auto 40px
    }

    .section__actions {
        margin-top: 40px
    }

    .section__actions .btn {
        min-width: 200px
    }

    .section__block .section__actions {
        margin-top: 16px
    }

    .section__block .section__actions .btn--link {
        margin-top: -32px
    }

    .section [class^=col] .section__title {
        text-align: center
    }

    .section__block .section__actions {
        margin-bottom: 40px
    }

    .section__illustration.section__illustration--basic svg {
        height: 100%
    }

    .section__price {
        text-align: center
    }

    .section__desc+.section__use-cases {
        margin-top: -16px;
        margin-bottom: 40px
    }

    .section--borderless-md {
        border-bottom: 0 !important
    }

    .section--homepage-packages,
    .section--locations+.section--apps-packages {
        padding-top: 0 !important
    }

    .section--apps-packages .content-slider__item,
    .section--homepage-packages .content-slider__item {
        min-width: 45%
    }

    .section--features+.section--dark-md {
        margin-top: -142px
    }

    .section--dark-md {
        padding-top: 342px;
        margin: -254px 0 56px;
        z-index: 1;
        background: linear-gradient(90deg, #021048, #1e38a3);
        color: #fff
    }

    .section--dark-md .section__desc {
        opacity: .8;
        color: #e5ebff
    }

    .section--dark-md .section__title {
        color: #fff
    }

    .section--dark-md .section__price {
        color: #e5ebff
    }

    .section--dark-md .section__use-cases {
        border-color: rgba(223, 226, 235, .32)
    }

    .section--dark-md .section__use-cases .use-cases__title {
        color: #fff
    }

    .section--dark-md .section__use-cases .use-cases__desc {
        color: #e5ebff;
        opacity: .8
    }

    .section--dark-md .section__dv {
        margin-top: 32px
    }

    .section--dark-md .section__dv .dv {
        margin-left: auto
    }

    .section--dark-md .section__dv .dv__size {
        margin-top: 0
    }

    .section--dark-md:after,
    .section--dark-md:before {
        display: block;
        position: absolute;
        background-position: 50%;
        background-repeat: no-repeat;
        height: 254px;
        width: 1012px;
        z-index: 1;
        background-size: cover;
        left: 50%;
        transform: translateX(-50%);
        right: 0;
        content: ""
    }

    .section--dark-md:before {
        top: -2px;
        background-image: url(../svg/mobile-shape-top.svg)
    }

    .section--dark-md:after {
        bottom: -2px;
        background-image: url(../svg/mobile-shape-bottom.svg)
    }

    .section--dark-md .illustration {
        margin-bottom: -166px
    }

    .section--dark-md .illustration--sm {
        margin-bottom: -200px
    }

    .section--dark-md .illustration--high-frequency .illustration__left-element,
    .section--dark-md .illustration--high-frequency .illustration__right-element {
        top: -67px
    }

    .section--dark-md .illustration--high-frequency .illustration__center-element {
        bottom: -23px
    }

    .section--dark-md .tiles {
        display: flex;
        margin-bottom: 24px
    }

    .section--dark-md .list-group {
        max-width: unset
    }

    .section--dark-md .list-group__item {
        color: #fff;
        border-color: rgba(237, 238, 242, .16)
    }

    .section--dark-md .list-group__item:last-child {
        margin-bottom: 0
    }

    .section--dark-md .list-group__item.is-active,
    .section--dark-md .list-group__item:hover {
        border-color: rgba(237, 238, 242, .32);
        background: none;
        box-shadow: none
    }

    .section--dark-md .list-group__item.is-active .top__title,
    .section--dark-md .list-group__item:hover .top__title {
        color: #fff
    }

    .section--dark-md .list-group__item.is-active {
        display: flex
    }

    .section--dark-md .list-group__content {
        padding-top: 16px;
        color: rgba(229, 235, 255, .8)
    }

    .section--dark-md .list-group__content p {
        color: rgba(229, 235, 255, .8)
    }

    .section--dark-md .list-group .top__title {
        color: #fff;
        font-weight: 500
    }

    .section--dark-md.section--addons .list-group__item {
        display: none;
        border-radius: 4px;
        padding: 24px 24px 13px;
        margin: 0
    }

    .section--dark-md.section--addons .list-group__item:before {
        content: unset
    }

    .section--dark-md.section--addons .list-group__item.is-active {
        display: block
    }

    .section--dark-md.section--addons .list-group__content {
        display: block !important
    }

    .section--dark-md.section--addons .list-group .top__icon {
        display: none
    }

    .section--dark-md.section--addons .list-group .top__title {
        margin-left: 0
    }

    .section--dark-md .btn {
        color: #fff;
        border-color: rgba(223, 226, 235, .32)
    }

    .section--dark-md .btn.drop-enabled,
    .section--dark-md .btn.is-active,
    .section--dark-md .btn:active,
    .section--dark-md .btn:focus,
    .section--dark-md .btn:hover {
        color: #fff;
        background: transparent;
        border-color: rgba(223, 226, 235, .64)
    }

    .section--dark-md .text-primary {
        color: #fff !important
    }

    .section--dark-md .text-faded {
        color: #e5ebff !important
    }

    .section--slider .screens-slider .section__shape-center {
        display: none
    }

    .section--news .widget {
        margin-bottom: 26px
    }

    .section--news+.section {
        padding-top: 40px
    }

    .section--resources .tiles {
        margin-top: 24px
    }

    .section--faq .section__content .tiles {
        display: flex;
        margin-top: 20px
    }

    .section--faq .section__content .tiles .tile {
        margin-top: 0
    }

    .section--faq .section__content .tiles .tile:last-child {
        margin-left: 16px
    }

    .section--register .section {
        padding: 56px
    }

    .section--register .section__title {
        margin-bottom: 0
    }

    .section--register .section__actions {
        margin-top: 32px
    }

    .section--benchmark .rail {
        margin-bottom: 24px;
        justify-content: center
    }

    .section--benchmark .rail>*+* {
        margin-left: 32px
    }

    .section--benchmark.section--dark-md .speedometer__arrow {
        fill: #fff;
        stroke: #fff
    }

    .section--benchmark.section--dark-md .speedometer__speed {
        stroke: #fff
    }

    .section--benchmark.section--dark-md .speedometer__max-speed {
        stroke: rgba(229, 235, 255, .16)
    }

    .section--benchmark.section--dark-md .partners-testimonials .partner__position,
    .section--benchmark.section--dark-md .partners-testimonials h2 {
        color: #fff
    }

    .section--sm+.section:not(.section--sm),
    .section:not(.section--sm)+.section--sm {
        margin-top: 0
    }

    .section--dark-md+.section:not(.section--sm) {
        border-top: 0
    }

    .section--resources-list {
        padding-bottom: 0
    }

    .section--resources-list+.section--resources-list {
        padding-top: 0
    }

    .section--resources-list [class^=col] .section__title {
        text-align: left
    }

    .section--developers-2 .section__title,
    .section--developers .section__title {
        text-align: center;
        align-self: center
    }

    .section--developers-2 .features,
    .section--developers .features {
        margin-bottom: 64px
    }

    .section--your-brand .section__desc {
        margin-top: 32px
    }

    .section--your-brand .section__brands {
        display: flex;
        flex-direction: column
    }

    .section--your-brand .section__arrow {
        transform: rotate(90deg);
        margin: 32px 0
    }

    .section--marketplace-embed .iframe-container {
        max-width: 768px;
        height: 500px
    }

    .section--marketplace-embed .iframe-container__wrapper width .iframe-container__top iframe {
        margin-top: -380px;
        margin-left: -570px;
        -webkit-transform: scale(.3);
        -moz-transform-scale: .3
    }

    .section--locations-competitor {
        padding-bottom: 0 !important
    }

    .section--locations-competitor .section__content {
        display: none
    }

    .section--promo-tabs .tab-content {
        margin-top: 16px
    }

    .section--user-story .box {
        box-shadow: none
    }

    .section--user-story .box__content {
        order: 2
    }

    .section--story .section__floating-box {
        padding: 12px 18px;
        bottom: 18px;
        left: 0;
        right: 0;
        width: 285px;
        margin: auto
    }

    .section--story .section__floating-box .svg-logo {
        height: 24px
    }

    .section--story .section__block {
        margin-top: 48px
    }

    .section--story .section__block .section__desc {
        text-align: left;
        margin-bottom: 0
    }

    .section--story .section__block .section__desc:first-of-type {
        margin-top: 24px
    }

    .section--story .section__block .section__subtitle {
        font-size: 24px;
        font-weight: 300;
        line-height: 40px;
        font-weight: 400 !important;
        margin-bottom: 0
    }
}

@media (max-width:1011px) and (max-width:1231px) {
    .section--story .section__block .section__subtitle {
        font-size: 22px;
        line-height: 32px
    }
}

@media (max-width:1011px) and (max-width:1011px) {
    .section--story .section__block .section__subtitle {
        font-size: 19px;
        font-weight: 300;
        line-height: 32px
    }
}

@media (max-width:1011px) and (max-width:751px) {
    .section--story .section__block .section__subtitle {
        font-size: 17px;
        line-height: 28px
    }
}

@media (max-width:1011px) {
    .section--story .section__block .section__actions {
        margin-top: 24px !important
    }

    .section--story .section__block .section__title {
        text-align: left
    }

    .section--managed-databases-features {
        padding-bottom: 0 !important
    }
}

@media (max-width:751px) {
    .section {
        padding: 64px 0
    }

    .section__nav {
        margin-bottom: 64px
    }

    .section__desc,
    .section__title.h3+.section__desc,
    .section h3.section__title+.section__desc {
        font-size: 17px;
        line-height: 28px
    }

    .section__actions {
        margin-top: 32px
    }

    .section__actions+.section__illustration {
        margin-top: 64px
    }

    .section--apps-packages,
    .section--homepage-packages {
        margin-top: 0
    }

    .section--apps-packages .section__title,
    .section--homepage-packages .section__title {
        display: block
    }

    .section--apps-packages .content-slider__item,
    .section--homepage-packages .content-slider__item {
        min-width: 92%
    }

    .section--dark-md {
        padding-top: 256px;
        margin-top: -194px
    }

    .section--dark-md:after,
    .section--dark-md:before {
        height: 195px;
        width: 768px
    }

    .section--dark-md .browsers,
    .section--dark-md .illustration {
        margin-bottom: -124px
    }

    .section--dark-md .illustration--sm {
        margin-bottom: -154px
    }

    .section--features-slider .list-group__item {
        padding: 16px 20px;
        border-radius: 4px
    }

    .section--features-slider .list-group__item:before {
        top: 24px;
        left: -15px
    }

    .section--features-slider .list-group__item:not(:last-of-type) {
        margin-bottom: 8px
    }

    .section--features-slider .list-group .top__icon {
        display: none
    }

    .section--features-slider .list-group .top__title {
        margin-left: 0
    }

    .section--register .section {
        padding: 48px
    }

    .section--register .section__title {
        margin-bottom: 0
    }

    .section--register .section__actions {
        margin-top: 24px
    }

    .section--tabs .section__actions {
        display: none
    }

    .section--resources-list {
        padding-bottom: 0
    }

    .section--resources-list+.section--resources-list {
        padding-top: 0
    }

    .section .illustration--high-frequency .illustration__left-element,
    .section .illustration--high-frequency .illustration__right-element {
        top: -41px
    }

    .section .illustration--high-frequency .illustration__left-element {
        left: 52px
    }

    .section .illustration--high-frequency .illustration__right-element {
        right: 52px
    }

    .section--marketplace-embed .iframe-container {
        height: 300
    }

    .section--marketplace-embed .iframe-container .iframe-container__wrapper {
        width: 700px;
        display: flex
    }

    .section--marketplace-embed .iframe-container .iframe-container__wrapper .iframe-container__top {
        width: 278px;
        left: 213px
    }

    .section--marketplace-embed .iframe-container .iframe-container__wrapper iframe {
        margin-top: -301px;
        margin-left: 4px;
        width: 700px;
        -webkit-transform: scale(.4);
        -moz-transform-scale: .4
    }

    .section--marketplace-img .dv__item:not(.dv__item--center) {
        display: none
    }

    .section--marketplace-one-click-apps .section--categories-header .section__title {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .section--marketplace-one-click-apps .section--categories-header .btn {
        padding-left: 0
    }

    .section__nav--sticky-marketplace.is-sticky {
        margin-bottom: 80px
    }

    .section__nav--sticky-marketplace.is-sticky .inner-wrapper-sticky {
        margin-bottom: -80px
    }

    .section__nav--graphic .nav__item {
        min-width: 240px !important
    }

    .section__nav--graphic .nav__item .nav__link .nav__title {
        margin-top: 0 !important
    }

    .section__nav--graphic .nav__item .nav__link .nav__icon {
        display: block;
        width: 60px !important;
        height: 60px !important
    }

    .section--steps {
        margin-top: 0
    }

    .section--steps .section__title {
        color: #142149
    }

    .section--tiles .section__categories {
        margin-top: 0
    }

    .section--tiles .content-slider--tiles {
        margin-top: 40px
    }

    .section--tiles .content-slider--tiles .content-slider__wrapper .content-slider__item {
        flex-basis: 144px !important
    }

    .section--tiles .widget__body {
        padding: 24px
    }

    .section--tiles .widget__actions .btn {
        width: 100%
    }

    .section--register-big form {
        flex-direction: column
    }

    .section--register-big form>* {
        margin-left: 0
    }

    .section--register-big form>*+* {
        margin-top: 16px
    }

    .section--register-big form .btn {
        min-width: 200px
    }

    .section--user-story {
        padding-bottom: 36px !important
    }

    .section.section--solutions-table .section__content .row>div:not(:first-child) {
        margin-top: 50px
    }
}

@media (max-width:513px) {
    .section--categories-header {
        flex-direction: column
    }

    .section--marketplace-embed .iframe-container {
        width: 0;
        margin: 0;
        height: 500px
    }

    .section--marketplace-embed .iframe-container .iframe-container__wrapper .iframe-container__top {
        left: -136px
    }

    .section--marketplace-embed .iframe-container .iframe-container__wrapper iframe {
        margin-top: -301px;
        margin-left: -348px;
        width: 700px;
        -webkit-transform: scale(.4);
        -moz-transform-scale: .4
    }

    .section__nav--sticky-marketplace .inner-wrapper-sticky .content-slider__item .nav__link {
        padding: 8px 16px;
        font-size: 15px
    }

    .section--compare-aws {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

@media (max-width:1399px) {
    .section--tiles .content-slider--tiles .content-slider__wrapper {
        margin-left: 0
    }
}

.footer {
    background: linear-gradient(90deg, #142149, #233ba2);
    overflow: hidden;
    font-size: 15px;
    line-height: 24px;
    color: rgba(229, 235, 255, .56)
}

.footer>.container {
    display: flex
}

.footer__bottom {
    padding: 16px 0;
    border-top: 1px solid rgba(229, 235, 255, .08)
}

.footer__bottom .container {
    display: flex;
    justify-content: space-between
}

.footer__site-map {
    flex: 1;
    padding: 80px 0 16px
}

.footer__social-nav {
    padding: 54px 0;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.footer__social-nav p {
    margin-bottom: 0
}

.footer__social-nav .btn {
    overflow: visible;
    font-size: 14px;
    transition: .3s;
    margin-left: 8px
}

.footer__social-nav .btn .btn-hover-effect {
    display: none
}

.footer__social-nav .btn:active,
.footer__social-nav .btn:focus,
.footer__social-nav .btn:hover {
    transform: translateY(-5px);
    background: #007bfc;
    border-color: #007bfc
}

.footer__social-nav .btn:active:before,
.footer__social-nav .btn:focus:before,
.footer__social-nav .btn:hover:before {
    content: "";
    position: absolute;
    bottom: -5px;
    height: 5px;
    left: 0;
    right: 0
}

.footer__brand {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff
}

.footer__brand .brand__logo {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 24px;
    width: 80px;
    margin-right: 16px;
    margin-left: -24px
}

.footer__brand .brand__logo svg {
    overflow: visible;
    flex: 1 0 auto;
    padding-left: 1px;
    height: 40px
}

.footer__brand .brand__desc {
    color: rgba(229, 235, 255, .4);
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 0
}

@media (max-width:1011px) {
    .footer__brand .brand__desc {
        font-size: 12px
    }
}

@media (max-width:751px) {
    .footer__brand .brand__desc {
        font-size: 12px
    }
}

.footer__title {
    color: #fff
}

.footer__title[data-url] {
    cursor: pointer
}

.footer__nav .nav__item {
    min-height: auto
}

.footer__nav .nav__link {
    padding: 6px 0;
    white-space: normal;
    transition: .3s ease;
    color: rgba(229, 235, 255, .56)
}

.footer__nav .nav__link:hover {
    color: #fff
}

.footer__bottom-nav {
    margin-right: -16px
}

.footer__bottom-nav .nav__link {
    color: rgba(229, 235, 255, .56);
    transition: .3s ease
}

.footer__bottom-nav .nav__link:hover {
    color: #fff
}

.footer__socials a+a {
    margin-left: 22px
}

.footer__socials img {
    width: 27px;
    height: auto;
    opacity: .5;
    transition: opacity .3s ease
}

.footer__socials a:hover img {
    opacity: 1
}

.footer--promo {
    padding: 26px 0
}

.footer--promo .section {
    border: 0
}

.footer--promo .section__title {
    color: #fff
}

.footer--promo .footer__brand {
    justify-content: center;
    width: 100%
}

.footer--promo .footer__brand .brand__content {
    text-align: center
}

@media (max-width:1011px) {
    .footer__bottom {
        border-top: 1px solid rgba(229, 235, 255, .08);
        padding: 0
    }

    .footer__bottom .container {
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }

    .footer__bottom-nav {
        margin-left: -16px;
        padding: 10px 0
    }

    .footer__brand {
        padding: 24px 0;
        order: 2;
        position: relative;
        width: 100%;
        margin-bottom: 0
    }

    .footer__brand:before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        right: -100%;
        height: 1px;
        background: rgba(229, 235, 255, .08)
    }

    .footer__brand .brand__logo {
        display: none
    }

    .footer__brand .brand__content {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .footer--promo .footer__brand:before {
        display: none
    }

    .footer--promo .footer__brand .brand__content {
        flex-direction: column
    }
}

@media (min-width:752px) and (max-width:1011px) {
    .footer--promo .footer__brand {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (max-width:751px) {
    .footer {
        padding: 0
    }

    .footer>.container {
        flex-direction: column;
        padding: 0
    }

    .footer__site-map {
        padding: 40px 16px 0 24px
    }

    .footer__site-map .footer__nav {
        display: none
    }

    .footer__site-map .footer__nav .nav__link {
        font-size: 13px
    }

    .footer__column {
        margin-bottom: 8px
    }

    .footer__column.is-open .footer__title:before {
        color: #fff;
        transform-origin: center center;
        transform: rotate(180deg);
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZD0iTTUgN2w0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+")
    }

    .footer__column.is-open .footer__nav {
        display: block;
        margin-top: 8px
    }

    .footer__title {
        cursor: pointer;
        position: relative;
        line-height: 40px;
        margin-bottom: 0;
        height: 40px
    }

    .footer__title:before {
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZD0iTTUgN2w0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiNhM2EzYTMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+") no-repeat;
        background-position: 50%;
        background-size: 18px 18px;
        content: "";
        position: absolute;
        right: 9px;
        width: 24px;
        top: 5px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        font-size: 16px
    }

    .footer__social-nav {
        flex-direction: column;
        padding: 32px 0 40px
    }

    .footer__social-nav div {
        margin-top: 32px
    }

    .footer__social-nav p {
        text-align: center
    }

    .footer__bottom .container {
        padding: 0
    }

    .footer__bottom-nav {
        flex-direction: column;
        align-items: center;
        padding: 16px 0;
        margin: 0
    }

    .footer__bottom-nav .nav__item {
        min-height: 40px
    }

    .footer__brand {
        padding: 16px;
        justify-content: center;
        text-align: center
    }

    .footer__brand .brand__content {
        flex-direction: column
    }

    .footer__brand .brand__desc {
        margin-top: 8px
    }

    .footer__socials {
        margin-left: 0
    }
}

.features--nav,
.features--nav .feature,
.features--vertical {
    margin-top: 0
}

.features--vertical .feature {
    margin-top: 24px;
    min-height: 180px
}

.features--vertical .feature:first-child {
    margin-top: 0
}

.features [class^=col] {
    display: flex
}

.features--steps {
    justify-content: center
}

.features--steps>div {
    max-width: 310px;
    padding: 0
}

.features--steps>div+div {
    margin-left: 80px
}

.features--steps>div .btn,
.features--steps>div .form-control {
    cursor: default
}

.features--steps>div .input-group,
.features--steps>div .input-group:active,
.features--steps>div .input-group:focus,
.features--steps>div .input-group:hover {
    border-color: #d3d6e2 !important
}

.features--saas>div {
    padding-left: 16px;
    padding-right: 16px
}

.features--saas>div:first-child {
    padding-left: 12px
}

.features--saas>div:last-child {
    padding-right: 12px
}

.features--solutions>div {
    padding-left: 32px;
    padding-right: 32px
}

.features--solutions>div:first-child {
    padding-left: 12px
}

.features--solutions>div:last-child {
    padding-right: 12px
}

.feature {
    flex-direction: column;
    text-align: center;
    width: 100%
}

.feature,
.feature__icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.feature__icon {
    position: relative;
    z-index: 2;
    margin: auto
}

.feature__icon img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    margin: 0
}

.feature__icon+.feature__body {
    margin-top: 32px
}

.feature__icon svg {
    min-height: 100%;
    min-width: 100%
}

.feature__icon .mobile-icon {
    display: none;
    height: 40px;
    width: 40px
}

.feature__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%
}

.feature__body .feature__actions {
    margin-bottom: -8px
}

.feature__body+.feature__actions {
    padding-left: 16px;
    padding-right: 16px
}

.feature__body>:last-child {
    margin-bottom: 0
}

.feature__body--follow {
    border: .5px solid #e6e7eb;
    border-radius: 2px;
    font-size: .95rem
}

.feature__title {
    margin-bottom: 0;
    display: flex;
    flex-direction: column
}

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

.feature__title .subtitle {
    width: 100%;
    font-size: 17px;
    font-weight: 400
}

.feature__title--check {
    color: #888ea0;
    font-size: 13px;
    font-weight: 300
}

.feature__title--check img {
    margin-left: 8px
}

.feature__desc {
    color: #525666;
    margin-bottom: 16px
}

.feature__desc a {
    text-decoration: none
}

.feature__desc+.feature__actions {
    margin-top: auto
}

.feature__desc+.feature__actions .btn--link {
    padding: 0
}

.feature__desc--follow {
    display: flex;
    flex-direction: column;
    text-align: left
}

.feature__desc--follow>p {
    color: #a1a5b2 !important;
    padding: 2px 0
}

.feature__desc--follow>:first-child {
    font-size: 17px
}

.feature__actions {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    width: 100%
}

.feature__actions-hidden {
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.feature__actions-hidden .btn {
    height: auto
}

.feature--categories.feature--boxed .feature__body {
    padding-bottom: 0
}

.feature--categories .feature__body {
    position: relative;
    -webkit-transition: all .4s ease-out;
    transition: position .4s ease-out
}

.feature--categories .feature__body .feature__title--check {
    max-height: 100%;
    -webkit-transition: max-height .4s ease-out, opacity .4s;
    transition: max-height .4s ease-out, opacity .4s;
    opacity: 1
}

.feature--categories .feature__body .feature__title {
    margin-bottom: 8px
}

.feature--categories .feature__body .feature__desc {
    margin-bottom: 8px;
    -webkit-transition: top .4s ease-out;
    transition: top .4s ease-out
}

.feature--categories .feature__body .feature__actions,
.feature--categories .feature__body .feature__desc {
    position: relative;
    top: 0
}

.feature--categories:hover .feature__actions-hidden {
    opacity: 1
}

.feature--categories:hover .feature__actions-hidden,
.feature--categories:hover .feature__desc {
    top: -24px
}

.feature--categories:hover .feature__title--check {
    max-height: 0%;
    transition: max-height .4s ease-out, opacity .4s;
    opacity: 0
}

.feature--saas .feature__icon svg {
    min-width: 244px;
    min-height: 244px;
    max-width: 244px;
    max-height: 244px
}

.feature.feature--disabled {
    z-index: 2 !important;
    border: 1px solid #dadada
}

.feature.feature--disabled:active,
.feature.feature--disabled:focus,
.feature.feature--disabled:hover {
    border: 1px solid #dadada
}

.feature.feature--disabled:active:before,
.feature.feature--disabled:focus:before,
.feature.feature--disabled:hover:before {
    box-shadow: none !important
}

.feature--icon-left {
    flex-direction: row;
    flex: 1 0 auto;
    max-width: 100%;
    align-items: flex-start
}

.feature--icon-left .feature__icon {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 0
}

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

.feature--icon-left .feature__body {
    text-align: left
}

.feature--icon-left .feature__actions>.btn--link {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start
}

.feature--icon-left.feature--boxed {
    padding: 8px 40px 8px 48px
}

.feature--icon-left.feature--boxed .feature__body {
    padding-top: 20px;
    padding-bottom: 10px
}

.feature--boxed {
    border-radius: 3px;
    background: #fff
}

.feature--boxed .feature__icon {
    margin-top: 24px
}

.feature--boxed .feature__icon+.feature__body {
    margin-top: 0
}

.feature--boxed .feature__body {
    padding: 16px
}

.feature--boxed .feature__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px;
    width: 100%;
    position: relative
}

.feature--boxed .feature__header:after {
    content: "";
    width: calc(100% - 64px);
    position: absolute;
    height: 1px;
    background: #f2f5ff;
    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 {
    top: 0
}

.feature--boxed.feature--bordered .feature__body+.feature__actions {
    border-top: 1px solid #e6e6eb
}

.feature--boxed.feature--sm .feature__icon {
    margin-top: 16px
}

.feature--boxed.feature--sm .feature__body {
    padding: 16px
}

.feature--boxed.feature--lg .feature__icon {
    margin-top: 64px
}

.feature--boxed.feature--lg .feature__body {
    padding: 32px
}

.feature--boxed.feature--link .feature__icon i {
    color: #b1b4be
}

.feature--boxed.feature--link .feature__icon .i-circled {
    margin: 4px;
    border: 2px solid #b1b4be;
    border-radius: 100%
}

.feature--boxed.feature--link .feature__body {
    padding-left: 8px;
    padding-right: 8px
}

.feature--boxed.feature--link .feature__title {
    color: #b1b4be
}

.feature--boxed.feature--link:hover .feature__icon i {
    color: #007bfc
}

.feature--boxed.feature--link:hover .feature__icon .i-circled {
    border-color: #007bfc
}

.feature--boxed.feature--link:hover .feature__title {
    color: #007bfc
}

.feature--content-left {
    text-align: left;
    justify-content: flex-start
}

.feature--content-left .feature__icon {
    margin: 0
}

.feature--content-left .feature__actions {
    padding: 0;
    margin-top: 8px
}

.feature--content-left .feature__actions .btn {
    justify-content: flex-start;
    margin-left: -20px
}

.feature--content-left.feature--boxed {
    padding: 40px
}

.feature--content-left.feature--boxed .feature__icon+.feature__body {
    padding: 0;
    margin-top: 40px
}

.feature--bordered {
    border: 1px solid #e6e6eb
}

.feature--bordered .feature__icon {
    margin-top: 24px
}

.feature--bordered .feature__icon+.feature__body {
    margin-top: 0
}

.feature--bordered .feature__body {
    padding: 24px
}

.feature--bordered.feature--sm .feature__icon {
    margin-top: 16px
}

.feature--bordered.feature--sm .feature__body {
    padding: 16px
}

.feature--bordered.feature--lg .feature__icon {
    margin-top: 32px
}

.feature--bordered.feature--lg .feature__body {
    padding: 32px
}

.feature--bordered:hover {
    border-color: transparent
}

.feature--shadow {
    position: relative;
    top: 0
}

.feature--shadow:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    transition: box-shadow .3s ease;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px
}

@media (max-width:1011px) {
    .feature--shadow:after {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.feature--medium-icon .feature__icon {
    height: 152px;
    width: 152px;
    margin-top: 40px
}

.feature--medium-icon .feature__icon--mob .icon-sm {
    display: none
}

.feature--medium-icon .feature__icon img {
    width: 152px
}

.feature--medium-icon .feature__body {
    padding: 24px 24px 40px
}

.feature--medium-icon .feature__desc {
    margin-top: 16px
}

.feature--medium-icon .feature__actions {
    margin-bottom: -12px
}

.feature--connectivity .feature__body {
    max-width: 500px
}

.feature--has-arrow {
    position: relative
}

.feature--has-arrow .feature__arrow {
    position: absolute;
    margin: auto;
    height: 24px;
    top: 0;
    bottom: 0;
    right: -33px;
    font-size: 24px;
    color: #a1a5b2;
    pointer-events: none;
    transition: transform .3s ease
}

.feature--has-arrow.is-animated .feature__arrow {
    transition: unset
}

.feature--dismiss {
    text-align: left;
    justify-content: flex-start
}

.feature--dismiss .feature__body {
    width: 100%;
    padding: 20px 24px 24px
}

.feature--dismiss .close {
    position: absolute;
    right: 0;
    top: 8px
}

.feature--counter .feature__icon {
    height: 37px;
    width: 37px;
    line-height: 37px;
    text-align: center;
    border-radius: 100px;
    border: 2px solid #007bfc;
    color: #007bfc;
    font-weight: 500
}

.feature--counter .feature__body {
    margin-top: 16px
}

.feature[data-cookie] {
    display: none
}

.feature[data-cookie].is-active {
    display: flex
}

.feature--vote {
    background-color: transparent;
    text-align: left
}

.feature--vote .feature__title {
    padding: 0 24px;
    font-weight: 600;
    color: #142149;
    font-size: 15px
}

.feature--vote .feature__body .feature__content {
    display: none
}

.feature--vote .feature__body .feature__content--vote {
    display: block;
    padding-bottom: 16px
}

.feature--vote .feature__body .feature__content--vote .feature__actions {
    border: 0;
    padding: 12px 0 13px 24px;
    margin: 0 0 0 -16px
}

.feature--vote .feature__body .feature__content--vote .feature__actions .btn {
    height: auto;
    padding: 0 16px;
    color: #8692b0
}

.feature--vote .feature__body .feature__content--vote .feature__actions .btn:active,
.feature--vote .feature__body .feature__content--vote .feature__actions .btn:focus,
.feature--vote .feature__body .feature__content--vote .feature__actions .btn:hover {
    color: #007bfc
}

.feature--vote .feature__body .feature__content--comment-send.is-active>.feature__desc,
.feature--vote .feature__body .feature__content--comment-vote.is-active>.feature__desc {
    padding: 12px 0 13px 24px
}

.feature--vote .feature__body .feature__content--comment-send.is-active>.feature__desc>.text-succes,
.feature--vote .feature__body .feature__content--comment-vote.is-active>.feature__desc>.text-succes {
    margin-bottom: 0
}

.feature--vote .feature__body .feature__content--comment-send .feature__actions {
    padding: 10px 24px
}

.feature--vote .feature__body .feature__content--comment-send .feature__actions>p {
    font-size: 14px;
    justify-content: space-between;
    width: 100%
}

.feature--vote .feature__desc {
    color: #142149;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    padding: 0 24px;
    margin-bottom: 0
}

.feature--vote .feature__actions {
    justify-content: flex-start;
    padding: 0 24px
}

.feature--vote .feature__body {
    padding: 20px 0 0
}

.feature--vote .btn--vote {
    height: auto;
    padding: 8px 16px;
    color: #8692b0
}

.feature--vote .btn--vote.active {
    color: #007bfc
}

.feature--vote i {
    font-size: 22px
}

.feature--vote:hover {
    border: 1px solid #e6e6eb
}

.feature--vote .feature__content p {
    display: flex;
    align-items: center
}

.feature--vote .feature__content p i {
    margin-right: 8px
}

.feature--vote .feature__content .feature__comment {
    border-top: 1px solid #e6e6eb;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 48px;
    overflow: hidden
}

.feature--vote .feature__content .feature__comment textarea {
    display: flex;
    min-height: 49px;
    flex-grow: 1;
    padding: 8px 24px 0
}

.feature--vote .feature__content .feature__comment.active {
    max-height: 168px
}

.feature--vote .feature__content .feature__comment.active textarea {
    height: 168px
}

.feature--vote .feature__content .feature__actions {
    padding: 0 24px;
    border-top: 1px solid #e6e6eb;
    margin: 0
}

.feature--vote .feature__content .feature__actions .btn {
    padding: 0;
    font-size: 14px
}

.feature--vote .feature__content.feature--vote-submit .feature__actions {
    padding: 10px 24px
}

.feature--vote .feature__content.feature--vote-submit .feature__actions p {
    font-size: 14px;
    justify-content: space-between;
    width: 100%
}

.feature--promo .feature .feature__body {
    height: 100%;
    display: flex;
    flex-direction: column
}

.feature--promo .feature .feature__body .feature__desc {
    margin-bottom: auto
}

.feature--direct-connect {
    height: 100%
}

.feature--direct-connect .feature__body {
    max-width: 320px
}

.feature--article {
    transition: border-color .3s ease !important;
    border: 1px solid transparent;
    top: 0 !important;
    text-align: left
}

.feature--article .feature__body {
    padding: 24px !important
}

.feature--article .feature__author {
    display: flex;
    align-items: center;
    margin-top: 24px
}

.feature--article .feature__author-img {
    margin-right: 16px;
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.feature--article .feature__author-text {
    text-align: left;
    color: #142149
}

.feature--article .feature__author-text p {
    margin: 0
}

.feature--article .feature__author-name {
    font-weight: 500
}

.feature--article .feature__title {
    transition: color .3s ease
}

.feature--article:hover {
    border: 1px solid #007bfc
}

.feature--article:hover .feature__title {
    color: #007bfc
}

.feature--socials {
    transition: border-color .3s ease, top .3s ease !important
}

.feature--socials .feature__title {
    transition: color .3s ease
}

.feature--socials:hover {
    border-color: #007bfc
}

.feature--socials:hover .feature__title {
    color: #007bfc
}

.feature--step {
    background-color: #fff
}

@media (min-width:1012px) {
    .feature--step {
        opacity: 0
    }
}

.feature--step.feature--shadow:after {
    z-index: -1
}

.feature--step .feature__number {
    position: absolute;
    font-size: 32px;
    line-height: 64px;
    width: 80px;
    height: 80px;
    left: 0;
    top: 0;
    box-shadow: 0 8px 24px rgba(10, 14, 29, .04), 0 16px 88px rgba(10, 14, 29, .12);
    background-color: #fff;
    border-radius: 100%;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-40%, -20%);
    color: #007bfc
}

.feature--step .feature__body {
    padding: 40px
}

.feature--step .feature__icon {
    margin-bottom: 24px
}

.feature--step .feature__desc span {
    color: #ffcc80;
    font-weight: 700
}

.feature--step .feature__title {
    font-weight: 500
}

.feature--step .feature__content .pricing-boxes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px
}

.feature--step .feature__content .pricing-boxes div {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d2d6e4;
    border-radius: 4px;
    font-size: 15px;
    line-height: 24px;
    height: 43px;
    padding: 0 12px;
    font-weight: 700;
    color: #142149;
    max-width: 50px
}

.feature--step .feature__content .pricing-boxes div.active {
    border: 2px solid #007bfc
}

.feature--step .feature__content .btn {
    overflow: visible;
    border-radius: 4px;
    min-width: unset;
    height: 43px
}

.feature--step .feature__content .btn:before {
    content: "";
    position: absolute;
    width: 68px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    height: 5px;
    border-radius: 4px
}

.feature--step .feature__content .btn img {
    margin-top: 0;
    position: absolute;
    top: 16px;
    right: -32px
}

.feature--step .feature__content .btn .btn-hover-effect {
    display: none
}

.feature--step .feature__content img {
    margin-top: 24px
}

.feature--step .feature__content--pricing .btn {
    margin-top: 32px
}

.feature--step .feature__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -52px;
    display: flex
}

.feature--step .form__actions {
    margin-top: 16px;
    margin-bottom: 11px
}

.feature--step .input-group {
    height: 43px
}

.feature--step .input-group__icon {
    margin-left: 10px
}

.feature--step+span {
    text-align: center;
    color: #142149;
    margin-top: 24px;
    font-weight: 500
}

.feature--last-step .feature__icon {
    margin-bottom: 16px
}

.feature--last-step .feature__body {
    padding: 32px
}

.feature--last-step .feature__desc {
    font-size: 13px;
    line-height: 20px
}

.feature--last-step .feature__footer {
    background-color: #007bfc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #fff;
    padding: 28px 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.feature--last-step .feature__footer-text {
    font-size: 13px;
    line-height: 20px
}

.feature--last-step .feature__footer-price {
    margin-top: 4px;
    font-size: 38px;
    line-height: 40px
}

textarea {
    border: 0;
    resize: none;
    width: 100%;
    overflow: hidden
}

textarea,
textarea:active,
textarea:focus {
    outline: 0
}

textarea::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400
}

textarea:-moz-placeholder,
textarea::-moz-placeholder {
    font-size: 14px;
    font-weight: 400
}

textarea:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400
}

textarea::placeholder {
    font-size: 14px;
    font-weight: 400
}

.features--other-features {
    margin-top: -72px
}

.features--other-features .feature {
    margin-top: 72px
}

.features--tips {
    margin-top: -48px
}

.features--tips .feature {
    margin-top: 48px
}

@media (max-width:1231px) {
    .features--steps {
        align-items: center;
        flex-direction: column
    }

    .features--steps>div+div {
        margin-left: 0;
        margin-top: 32px
    }

    .feature--step .feature__arrow {
        display: none
    }
}

@media (min-width:1232px) {
    .features--promo {
        margin-top: -82px
    }

    .features--promo .feature {
        max-width: 270px;
        margin-left: auto;
        margin-right: auto
    }

    .features--promo .feature .feature__body>a {
        margin-top: auto
    }
}

@media (min-width:1012px) {

    a.feature--bordered,
    a.feature--shadow {
        transition: top .3s ease
    }

    a.feature--bordered:active,
    a.feature--bordered:focus,
    a.feature--bordered:hover,
    a.feature--shadow:active,
    a.feature--shadow:focus,
    a.feature--shadow:hover {
        z-index: 2;
        top: -8px
    }

    a.feature--bordered:active:after,
    a.feature--bordered:focus:after,
    a.feature--bordered:hover:after,
    a.feature--shadow:active:after,
    a.feature--shadow:focus:after,
    a.feature--shadow:hover:after {
        box-shadow: 0 16px 40px 0 rgba(10, 14, 29, .04), 0 16px 80px 0 rgba(10, 14, 29, .16)
    }

    a.feature--bordered:active:before,
    a.feature--bordered:focus:before,
    a.feature--bordered:hover:before,
    a.feature--shadow:active:before,
    a.feature--shadow:focus:before,
    a.feature--shadow:hover:before {
        content: "";
        position: absolute;
        bottom: -8px;
        height: 8px;
        left: 0;
        right: 0
    }

    a.feature--bordered:active .feature__arrow,
    a.feature--bordered:focus .feature__arrow,
    a.feature--bordered:hover .feature__arrow,
    a.feature--shadow:active .feature__arrow,
    a.feature--shadow:focus .feature__arrow,
    a.feature--shadow:hover .feature__arrow {
        transform: translate3d(0, 8px, 0) !important
    }

    .feature--big-icon .feature__icon {
        height: 244px;
        width: 244px;
        margin-top: -16px;
        margin-bottom: -16px
    }

    .feature--big-icon .feature__icon img {
        width: 100%
    }

    .feature--big-icon .feature__body {
        padding: 32px
    }

    .feature--big-icon .feature__body .feature__actions {
        margin-bottom: -12px
    }

    .feature--big-icon .svg-illustration:not(.is-animated) .svg-illustration-bottom,
    .feature--big-icon .svg-illustration:not(.is-animated) .svg-illustration-shadow,
    .feature--big-icon .svg-illustration:not(.is-animated) .svg-illustration-top,
    .feature--big-icon .svg-illustration:not(.is-animated) .svg-product__bottom,
    .feature--big-icon .svg-illustration:not(.is-animated) .svg-product__shadow,
    .feature--big-icon .svg-illustration:not(.is-animated) .svg-product__top,
    .feature--big-icon .svg-product:not(.is-animated) .svg-illustration-bottom,
    .feature--big-icon .svg-product:not(.is-animated) .svg-illustration-shadow,
    .feature--big-icon .svg-product:not(.is-animated) .svg-illustration-top,
    .feature--big-icon .svg-product:not(.is-animated) .svg-product__bottom,
    .feature--big-icon .svg-product:not(.is-animated) .svg-product__shadow,
    .feature--big-icon .svg-product:not(.is-animated) .svg-product__top {
        transition: transform .3s ease, opacity .3s
    }

    .feature--big-icon:active:not(.is-animated) .svg-illustration-top,
    .feature--big-icon:active:not(.is-animated) .svg-product__top,
    .feature--big-icon:focus:not(.is-animated) .svg-illustration-top,
    .feature--big-icon:focus:not(.is-animated) .svg-product__top,
    .feature--big-icon:hover:not(.is-animated) .svg-illustration-top,
    .feature--big-icon:hover:not(.is-animated) .svg-product__top {
        transform: translateY(-16px) !important
    }

    .feature--big-icon:active:not(.is-animated) .svg-illustration-bottom,
    .feature--big-icon:active:not(.is-animated) .svg-product__bottom,
    .feature--big-icon:focus:not(.is-animated) .svg-illustration-bottom,
    .feature--big-icon:focus:not(.is-animated) .svg-product__bottom,
    .feature--big-icon:hover:not(.is-animated) .svg-illustration-bottom,
    .feature--big-icon:hover:not(.is-animated) .svg-product__bottom {
        transform: translateY(-8px) !important
    }

    .feature--big-icon:active:not(.is-animated) .svg-illustration-shadow,
    .feature--big-icon:focus:not(.is-animated) .svg-illustration-shadow,
    .feature--big-icon:hover:not(.is-animated) .svg-illustration-shadow {
        opacity: .6 !important
    }

    .feature--big-icon:active:not(.is-animated) .svg-product__shadow,
    .feature--big-icon:focus:not(.is-animated) .svg-product__shadow,
    .feature--big-icon:hover:not(.is-animated) .svg-product__shadow {
        opacity: .06 !important
    }

    .feature.feature--saas .svg-illustration:not(.is-animated) .svg-illustration-bottom,
    .feature.feature--saas .svg-illustration:not(.is-animated) .svg-illustration-shadow,
    .feature.feature--saas .svg-illustration:not(.is-animated) .svg-illustration-top,
    .feature.feature--saas .svg-illustration:not(.is-animated) .svg-product__bottom,
    .feature.feature--saas .svg-illustration:not(.is-animated) .svg-product__shadow,
    .feature.feature--saas .svg-illustration:not(.is-animated) .svg-product__top,
    .feature.feature--saas .svg-product:not(.is-animated) .svg-illustration-bottom,
    .feature.feature--saas .svg-product:not(.is-animated) .svg-illustration-shadow,
    .feature.feature--saas .svg-product:not(.is-animated) .svg-illustration-top,
    .feature.feature--saas .svg-product:not(.is-animated) .svg-product__bottom,
    .feature.feature--saas .svg-product:not(.is-animated) .svg-product__shadow,
    .feature.feature--saas .svg-product:not(.is-animated) .svg-product__top {
        transition: transform .3s ease, opacity .3s
    }

    .feature.feature--saas:active:not(.is-animated) .svg-illustration-top,
    .feature.feature--saas:active:not(.is-animated) .svg-product__top,
    .feature.feature--saas:focus:not(.is-animated) .svg-illustration-top,
    .feature.feature--saas:focus:not(.is-animated) .svg-product__top,
    .feature.feature--saas:hover:not(.is-animated) .svg-illustration-top,
    .feature.feature--saas:hover:not(.is-animated) .svg-product__top {
        transform: translateY(-16px) !important
    }

    .feature.feature--saas:active:not(.is-animated) .svg-illustration-bottom,
    .feature.feature--saas:active:not(.is-animated) .svg-product__bottom,
    .feature.feature--saas:focus:not(.is-animated) .svg-illustration-bottom,
    .feature.feature--saas:focus:not(.is-animated) .svg-product__bottom,
    .feature.feature--saas:hover:not(.is-animated) .svg-illustration-bottom,
    .feature.feature--saas:hover:not(.is-animated) .svg-product__bottom {
        transform: translateY(-8px) !important
    }

    .feature.feature--saas:active:not(.is-animated) .svg-illustration-shadow,
    .feature.feature--saas:focus:not(.is-animated) .svg-illustration-shadow,
    .feature.feature--saas:hover:not(.is-animated) .svg-illustration-shadow {
        opacity: .6 !important
    }

    .feature.feature--saas:active:not(.is-animated) .svg-product__shadow,
    .feature.feature--saas:focus:not(.is-animated) .svg-product__shadow,
    .feature.feature--saas:hover:not(.is-animated) .svg-product__shadow {
        opacity: .06 !important
    }

    .feature [data-animation-arrow],
    .feature [data-animation-icon] {
        opacity: 0
    }

    .features--multi-row {
        margin-top: -48px
    }

    .features--multi-row .feature {
        margin-top: 48px
    }

    .features.features--slider-md {
        transform: none !important
    }

    .features.features--slider-md+.swiper-pagination-clickable {
        display: none
    }
}

@media (max-width:1231px) {
    .features--other-features {
        margin-top: -32px
    }

    .features--other-features .feature {
        margin-top: 32px
    }

    .feature--big-icon .feature__icon {
        height: 218px;
        width: 218px;
        margin-top: -24px
    }

    .feature--big-icon .feature__icon img {
        width: 100%
    }

    .tab-feature--icon-left {
        flex-direction: row
    }

    .tab-feature--icon-left .feature__icon {
        margin-top: 0 !important;
        flex-shrink: 0;
        align-self: flex-start
    }

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

    .tab-feature--icon-left .feature__body {
        text-align: left
    }

    .tab-feature--icon-left .feature__actions>.btn--link {
        padding-left: 0;
        padding-right: 0;
        justify-content: flex-start
    }
}

@media (max-width:1011px) {
    .features {
        margin-top: -24px
    }

    .features--nav {
        flex-direction: column
    }

    .features.features--arrows {
        margin-top: -36px
    }

    .features--other-features {
        margin-top: -32px
    }

    .features--other-features .feature {
        margin-top: 32px
    }

    .features.features--slider-md>div {
        min-width: 310px !important
    }

    .feature {
        margin-top: 24px
    }

    .feature .feature__actions .hide-md+.btn {
        width: 100%
    }

    .feature .feature__header+.feature__body {
        display: none
    }

    .feature--boxed .feature__body,
    .feature--boxed .feature__header {
        padding: 24px 16px
    }

    .feature--icon-left:not(.feature--boxed) {
        margin-top: 32px !important
    }

    .feature--has-arrow {
        margin-top: 36px
    }

    .feature--has-arrow .feature__arrow {
        transform: rotate(90deg) !important;
        transform-origin: center center;
        bottom: -33px;
        left: 0;
        right: 0;
        top: auto;
        width: 24px
    }

    .feature--medium-icon {
        flex-direction: row;
        text-align: left
    }

    .feature--medium-icon .feature__icon {
        margin: 0;
        padding: 32px 0 32px 32px;
        min-width: 184px;
        width: 184px;
        height: 184px
    }

    .feature--medium-icon .feature__body {
        padding: 32px;
        align-items: flex-start
    }

    .feature--medium-icon .feature__body .feature__desc {
        margin-bottom: 0
    }

    .feature--medium-icon .feature__body .feature__actions {
        margin-top: 8px;
        margin-bottom: -8px
    }

    .feature--medium-icon .feature__body .feature__actions .btn {
        text-align: left;
        justify-content: flex-start
    }

    .feature--medium-icon .feature__actions .btn--link {
        margin-bottom: -4px
    }

    .feature--boxed-open {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        z-index: 10
    }

    .feature--boxed-open .feature__header+.feature__body {
        position: relative;
        display: flex
    }

    .feature--boxed-open .feature__header:after {
        content: none
    }

    .feature--boxed-open:after {
        content: "\f273"
    }

    .feature--direct-connect {
        height: unset
    }
}

@media (max-width:751px) {
    .features {
        margin-top: -16px
    }

    .features--arrow {
        margin-top: -36px
    }

    .features--other-features {
        margin-top: -24px
    }

    .features--other-features .feature {
        margin-top: 24px
    }

    .features--articles {
        margin-top: -32px
    }

    .feature,
    .feature__icon+.feature__body {
        margin-top: 16px
    }

    .feature__icon .mobile-icon {
        display: block
    }

    .feature__icon .desktop-icon {
        display: none
    }

    .feature__title+.feature__desc {
        margin-top: 12px
    }

    .feature__desc {
        word-break: break-word
    }

    .feature--medium-icon {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .feature--medium-icon .feature__icon {
        padding: 24px 0 24px 16px;
        width: 100%;
        height: 100%
    }

    .feature--medium-icon .feature__icon--mob {
        display: flex
    }

    .feature--medium-icon .feature__icon--mob img {
        display: none
    }

    .feature--medium-icon .feature__icon--mob .icon-sm {
        display: flex;
        width: 48px;
        height: 48px
    }

    .feature--medium-icon .feature__body {
        text-align: center;
        padding: 16px
    }

    .feature--medium-icon .feature__body .feature__title {
        text-align: center;
        width: 100%
    }

    .feature--medium-icon .feature__body .feature__actions {
        margin-top: 0;
        margin-bottom: -8px
    }

    .feature--arrow {
        position: relative
    }

    .feature--arrow:after {
        bottom: -16px
    }

    .feature--arrow:before {
        bottom: -22px
    }

    .feature--has-arrow {
        margin-top: 36px
    }

    .feature--categories .feature__actions-hidden {
        left: 16px
    }

    .feature--categories .feature__body .feature__actions {
        left: 0
    }

    .feature--article {
        margin-top: 32px
    }

    .mob-feature--simple .feature__icon {
        width: 104px;
        height: 104px
    }

    .mob-feature--simple .feature__actions,
    .mob-feature--simple .feature__desc {
        display: none
    }

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

    .mob-feature--icon-left {
        flex-direction: row
    }

    .mob-feature--icon-left .feature__icon {
        margin-top: 0 !important;
        flex-shrink: 0;
        align-self: flex-start
    }

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

    .mob-feature--icon-left .feature__body {
        text-align: left
    }

    .mob-feature--icon-left .feature__actions>.btn--link {
        padding-left: 0;
        padding-right: 0;
        justify-content: flex-start
    }

    .mob-feature--hide-desc .feature__title {
        font-size: 17px;
        line-height: 24px
    }

    .mob-feature--hide-desc .feature__desc {
        display: none
    }

    .mob-feature--hide-desc .feature__actions {
        padding-top: 0
    }

    .mob-feature--hide-desc .feature__actions .btn {
        font-size: 14px;
        line-height: 28px;
        white-space: normal
    }

    .mob-feature--hide-icon .feature__icon {
        display: none
    }

    .mob-feature--hide-icon .feature__icon+.feature__body {
        margin-left: 0;
        padding-left: 0
    }
}

@media (max-width:513px) {
    .feature--socials {
        flex-direction: row;
        padding: 16px
    }

    .feature--socials .feature__icon {
        margin: 0
    }

    .feature--socials .feature__body {
        padding: 0;
        flex-direction: row;
        margin-left: 16px;
        align-items: center
    }

    .feature--socials .feature__title {
        margin-right: 8px
    }

    .feature--socials .feature__brand {
        font-size: 13px;
        font-weight: 300;
        line-height: 20px
    }
}

@media (max-width:513px) and (max-width:1011px) {
    .feature--socials .feature__brand {
        font-size: 12px
    }
}

@media (max-width:513px) and (max-width:751px) {
    .feature--socials .feature__brand {
        font-size: 12px
    }
}

.coupon {
    display: flex;
    border: 1px solid #e6e7eb;
    border-radius: 4px;
    position: relative
}

.coupon,
.coupon:hover {
    color: #142149
}

.coupon__body {
    padding: 40px 56px 32px
}

.coupon__header {
    display: flex;
    align-items: center
}

.coupon__title {
    margin-bottom: 0
}

.coupon__desc {
    margin-top: 24px
}

.coupon__code {
    margin-left: 8px;
    padding: 5px 16px;
    background: #eef4ff;
    color: #007bfc;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    border-radius: 3px;
    position: relative
}

@media (max-width:1231px) {
    .coupon__code {
        font-size: 24px;
        font-weight: 700;
        line-height: 34px
    }
}

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

@media (max-width:751px) {
    .coupon__code {
        font-size: 21px;
        font-weight: 700;
        line-height: 28px
    }
}

.coupon__code-input {
    opacity: 0;
    z-index: -1;
    left: 0;
    bottom: 0
}

.coupon__code-input,
.coupon__shape {
    position: absolute;
    top: 0;
    right: 0
}

.coupon__actions {
    margin-top: 8px;
    margin-left: -24px
}

.coupon+.coupon {
    margin-top: 48px
}

@media (max-width:751px) {
    .coupon__body {
        padding: 24px 24px 8px
    }

    .coupon__header {
        flex-direction: column;
        align-items: flex-start
    }

    .coupon__code {
        margin-top: 8px;
        margin-left: 0
    }

    .coupon__shape {
        width: 120px;
        height: 38px
    }
}

.filtr-container {
    padding: 80px;
    margin: -80px
}

.filtr-container .filtr-row {
    overflow: visible !important;
    opacity: 0;
    visibility: hidden
}

.filtr-container .filtr-item {
    perspective: unset !important;
    will-change: unset !important
}

.shuffle {
    visibility: hidden;
    opacity: 0
}

.shuffle.is-visible {
    opacity: 1;
    visibility: visible
}

.application {
    flex-direction: column;
    text-align: center;
    padding: 24px 16px
}

.application,
.application__icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 158px;
    margin-left: auto;
    margin-right: auto
}

.application__icon {
    z-index: 2;
    height: 64px
}

.application__title {
    margin-bottom: 0;
    margin-top: 24px;
    color: #142149;
    position: relative;
    width: 100%
}

.application__title-text {
    opacity: 1;
    transform: translateY(0);
    transition: .3s ease;
    display: block
}

.application__title-hovertext {
    opacity: 0;
    transition: .3s ease;
    color: #007bfc;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    transform: translateY(100%);
    display: block
}

.application__hover:after,
.application__hover:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border: 1px solid #007bfc;
    border-bottom: none;
    transition: opacity .3s ease-out, height .3s ease-out, width .3s ease-out .3s
}

.application__hover:after {
    left: 50%;
    border-left: none;
    border-radius: 0 3px 3px 0
}

.application__hover:before {
    right: 50%;
    border-right: none;
    border-radius: 3px 0 0 3px
}

.application__hover span:before {
    right: 1px;
    border-radius: 0 0 3px 0
}

.application__hover span:after,
.application__hover span:before {
    content: "";
    position: absolute;
    bottom: 1px;
    width: 1px;
    height: 5px;
    opacity: 0
}

.application__hover span:after {
    left: 1px;
    border-radius: 0 0 0 3px
}

.application__hover-icon {
    padding: 0 16px;
    line-height: 1;
    background: #fff;
    position: absolute;
    bottom: -10px;
    color: #007bfc;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    overflow: hidden
}

.application__hover-icon .icon-ui {
    transform: translateY(100%);
    transition: .3s ease
}

.application--view-all .application__title {
    color: #525666
}

.application--view-all:hover .application__title {
    color: #007bfc
}

.application--view-all:hover .app-icon--more__container {
    opacity: 1
}

.application--view-all:hover .app-icon--more__arrow,
.application--view-all:hover .app-icon--more__circle {
    stroke: #007bfc
}

.application:hover:not(.application--view-all) .application__title-text {
    opacity: 0;
    transform: translateY(-100%)
}

.application:hover:not(.application--view-all) .application__title-hovertext {
    opacity: 1;
    transform: translateY(0)
}

.application:hover:not(.application--view-all) .application__hover:after,
.application:hover:not(.application--view-all) .application__hover:before {
    opacity: 1;
    width: calc(50% - 1px);
    height: calc(100% - 2px);
    transition: width .15s ease-out, height .15s ease-out .15s
}

.application:hover:not(.application--view-all) .application__hover span:after,
.application:hover:not(.application--view-all) .application__hover span:before {
    opacity: 1;
    border-bottom: 1px solid #007bfc;
    width: 50%;
    transition: opacity 0s ease-out .29s, width .15s ease-out .3s
}

.application:hover:not(.application--view-all) .application__hover-icon .icon-ui {
    transform: translateY(0)
}

.app-icon_shape {
    fill: #007bfc
}

.app-icon--more__container {
    opacity: .8
}

.app-icon--more__arrow {
    fill: none;
    stroke: #666b80;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill-rule: evenodd;
    transition: .3s ease
}

.app-icon--more__circle {
    fill: none;
    stroke: #666b80;
    stroke-width: 2px;
    transition: .3s ease
}

@media (min-width:1012px) {
    .application-tabs .tab-pane {
        min-height: 416px
    }
}

@media (max-width:1231px) {
    .application-tabs .tab-pane {
        padding: 32px 16px
    }

    .application-tabs .tab-pane .feature {
        margin-top: 24px
    }
}

@media (max-width:1011px) {
    .application-tabs .nav--tabs .nav__link {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .application-tabs .tab-content .row {
        margin-left: 0;
        margin-right: 0;
        margin-top: -16px
    }

    .application-tabs .tab-content .row [class*=col-] {
        padding: 0
    }

    .application-tabs .tab-content .application {
        margin-top: 16px
    }

    .application-tabs .tab-pane {
        padding: 24px 16px
    }

    .application {
        padding: 16px 8px
    }

    .application__title {
        margin-top: 16px
    }
}

@media (max-width:751px) {
    .application-tabs .nav--tabs .nav__link {
        padding: 20px 8px
    }

    .application-tabs .nav--tabs .nav__item:not(:last-of-type) {
        margin-right: 12px
    }

    .application-tabs .nav--tabs .nav__item.is-active:after {
        left: 8px;
        right: 8px
    }

    .application-tabs .tab-content .row {
        margin-top: -8px
    }

    .application-tabs .tab-content .application {
        margin-top: 8px
    }

    .application {
        padding: 16px 4px
    }

    .application__icon {
        height: 48px
    }

    .application__icon .app-icon {
        max-height: 48px
    }
}

.tabs .content-slider {
    overflow: visible !important
}

.tabs .content-slider:not(.is-active) .content-slider__wrapper {
    justify-content: center
}

.tabs--boxed {
    display: flex;
    flex-direction: column;
    overflow: visible
}

.tabs--boxed .nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 816px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .tabs--boxed .nav {
        width: 816px;
        justify-content: center
    }
}

.tabs--boxed .nav--tabs .nav__item:not(:last-of-type) {
    margin-right: 24px
}

.tabs--boxed .nav--tabs .nav__link {
    margin-bottom: 0
}

.tabs--boxed .tab-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 816px;
    background: transparent
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .tabs--boxed .tab-content {
        width: 816px
    }
}

.tabs--boxed .tab-content .row {
    margin-top: -24px
}

.tabs--boxed .tab-content .application {
    margin-top: 24px
}

.tabs--boxed .tab-content .browsers {
    box-shadow: none;
    width: 100%;
    height: auto
}

.tabs--boxed .tab-pane {
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08)
}

@media (max-width:1011px) {
    .tabs--boxed .tab-pane {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.tabs--boxed .tab-pane--cp-desktop {
    max-width: 750px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .tabs--boxed .tab-pane--cp-desktop {
        width: 750px;
        margin: 0 auto
    }
}

.tabs--boxed .tab-pane--cp-tablet {
    max-width: 472px;
    border-radius: 12px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .tabs--boxed .tab-pane--cp-tablet {
        margin: 0 auto;
        width: 472px
    }
}

.tabs--boxed .tab-pane--cp-mobile {
    max-width: 300px;
    border-radius: 12px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .tabs--boxed .tab-pane--cp-mobile {
        width: 300px;
        margin: 0 auto
    }
}

@media (min-width:1012px) {
    .tabs--boxed .tab-content .tab-pane {
        min-height: 416px
    }
}

@media (min-width:752px) {
    .tabs--boxed .tab-content .tab-pane {
        padding: 32px 24px
    }
}

@media (max-width:1011px) {
    .tabs--boxed .tab-content .tab-pane {
        padding: 24px 16px
    }
}

@media (max-width:751px) {
    .tabs--boxed .nav--tabs .nav__item:not(:last-of-type) {
        margin-right: 0
    }

    .tabs--boxed .nav--tabs .nav__link {
        padding: 20px 14px
    }
}

.tabs--shape-background {
    position: relative
}

.tabs--shape-background .illustration {
    width: 1800px;
    position: absolute;
    top: 118px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    z-index: -1
}

.tabs--shape-background .illustration.managed-kubernetes {
    top: -30px
}

.price {
    font-size: 32px;
    color: #142149;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.price__value {
    display: inline-flex;
    align-items: center
}

.price__heading {
    display: inline-flex;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 5px;
    width: 100%;
    color: #525666;
    opacity: .72
}

.price sub,
.price sup {
    position: relative;
    font-size: 22px;
    line-height: 22px;
    top: 0;
    bottom: 0;
    font-weight: 400
}

.price sub {
    margin-bottom: -.4em
}

.price__desc {
    flex-basis: 100%;
    font-size: 17px;
    line-height: 28px
}

.price--centered {
    justify-content: center
}

.price--xs {
    font-size: 17px;
    font-weight: 300;
    line-height: 28px
}

@media (max-width:1011px) {
    .price--xs {
        font-size: 15px;
        line-height: 24px
    }
}

.price--lg {
    font-size: 40px;
    line-height: 50px
}

.price--lg sub,
.price--lg sup {
    font-size: 24px;
    line-height: 24px
}

@media (max-width:1011px) {
    .price.price--lg {
        font-size: 32px;
        line-height: 44px
    }
}

@media (max-width:751px) {
    .price {
        font-size: 24px;
        line-height: 32px
    }

    .price__heading {
        font-size: 13px;
        font-weight: 300;
        line-height: 20px
    }
}

@media (max-width:751px) and (max-width:1011px) {
    .price__heading {
        font-size: 12px
    }
}

@media (max-width:751px) and (max-width:751px) {
    .price__heading {
        font-size: 12px
    }
}

.packages {
    margin-top: -48px
}

.package {
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 48px;
    width: 100%;
    border-radius: 4px;
    color: #142149;
    height: calc(100% - 48px)
}

.package,
.package__title {
    display: flex;
    flex-direction: column
}

.package__title {
    margin-bottom: 0
}

.package__title+.package__desc {
    margin-top: 24px
}

.package__title .subtitle {
    width: 100%;
    font-size: 17px;
    font-weight: 400
}

.package__desc {
    color: #525666;
    margin-bottom: 0
}

.package__desc+.package__actions {
    padding-top: 16px
}

.package__desc+.package__actions .btn--link {
    padding: 0
}

.package__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    max-width: 100%
}

.package__body .package__actions {
    margin-bottom: -8px
}

.package__body+.package__actions {
    background: rgba(59, 165, 255, .1)
}

.package__body>:last-child:not(.package__actions) {
    margin-bottom: 0
}

.package__body+.package__actions {
    padding-left: 16px;
    padding-right: 16px
}

.package__list-item:not(:last-of-type) {
    margin-bottom: 12px
}

.package__price {
    margin-top: 8px
}

.package__old-price {
    text-decoration: line-through;
    margin-right: 8px;
    color: #a1a5b2
}

.package--boxed {
    background: #fff
}

.package--boxed .package__body {
    padding: 32px
}

.package--boxed .package__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 32px;
    width: 100%;
    position: relative
}

.package--boxed .package__header.has-divider {
    position: relative
}

.package--boxed .package__header.has-divider:after {
    content: "";
    position: absolute;
    bottom: 23px;
    height: 2px;
    width: 40px;
    left: 50%;
    margin-left: -20px;
    background: #007bfc
}

.package--boxed .package__header .package__title {
    text-align: left
}

.package--boxed .package__header .package__icon {
    margin-top: 0
}

.package--shadow {
    position: relative;
    transition: top .3s ease;
    top: 0
}

.package--shadow:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px
}

@media (max-width:1011px) {
    .package--shadow:after {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

a.package--shadow:active,
a.package--shadow:focus,
a.package--shadow:hover {
    top: -8px
}

a.package--shadow:active:after,
a.package--shadow:focus:after,
a.package--shadow:hover:after {
    box-shadow: 0 16px 40px 0 rgba(10, 14, 29, .04), 0 16px 80px 0 rgba(10, 14, 29, .16)
}

.package--comming-soon {
    border: 1px solid #e6e7eb;
    transition: border .3s;
    background: #fff
}

.package--comming-soon .package__body {
    justify-content: center;
    padding: 16px
}

.package--comming-soon .package__title {
    color: #a1a5b2
}

.package--comming-soon .package__desc {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.package--comming-soon .package__desc>* {
    color: #a1a5b2;
    font-weight: 300;
    margin-bottom: 0
}

.package--comming-soon .package__desc>*+* {
    margin-top: 16px
}

.package--comming-soon:hover {
    border-color: #007bfc
}

.package--simple.package--boxed .package__body {
    padding: 48px;
    width: 100%;
    max-width: 100%
}

.package--simple.package--boxed .package__desc+.package__actions {
    padding-top: 0
}

.package--simple.package--boxed .package__price {
    margin-top: 24px
}

.package--simple.package--boxed .package__price .price__desc {
    margin-top: 16px
}

.package--simple.package--boxed .package__actions {
    margin-top: 32px
}

.package--simple.package--boxed .package__actions .btn {
    min-width: 170px
}

.package--has-ribbon .package__header {
    overflow: hidden
}

.package--in-boxed .package__header {
    padding-bottom: 40px;
    position: relative
}

.package--in-boxed .package__header:after {
    content: "";
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto;
    height: 2px;
    width: 39px;
    right: 19px;
    background: #007bfc
}

.package--in-boxed .package__price {
    margin-top: 16px
}

.package--in-boxed .package__list {
    margin-bottom: 8px
}

.package--in-boxed .package__list-item {
    margin-bottom: 4px
}

.package--in-boxed .package__info {
    color: #a1a5b2
}

.package-ribbon {
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 150px
}

.package-ribbon__inner {
    position: absolute;
    transform: rotate(-45deg);
    text-align: center;
    transform-origin: center center;
    width: 225px;
    height: 52px;
    line-height: 52px;
    background: rgba(0, 123, 252, .1);
    font-size: 21px;
    color: #007bfc;
    display: block;
    top: 23px;
    left: -67px
}

.package-ribbon--sm .package-ribbon__inner {
    height: 41px;
    line-height: 41px;
    font-size: 19px;
    font-weight: 700
}

.package-ribbon--right {
    right: 0;
    left: auto
}

.package-ribbon--right .package-ribbon__inner {
    transform: rotate(45deg);
    right: -70px;
    top: 20px;
    left: auto
}

@media (min-width:1012px) {
    .package--boxed .package__header.has-divider {
        padding-bottom: 48px
    }

    .package--boxed .package__header+.package__body {
        padding-top: 0
    }
}

@media (max-width:1011px) {
    .packages {
        margin-top: -16px
    }

    .package {
        margin-top: 16px;
        height: calc(100% - 16px)
    }

    .package:not(.package--non-responsive)__list-item {
        text-align: left
    }

    .package:not(.package--non-responsive)__list-item:not(:last-of-type) {
        margin-bottom: 8px
    }

    .package--boxed:not(.package--non-responsive) {
        flex-direction: row;
        align-items: flex-start
    }

    .package--boxed:not(.package--non-responsive) .package__header {
        padding: 24px 0 24px 24px;
        align-items: flex-start;
        flex-basis: 1;
        max-width: 162px
    }

    .package--boxed:not(.package--non-responsive) .package__header.has-divider:after {
        content: unset
    }

    .package--boxed:not(.package--non-responsive) .package__header.has-divider .package__title {
        width: 100%;
        padding-right: 32px;
        position: relative
    }

    .package--boxed:not(.package--non-responsive) .package__header.has-divider .package__title:after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        width: 24px;
        right: 19px;
        background: #007bfc
    }

    .package--boxed:not(.package--non-responsive) .package__body {
        padding: 16px;
        flex: 1
    }

    .package--boxed:not(.package--non-responsive) .package__price {
        justify-content: flex-start;
        text-align: left
    }

    .package--simple .price .price__desc,
    .package--simple .price .price__value {
        justify-content: center;
        text-align: center;
        width: 100%
    }

    .package--comming-soon .package__actions {
        margin-bottom: 0
    }

    .package--simple.package--boxed .package__body {
        padding: 24px
    }

    .package--simple.package--boxed .package__price {
        margin-top: 8px
    }

    .package--simple.package--boxed .package__price .price__desc {
        margin-top: 4px
    }

    .package--simple.package--boxed .package__actions {
        margin-bottom: 0;
        margin-top: 20px
    }

    .package--simple.package--boxed .package__actions .btn {
        min-width: 0
    }

    .package-ribbon__inner {
        width: 225px;
        height: 38px;
        line-height: 40px;
        top: 5px;
        font-size: 12px;
        left: -89px
    }
}

.box {
    display: flex;
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px
}

@media (max-width:1011px) {
    .box {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.box__content {
    padding: 16px;
    width: 100%
}

.box__media {
    min-width: 380px;
    display: flex;
    align-items: center;
    justify-content: center
}

.box__media img {
    min-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none
}

.box__body+.box__media,
.box__media+.box__body {
    border-left: 1px solid #e6e7eb
}

.box--lg .box__content {
    padding: 32px
}

.box--xlg .box__content {
    padding: 32px 48px
}

.box--sm-max-width {
    max-width: 976px;
    margin: 0 auto
}

.box--sm-max-width svg {
    max-width: 100%;
    height: auto
}

.box--faq .box__faq-top {
    border-bottom: 1px solid #e6e7eb;
    height: 64px;
    padding: 0 24px
}

.box--faq .box__faq-top .top__title {
    margin-bottom: 0
}

.box--faq .nav--tabs {
    height: 100%;
    margin-bottom: -1px
}

.box--faq .box__faq {
    box-shadow: none;
    width: 50%;
    min-width: 50%;
    /* was max-height:470px */
    max-height: 100%;
    margin-bottom: 0
}

.box--faq .box__faq-body .list-group {
    position: relative;
    overflow: hidden;
    height: 100%;
    /* was max-height:406px */
    max-height: 480px;
    border: none
}

.box--faq .box__faq-body .list-group__item {
    padding: 0;
    border: none;
    cursor: pointer
}

.box--faq .box__faq-body .list-group__top {
    padding: 16px 30px
}

.box--faq .box__faq-body .list-group__top .top__title {
    line-height: 24px;
    font-weight: 400
}

.box--faq .box__faq-body .list-group__top .collapse {
    display: none
}

.box--faq .box__faq-body .list-group__top .list-group__addon i {
    color: #8692b0;
    transition: color .3s
}

.box--faq .box__faq-body .list-group__top:hover .list-group__addon i {
    color: #007bfc
}

.box--faq .box__faq-body .list-group__top.is-active {
    background: #eef4ff;
    color: #007bfc
}

.box--faq .box__faq-body .list-group__top.is-active .icon-ui .fill {
    fill: #007bfc
}

.box--faq .box__faq-body .list-group .btn {
    font-size: 15px;
    line-height: 24px
}

.box--faq .box__answer {
    border-left: 1px solid #e6e7eb;
    font-weight: 400;
    padding: 32px
}

.box--faq .box__answer strong {
    color: #007bfc
}

.box--flex-compute {
    position: relative;
    overflow: hidden;
    max-width: 1150px;
    margin: 0 auto
}

.box--flex-compute .box__content {
    display: flex;
    padding-bottom: 32px;
    padding-top: 0
}

.box--flex-compute .box__left {
    width: 55.7%
}

.box--flex-compute .box__right {
    width: 44.3%
}

.box--flex-compute .box__ilustration {
    right: -64px;
    top: 119px;
    bottom: 0;
    margin: auto;
    position: absolute;
    height: 460px;
    width: 460px
}

.box--flex-compute .box__total-price {
    display: flex;
    align-items: flex-end
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .box--flex-compute .box__total-price {
        flex: 1 0 auto
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .box--flex-compute .box__total-price .price {
        flex: 1 !important
    }
}

.box--flex-compute .box__footer {
    margin-top: 24px
}

.box--flex-compute .box__footer .btn {
    width: 230px;
    max-width: 100%
}

.box--flex-compute .box__footer .price {
    font-size: 40px;
    line-height: 52px;
    font-weight: 500;
    display: inline-flex;
    flex: 0
}

.box--flex-compute .box__footer .price__suffix {
    font-weight: 400
}

.box--flex-compute .box__footer .price__heading {
    line-height: 24px;
    margin-bottom: 0
}

.box--flex-compute .box__footer .price__value {
    line-height: 50px
}

.box--flex-compute .box__footer .price+.price {
    font-weight: 300;
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 32px;
    margin-left: 12px
}

.box--object-storage {
    max-width: 910px;
    margin: 0 auto
}

.box--object-storage .box__title {
    margin-bottom: 0
}

.box--object-storage .box__left {
    flex: 1 0 auto
}

.box--object-storage .box__right {
    min-width: 270px;
    display: flex;
    align-content: center;
    align-self: stretch;
    border-left: 1px solid #e6e7eb
}

.box--object-storage .box__right .box__content {
    display: flex;
    align-items: center
}

.box--object-storage .box__section:last-child .range-slider-container {
    border-bottom: none
}

.box--object-storage .package {
    margin-top: 0;
    height: auto
}

.box--object-storage .range-slider-container {
    flex-direction: row-reverse
}

.box--object-storage .range-slider-container__content {
    margin-left: 0;
    margin-right: 72px
}

.box--object-storage .range-slider__pips>:last-child:after {
    content: "+"
}

.box--apps {
    max-width: 1096px;
    margin: 0 auto;
    overflow: hidden
}

.box--apps .row {
    margin-top: -32px
}

.box--apps .application {
    margin-top: 32px
}

.box--os {
    max-width: 866px;
    margin-top: -24px
}

.box--logos {
    max-width: 1146px;
    margin: 0 auto
}

.box--table .box__content {
    padding-top: 8px;
    padding-bottom: 11px
}

.box--default {
    background: #f2f3f7;
    box-shadow: none
}

.box--gradient-secondary {
    background: linear-gradient(90deg, #08154d, #182e87)
}

.box--gradient-secondary .input-group,
.box--gradient-secondary .input-group:active,
.box--gradient-secondary .input-group:focus,
.box--gradient-secondary .input-group:hover {
    border: 0
}

.box--categories {
    border: 1px solid #e6e7eb;
    box-shadow: none
}

.box--categories .box__content {
    padding: 18px 24px 8px
}

.box--categories .box__top {
    display: flex;
    justify-content: space-between
}

.box--categories .box__icon {
    height: 48px;
    width: 48px
}

.box--categories .box__title {
    margin-bottom: 0
}

.box--categories .list {
    font-size: 15px;
    line-height: 24px
}

.box--categories .list a {
    padding: 4px 0;
    display: block;
    color: #525666
}

.box--categories .list a:active,
.box--categories .list a:focus,
.box--categories .list a:hover {
    color: #007bfc
}

.box--categories .btn {
    margin-left: -21px;
    margin-top: 6px
}

.box--contribute {
    margin-top: 64px !important;
    background: #007bfc;
    padding: 40px 48px 48px;
    flex-direction: column
}

.box--contribute .box__body * {
    color: #fff
}

.box--contribute .box__body h2 {
    margin-bottom: 12px
}

.box--contribute .box__body p {
    font-weight: 300
}

.box--contribute .box__actions {
    margin-top: 28px;
    display: flex
}

.box--contribute .box__actions .btn+.btn {
    margin-left: 16px
}

.box--auth {
    min-height: 372px;
    align-items: center;
    overflow: hidden
}

.box--auth .box__content {
    padding: 36px 56px 48px
}

.box--auth .box__title {
    text-align: center
}

.box--auth .box__title>span {
    display: block;
    margin-left: -8px;
    margin-right: -8px
}

.box--auth .box__desc {
    margin-top: -16px;
    margin-bottom: 40px;
    text-align: center
}

.box--auth .alert,
.box--auth .form-group {
    margin-bottom: 24px
}

.box--auth .form__actions {
    margin-top: 32px
}

.box--auth .form__actions .btn {
    min-width: unset
}

.box--auth .form-check {
    margin-bottom: 0
}

.box--auth .rail__content {
    align-items: center;
    display: flex
}

.box--auth .rail__toolbar a:not(:hover) {
    color: #525666
}

.box--auth+* {
    margin-top: 42px
}

.box--contact-2 {
    max-width: 695px;
    margin: 0 auto
}

.box--contact-2 .box__content {
    padding: 54px 48px
}

.box--contact-2 .illustration {
    width: 1800px;
    position: absolute;
    top: 368px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    z-index: -1
}

.box--api-integration {
    background-color: transparent;
    box-shadow: none
}

.box--api-integration .box {
    width: 100%
}

.box--api-integration .box__content {
    padding: 40px 0 0
}

.box--api-integration .api-integration {
    display: flex;
    flex-direction: column;
    align-items: center
}

.box--api-integration .api-integration__button {
    font-size: 15px;
    padding: 8px 24px;
    cursor: pointer;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 10px 10px 0 0;
    transition: .2s linear;
    font-weight: 500
}

.box--api-integration .api-integration__button.collapsed .api-integration__arrow i:before {
    transition: .2s linear;
    transform: rotate(0);
    position: relative;
    top: 3px
}

.box--api-integration .api-integration__arrow i:before {
    position: relative;
    top: 5px;
    transition: .2s linear;
    transform: rotate(180deg)
}

.box--api-integration .api-integration__button.collapsed {
    box-shadow: none !important
}

.box--api-integration .api-integration__arrow {
    margin-left: 10px;
    font-size: 26px
}

.box--api-integration .api-integration .box__content {
    padding: 20px 24px 8px
}

.box--api-integration .api-integration .box__content .section {
    padding: 0;
    border: none
}

.box--api-integration .api-integration .box__content .section__title {
    font-size: 18px;
    line-height: 36px;
    color: #142149;
    font-weight: 500
}

.box--api-integration .api-integration .box__content .section__subtitle {
    display: block;
    margin-top: 16px;
    font-size: 16px;
    line-height: 36px;
    color: #142149;
    font-weight: 500
}

.box--api-integration .api-integration .box__content .section__text {
    border: 1px solid #ebebeb;
    padding: 16px;
    margin-top: 10px;
    margin-bottom: 16px;
    background-color: #fff
}

.box--api-integration .api-integration .box__content .section__code {
    background-color: #fff;
    color: #525666;
    font-size: 14px;
    line-height: 20px
}

.box--api-integration .api-integration .box__content .section .input-group i svg path {
    fill: #8692b0
}

.box--api-integration .api-integration .box__content .section .type-7 {
    margin-top: 14px;
    margin-bottom: 8px
}

.box--full-width .box__content {
    padding: 64px
}

.box--sidebar {
    display: flex
}

.box__slider {
    margin-top: 40px;
    overflow: hidden
}

.box--review {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.box--review .box__content {
    padding: 32px 24px 24px
}

.box--review .box__content p {
    color: #142149;
    font-weight: 700;
    font-style: italic
}

.box--review .box__footer {
    padding: 24px
}

.box--bordered {
    box-shadow: none;
    border: 1px solid #e6e7eb
}

.box__video-frame {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    margin: 40px 0 48px
}

.box__video-frame iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.box--competitor-table .box__content {
    padding: 0
}

.box--competitor-table .box__content tr td:first-child,
.box--competitor-table .box__content tr th:first-child {
    padding-left: 32px !important
}

.box--competitor-table .box__content tr td:nth-child(2),
.box--competitor-table .box__content tr th:nth-child(2) {
    border-color: rgba(0, 123, 252, .2)
}

.box--user-info .quote__author {
    font-size: 19px;
    font-weight: 300;
    line-height: 32px
}

@media (max-width:1231px) {
    .box--user-info .quote__author {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:1011px) {
    .box--user-info .quote__author {
        font-size: 15px;
        line-height: 24px
    }
}

.box--user-info .box__content .btn {
    width: auto
}

.box.box--solutions {
    min-width: 604px;
    max-width: 1020px;
    margin: 0 auto;
    border-radius: 6px
}

.box.box--solutions .box__content {
    min-width: 604px;
    padding: 24px 32px
}

@media (min-width:1012px) and (max-width:1231px) {
    .box--flex-compute .box__ilustration {
        right: -96px
    }
}

@media (min-width:1012px) {
    .box--faq {
        /* was min-height:468px */
        min-height: 565px
    }

    .box--faq .widget .list-group {
        min-height: 406px
    }

    .box--faq .widget .list-group__collapse {
        display: none !important
    }

    .box--apps .box__content {
        padding: 48px 48px 72px
    }

    .box--object-storage .range-slider-container {
        min-height: 134px
    }
}

@media (min-width:752px) {
    .box--apps .box__content {
        padding: 32px 24px 40px
    }
}

@media (max-width:1231px) {
    .box--contact .box__content {
        padding: 48px
    }

    .box--contact .box__sidebar {
        padding: 48px;
        width: 306px;
        min-width: 306px
    }
}

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

    .box .box__media {
        min-width: 0;
        height: 150px;
        order: -1
    }

    .box .box__body,
    .box .box__body+.box__media,
    .box .box__media+.box__body {
        border: none
    }

    .box .box__content {
        padding: 24px 32px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .box .box__content>:first-child {
        text-align: center
    }

    .box .box__content .btn {
        margin-left: auto;
        margin-right: auto
    }

    .box--faq {
        margin-top: 24px
    }

    .box--faq .box__faq-top {
        height: 56px
    }

    .box--faq .box__faq {
        width: 100%;
        max-height: 100%
    }

    .box--faq .box__faq .list-group {
        max-height: 100%;
        height: 100%
    }

    .box--faq .box__faq .list-group .ps__rail-y {
        display: none !important
    }

    .box--faq .box__faq .list-group__item {
        border-bottom: 1px solid #e6e7eb;
        padding: 16px 0
    }

    .box--faq .box__faq .list-group .top__icon {
        display: none
    }

    .box--faq .box__faq .list-group__collapse {
        display: none;
        margin-top: 16px
    }

    .box--faq .box__faq .list-group__content {
        border: none;
        padding: 0 24px;
        margin-top: 0;
        display: block
    }

    .box--faq .box__faq .list-group__content:before {
        display: none
    }

    .box--faq .box__faq .list-group__content strong {
        color: #007bfc
    }

    .box--faq .box__faq .list-group__top {
        padding: 0 54px 0 24px
    }

    .box--faq .box__faq .list-group__top:after,
    .box--faq .box__faq .list-group__top:before {
        position: absolute;
        right: 0;
        content: "";
        width: 100%;
        height: 2px;
        width: 16px;
        background: #8893b1;
        transform-origin: center center;
        right: 24px
    }

    .box--faq .box__faq .list-group__top:after {
        transform: rotate(90deg)
    }

    .box--faq .box__faq .list-group__top.is-active {
        background: none
    }

    .box--faq .box__faq .list-group__top.is-active:after {
        display: none
    }

    .box--faq .box__faq .list-group__top.is-active:before {
        background: #007bfc
    }

    .box--faq .box__faq .list-group__top.is-active+.list-group__collapse {
        display: flex
    }

    .box--faq .box__faq .list-group__top .top__title {
        margin-left: 0;
        color: #142149
    }

    .box--faq .box__faq-body .list-group {
        position: relative;
        overflow: hidden;
        height: 100%
    }

    .box--faq .box__faq-body .list-group__item {
        padding-top: 0;
        padding-bottom: 0
    }

    .box--faq .box__faq-body .list-group__addon {
        font-size: 18px
    }

    .box--faq .box__faq-body .list-group__top {
        padding: 16px 48px 16px 24px
    }

    .box--faq .box__faq-body .list-group__top .top__title {
        line-height: 24px;
        font-weight: 400
    }

    .box--faq .box__faq-body .list-group__top .collapse {
        display: none
    }

    .box--faq .box__faq-body .list-group__top.is-active {
        background: none;
        color: #007bfc;
        padding-bottom: 0
    }

    .box--faq .box__faq-body .list-group__top.is-active+.list-group__collapse {
        padding-bottom: 16px
    }

    .box--faq .box__faq-body .list-group .btn {
        font-size: 15px;
        line-height: 24px
    }

    .box--faq .box__answer,
    .box--faq.mob-show-more [data-view-all],
    .box--faq:not(.mob-show-more) .list-group .list-group__item:not(:nth-child(-n+6)) {
        display: none
    }

    .box--flex-compute .box__left {
        width: 100%
    }

    .box--flex-compute .box__right {
        display: none
    }

    .box--flex-compute .box__content {
        padding: 0
    }

    .box--flex-compute .range-slider-container {
        padding-left: 16px;
        padding-right: 16px
    }

    .box--flex-compute .box__footer {
        padding: 16px;
        margin-top: 0
    }

    .box--flex-compute .box__footer .rail {
        flex-direction: column
    }

    .box--flex-compute .box__footer .btn {
        width: 100%;
        margin-top: 24px;
        margin-left: 0
    }

    .box--flex-compute .box__footer .price,
    .box--flex-compute .box__footer .price .price__value {
        font-size: 32px;
        line-height: 44px
    }

    .box--object-storage .box__right {
        border-top: 1px solid #e6e7eb;
        border-left: none
    }

    .box--object-storage .range-slider-container__content {
        margin-right: 0
    }

    .box--apps .row {
        margin-top: -16px
    }

    .box--apps .application {
        margin-top: 16px
    }

    .box--categories .box__content {
        padding: 18px 24px 8px
    }

    .box--categories .box__content .btn {
        margin-left: -21px;
        margin-right: auto
    }

    .box--auth {
        min-height: 356px
    }

    .box--auth .box__content {
        padding: 36px 56px 48px
    }

    .box--api-integration .box__content {
        padding-left: 0;
        padding-right: 0
    }

    .box--api-integration .box__content .section {
        text-align: left
    }

    .box--api-integration .box .api-integration box {
        width: 100%
    }

    .box--review .box__footer {
        padding-top: 0;
        text-align: right
    }

    .box__video-frame {
        margin: 16px 0 24px
    }

    .box__video-frame iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .box--competitor-table .box__content {
        padding: 0
    }
}

@media (min-width:514px) {
    .box.box--solutions .sticky-wrapper {
        display: none
    }
}

@media (max-width:751px) {
    .box--apps .row {
        margin-top: -8px
    }

    .box--apps .application {
        margin-top: 8px
    }

    .box--contact {
        flex-direction: column
    }

    .box--contact .box__content,
    .box--contact .box__sidebar {
        padding: 24px
    }

    .box--contact .form__actions .btn {
        width: 100%
    }

    .box--contribute {
        margin-top: 24px;
        padding: 20px 24px 24px
    }

    .box--contribute .box__body * {
        color: #fff
    }

    .box--contribute .box__body h2 {
        margin-bottom: 12px
    }

    .box--contribute .box__body .h4,
    .box--contribute .box__body h2 {
        font-weight: 300
    }

    .box--contribute .box__actions {
        margin-top: 20px;
        flex-direction: column
    }

    .box--contribute .box__actions .btn {
        width: 100%
    }

    .box--contribute .box__actions .btn+.btn {
        margin-left: 0;
        margin-top: 8px
    }

    .box--auth {
        min-height: 320px
    }

    .box--auth .box__content {
        padding: 24px
    }

    .box--competitor-table .box__content {
        padding: 0
    }

    .box--user-info .box__content {
        padding: 20px 0 0
    }

    .box--user-info .box__content>* {
        text-align: left !important
    }

    .box--user-info .box__content p {
        margin-bottom: 0
    }

    .box--user-info .box__content img {
        margin-top: 32px;
        margin-bottom: 16px
    }

    .box--user-info .box__content h4 {
        margin-bottom: 32px
    }

    .box--user-info .box__content .btn {
        margin-top: 32px;
        margin-left: 0
    }

    .box--user-info .box__content .quote+p {
        margin-top: 32px
    }

    .box--user-info .box__content ol,
    .box--user-info .box__content ul {
        margin-bottom: 0
    }

    .box--user-info .quote {
        padding: 24px 24px 24px 40px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        width: 100%
    }

    .box--user-info .quote__author {
        margin-top: 16px;
        align-items: flex-start;
        font-size: 24px;
        font-weight: 300;
        line-height: 40px
    }
}

@media (max-width:751px) and (max-width:1231px) {
    .box--user-info .quote__author {
        font-size: 22px;
        line-height: 32px
    }
}

@media (max-width:751px) and (max-width:1011px) {
    .box--user-info .quote__author {
        font-size: 19px;
        font-weight: 300;
        line-height: 32px
    }
}

@media (max-width:751px) and (max-width:751px) {
    .box--user-info .quote__author {
        font-size: 17px;
        line-height: 28px
    }
}

@media (max-width:751px) {
    .box--user-info .quote__text p {
        margin-bottom: 0
    }

    .box.box--solutions {
        min-width: unset;
        max-width: unset;
        box-shadow: unset
    }

    .box.box--solutions .box__content {
        min-width: unset;
        padding-left: 0;
        padding-right: 0
    }

    .box.box--solutions .sticky-wrapper {
        display: flex;
        align-items: center;
        position: fixed;
        box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08);
        background-color: #fff;
        top: 0;
        left: 0;
        width: 100%;
        transition: all .3s;
        z-index: 5
    }

    .box.box--solutions .sticky-wrapper .container {
        display: flex;
        align-items: center
    }

    .box.box--solutions .sticky-wrapper .container>div {
        width: 50%;
        display: flex
    }

    .scroll-up .box.box--solutions .sticky-wrapper {
        margin-top: 60px
    }
}

.block__section {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    justify-content: space-between;
    max-width: 100%
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .block__section {
        flex-wrap: nowrap
    }
}

.block__sidebar--md {
    width: 338px
}

.block__sidebar--xlg {
    width: 460px
}

.block__title {
    margin: -8px 0 48px
}

.block__sticky-sidebar {
    width: 100%
}

.block .inner-wrapper-sticky {
    transition: margin-top .3s
}

.block--boxed {
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px
}

@media (max-width:1011px) {
    .block--boxed {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.block--boxed .block__body {
    padding: 64px
}

.block--boxed .block__body+.block__sidebar {
    border-left: 1px solid #e6e7eb
}

.block--boxed .block__sidebar {
    padding: 64px;
    margin: 0
}

.block--contact .alert--xlg {
    margin-bottom: 32px
}

.block--contact .alert--xlg .alert__body {
    font-size: 21px;
    font-weight: 500;
    line-height: 28px;
    color: #007bfc;
    margin: 0
}

@media (max-width:1231px) {
    .block--contact .alert--xlg .alert__body {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width:1011px) {
    .block--contact .alert--xlg .alert__body {
        font-size: 19px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width:751px) {
    .block--contact .alert--xlg .alert__body {
        font-size: 17px;
        font-weight: 500;
        line-height: 24px
    }
}

.block--post .block__body {
    padding: 63px
}

.block--post .post-img {
    width: 100%
}

@media (min-width:1012px) {
    .scroll-up .block__sticky-sidebar [data-sticky].is-sticky .inner-wrapper-sticky {
        margin-top: 48px
    }
}

@media (max-width:1011px) {

    .block--boxed .block__body,
    .block--boxed .block__sidebar {
        padding: 32px;
        width: 100%
    }

    .block--boxed .block__sidebar {
        border-top: 1px solid #edeef2
    }

    .block--boxed .block__title {
        margin-bottom: 24px
    }

    .block--boxed .block__body+.block__sidebar {
        border-left: none
    }

    .block--boxed .block__section {
        border-bottom: 1px solid #e6e7eb
    }

    .block--contact .contact {
        float: left;
        width: 50%
    }

    .block--contact .contact+.contact {
        margin-top: 0
    }

    .section--legal .block__section .block__body+.block__sidebar {
        border: none;
        padding-top: 0
    }
}

@media (max-width:751px) {

    .block--boxed .block__body,
    .block--boxed .block__sidebar {
        padding: 24px
    }

    .block--contact .contact {
        width: 100%
    }

    .block--contact .contact+.contact {
        margin-top: 24px
    }

    .block--contact .alert--xlg {
        align-items: center
    }

    .block--contact .alert--xlg .alert__body {
        text-align: center
    }

    .block--contact .alert--xlg .alert__actions {
        margin: 16px 0 0;
        padding: 0
    }
}

.widget {
    border-radius: 3px;
    overflow: visible
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .widget .widget__media {
        flex: 1 0 auto
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .widget .widget__media img {
        max-width: none
    }
}

.widget-cloud {
    width: 120px;
    height: 120px;
    border: 1px solid #dfe2eb;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.widget-cloud__corner-check {
    width: 40px;
    height: 30px;
    background: #007bfc;
    visibility: hidden;
    position: absolute;
    top: -15px;
    right: -16px;
    transform: rotate(45deg)
}

.widget-cloud__corner-check i {
    transform: rotate(-45deg);
    position: absolute;
    bottom: 1px;
    left: 17px
}

.widget-cloud__corner-check i svg path {
    stroke: #fff !important
}

.widget-cloud.is-active {
    border-color: #007bfc
}

.widget-cloud.is-active .widget-cloud__corner-check {
    visibility: visible
}

.widget-cloud__icon {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.widget-cloud__cloud {
    font-weight: 500;
    font-size: 15px
}

.widget--last-post .widget__media:before {
    display: none
}

.widget--last-post .widget__media img {
    min-height: 280px;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .widget--last-post .widget__media img {
        height: 280px
    }
}

.widget--last-post .widget__body,
.widget--last-post .widget__media {
    border: none
}

.widget--last-post .widget__content {
    padding: 32px
}

.widget--last-post .widget__content p {
    color: #525666;
    margin-bottom: 0
}

.widget--last-post .widget__content p span.is-link {
    font-weight: 500;
    color: #007bfc
}

.widget--resources {
    box-shadow: none;
    margin-bottom: 0
}

.widget--resources .list-group__item {
    padding-top: 12px;
    padding-bottom: 12px;
    border: 0
}

.widget--resources .list-group__item:hover {
    background: none;
    color: #007bfc
}

.widget--resources .list-group__item:hover .list-group__addon .icon-ui .fill {
    fill: #007bfc
}

.widget--resources .list-group__addon {
    display: flex;
    margin-right: 24px
}

.widget--resources .list-group__addon .icon-ui .fill {
    transition: .3s ease
}

.widget--resources .list-group__content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.widget--post {
    border-radius: 5px;
    margin-bottom: 50px
}

.widget--post .widget__title {
    margin-bottom: 18px
}

.widget--post .widget__media {
    background-color: #172863
}

.widget--post .widget__media img {
    min-height: 240px;
    object-fit: cover;
    object-position: center center
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .widget--post .widget__media img {
        height: 240px
    }
}

.widget--post .widget__media video {
    display: block;
    width: 100%
}

.widget--post .widget__body {
    border: 0
}

.widget--post .widget__desc {
    color: #525666;
    margin-bottom: 24px
}

.widget--post .widget__content {
    padding: 32px 40px 40px
}

.widget--post .widget__footer span {
    display: inline-flex;
    align-items: center
}

.widget--post .i-c {
    margin-right: 8px
}

.widget--post:last-child {
    margin-bottom: 0
}

.widget--job-position {
    width: 100%;
    min-height: 332px;
    margin-bottom: 24px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .widget--job-position {
        height: 332px
    }
}

.widget--job-position .widget__body {
    border: 0
}

.widget--job-position .widget__title {
    margin-top: 14px
}

.widget--job-position .widget__footer {
    border-top: 1px solid #e6e8ec;
    min-height: 72px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.widget--job-position .widget__content {
    padding: 26px 32px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.widget--job-position .widget__category,
.widget--job-position .widget__location {
    color: #525666
}

.widget--job-position .widget__location {
    display: flex;
    align-items: center;
    margin-top: auto
}

.widget--download .widget__media img {
    min-height: 240px;
    object-fit: cover;
    object-position: center center
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .widget--download .widget__media img {
        height: 240px
    }
}

.widget--download .widget__body {
    border: none
}

.widget--download .widget__content {
    text-align: center;
    color: #525666;
    padding: 32px 16px 16px
}

.widget.has-hover {
    cursor: pointer
}

@media (max-width:1399px) {
    .widget--last-post {
        min-width: 535px
    }
}

@media (max-width:1011px) {
    .widget--last-post {
        min-width: 0
    }

    .widget--last-post .widget__media img {
        min-height: unset
    }

    .widget--last-post .widget__content {
        padding: 24px 16px
    }

    .widget--resources {
        margin-bottom: 56px
    }

    .widget--post .widget__media img {
        min-height: 160px
    }

    .widget--post .widget__content {
        padding: 18px 24px 22px
    }

    .widget--post .btn {
        min-width: 130px
    }

    .widget--job-position {
        min-height: 0
    }

    .widget--job-position .widget__content {
        padding: 16px 24px 24px
    }

    .widget--job-position .widget__footer {
        min-height: 48px
    }
}

@media (max-width:751px) {
    .widget--resources .widget__content {
        padding: 8px 0
    }
}

.tiles {
    margin-top: -24px
}

.tile {
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #fff;
    border: 1px solid #e6e7eb;
    margin-top: 24px;
    border-radius: 4px;
    position: relative;
    width: 100%;
    justify-items: center;
    justify-content: center;
    align-items: center;
    transition: .3s
}

.tile:active,
.tile:focus,
.tile:hover {
    border-color: #007bfc
}

.tile .tile__title {
    color: #142149;
    max-width: 100%;
    margin-top: 32px;
    margin-bottom: 0;
    text-align: center;
    display: flex;
    align-items: center
}

.tile .tile__action {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.tile .tile__icon {
    display: flex
}

.tile .tile__icon svg {
    min-height: 100%;
    min-width: 100%
}

.tile .tile__icon .mobile-icon {
    display: none
}

.tile--sm .tile__icon {
    margin-top: -4px
}

.tile--sm .tile__title {
    margin-top: 16px;
    margin-bottom: -4px
}

.tile--recent-news {
    padding: 32px;
    border: 0;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width:1011px) {
    .tile--recent-news {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.tile--recent-news .tile__title {
    flex: 1;
    margin: 0 0 16px !important;
    font-weight: 500;
    text-align: left;
    align-items: flex-start
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .tile--recent-news .tile__title {
        flex: 1 0 auto
    }
}

.tile--info {
    padding: 16px;
    justify-content: flex-start;
    border: none;
    min-height: 200px
}

.tile--info:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px
}

@media (max-width:1011px) {
    .tile--info:after {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.tile--info .tile__desc,
.tile--info .tile__info,
.tile--info .tile__title,
.tile--info .tile__value {
    transition: top .3s, opacity .3s
}

.tile--info .tile__value {
    margin-bottom: 0;
    margin-top: 29px;
    color: #007bfc
}

.tile--info .tile__title {
    margin-bottom: 0;
    margin-top: 0;
    flex: 1 0 auto
}

.tile--info .tile__info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 32px 16px;
    opacity: 0;
    margin-top: 0;
    top: 8px;
    text-align: center
}

.tile--info:active .tile__info,
.tile--info:focus .tile__info,
.tile--info:hover .tile__info {
    opacity: 1;
    top: 0
}

.tile--info:active .tile__desc,
.tile--info:active .tile__title,
.tile--info:active .tile__value,
.tile--info:focus .tile__desc,
.tile--info:focus .tile__title,
.tile--info:focus .tile__value,
.tile--info:hover .tile__desc,
.tile--info:hover .tile__title,
.tile--info:hover .tile__value {
    opacity: 0;
    top: -8px
}

.tile--select {
    flex-direction: row;
    justify-content: space-between;
    padding: 16px;
    transition: box-shadow .3s, border 0;
    cursor: pointer;
    height: calc(100% - 24px)
}

.tile--select .tile__title {
    margin: 0;
    font-size: 17px;
    line-height: 28px;
    text-align: left
}

.tile--select .tile__icon {
    opacity: 0;
    transition: opacity .3s
}

.tile--select .tile__icon i {
    font-size: 17px
}

.tile--select.is-selected {
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-color: transparent
}

@media (max-width:1011px) {
    .tile--select.is-selected {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.tile--select.is-selected .tile__icon {
    opacity: 1
}

.tile--tool {
    justify-content: flex-start;
    padding-top: 32px;
    padding-bottom: 8px;
    min-height: 180px
}

.tile--tool .tile__title {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 8px;
    flex: 1 0 auto
}

.tile--number .tile__subtitle {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 2px;
    display: flex;
    align-items: center
}

.tile--number .tile__subtitle strong {
    margin-right: 4px
}

.tile--number .tile__title {
    margin-top: 0
}

.tile--number .tile__desc {
    color: #a1a5b2;
    margin-bottom: 8px
}

.tile--category {
    padding: 40px 16px
}

.tile--support {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 16px 16px 16px 26px;
    margin-top: -1px;
    position: relative
}

.tile--support:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid #007bfc;
    z-index: 99;
    opacity: 0;
    transition: opacity .24s ease;
    border-radius: 3px
}

.tile--support:hover {
    border: 1px solid transparent
}

.tile--support:hover:after {
    opacity: 1
}

.tile--support .tile__content {
    margin-left: 30px
}

.tile--support .tile__content .tile__title {
    margin-top: 0;
    font-size: 17px;
    line-height: 28px;
    font-weight: 500
}

.tile--support .tile__content .tile__link {
    font-size: 15px;
    line-height: 24px;
    font-weight: 300
}

.tile--big {
    margin-top: 0;
    padding: 42px;
    height: 100%
}

.tile--big .tile__icon {
    height: 54px;
    width: 180px;
    justify-content: center;
    align-items: center
}

.tile--big .tile__title {
    white-space: normal;
    margin-top: 24px !important;
    margin-bottom: 8px !important
}

.tile--big .tile__desc {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    color: #8a8d99
}

@media (max-width:1011px) {
    .tile--big .tile__desc {
        font-size: 12px
    }
}

@media (max-width:751px) {
    .tile--big .tile__desc {
        font-size: 12px
    }
}

.tiles--tabs {
    margin: 0
}

.tiles--tabs .tile {
    height: calc(100% - 24px)
}

.tiles--tabs>:first-child {
    padding-left: 0
}

.tiles--tabs>:last-child {
    padding-right: 0
}

.tiles--on-dark-bg .tile {
    border-color: rgba(223, 226, 235, .16);
    background: none
}

.tiles--on-dark-bg .tile__title {
    color: #fff
}

.tiles--on-dark-bg .tile.is-active,
.tiles--on-dark-bg .tile:hover {
    border-color: rgba(223, 226, 235, .32)
}

.tiles>div {
    cursor: pointer
}

@media (min-width:1012px) {
    .tiles.is-animated .tile__icon {
        opacity: 0
    }

    a.tile--shadow {
        transition: box-shadow .3s ease, top .3s ease;
        top: 0
    }

    a.tile--shadow:active,
    a.tile--shadow:focus,
    a.tile--shadow:hover {
        box-shadow: 0 16px 40px 0 rgba(10, 14, 29, .04), 0 16px 80px 0 rgba(10, 14, 29, .16);
        top: -8px
    }
}

@media (max-width:1399px) {
    .tile--big {
        padding: 16px
    }
}

@media (max-width:1231px) {
    .tile--big {
        margin-top: 0 !important
    }
}

@media (max-width:1011px) {
    .tiles {
        margin-top: -16px
    }

    .tiles--tabs .tile {
        height: calc(100% - 16px)
    }

    .tiles--apps>div {
        flex-basis: 50%
    }

    .tiles--apps>div .tile {
        margin-top: 32px
    }

    .tile {
        margin-top: 16px;
        padding: 24px 16px
    }

    .tile .tile__icon .mobile-icon {
        display: block
    }

    .tile .tile__icon .desktop-icon {
        display: none
    }

    .tile--tool {
        min-height: 150px
    }

    .tile--support {
        margin-top: -1px
    }
}

@media (min-width:752px) and (max-width:1011px) {
    .tile--tab-icon-left {
        padding: 16px 24px;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }

    .tile--tab-icon-left .tile__title {
        margin-top: 0
    }

    .tile--tab-icon-left .tile__icon {
        margin-right: 24px
    }
}

@media (max-width:751px) {
    .tiles--tabs>* {
        max-width: 48%;
        min-width: 150px
    }

    .tile.tile--support .tile__content .tile__title {
        margin-top: 0;
        margin-bottom: 0
    }

    .tile.tile--support .tile__content .tile__link {
        word-break: break-all
    }

    .tile:not(.tile--select) .tile__icon {
        margin-top: -4px
    }

    .tile:not(.tile--select) .tile__title {
        margin-top: 16px;
        margin-bottom: -4px
    }

    .tile:not(.tile--select)--post .tile__title {
        margin-top: 0 !important
    }

    .tile--big {
        padding: 16px
    }

    .tile--big .tile__title {
        margin-top: 8px !important
    }
}

@media (max-width:513px) {
    .tiles--apps>div {
        flex-basis: 100%
    }
}

.form-group>label {
    font-weight: 300;
    margin-bottom: 8px
}

.form__actions {
    margin-top: 48px
}

.form__actions .btn {
    min-width: 245px
}

.form textarea {
    min-height: 286px
}

.form-control--short {
    min-height: 140px !important
}

.form-label--xs {
    font-size: 15px;
    line-height: 24px
}

.form-tooltip-helper {
    width: 18px;
    height: 18px
}

.form-control[disabled],
.input-group.is-disabled {
    background: #e6e7eb;
    opacity: 1;
    pointer-events: unset
}

.form-group--select-image .selectize-dropdown .item,
.form-group--select-image .selectize-dropdown .option,
.form-group--select-image .selectize-input .item,
.form-group--select-image .selectize-input .option {
    display: flex;
    align-items: center
}

.form-group--select-image .selectize-dropdown .item:before,
.form-group--select-image .selectize-dropdown .option:before,
.form-group--select-image .selectize-input .item:before,
.form-group--select-image .selectize-input .option:before {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    margin-right: 12px;
    display: inline-block
}

.form-group--select-image .selectize-dropdown .item[data-value=high-frequency]:before,
.form-group--select-image .selectize-dropdown .option[data-value=high-frequency]:before,
.form-group--select-image .selectize-input .item[data-value=high-frequency]:before,
.form-group--select-image .selectize-input .option[data-value=high-frequency]:before {
    background-size: 38px 38px
}

.form-group--select-image .selectize-dropdown .item[data-value=bare-metal]:before,
.form-group--select-image .selectize-dropdown .option[data-value=bare-metal]:before,
.form-group--select-image .selectize-input .item[data-value=bare-metal]:before,
.form-group--select-image .selectize-input .option[data-value=bare-metal]:before {
    background-size: 38px 38px
}

.form-group--select-image .selectize-dropdown .item[data-value=cloud-compute]:before,
.form-group--select-image .selectize-dropdown .option[data-value=cloud-compute]:before,
.form-group--select-image .selectize-input .item[data-value=cloud-compute]:before,
.form-group--select-image .selectize-input .option[data-value=cloud-compute]:before {
    background-size: 38px 38px
}

.form-group--select-image .selectize-dropdown .item[data-value=dedicated-cloud]:before,
.form-group--select-image .selectize-dropdown .option[data-value=dedicated-cloud]:before,
.form-group--select-image .selectize-input .item[data-value=dedicated-cloud]:before,
.form-group--select-image .selectize-input .option[data-value=dedicated-cloud]:before {
    background-size: 38px 38px
}

.form-group--spinner-arrows .input-spinners {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 22px;
    position: absolute;
    right: 14px;
    top: 50px
}

@media (max-width:1011px) {
    .form-group--spinner-arrows .input-spinners {
        top: 48px
    }
}

.form-group--spinner-arrows .input-spinners .spinner-arrow-down,
.form-group--spinner-arrows .input-spinners .spinner-arrow-up {
    height: 22px;
    width: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eef4ff;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s
}

.form-group--spinner-arrows .input-spinners .spinner-arrow-down svg path,
.form-group--spinner-arrows .input-spinners .spinner-arrow-up svg path {
    stroke: #007bfc
}

.form-group--spinner-arrows .input-spinners .spinner-arrow-up {
    margin-bottom: 4px
}

.selectize-control .selectize-input:after {
    content: "";
    font-family: unset;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZD0iTTMgNC41bDMgMyAzLTMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2OTJiMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
    background-size: 16px 16px;
    background-position: 50%;
    background-repeat: no-repeat
}

.selectize-control .selectize-input.dropdown-active:after {
    content: "";
    transform: rotate(180deg)
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.form-check>label {
    font-size: 15px;
    line-height: 24px
}

textarea.form-control.form-control--xlg {
    padding-top: 19px;
    padding-bottom: 19px;
    resize: vertical
}

.input-tooltip {
    background: #fff;
    min-width: 214px;
    position: absolute;
    z-index: 20;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    top: -178px;
    margin: auto;
    border-radius: 4px;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    visibility: hidden;
    opacity: 0;
    transition: .4s
}

@media (max-width:1011px) {
    .input-tooltip {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.input-tooltip.is-active {
    visibility: visible;
    opacity: 1
}

.input-tooltip:after {
    content: "";
    width: 0;
    height: 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10
}

.input-tooltip__content {
    padding: 16px
}

.input-tooltip p {
    margin-top: 0;
    color: #a1a5b2;
    font-size: 13px;
    line-height: 29px;
    margin-bottom: 5px
}

.input-tooltip__list {
    text-align: left;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0
}

.input-tooltip--password-strength .input-tooltip__list-item span {
    position: relative;
    transition: .4s
}

.input-tooltip--password-strength .input-tooltip__list-item span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    height: 1px;
    width: 0;
    background: #4cc159;
    opacity: .5;
    transition: .4s
}

.input-tooltip--password-strength .input-tooltip__list-item.is-done span {
    color: #4cc159
}

.input-tooltip--password-strength .input-tooltip__list-item.is-done span:after {
    width: 100%
}

.form-suggestions {
    position: absolute;
    width: 308px;
    left: calc(100% + 24px);
    top: 36px;
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s, opacity .3s
}

@media (max-width:1011px) {
    .form-suggestions {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.form-suggestions:after {
    z-index: 192;
    content: "";
    width: 0;
    height: 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    position: absolute;
    top: 19px;
    left: -10px
}

.form-suggestions.is-active {
    visibility: visible;
    opacity: 1
}

.form-suggestions .list-group {
    position: relative;
    max-height: 318px;
    overflow: hidden;
    border: 0
}

.form-suggestions .list-group.ps {
    padding-right: 12px
}

.form-suggestions .list-group__item {
    padding: 13px 24px;
    line-height: 24px;
    color: #142149
}

.form-suggestions .list-group__item:hover {
    background: none;
    color: #007bfc
}

.form-suggestions .list-group__item:hover .list-group__addon i {
    color: #007bfc
}

.form-suggestions .list-group__item .list-group__addon i {
    margin-top: 8px;
    transition: color .3s ease
}

.attachments {
    margin-left: -16px;
    margin-right: -16px
}

.attachments__btn {
    margin: 0 16px;
    position: relative;
    border-style: dashed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto
}

.attachments__btn--added {
    border: none;
    display: inline-flex;
    margin: 0
}

.attachments__btn--added .attachments__label {
    width: auto;
    padding: 16px
}

.attachments__btn--added .attachments__label i span {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.attachments__btn--added .attachments__label i span.icon-delete {
    opacity: 0
}

.attachments__btn--added .attachments__label i span.icon-delete .stroke {
    stroke: #f55656
}

.attachments__btn--added .attachments__label i span.icon-delete .fill {
    fill: #f55656
}

.attachments__btn--added .attachments__label i span.icon-file {
    opacity: 1
}

.attachments__btn--added .attachments__label:hover {
    color: #f55656
}

.attachments__btn--added .attachments__label:hover i span.icon-delete {
    opacity: 1
}

.attachments__btn--added .attachments__label:hover i span.icon-file {
    opacity: 0
}

.attachments__label {
    width: 100%;
    text-align: center;
    color: #a1a5b2;
    font-weight: 500;
    transition: .3s ease;
    cursor: pointer;
    margin: 0
}

.attachments__label,
.attachments__label i {
    display: flex;
    justify-content: center;
    align-items: center
}

.attachments__label i {
    margin-right: 16px;
    width: 18px;
    position: relative
}

.attachments__label .stroke {
    transition: .3s ease
}

.attachments__label:hover {
    color: #007bfc
}

.attachments__label:hover .stroke {
    stroke: #007bfc
}

.attachments__input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.form--resources .form-group {
    margin-bottom: 20px
}

.form--resources .form-label {
    font-weight: 400;
    color: #142149;
    margin-bottom: 12px
}

.form--resources .form__actions {
    margin-top: 36px
}

.form--date-converter .input-group {
    justify-content: flex-start;
    padding-left: 12px !important;
    padding-right: 12px !important
}

.form--date-converter .form-control {
    text-align: center;
    width: 28px;
    flex: unset;
    padding: 0 4px
}

.form--date-converter .form-control--year {
    width: 48px
}

.form-group--locations [data-value] {
    display: flex;
    align-items: center
}

.form-group--locations [data-value]:before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 18px;
    margin-right: 8px
}

.form-group--locations [data-value=ATL]:before,
.form-group--locations [data-value=DFW]:before,
.form-group--locations [data-value=EWR]:before,
.form-group--locations [data-value=LAX]:before,
.form-group--locations [data-value=MIA]:before,
.form-group--locations [data-value=ORD]:before,
.form-group--locations [data-value=SEA]:before,
.form-group--locations [data-value=SJC]:before {
    background: url(../png/flagsm_us.png)
}

.form-group--locations [data-value=YTO]:before {
    background: url(../png/flagsm_ca.png)
}

.form-group--locations [data-value=AMS]:before {
    background: url(../png/flagsm_nl.png)
}

.form-group--locations [data-value=FRA]:before {
    background: url(../png/flagsm_de.png)
}

.form-group--locations [data-value=LHR]:before {
    background: url(../png/flagsm_gb.png)
}

.form-group--locations [data-value=CDG]:before {
    background: url(../png/flagsm_fr.png)
}

.form-group--locations [data-value=SGP]:before {
    background: url(../png/flagsm_sg.png)
}

.form-group--locations [data-value=NRT]:before {
    background: url(../png/flagsm_jp.png)
}

.form-group--locations [data-value=SYD]:before {
    background: url(../png/flagsm_au.png)
}

@media (max-width:1011px) {
    .form-suggestions {
        left: auto;
        right: 0;
        top: calc(100% + 24px);
        width: 75%;
        max-width: 308px
    }

    .form-suggestions:after {
        border-width: 0 10px 10px;
        border-color: transparent transparent #fff;
        top: -10px;
        left: auto;
        right: 24px
    }
}

@media not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
        .btn--block {
            display: block
        }

        .form-floating {
            flex: 1
        }
    }
}

.switcher {
    border: 0;
    background-color: #d3d6e2;
    border-radius: 18px;
    height: 32px;
    width: 128px;
    margin: 0 16px
}

@media (max-width:1011px) {
    .switcher.switcher--packages {
        margin-bottom: 10px
    }
}

.switcher {
    position: relative;
    padding: 0 3px
}

.switcher.switcher--packages {
    margin-bottom: 40px
}

.switcher .switcher__items {
    display: flex;
    height: 100%;
    align-items: center
}

.switcher .switcher__item {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    z-index: 20;
    display: inline-flex;
    margin: 0;
    cursor: pointer;
    transition: color .5s;
    border: 0;
    border-radius: 12px;
    padding: 2px 6px 2px 16px;
    height: 26px;
    width: 60px;
    color: #525666;
    background: transparent;
    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__item:disabled {
    opacity: 1
}

.switcher .switcher__description {
    font-weight: 300
}

.switcher .switcher__highlight {
    position: absolute;
    z-index: 10;
    top: 3px;
    bottom: 3px;
    left: 1px;
    margin: auto;
    background: #007bfc;
    border-radius: 16px
}

.switcher--sm .switcher__items .switcher__item {
    padding: 0 20px
}

.other-clouds-input input {
    margin-left: 36px;
    margin-top: 16px
}

.cloud-infrastructure .form-indicator:after {
    font-weight: 700
}

.cloud-infrastructure .form-check .form-indicator,
.price-interval .form-check .form-indicator {
    transition: all .1s ease-in
}

.cloud-infrastructure .form-text,
.price-interval .form-text {
    color: #142149
}

.price-interval .form-check .form-indicator {
    transition: all .1s ease-in !important
}

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

.off-canvas-is-active:after {
    background: rgba(0, 0, 0, .2)
}

.off-canvas {
    box-shadow: none
}

.off-canvas strong {
    color: #142149
}

.off-canvas.is-open {
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08)
}

.off-canvas--right {
    width: 900px;
    max-width: 100%;
    background: #fff
}

.off-canvas--right .off-canvas__close {
    position: absolute;
    right: 42px;
    top: 24px;
    z-index: 20
}

.off-canvas--right .off-canvas__toolbar {
    position: absolute;
    right: 0;
    top: 0
}

.off-canvas--right .off-canvas__body {
    overflow: hidden;
    border-top: 0;
    position: relative;
    height: 100%;
    padding-bottom: 60px
}

.off-canvas--right .off-canvas__content {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 44px 56px 16px
}

.off-canvas--right .off-canvas__apply {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0;
    box-shadow: 0 5px 25px rgba(0, 14, 69, .15)
}

.off-canvas--right h3 {
    margin-bottom: 40px
}

.off-canvas--right hr {
    width: 200%
}

@media (max-width:1011px) {
    .off-canvas--right .off-canvas__content {
        padding: 40px 40px 0
    }

    .off-canvas--right hr {
        width: 100%
    }

    .off-canvas--job-position .off-canvas__close {
        right: 20px;
        top: 17px;
        z-index: 20
    }

    .off-canvas--job-position .off-canvas__content {
        padding: 56px 24px 32px
    }

    .off-canvas--server-status .off-canvas__content {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto
    }
}

.pagination__items {
    display: flex
}

.pagination__item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 48px;
    width: 48px;
    line-height: 48px;
    border: 1px solid #e6e7eb;
    color: #525666;
    font-size: 19px;
    line-height: 29px;
    font-weight: 300;
    border-radius: 3px
}

.pagination__item+.pagination__item {
    margin-left: 16px
}

span.pagination__item {
    padding-left: 0;
    padding-right: 0;
    min-width: auto;
    width: auto !important
}

.pagination__item.is-active {
    border: none;
    background: #007bfc;
    color: #fff;
    font-weight: 500
}

.pagination__item.pagination__item--next,
.pagination__item.pagination__item--previous {
    border: none
}

.pagination__item.pagination__item--next:active,
.pagination__item.pagination__item--next:focus,
.pagination__item.pagination__item--next:hover,
.pagination__item.pagination__item--previous:active,
.pagination__item.pagination__item--previous:focus,
.pagination__item.pagination__item--previous:hover {
    border: none !important
}

.pagination__item.pagination__item--next:active path,
.pagination__item.pagination__item--next:focus path,
.pagination__item.pagination__item--next:hover path,
.pagination__item.pagination__item--previous:active path,
.pagination__item.pagination__item--previous:focus path,
.pagination__item.pagination__item--previous:hover path {
    stroke: #007bfc
}

.pagination__item i {
    background: rgba(255, 0, 0, .2)
}

.pagination--sm .pagination__item {
    font-size: 15px;
    height: 40px;
    width: 40px
}

.pagination--sm .pagination__item--author {
    margin-left: 5px
}

.pagination span {
    border: none;
    cursor: pointer
}

.pagination a {
    transition: .3s
}

.pagination a:active:not(.is-active),
.pagination a:focus:not(.is-active),
.pagination a:hover:not(.is-active) {
    color: #007bfc;
    border: 1px solid #007bfc
}

.content-slider-pagination-bullets {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.content-slider-pagination-bullet {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.content-slider-pagination-bullet:after {
    content: "";
    position: relative;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    transition: background .3s;
    background: #edeef2
}

.content-slider-pagination-bullet.is-active:after,
.content-slider-pagination-bullet:hover:after {
    background: #007bfc
}

.content-slider-pagination-bullet:not(:last-of-type) {
    margin-right: 4px
}

@media (max-width:1011px) {
    .pagination__item:nth-child(n+3):not(:nth-last-child(-n+3)) {
        display: none
    }

    .pagination__item--author:nth-child(n+3):not(:nth-last-child(-n+3)) {
        display: flex
    }
}

.locations-map {
    width: 1112px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.locations-map__pins {
    position: relative;
    z-index: 10
}

.locations-map__pin {
    height: 10px;
    width: 10px;
    position: absolute;
    display: flex;
    top: 149px;
    left: 730px
}

.locations-map__pin-animation {
    width: 58px;
    min-width: 58px;
    height: 58px;
    position: absolute;
    left: -24px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none
}

.locations-map__pin-animation span {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #277cf9;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: .5;
    right: 0;
    margin: auto
}

.locations-map__popover {
    width: 215px;
    min-height: 178px;
    background: #fff;
    padding: 16px;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px;
    position: absolute;
    left: 50%;
    margin-left: -107px;
    bottom: 38px;
    display: none;
    flex-direction: column;
    align-items: center;
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both
}

@media (max-width:1011px) {
    .locations-map__popover {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.locations-map__popover:before {
    z-index: -1;
    content: "";
    width: 0;
    height: 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%)
}

.locations-map__illustration {
    margin-bottom: 8px;
    width: 100px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .locations-map .svg-illustration {
        height: 544px
    }
}

.locations-map__name {
    color: #142149;
    font-weight: 500
}

.locations-map__name-country {
    display: none
}

.locations-map__actions {
    padding-top: 4px;
    display: flex;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px
}

@media (max-width:1011px) {
    .locations-map__actions {
        font-size: 12px
    }
}

@media (max-width:751px) {
    .locations-map__actions {
        font-size: 12px
    }
}

.locations-map__actions-label {
    color: #a1a5b2;
    padding-right: 4px
}

.locations-map__actions-link {
    padding-left: 4px;
    color: #007bfc;
    text-decoration: underline
}

.locations-map__info {
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #007bfc;
    background: #fff;
    box-shadow: 0 15px 70px rgba(0, 0, 0, .1);
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: 94px;
    left: 50%;
    margin-left: -75px;
    z-index: 5
}

.locations-map__info-value {
    font-size: 50px;
    line-height: 50px
}

.locations-map__info-label {
    font-size: 18px;
    line-height: 32px
}

.locations-map__info--right {
    margin: 0;
    left: auto;
    right: 35px;
    top: -12px
}

.locations-map__info--futher-right {
    margin: 0;
    left: auto;
    right: 91px;
    top: -21px
}

.locations-map--partner-program .locations-map__dots {
    position: absolute;
    max-width: 100%;
    left: 145px;
    right: 0;
    top: 52px;
    bottom: 0;
    margin: auto;
    z-index: 30
}

.locations-map--partner-program .locations-map__dots svg {
    margin: 0 auto
}

.locations-map--vultr .locations-map__pins .locations-map__dot:after {
    width: 11px;
    height: 11px
}

.locations-map--vultr .locations-map__pin--do-only {
    opacity: 0 !important
}

.locations-map__map--do {
    position: absolute;
    top: -8px;
    left: 50%;
    bottom: 0;
    width: 100%;
    transform: translateX(-50%)
}

.locations-map__map--do,
.locations-map__map--vultr {
    transition: opacity .3s ease
}

.locations-map--vultr .locations-map__map--do {
    opacity: 0
}

.locations-map--vultr .locations-map__map--vultr {
    opacity: 1
}

.locations-map--vultr .locations-map__info {
    width: 166px;
    height: 166px;
    top: -18px;
    right: 30px
}

.locations-map--vultr .locations-map__info-value {
    font-size: 60px
}

.locations-map--vultr .locations-map__info-label {
    font-size: 21px
}

.locations-map--do .locations-map__map--do {
    opacity: 1
}

.locations-map--do .locations-map__map--vultr {
    opacity: 0
}

.locations-map--do .locations-map__pin-animation span {
    background-color: #7883b2
}

.locations-map--do .locations-map__info {
    color: #7883b2;
    width: 121px;
    height: 121px;
    right: 40px;
    top: 0
}

.locations-map--do .locations-map__info-value {
    font-size: 48px
}

.locations-map--do .locations-map__info-label {
    font-size: 15px;
    line-height: 21px
}

.locations-map--do .locations-map .hidden {
    position: absolute;
    bottom: -100vw
}

.locations-map--do .locations-map__pins .locations-map__dot:after {
    width: 10px;
    height: 10px;
    background-color: #7883b2
}

.locations-map--do .locations-map__actions {
    display: none
}

.locations-map--do .locations-map__popover {
    min-height: 150px
}

.locations-map--do .locations-map__info,
.locations-map--vultr .locations-map__info {
    transition: width .3s ease, height .3s ease, top .3s ease, right .3s ease
}

.locations-map--do .locations-map__info-label,
.locations-map--do .locations-map__info-value,
.locations-map--vultr .locations-map__info-label,
.locations-map--vultr .locations-map__info-value {
    transition: font-size .3s ease, line-height .3s ease
}

@keyframes pinAnimation {
    0% {
        width: 10px;
        height: 10px;
        opacity: .5
    }

    to {
        width: 58px;
        height: 58px;
        opacity: 0
    }
}

@media (min-width:1012px) and (max-width:1231px) {
    .locations-map {
        transform: scale(.85), translateX(-2vw)
    }
}

@media (min-width:1012px) {
    .locations-map__pin {
        opacity: 0
    }

    .locations-map__pin.is-hover {
        z-index: 999
    }

    .locations-map__pin.is-hover .locations-map__popover {
        display: flex
    }

    .locations-map__pin.is-hover .locations-map__dot:after {
        transform: scale(2)
    }

    .locations-map__dot {
        cursor: pointer;
        height: 32px;
        width: 32px;
        position: absolute;
        top: -11px;
        left: -11px;
        z-index: 25
    }

    .locations-map__dot:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 50%;
        left: 50%;
        margin: -5px 0 0 -5px;
        border-radius: 100%;
        background: #277cf9;
        transition: all .3s cubic-bezier(.51, .23, .37, .89)
    }
}

@media (max-width:1011px) {
    .locations-map {
        position: static;
        transform: none;
        width: 100%
    }

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

    .locations-map__dot {
        width: 100%;
        height: 100%;
        display: flex
    }

    .locations-map__pins {
        margin-top: -16px
    }

    .locations-map__pin {
        margin-top: 16px;
        display: flex;
        align-items: center;
        position: static;
        left: auto;
        top: auto;
        background: none;
        width: 25%;
        height: auto;
        font-weight: 500;
        color: #142149;
        padding: 0 8px;
        cursor: unset
    }

    .locations-map__illustration {
        width: 72px;
        margin-bottom: 16px
    }

    .locations-map__info,
    .locations-map__pin-animation {
        display: none
    }

    .locations-map__popover {
        display: flex;
        position: static;
        width: 100%;
        min-height: unset;
        margin: 0;
        box-shadow: none;
        border: 1px solid #e6e7eb;
        animation: unset
    }

    .locations-map__popover:before {
        content: unset
    }

    .locations-map__actions {
        display: none
    }

    .locations-map__name {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 17px
    }

    .locations-map__name-state {
        display: none
    }

    .locations-map__name-country {
        display: block;
        font-size: 13px;
        font-weight: 300;
        line-height: 20px;
        color: #a1a5b2
    }
}

@media (max-width:1011px) and (max-width:1011px) {
    .locations-map__name-country {
        font-size: 12px
    }
}

@media (max-width:1011px) and (max-width:751px) {
    .locations-map__name-country {
        font-size: 12px
    }
}

@media (max-width:1011px) {

    .locations-map--partner-program,
    .locations-map__background {
        display: none
    }
}

@media (max-width:751px) {
    .locations-map__pins {
        margin-top: -8px
    }

    .locations-map__pin {
        height: 32px;
        width: 50%;
        min-width: 50%;
        margin-top: 8px
    }

    .locations-map__pin:before {
        content: "";
        display: inline-block;
        border-radius: 100px;
        height: 8px;
        width: 8px;
        min-width: 8px;
        margin-right: 24px;
        background: #007bfc
    }

    .locations-map__popover {
        background: none;
        border: 0;
        padding: 0;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

    .locations-map__illustration,
    .locations-map__name-country {
        display: none
    }
}

.location {
    position: relative;
    transition: transform .3s ease;
    display: flex;
    flex-direction: column;
    background: #fff;
    height: 100%;
    width: 284px;
    border-radius: 3px
}

.location__icon {
    padding: 24px 24px 0;
    display: flex;
    justify-content: center
}

.location__icon img {
    height: 172px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .location__icon img {
        width: 100%
    }
}

.location__body {
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.location__title {
    margin-bottom: 8px
}

.location__desc {
    margin: 0;
    font-size: 15px;
    line-height: 24px;
    min-height: 24px;
    display: block;
    color: #a1a5b2
}

.location__footer {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 16px 24px;
    border-top: 1px solid #e6e7eb;
    font-size: 15px;
    line-height: 24px;
    position: relative
}

.location__status {
    display: flex;
    flex: 1;
    align-items: center;
    width: 100%
}

.location__status-text {
    color: #a1a5b2
}

.location__status-value {
    color: #142149;
    padding-left: 8px
}

.location__status-badge {
    margin-left: auto;
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 100%
}

.location__status+.location__status {
    margin-top: 4px
}

.location:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px
}

@media (max-width:1011px) {
    .location:after {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.location:active,
.location:focus,
.location:hover {
    transform: translate3d(0, -8px, 0)
}

.location:active:after,
.location:focus:after,
.location:hover:after {
    box-shadow: 0 16px 40px 0 rgba(10, 14, 29, .04), 0 16px 80px 0 rgba(10, 14, 29, .16)
}

.locations {
    margin-top: -24px
}

.locations .location {
    margin-top: 24px
}

.location--server-status {
    cursor: pointer;
    width: 100%;
    margin-right: 0
}

.location--server-status:not(.location--has-notifications) {
    cursor: default
}

.location--server-status:not(.location--has-notifications):active,
.location--server-status:not(.location--has-notifications):focus,
.location--server-status:not(.location--has-notifications):hover {
    transform: none
}

.location--server-status:not(.location--has-notifications):active:after,
.location--server-status:not(.location--has-notifications):focus:after,
.location--server-status:not(.location--has-notifications):hover:after {
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08)
}

@media (max-width:1011px) {

    .location--server-status:not(.location--has-notifications):active:after,
    .location--server-status:not(.location--has-notifications):focus:after,
    .location--server-status:not(.location--has-notifications):hover:after {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.location--has-notifications .btn,
.location--has-notifications .location__status {
    transition: transform .3s, opacity .3s
}

.location--has-notifications .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    transform: translateY(8px)
}

.location--has-notifications:active .btn,
.location--has-notifications:focus .btn,
.location--has-notifications:hover .btn {
    opacity: 1;
    transform: translateY(0)
}

.location--has-notifications:active .location__status,
.location--has-notifications:focus .location__status,
.location--has-notifications:hover .location__status {
    opacity: 0;
    transform: translateY(-8px)
}

.full-width-slider__nav {
    max-width: 920px;
    margin: -32px auto 40px;
    display: flex;
    flex: 1;
    align-items: center;
    overflow: visible !important
}

.full-width-slider__nav .nav--tabs .nav__item.is-active .nav__link {
    color: #fff
}

.full-width-slider__nav .nav--tabs .nav__link {
    color: rgba(229, 235, 255, .8)
}

.full-width-slider__nav .nav--tabs .nav__link:hover {
    color: #fff
}

.full-width-slider__nav-actions {
    margin-left: auto
}

.full-width-slider__nav-actions .btn .stroke {
    stroke: rgba(229, 235, 255, .8)
}

.full-width-slider__nav-actions .btn:active .stroke,
.full-width-slider__nav-actions .btn:focus .stroke,
.full-width-slider__nav-actions .btn:hover .stroke {
    stroke: #fff !important
}

.full-width-slider__slider {
    overflow: visible;
    max-width: 920px;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .9s, visibility .9s, transform .9s;
    transition-delay: 300;
    visibility: hidden
}

.full-width-slider__slider>* {
    user-select: none
}

.full-width-slider__slider.is-disabled {
    cursor: default !important;
    max-width: 100%;
    opacity: 1;
    pointer-events: unset
}

.full-width-slider__slider.is-disabled .container {
    justify-content: center
}

.full-width-slider__slider.is-visible {
    opacity: 1;
    transform: translateY(0)
}

.full-width-slider__nav .nav__item {
    margin-right: 0
}

.full-width-slider--timeline {
    padding-bottom: 56px
}

.full-width-slider--timeline .full-width-slider__nav {
    margin-bottom: 52px;
    overflow: visible
}

.full-width-slider--timeline .full-width-slider__nav .nav__item {
    margin-right: 0
}

.full-width-slider--timeline .full-width-slider__slider.content-slider {
    max-width: 1190px
}

.full-width-slider--timeline .full-width-slider__slider.content-slider .content-slider__item {
    margin-right: 30px
}

.full-width-slider--timeline .full-width-slider__slider.content-slider .content-slider__item:last-child {
    margin-right: 0
}

.full-width-slider--timeline .full-width-slider__slider.content-slider:after {
    content: "";
    position: absolute;
    left: -100vw;
    bottom: -50px;
    width: 200vw;
    height: 1px;
    background: #edeef2
}

.timeline-item {
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px;
    width: 318px;
    min-height: 232px;
    padding: 24px 30px;
    position: relative
}

@media (max-width:1011px) {
    .timeline-item {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.timeline-item__title {
    margin-top: 40px;
    margin-bottom: 0
}

.timeline-item:after,
.timeline-item:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block
}

.timeline-item:after {
    height: 16px;
    width: 16px;
    border-radius: 100px;
    background: #007bfc;
    bottom: -57px;
    left: 30px
}

.timeline-item:before {
    width: 0;
    height: 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 17px 19px 0;
    bottom: -15px;
    left: 20px
}

@media (max-width:1011px) {
    .full-width-slider--timeline .full-width-slider__slider.content-slider .content-slider__item {
        margin-right: 16px;
        display: flex
    }

    .full-width-slider--timeline .full-width-slider__slider.content-slider .content-slider__item:last-child {
        margin-right: 24px
    }

    .timeline-item {
        width: 240px;
        min-height: 150px;
        padding: 16px 22px
    }

    .timeline-item__title {
        margin-top: 24px
    }
}

.group-slider__slider {
    width: 1200px;
    padding: 48px 0 60px
}

.group-slider .content-slider__item {
    margin: 0;
    min-width: 25%;
    max-width: 25%;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.group-slider .content-slider__item--active .feature:before {
    box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08)
}

.group-slider .feature {
    height: 134px;
    max-width: 100%;
    width: 265px;
    position: relative
}

.group-slider .feature:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.group-slider .content-slider__nav--prev {
    position: absolute;
    left: 2px;
    top: calc(50% + 10px)
}

.group-slider .content-slider__nav--next {
    position: absolute;
    right: 2px;
    top: calc(50% + 10px)
}

@media (max-width:1399px) {
    .group-slider .content-slider__nav--prev {
        position: absolute;
        left: -10px;
        top: calc(50% + 10px);
        z-index: 9999
    }

    .group-slider .content-slider__nav--next {
        position: absolute;
        right: -20px;
        top: calc(50% + 10px);
        z-index: 9999
    }
}

@media (min-width:1200px) {

    .group-slider .content-slider__item--active+.content-slider__item+.content-slider__item+.content-slider__item .feature:before,
    .group-slider .content-slider__item--active+.content-slider__item+.content-slider__item .feature:before,
    .group-slider .content-slider__item--active+.content-slider__item .feature:before,
    .group-slider .content-slider__item--active .feature:before {
        box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08)
    }
}

@media (max-width:1231px) {
    .group-slider__slider {
        width: 900px;
        padding: 48px 0 60px
    }

    .group-slider .content-slider__item {
        margin: 0;
        min-width: 33%;
        max-width: 33%;
        display: flex;
        flex-direction: row;
        justify-content: center
    }

    .group-slider .content-slider__nav--next {
        position: absolute;
        right: -10px;
        top: calc(50% + 10px);
        z-index: 9999
    }
}

@media (min-width:1011px) {

    .group-slider .content-slider__item--active+.content-slider__item+.content-slider__item .feature:before,
    .group-slider .content-slider__item--active+.content-slider__item .feature:before,
    .group-slider .content-slider__item--active .feature:before {
        box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08)
    }
}

@media (max-width:1011px) {
    .group-slider__slider {
        width: 600px;
        padding: 48px 0 60px
    }

    .group-slider .content-slider__item {
        margin: 0;
        min-width: calc(50% + 8px);
        max-width: 50%;
        display: flex;
        flex-direction: row;
        justify-content: center
    }
}

@media (min-width:514px) {

    .group-slider .content-slider__item--active+.content-slider__item .feature:before,
    .group-slider .content-slider__item--active .feature:before {
        box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08)
    }
}

@media (max-width:751px) {
    .group-slider__slider {
        width: 100%;
        padding: 48px 0 60px
    }

    .group-slider .content-slider__item {
        margin: 0;
        min-width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center
    }

    .group-slider .content-slider__nav--prev {
        position: absolute;
        left: 0;
        top: calc(50% + 10px);
        z-index: 9999
    }

    .group-slider .content-slider__nav--next {
        position: absolute;
        right: 0;
        top: calc(50% + 10px);
        z-index: 9999
    }
}

.review-slider {
    max-width: 990px;
    width: 100%;
    position: relative;
    margin: auto
}

.review-slider__slider {
    width: 878px;
    max-width: 100%;
    padding: 48px 0;
    margin: -32px auto -48px
}

.review-slider .content-slider__item {
    margin: 0;
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.review-slider .content-slider__item--next .review__graphic:before {
    box-shadow: none
}

.review-slider .content-slider__nav--prev {
    left: 2px
}

.review-slider .content-slider__nav--next,
.review-slider .content-slider__nav--prev {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 28px);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px
}

.review-slider .content-slider__nav--next {
    right: 2px
}

.review-slider .review {
    padding: 0 64px;
    min-width: 100%
}

@media (max-width:1011px) {
    .review-slider .content-slider__nav--prev {
        left: -10px;
        top: calc(50% - 28px)
    }

    .review-slider .content-slider__nav--next {
        right: -10px;
        top: calc(50% - 28px)
    }
}

@media (max-width:751px) {
    .review-slider {
        min-width: 220px
    }

    .review-slider .review {
        padding: 0
    }

    .review-slider .content-slider__nav--prev {
        left: 0;
        top: 112px
    }

    .review-slider .content-slider__nav--next {
        right: 0;
        top: 112px
    }
}

.cookie-bar {
    background: #252c45;
    background-color: #252c45;
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 200;
    max-width: 316px;
    z-index: 100;
    color: hsla(0, 0%, 100%, .92);
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    transition: .7s;
    font-size: 15px;
    line-height: 24px
}

.cookie-bar.is-active {
    visibility: visible;
    opacity: 1
}

.cookie-bar__content {
    padding: 32px 24px 24px
}

.cookie-bar__content a {
    color: #fff
}

.cookie-bar__desc,
.cookie-bar__icon {
    margin-bottom: 20px
}

.cookie-bar__icon {
    height: 42px;
    display: flex;
    justify-content: center
}

.cookie-bar__icon .svg-cookie {
    height: 41px;
    width: 89px
}

.cookie-bar__action {
    text-transform: uppercase;
    font-weight: 700
}

.cookie-bar__action,
.cookie-bar__action:active,
.cookie-bar__action:focus,
.cookie-bar__action:hover {
    background: #fff;
    color: #142149
}

.cookie-bar.cookie-bar-full-width {
    border-radius: 6px;
    max-width: unset;
    width: calc(100% - 48px);
    bottom: 12px
}

.cookie-bar.cookie-bar-full-width .cookie-bar__content {
    align-items: center;
    padding: 32px 24px;
    display: flex;
    flex-direction: row
}

.cookie-bar.cookie-bar-full-width .cookie-bar__icon {
    margin-bottom: 0;
    margin-right: 40px
}

.cookie-bar.cookie-bar-full-width .cookie-bar__desc {
    margin-bottom: 0;
    width: 60%;
    margin-right: 20px
}

.cookie-bar.cookie-bar-full-width .cookie-bar__actions {
    display: flex;
    align-items: center;
    margin-left: auto
}

.cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn .btn__text {
    font-size: 15px;
    font-weight: 300
}

.cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn .btn__icon {
    margin-left: 0;
    margin-right: 6px;
    width: 22px;
    height: 22px
}

.cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn .btn__icon svg path {
    stroke: #fff
}

.cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn+.btn {
    margin-left: 24px
}

.cookie-bar.cookie-bar-half-width {
    max-width: unset;
    width: 600px;
    max-width: calc(100% - 48px);
    bottom: 12px;
    border-radius: 6px
}

.cookie-bar.cookie-bar-half-width .cookie-bar__content {
    padding: 32px 24px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.cookie-bar.cookie-bar-half-width .cookie-bar__icon {
    height: 100%;
    margin-bottom: 0;
    margin-right: 40px;
    display: flex;
    align-items: center
}

.cookie-bar.cookie-bar-half-width .cookie-bar__desc {
    margin-right: 0;
    margin-bottom: 0;
    width: 100%
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions {
    display: flex;
    align-items: center;
    margin-top: 16px
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn {
    width: 100%
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn .btn__text {
    font-size: 15px;
    font-weight: 300
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn .btn__icon {
    margin-left: 0;
    margin-right: 9px;
    width: 22px;
    height: 22px
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn .btn__icon svg path {
    stroke: #fff
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn+.btn {
    margin-left: 24px
}

.cookie-container-1 .cookie-bar.cookie-bar-half-width,
.cookie-container-2 .cookie-bar.cookie-bar-full-width {
    display: none
}

@media (max-width:1011px) {
    .cookie-bar.cookie-bar-full-width .cookie-bar__content {
        flex-direction: column
    }

    .cookie-bar.cookie-bar-full-width .cookie-bar__icon {
        margin-bottom: 16px
    }

    .cookie-bar.cookie-bar-full-width .cookie-bar__desc {
        width: 100%;
        margin-bottom: 16px;
        text-align: center
    }

    .cookie-bar.cookie-bar-full-width .cookie-bar__actions {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn {
        width: 100%
    }

    .cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn+.btn {
        margin-left: 0;
        margin-top: 16px
    }

    .cookie-bar.cookie-bar-half-width .cookie-bar__content {
        flex-direction: column
    }

    .cookie-bar.cookie-bar-half-width .cookie-bar__icon {
        margin-bottom: 16px
    }

    .cookie-bar.cookie-bar-half-width .cookie-bar__desc {
        width: 100%;
        margin-bottom: 16px;
        text-align: center
    }

    .cookie-bar.cookie-bar-half-width .cookie-bar__actions {
        display: flex;
        flex-direction: column
    }

    .cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn+.btn {
        margin-left: 0;
        margin-top: 16px
    }
}

.team {
    margin-bottom: -24px
}

.team-member {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-bottom: 32px;
    background: #fff;
    border-radius: 4px
}

.team-member__name {
    margin: 8px 0 24px
}

.team-member__role {
    color: #007bfc;
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px
}

@media (max-width:1011px) {
    .team-member__role {
        font-size: 14px
    }
}

@media (max-width:751px) {
    .team-member__role {
        font-size: 14px
    }
}

.team-member__actions {
    position: absolute;
    right: 32px;
    top: 32px
}

.team-member__actions .btn {
    margin-right: 8px;
    transition: .3s
}

.team-member__actions .btn:active,
.team-member__actions .btn:focus,
.team-member__actions .btn:hover {
    transform: translateY(-5px);
    background: #007bfc;
    border-color: #007bfc;
    color: #fff
}

.team-member__actions .btn:last-child {
    margin-right: 0
}

.team-member__photo {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    background: #e6e7eb;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    width: 300px;
    height: 352px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .team-member__photo {
        width: 250px
    }
}

.team-member__photo img {
    object-fit: cover;
    max-width: unset;
    max-height: 100%
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .team-member__photo img {
        width: 250px
    }
}

.team-member__content {
    display: flex;
    flex-direction: column;
    padding: 28px 32px 32px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .team-member__content {
        flex: 1
    }
}

.team-member:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px
}

@media (max-width:1011px) {
    .team-member:after {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.team-member__desc {
    margin-bottom: 28px
}

.team-member__desc:last-of-type {
    margin-bottom: 0
}

@media (max-width:1231px) {
    .team-member__desc {
        font-size: 15px;
        line-height: 24px
    }

    .team-member__content {
        display: flex;
        flex-direction: column;
        padding: 20px 24px 24px
    }
}

@media (max-width:1011px) {
    .team-member {
        flex-direction: column
    }

    .team-member__photo {
        justify-content: center;
        max-height: 324px;
        border-radius: 4px 4px 0 0;
        width: 100%
    }

    .team-member__actions {
        top: unset
    }
}

@media (max-width:751px) {
    .team-member {
        max-width: 324px;
        margin-left: auto;
        margin-right: auto
    }

    .team-member__photo {
        width: unset
    }
}

.input-group--password-strength .form-control {
    min-width: 0
}

.input-group--password-strength .input-group__password-addon {
    opacity: 0;
    visibility: hidden;
    position: relative;
    transition: visibility .3s, opacity .3s;
    width: 72px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    height: 100%;
    pointer-events: none
}

.input-group--password-strength .input-group__icon:first-child {
    margin-left: 0
}

.tooltip-is-open .input-group__password-addon {
    opacity: 1;
    visibility: visible
}

.password-strength {
    height: 6px;
    width: 31px;
    background-color: #d5d9e7
}

.password-strength__value {
    width: 0;
    height: 6px;
    display: block;
    transition: width .4s
}

.password-strength.is-week .password-strength__value {
    width: 20%;
    background: #f55656
}

.password-strength.is-medium .password-strength__value {
    width: 50%;
    background: #ff8f33
}

.password-strength.is-strong .password-strength__value {
    width: 100%;
    background: #4cc159
}

.contact {
    display: flex;
    flex-direction: column
}

.contact__icon {
    margin-bottom: 32px
}

.contact__title {
    display: flex;
    margin-bottom: 16px
}

.contact__adress,
.contact__desc {
    font-weight: 400
}

.contact__desc {
    margin-bottom: 24px
}

.contact+.contact {
    margin-top: 48px
}

@media (max-width:1011px) {
    .contact {
        flex-direction: row
    }

    .contact__icon {
        margin-right: 24px
    }
}

.t-c {
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    font-weight: 400;
    max-width: 1155px;
    margin: 0 auto;
    padding: 8px 28px 16px;
    border-radius: 4px
}

@media (max-width:1011px) {
    .t-c {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.table strong {
    color: #142149
}

.table:not(.table--bordered) tbody tr td:first-child,
.table:not(.table--bordered) tbody tr th:first-child,
.table:not(.table--bordered) tfoot tr td:first-child,
.table:not(.table--bordered) tfoot tr th:first-child,
.table:not(.table--bordered) thead tr td:first-child,
.table:not(.table--bordered) thead tr th:first-child {
    padding-left: 0
}

.table:not(.table--bordered) tbody tr td:last-child,
.table:not(.table--bordered) tbody tr th:last-child,
.table:not(.table--bordered) tfoot tr td:last-child,
.table:not(.table--bordered) tfoot tr th:last-child,
.table:not(.table--bordered) thead tr td:last-child,
.table:not(.table--bordered) thead tr th:last-child {
    padding-right: 0
}

.table:not(.table--bordered) thead tr th {
    white-space: unset;
    text-transform: none;
    border-bottom-width: 1px
}

.table--shadow {
    border: none
}

.table--server-status tbody tr[data-toggle] {
    cursor: pointer
}

.table--competitor thead svg {
    height: 25px;
    margin: 10px auto auto
}

.table--competitor tr:last-child:not(:first-child) {
    padding-bottom: 12px
}

.table--competitor tr td:nth-child(2),
.table--competitor tr th:nth-child(2) {
    background: #eef4ff
}

.table--competitor tr td:not(:first-child),
.table--competitor tr th:not(:first-child) {
    text-align: center;
    justify-content: center
}

.table--competitor tr td:not(:first-child) span,
.table--competitor tr th:not(:first-child) span {
    display: block;
    width: 100%
}

.table--competitor tr .table__image--competitor svg {
    width: 128px;
    height: 23px
}

.table--competitor tr .table__image--vultr svg {
    width: 101px;
    height: 25px
}

.table.table--solutions {
    min-width: 100%;
    color: #8a8d99
}

.table.table--solutions .table__img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.table.table--solutions .table b {
    color: #142149
}

.table.table--solutions .table__price {
    font-size: 32px;
    line-height: 46px;
    font-weight: 300
}

.table.table--solutions td {
    vertical-align: top;
    border-color: #e6e9eb;
    padding: 16px 24px
}

.table.table--solutions td p {
    margin: 0
}

.table.table--solutions td p:not(:last-child) {
    margin: 2px
}

.table.table--solutions td:first-child {
    padding-left: 0;
    color: #142149;
    font-weight: 500
}

.table.table--solutions td ul li {
    padding-left: 24px;
    position: relative
}

.table.table--solutions td ul li:not(:last-child) {
    margin-bottom: 2px
}

.table.table--solutions td ul li:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    top: calc(50% - 2px);
    left: 8px;
    border-radius: 50%;
    background-color: #8a8d99
}

.table.table--solutions td.table__price {
    font-size: 32px;
    line-height: 46px;
    font-weight: 300
}

.table.table--solutions tr:first-child td {
    padding: 30px 24px;
    border-top: none
}

.table.table--solutions tr:first-child td:nth-child(2) {
    border-radius: 8px 8px 0 0
}

.table.table--solutions tr:last-child td:nth-child(2) {
    border-radius: 0 0 8px 8px
}

.table.table--solutions td:nth-child(2) {
    background-color: #007bfc;
    color: #fff;
    border-color: #3698ff
}

.table.table--solutions td:nth-child(2) .table__white-img {
    border-radius: 4px;
    background-color: #fff;
    padding: 16px;
    height: 68px
}

.table.table--solutions td:nth-child(2) ul li:after {
    background-color: #fff
}

.table-box {
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 4px;
    padding: 4px 32px 16px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1011px) {
    .table.table--solutions {
        text-align: left !important
    }
}

@media (min-width:514px) {

    .table.table--solutions tbody .icon-ui,
    .table.table--solutions tbody .table__logo {
        display: none
    }
}

@media (max-width:751px) {
    .table.table--solutions {
        display: flex
    }

    .table.table--solutions tbody {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .table.table--solutions tbody tr {
        display: flex;
        flex-wrap: wrap
    }

    .table.table--solutions tbody tr td {
        display: flex;
        align-items: center;
        padding-left: 0;
        height: unset
    }

    .table.table--solutions tbody tr td:nth-child(2) {
        background-color: transparent;
        color: #525666;
        border: none;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 10px
    }

    .table.table--solutions tbody tr td:nth-child(2) ul li:after {
        background-color: #8a8d99
    }

    .table.table--solutions tbody tr td:first-of-type {
        font-weight: 400;
        width: 100%;
        padding: 0 8px;
        background-color: #e6e9eb;
        border-top: 0;
        justify-content: space-between
    }

    .table.table--solutions tbody tr td:first-of-type b {
        font-weight: 400
    }

    .table.table--solutions tbody tr td:not(:first-of-type) {
        width: 50%;
        padding-top: 10px;
        padding-bottom: 20px
    }

    .table.table--solutions tbody tr td ul {
        margin-bottom: 0
    }

    .table.table--solutions tbody tr:first-child td {
        padding: 20px 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .table.table--solutions tbody tr:first-child td:first-child {
        display: none
    }

    .table.table--solutions tbody .icon-ui {
        display: inline
    }

    .table.table--solutions .table__vultr-title {
        color: #007bfc
    }

    .table.table--solutions .table__logo {
        display: flex !important;
        width: 65px
    }

    .table.table--solutions .table__price {
        font-size: 26px;
        line-height: 34px
    }
}

@media (max-width:513px) {
    .table.table--solutions td:nth-child(2) .table__white-img {
        height: 31px;
        padding: 0
    }

    .table.table--solutions td:nth-child(2) .table__white-img svg {
        width: 133px
    }
}

.modal--hero .modal__content {
    padding: 40px 48px 48px;
    border-radius: 3px;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08)
}

@media (max-width:1011px) {
    .modal--hero .modal__content {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.modal--hero .modal__top {
    height: auto
}

.modal--hero .modal__top .top__title {
    margin-bottom: 0
}

.modal--hero .modal__top .top__toolbar {
    margin-left: auto
}

.modal--hero .modal__top .close {
    top: -25px;
    right: -21px
}

.modal--hero .modal__top .close .btn__icon {
    font-size: 40px
}

.modal--hero .modal__top .close:not(:hover) {
    color: #a1a5b2
}

.modal--hero .modal__body {
    margin-top: 16px
}

.modal--hero .modal__body p {
    margin-bottom: 28px
}

.modal--confirmation .modal__content {
    padding-bottom: 83px
}

.modal--confirmation .modal__body {
    text-align: center;
    align-items: center;
    margin-top: -5px;
    margin-bottom: 0
}

.modal--confirmation .modal__body .i-circled--border {
    border-width: 2px
}

.modal--confirmation .modal__body .btn {
    min-width: 230px
}

.modal--confirmation .modal__body h2 {
    margin-bottom: 48px
}

.modal--confirmation .modal__body p {
    margin-top: -24px;
    margin-bottom: 40px
}

.article__image {
    margin-bottom: 56px;
    text-align: center
}

.article b,
.article strong {
    color: #142149
}

.article .h1,
.article h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    margin: 0 0 40px
}

@media (max-width:1231px) {

    .article .h1,
    .article h1 {
        font-size: 40px;
        font-weight: 700;
        line-height: 52px
    }
}

@media (max-width:1011px) {

    .article .h1,
    .article h1 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px
    }
}

@media (max-width:751px) {

    .article .h1,
    .article h1 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px
    }
}

.article .h2,
.article h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    margin: 0 0 32px
}

@media (max-width:1011px) {

    .article .h2,
    .article h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }
}

@media (max-width:751px) {

    .article .h2,
    .article h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }
}

.article .h3,
.article h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px
}

@media (max-width:1231px) {

    .article .h3,
    .article h3 {
        font-size: 24px;
        font-weight: 700;
        line-height: 34px
    }
}

@media (max-width:1011px) {

    .article .h3,
    .article h3 {
        font-size: 21px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width:751px) {

    .article .h3,
    .article h3 {
        font-size: 21px;
        font-weight: 700;
        line-height: 28px
    }
}

.article .h4,
.article h4 {
    font-size: 21px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 24px
}

@media (max-width:1231px) {

    .article .h4,
    .article h4 {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width:1011px) {

    .article .h4,
    .article h4 {
        font-size: 19px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width:751px) {

    .article .h4,
    .article h4 {
        font-size: 17px;
        font-weight: 500;
        line-height: 24px
    }
}

.article .h5,
.article h5 {
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width:1231px) {

    .article .h5,
    .article h5 {
        font-size: 19px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width:1011px) {

    .article .h5,
    .article h5 {
        font-size: 17px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width:751px) {

    .article .h5,
    .article h5 {
        font-size: 15px;
        font-weight: 500;
        line-height: 20px
    }
}

.article .h6,
.article h6 {
    font-size: 17px;
    font-weight: 300;
    line-height: 28px
}

@media (max-width:1011px) {

    .article .h6,
    .article h6 {
        font-size: 15px;
        line-height: 24px
    }
}

.article .h1,
.article .h5,
.article .h6,
.article h1,
.article h5,
.article h6 {
    font-weight: 500
}

.article .h1+p,
.article .h3+p,
.article .h4+p,
.article .h5+p,
.article .h6+p,
.article h1+p,
.article h3+p,
.article h4+p,
.article h5+p,
.article h6+p {
    margin-top: 0
}

.article .h4,
.article h4 {
    font-weight: 400
}

.article .h2,
.article h2 {
    font-weight: 500
}

.article .h2+p,
.article h2+p {
    margin-top: 0
}

.article table tr th {
    text-transform: none
}

.article table tr td,
.article table tr th {
    height: 48px
}

.article table.table--bordered {
    border: 1px solid #e6e7eb;
    border-radius: 3px;
    border-collapse: unset;
    border-spacing: 0
}

.article table.table--bordered thead th {
    border-bottom: 0
}

.article table.table--bordered td,
.article table.table--bordered th {
    padding-left: 24px;
    padding-right: 24px
}

.article table.table--bordered td+td,
.article table.table--bordered td+th,
.article table.table--bordered th+td,
.article table.table--bordered th+th {
    border-left: 1px solid #e6e7eb
}

.article ol li,
.article ul li {
    margin-top: 4px
}

.article ul:not(.list-group) {
    margin-left: 20px
}

.article ul.list-group {
    padding: 12px 0
}

.article ul.list-group .list-group__item {
    border: 0;
    margin: 0;
    padding: 4px 24px
}

.article ul.list-group .list-group__label {
    text-transform: none;
    color: #142149;
    width: 114px;
    font-weight: 500;
    font-size: inherit
}

.article ul.list-group--api .list-group__label {
    width: 140px
}

.article .code {
    background: #f2f5ff;
    border-radius: 3px
}

.article .code-title {
    padding: 9px 16px 0;
    color: #a1a5b2;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: -4px
}

.article .code+.code {
    margin-top: 32px
}

.article pre {
    background: #f2f5ff;
    white-space: normal;
    padding: 9px 16px;
    border-radius: 3px
}

.article pre code {
    padding: 0;
    background: #f2f5ff;
    white-space: pre;
    color: #525666
}

.article ol {
    padding-left: 44px
}

.article a {
    text-decoration: none;
    color: #007bfc
}

.article>:last-child {
    margin-bottom: 0
}

.article ol+.table,
.article ol+blockquote,
.article ol+div,
.article ol+ol,
.article ol+p,
.article ol+table,
.article ol+ul,
.article p+.table,
.article p+blockquote,
.article p+div,
.article p+ol,
.article p+p,
.article p+table,
.article p+ul,
.article table+.table,
.article table+blockquote,
.article table+div,
.article table+ol,
.article table+p,
.article table+table,
.article table+ul,
.article ul+.table,
.article ul+blockquote,
.article ul+div,
.article ul+ol,
.article ul+p,
.article ul+table,
.article ul+ul {
    margin-top: 32px
}

.article ol+.h1,
.article ol+.h2,
.article ol+.h3,
.article ol+.h4,
.article ol+.h5,
.article ol+.h6,
.article ol+h1,
.article ol+h2,
.article ol+h3,
.article ol+h4,
.article ol+h5,
.article ol+h6,
.article p+.h1,
.article p+.h2,
.article p+.h3,
.article p+.h4,
.article p+.h5,
.article p+.h6,
.article p+h1,
.article p+h2,
.article p+h3,
.article p+h4,
.article p+h5,
.article p+h6,
.article table+.h1,
.article table+.h2,
.article table+.h3,
.article table+.h4,
.article table+.h5,
.article table+.h6,
.article table+h1,
.article table+h2,
.article table+h3,
.article table+h4,
.article table+h5,
.article table+h6,
.article ul+.h1,
.article ul+.h2,
.article ul+.h3,
.article ul+.h4,
.article ul+.h5,
.article ul+.h6,
.article ul+h1,
.article ul+h2,
.article ul+h3,
.article ul+h4,
.article ul+h5,
.article ul+h6 {
    margin-top: 36px
}

.article pre+p {
    margin-top: 28px
}

.article .json_example .string {
    color: green
}

.article .json_example .number {
    color: #ff8c00
}

.article .json_example .boolean {
    color: #00f
}

.article .json_example .null {
    color: #f0f
}

.article .json_example .key {
    color: red
}

.article kbd {
    font-size: 13px;
    line-height: 20px;
    background-color: #f2f5ff;
    border: 1px solid #525666;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 0 2px;
    box-shadow: none
}

.article .form-group>label,
.article .form-label>label {
    font-size: 13px;
    line-height: 20px;
    color: #a1a5b2
}

.article video {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%
}

.article .pagination {
    margin-top: 44px
}

.article .pagination__item:not(.is-active) {
    color: #525666
}

.article ul:not(.list-group) li,
.list--dots:not(.list-group) li,
ul.list-styled:not(.list-group) li {
    position: relative;
    padding-left: 24px
}

.article ul:not(.list-group) li:before,
.list--dots:not(.list-group) li:before,
ul.list-styled:not(.list-group) li:before {
    position: absolute;
    left: 0;
    display: inline-block;
    content: "";
    border-radius: 100px;
    height: 6px;
    width: 6px;
    background-color: #8692b0
}

.article ul:not(.list-group) li ul,
.list--dots:not(.list-group) li ul,
ul.list-styled:not(.list-group) li ul {
    margin-left: 12px
}

.article ul:not(.list-group) li ul li:before,
.list--dots:not(.list-group) li ul li:before,
ul.list-styled:not(.list-group) li ul li:before {
    height: 8px;
    width: 8px;
    background: none;
    border: 1px solid #8692b0
}

.article ul:not(.list-group).list--lg li:before,
.list--dots:not(.list-group).list--lg li:before,
ul.list-styled:not(.list-group).list--lg li:before {
    width: 8px;
    height: 8px
}

.article ul.list--primary li:before,
.list--dots.list--primary li:before,
ul.list-styled.list--primary li:before {
    background: #007bfc
}

.article ul:not(.list-group) li:before {
    top: 10px
}

.article ul:not(.list-group).list--lg li:before {
    top: 14px
}

.list--dots li:before,
ul.list-styled li:before {
    top: 11px
}

.list--dots.list--lg li:before,
ul.list-styled.list--lg li:before {
    top: 16px
}

.article--sm,
.article--sm .alert {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400
}

.article--docs blockquote+h1,
.article--docs blockquote+h2,
.article--docs blockquote+h3,
.article--docs blockquote+h4,
.article--docs blockquote+h5,
.article--docs blockquote+h6,
.article--docs blockquote+p,
.article--docs blockquote+table,
.article--docs blockquote+ul+ol,
.article--docs div:not(.post__section)+h1,
.article--docs div:not(.post__section)+h2,
.article--docs div:not(.post__section)+h3,
.article--docs div:not(.post__section)+h4,
.article--docs div:not(.post__section)+h5,
.article--docs div:not(.post__section)+h6,
.article--docs div:not(.post__section)+p,
.article--docs div:not(.post__section)+table,
.article--docs div:not(.post__section)+ul+ol {
    margin-top: 24px
}

.article--docs .resources__section h2:not(:first-child) {
    position: relative;
    padding-top: 64px;
    margin-top: 64px;
    margin-bottom: 40px
}

.article--docs .resources__section h2:not(:first-child):before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background: #e6e7eb;
    height: 1px
}

.recent-news__top {
    margin-top: 56px
}

.recent-news__top .btn {
    font-weight: 400
}

.code,
code {
    background: #f2f5ff;
    border-radius: 3px
}

.code-title,
code-title {
    padding: 9px 16px 0;
    color: #a1a5b2;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: -4px
}

.code+.code,
.code+code,
code+.code,
code+code {
    margin-top: 32px
}

pre {
    white-space: normal;
    padding: 9px 16px;
    border-radius: 3px
}

pre,
pre code {
    background: #f2f5ff
}

pre code {
    padding: 0;
    white-space: pre;
    color: #525666
}

@media (max-width:1011px) {
    .recent-news__top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        margin-bottom: 22px;
        margin-top: 56px
    }

    .article--docs .resources__section h2:not(:first-child) {
        position: relative;
        padding-top: 32px;
        margin-top: 32px;
        margin-bottom: 24px
    }
}

.markdown-article table {
    border: 1px solid #e6e7eb;
    border-radius: 3px;
    border-collapse: unset;
    border-spacing: 0
}

.markdown-article table thead th {
    border-bottom: 0;
    color: #142149
}

.markdown-article table tr td,
.markdown-article table tr th {
    text-transform: none
}

.markdown-article table td {
    font-size: 15px;
    line-height: 24px;
    border-top: 1px solid #e6e7eb
}

.markdown-article table td,
.markdown-article table th {
    padding: 16px 24px
}

.markdown-article table td+td,
.markdown-article table td+th,
.markdown-article table th+td,
.markdown-article table th+th {
    border-left: 1px solid #e6e7eb
}

.markdown-article b,
.markdown-article strong {
    color: #142149
}

.markdown-article .resources__section:not(:first-child) img {
    padding: 8px;
    border: 1px solid #e6e7eb;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04)
}

.markdown-article ul {
    margin-left: 24px
}

.markdown-article ul li {
    position: relative;
    padding-left: 24px
}

.markdown-article ul li:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    content: "";
    border-radius: 100px;
    height: 6px;
    width: 6px;
    background-color: #007bfc
}

.markdown-article ul li ul {
    margin-left: 12px
}

.markdown-article ul li ul li:before {
    height: 8px;
    width: 8px;
    background: none;
    border: 1px solid #8692b0
}

@media (min-width:1012px) {

    .markdown-article *+.h2,
    .markdown-article *+h2:not(:first-child) {
        margin-top: 64px
    }

    .markdown-article *+.h3,
    .markdown-article *+h3 {
        margin-top: 48px
    }

    .markdown-article *+.h4,
    .markdown-article *+.h5,
    .markdown-article *+h4,
    .markdown-article *+h5 {
        margin-top: 40px
    }

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

    .markdown-article .h2,
    .markdown-article h2 {
        margin-bottom: 32px
    }

    .markdown-article .h3,
    .markdown-article h3 {
        margin-bottom: 24px
    }

    .markdown-article hr {
        margin-top: 64px;
        margin-bottom: 64px
    }
}

.integration {
    position: relative;
    transition: transform .3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    height: 100%;
    width: 310px;
    border-radius: 4px;
    margin-right: 8px
}

.integration__icon {
    padding: 40px 24px 0;
    display: flex;
    justify-content: center
}

.integration__icon img {
    height: 152px;
    opacity: .2
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .integration__icon img {
        width: 100%
    }
}

.integration__icon img.icon-visible {
    opacity: 1
}

.integration__body {
    padding: 48px 24px 8px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.integration__title {
    margin-bottom: 8px;
    font-size: 21px
}

.integration__desc {
    text-align: center;
    margin: 16px 0 0;
    font-size: 17px;
    line-height: 24px;
    min-height: 24px;
    display: block;
    color: #525666;
    padding: 0 10px
}

.integration__footer {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 16px 24px;
    font-size: 15px;
    line-height: 24px;
    position: relative
}

.integration__status {
    display: flex;
    flex: 1;
    align-items: center;
    width: 100%
}

.integration__status-text {
    color: #a1a5b2
}

.integration__status-value {
    color: #142149;
    padding-left: 8px
}

.integration__status-badge {
    margin-left: auto;
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 100%
}

.integration__status+.location__status {
    margin-top: 4px
}

.integration:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 3px
}

@media (max-width:1011px) {
    .integration:after {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.integration:active,
.integration:focus,
.integration:hover {
    top: -8px
}

.integration:active:after,
.integration:focus:after,
.integration:hover:after {
    box-shadow: 0 16px 40px 0 rgba(10, 14, 29, .04), 0 16px 80px 0 rgba(10, 14, 29, .16)
}

.marketplace .tab-pane {
    padding-top: 120px;
    max-width: 750px;
    margin: 0 auto
}

.marketplace__sidebar {
    margin-bottom: 88px;
    min-width: 320px;
    width: 320px;
    display: flex
}

.marketplace__sidebar-header {
    font-weight: 500;
    color: #142149
}

.marketplace__sidebar-inner {
    width: 100%;
    z-index: 99
}

.marketplace__sidebar-inner .marketplace__sidebar-nav {
    background: #fff;
    border-radius: 4px;
    padding: 30px
}

.marketplace__sidebar-scrollbar {
    padding-right: 12px;
    border-radius: 4px;
    overflow: visible !important;
    padding-top: 0;
    padding-bottom: 24px
}

.marketplace__sidebar-scrollbar .btn--link {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

.marketplace__sidebar .nav__item {
    min-height: 40px
}

.marketplace__sidebar-nav {
    background-color: #fff;
    border-radius: 4px;
    padding: 30px;
    position: relative
}

.marketplace__sidebar-nav:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08)
}

.marketplace__sidebar-nav .nav__item {
    transition: background .24s ease, padding .24s ease
}

.marketplace__sidebar-nav .nav__item.active {
    padding-left: 16px;
    background: rgba(0, 123, 252, .16)
}

.marketplace__sidebar-nav .nav__item.active .nav__link {
    color: #007bfc
}

.marketplace__sidebar-nav .nav__item:hover {
    color: #007bfc;
    padding-left: 16px
}

.marketplace__sidebar-nav .nav__item .nav__link {
    font-weight: 400;
    padding-left: 0;
    padding-right: 0
}

.marketplace__main {
    display: flex
}

.marketplace__content {
    flex: 1 1 auto;
    position: relative;
    max-width: calc(100% - 320px);
    padding-left: 12px;
    margin: 0 auto 88px
}

.marketplace__content--no-data {
    max-width: 100%;
    margin-bottom: 30px !important;
    border: 1px solid #e6e7eb;
    border-radius: 4px;
    padding: 0 10px
}

.marketplace__categories {
    width: 100%;
    visibility: hidden;
    margin-top: -24px;
    overflow: visible !important
}

.marketplace__categories .box,
.marketplace__categories .feature {
    margin-top: 24px
}

.marketplace+.section {
    border: none;
    border-top: 1px solid #edeef2
}

.marketplace__gallery {
    margin-top: 60px
}

.marketplace__gallery .swiper-container .swiper-wrapper {
    display: inline-flex;
    margin: 0
}

.marketplace__gallery .swiper-container .swiper-wrapper .slider__screen {
    width: auto
}

.marketplace__gallery .swiper-container .swiper-wrapper .slider__screen .slider__content {
    position: relative;
    display: flex;
    justify-content: center;
    max-width: 752px;
    height: 100%;
    max-height: 60vw;
    margin: auto
}

.marketplace__gallery .swiper-container .swiper-wrapper .slider__screen .slider__content:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08)
}

.marketplace__gallery .swiper-container .swiper-wrapper .slider__screen img {
    width: 100%;
    height: auto;
    max-height: 526px;
    margin: auto
}

.marketplace__actions {
    margin-top: 64px;
    text-align: center
}

.marketplace__categories-dropdown {
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;
    z-index: 99;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 24px;
    padding: 16px 16px 16px 50px;
    position: relative;
    cursor: pointer
}

.marketplace__categories-dropdown:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    z-index: -1
}

.marketplace__categories-dropdown i.zmdi-apps {
    position: absolute;
    color: #007bfc;
    font-size: 24px;
    left: 16px
}

.marketplace__categories-dropdown .dropdown-toggle {
    color: #192936 !important;
    font-weight: 500;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.marketplace__categories-dropdown .dropdown-toggle i svg {
    margin-left: auto;
    padding-top: 4px
}

.marketplace-app__thumb-logo {
    display: flex;
    align-items: center;
    height: 176px;
    width: 176px
}

.marketplace-app__thumb-logo img {
    max-width: 176px;
    max-height: 176px
}

.marketplace-app__thumb-title {
    font-size: 19px;
    font-weight: 500
}

.marketplace-app__main-image {
    max-height: 500px
}

.marketplace--app .marketplace__categories-dropdown {
    margin-top: 40px
}

.breadcrumb.breadcrumb--marketplace .breadcrumb__item:not(:last-child):not(:first-child) {
    display: none
}

.dropdown.dropdown--marketplace {
    position: relative;
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 16px;
    width: 100vw
}

.dropdown.dropdown--marketplace .dropdown__content {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-height: 400px;
    overflow-y: scroll;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 0;
    background: #fff;
    border-radius: 4px;
    width: 100%
}

.dropdown.dropdown--marketplace .dropdown__content .dropdown__item {
    min-height: 38px
}

.dropdown.dropdown--marketplace .dropdown__content .dropdown__item.active {
    background: rgba(0, 123, 252, .16)
}

.dropdown.dropdown--marketplace .dropdown__content .dropdown__item.active .dropdown__link {
    color: #007bfc
}

.dropdown.dropdown--marketplace .dropdown__content li {
    width: 100%
}

@media (min-width:1012px) and (max-width:1231px) {
    .marketplace__sidebar-contact p {
        flex-direction: column;
        align-items: flex-start
    }

    .marketplace__sidebar-contact p .btn {
        padding-left: 0;
        justify-content: flex-start
    }
}

@media (max-width:1231px) {
    .marketplace__sidebar {
        min-width: 250px;
        width: 250px
    }

    .marketplace__content {
        max-width: calc(100% - 250px)
    }

    .marketplace__navbar--categories .marketplace__navbar-search {
        width: 260px
    }

    .marketplace--app .marketplace__categories-dropdown {
        display: flex
    }
}

@media (min-width:1012px) {

    .marketplace .marketplace__categories-dropdown:not(.marketplace__categories-dropdown--app),
    .marketplace__burger {
        display: none
    }

    .marketplace__sidebar-scrollbar {
        position: relative;
        padding: 0 12px 24px 56px;
        margin-left: -56px
    }

    .marketplace__sidebar-scrollbar .nav.nav--boxed {
        overflow: visible !important
    }

    .marketplace__sidebar-scrollbar--author {
        min-width: 319px;
        position: sticky;
        top: 0;
        margin-left: 0
    }

    .marketplace__support h4 {
        margin-top: 64px
    }

    .marketplace__support p+.btn {
        margin-top: 40px
    }
}

@media (min-width:752px) {
    .marketplace__categories-dropdown--app {
        display: none
    }
}

@media (max-width:1011px) {
    .marketplace__content {
        padding-left: 0;
        max-width: 100%
    }

    .marketplace__content>.marketplace__header,
    .marketplace__content>.marketplace__section {
        padding-left: 0
    }

    .marketplace>.container {
        flex-direction: column
    }

    .marketplace__main {
        position: relative
    }

    .marketplace__sidebar {
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        width: 100%;
        height: 100%;
        z-index: 100;
        background: #fff;
        border-right: 0;
        box-shadow: none;
        transition: transform .3s
    }

    .marketplace__sidebar.is-open {
        transform: translateX(0)
    }

    .marketplace__sidebar--left-border {
        display: none
    }

    .marketplace__sidebar .inner-wrapper-sticky {
        position: relative !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        width: auto !important
    }

    .marketplace__sidebar .nav.is-sticky {
        position: fixed
    }

    .marketplace__sidebar.is-sticky {
        position: fixed;
        height: 100%
    }

    .marketplace__sidebar-sticky {
        width: 100%;
        height: auto;
        position: static !important
    }

    .marketplace__sidebar-scrollbar {
        overflow: visible !important
    }

    .marketplace__sidebar-inner {
        padding: 0;
        overflow: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .marketplace__sidebar-sticky {
        padding: 0 24px 40px
    }
}

@media (max-width:751px) {
    .marketplace .tab-pane {
        padding-top: 80px
    }

    .marketplace__sidebar>:first-child {
        padding-left: 0 !important
    }

    .marketplace__section--author {
        padding-top: 24px !important
    }
}

@media (max-width:513px) {
    .marketplace__navbar--categories .marketplace__navbar-search {
        margin-left: 0
    }

    .marketplace__navbar--categories .marketplace__navbar-links.marketplace__navbar-group ul li {
        margin-right: 8px
    }
}

.feature--apps .feature__icon {
    padding: 0 16px
}

.feature--apps .feature__icon img {
    max-height: 88px;
    width: auto
}

@media (max-width:751px) {
    .feature--apps.mob-feature--icon-left .feature__icon {
        width: 120px;
        margin: auto 0 auto 16px !important
    }

    .feature--apps.mob-feature--icon-left .feature__icon img {
        max-width: 80px
    }

    .feature--apps.mob-feature--icon-left .feature__icon+.feature__body {
        padding-bottom: 8px;
        margin-left: 0
    }

    .feature--apps.mob-feature--icon-left .feature__icon .btn {
        font-size: 14px
    }
}

.site-sub-navbar {
    z-index: 99;
    top: 120px;
    min-height: 56px;
    position: absolute;
    border: 1px solid rgba(233, 236, 245, .16);
    display: flex;
    align-items: center;
    position: relative
}

.site-sub-navbar>.container {
    display: flex;
    justify-content: space-between;
    height: 54px
}

.site-sub-navbar.is-sticky .marketplace__navbar-inner {
    box-shadow: 0 2px 15px -1px rgba(30, 45, 70, .15);
    z-index: 100;
    position: fixed;
    top: 0
}

.site-sub-navbar.is-sticky .marketplace__brand {
    width: 152px;
    transform: translateX(0);
    display: flex;
    margin-right: 28px
}

.site-sub-navbar.is-sticky .marketplace__navbar-search {
    display: block !important
}

.site-sub-navbar.is-sticky .marketplace__navbar-search .input-group {
    border: none
}

.site-sub-navbar.is-sticky .marketplace__navbar-search .input-group::placeholder {
    line-height: 56px
}

.site-sub-navbar__links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto
}

.site-sub-navbar__links ul {
    margin-bottom: 0;
    display: flex;
    flex-direction: row
}

.site-sub-navbar__links ul li {
    display: inline-flex;
    margin-right: 42px
}

.site-sub-navbar__links ul li:last-child {
    margin-right: 0
}

.site-sub-navbar__links ul li a {
    color: #e5ebff;
    font-weight: 500;
    font-size: 15px
}

.site-sub-navbar__links ul li a:hover {
    color: #007bfc
}

.site-sub-navbar__switcher {
    display: flex;
    align-items: center;
    margin-left: auto
}

.site-sub-navbar__switcher label {
    margin-bottom: 0
}

.site-sub-navbar .breadcrumb__link {
    display: flex;
    align-items: center
}

.site-sub-navbar .breadcrumb__link:not(:hover) {
    color: #525666
}

.site-sub-navbar .breadcrumb__caret {
    margin-left: 8px
}

.site-sub-navbar .breadcrumb__item {
    display: inline-flex;
    align-items: stretch;
    height: 100%
}

.site-sub-navbar .breadcrumb__item a {
    opacity: 1
}

.site-sub-navbar .breadcrumb__item.is-active .breadcrumb__link {
    color: #e5ebff
}

.site-sub-navbar .breadcrumb__item:not(.is-active) .breadcrumb__link:not(:hover) {
    color: rgba(229, 235, 255, .56)
}

.site-sub-navbar .breadcrumb__item:before {
    display: none
}

.site-sub-navbar .breadcrumb__item.is-active {
    font-weight: 500
}

.site-sub-navbar .breadcrumb__item.is-active a.breadcrumb__link.drop-enabled,
.site-sub-navbar .breadcrumb__item.is-active a.breadcrumb__link:hover {
    color: #007bfc
}

.site-sub-navbar .breadcrumb__item.is-active a.breadcrumb__link.drop-enabled .stroke {
    stroke: #007bfc
}

.site-sub-navbar .breadcrumb__icon {
    display: inline-flex;
    align-items: center;
    margin: 0 8px
}

.site-sub-navbar__search {
    width: 313px;
    margin-left: 0;
    border: transparent
}

.site-sub-navbar__search .input-group {
    border-radius: 0;
    border: 1px solid rgba(233, 236, 245, .16);
    border-top: transparent;
    border-bottom: transparent;
    background: transparent
}

.site-sub-navbar__search .input-group .form-control {
    color: #fff
}

.site-sub-navbar__search .input-group .form-control::placeholder {
    color: rgba(229, 235, 255, .48);
    opacity: 1;
    font-size: 15px;
    line-height: 56px;
    font-weight: 400
}

.site-sub-navbar__search .input-group i {
    color: #fff
}

.site-sub-navbar__search .input-group svg circle,
.site-sub-navbar__search .input-group svg path {
    stroke: #fff
}

.site-sub-navbar__search .input-group:hover {
    border-color: rgba(233, 236, 245, .16);
    border-top: 0;
    border-bottom: 0
}

.site-sub-navbar__search .input-group.is-focus .input-group__icon svg:first-of-type,
.site-sub-navbar__search .input-group:not(.is-focus) .input-group__icon svg:last-of-type {
    display: none
}

.site-sub-navbar i.breadcrumb__icon {
    display: inline-flex;
    align-items: center
}

.site-sub-navbar i.breadcrumb__icon path {
    fill: rgba(229, 235, 255, .32)
}

.site-sub-navbar:not(.subnavbar--static-search) .subnavbar-search {
    display: none
}

.site-sub-navbar__link {
    margin-top: 16px;
    color: #e5ebff;
    display: block;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700
}

.site-sub-navbar__link:hover {
    color: #007bfc
}

@media (max-width:1011px) {

    .site-sub-navbar:not(.search-is-open)__search .input-group,
    .site-sub-navbar:not(.search-is-open)__search .input-group:hover {
        border-left: 0
    }

    .site-sub-navbar__search .input-group {
        border-left: 0 !important;
        border-right: 0 !important
    }

    .site-sub-navbar__search .input-group__icon svg:first-child {
        display: block !important
    }

    .site-sub-navbar__search .input-group__icon svg:last-child {
        display: none !important
    }

    .site-sub-navbar__search input {
        display: none
    }

    .site-sub-navbar__search i {
        margin-left: auto
    }

    .site-sub-navbar.search-is-open .site-sub-navbar__nav {
        display: none
    }

    .site-sub-navbar.search-is-open .site-sub-navbar__search {
        width: 100%
    }

    .site-sub-navbar.search-is-open .site-sub-navbar__search .input-group {
        border-left: 1px solid rgba(233, 236, 245, .16) !important;
        border-right: 1px solid rgba(233, 236, 245, .16) !important
    }

    .site-sub-navbar.search-is-open .site-sub-navbar__search .input-group__icon svg:first-child {
        display: none !important
    }

    .site-sub-navbar.search-is-open .site-sub-navbar__search .input-group__icon svg:last-child {
        display: block !important
    }

    .site-sub-navbar.search-is-open .site-sub-navbar__search input {
        display: block
    }

    .site-sub-navbar.search-is-open .site-sub-navbar__search i {
        margin-left: 0
    }

    .site-sub-navbar--app .breadcrumb {
        width: 100%
    }

    .site-sub-navbar--app .breadcrumb__item {
        max-width: 33.33333%
    }

    .site-sub-navbar--app .breadcrumb__link {
        width: 100%;
        overflow: hidden;
        padding-top: 16px;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .site-sub-navbar--app .site-sub-navbar__nav {
        width: 100%
    }

    .site-sub-navbar--app .site-sub-navbar__link {
        display: none
    }
}

@media (max-width:751px) {
    .site-sub-navbar {
        top: 135px
    }
}

.scroll-up .sidebar__sticky.is-sticky .inner-wrapper-sticky {
    padding-top: 40px
}

.scroll-up .sidebar--user-story .sidebar__sticky.is-sticky .inner-wrapper-sticky {
    padding-top: 60px
}

.sidebar {
    padding: 0;
    margin-bottom: 0
}

.sidebar__wrapper {
    height: calc(100% - 40px);
    margin-bottom: 40px;
    position: relative
}

.sidebar .inner-wrapper-sticky {
    transition: padding-top .3s ease
}

.sidebar--right {
    border-left: 1px solid #e9ecf5
}

.sidebar--left {
    border-right: 1px solid #e9ecf5
}

.sidebar__logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 64px;
    border-bottom: 1px solid #e9ecf5
}

.sidebar__logo-container .sidebar__img img,
.sidebar__logo-container .sidebar__img svg {
    max-width: 183px
}

.sidebar__img {
    width: 100%
}

.sidebar__img img,
.sidebar__img svg {
    max-width: 159px;
    height: 100%;
    width: 100%
}

.sidebar__content {
    padding: 40px 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.sidebar__content .btn {
    width: 100%
}

.sidebar__content--links {
    padding: 28px 32px;
    align-items: flex-start
}

.sidebar__content--links a,
.sidebar__content--links p {
    width: 100%
}

.sidebar__content--links a {
    color: #a1a5b2;
    text-decoration: underline;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sidebar__content--links a:not(:last-child) {
    margin-bottom: 10px
}

.sidebar__content--links a svg path {
    stroke: #a1a5b2;
    transition: stroke .24s ease
}

.sidebar__content--links a:active,
.sidebar__content--links a:focus,
.sidebar__content--links a:hover {
    color: #007bfc
}

.sidebar__content--links a:active svg path,
.sidebar__content--links a:focus svg path,
.sidebar__content--links a:hover svg path {
    stroke: #007bfc
}

.sidebar__content--sm {
    padding: 28px 32px
}

.sidebar__content--sm .sidebar__img {
    display: flex
}

.sidebar__content--sm .sidebar__img img {
    max-width: 139px;
    margin: auto
}

.sidebar__content--username {
    padding: 28px 32px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap
}

.sidebar__content--username .sidebar__img {
    margin-right: 16px;
    width: unset
}

.sidebar__content--username .sidebar__img img {
    max-width: 60px;
    max-height: 60px;
    margin: 0
}

.sidebar__content--username p {
    margin-bottom: 0
}

.sidebar__divider {
    width: 100%;
    height: 1px;
    background-color: #e9ecf5
}

.sidebar__socials {
    display: flex;
    flex-direction: row
}

.sidebar__socials a {
    margin: 0 16px;
    width: 30px;
    height: 30px
}

.sidebar__socials a svg {
    height: 100%;
    width: 100%
}

.sidebar__socials a svg path {
    transition: fill .3s ease
}

.sidebar__socials a:first-child {
    margin-left: 0
}

.sidebar__socials a:last-child {
    margin-right: 0
}

.sidebar__socials a:hover svg path {
    fill: #007bfc
}

.sidebar__content img {
    margin-bottom: 24px
}

.sidebar--user-story.sidebar--left,
.sidebar--user-story.sidebar--right {
    border-color: #d2d6e4 !important
}

.sidebar--user-story .sidebar__content--username {
    justify-content: flex-start
}

.sidebar--user-story .sidebar__content--username .sidebar__img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.sidebar--user-story .sidebar__divider {
    background-color: #d2d6e4
}

.sidebar-categories>.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.sidebar-categories__sidebar {
    max-width: 320px;
    min-width: 320px;
    z-index: 10;
    margin: 40px 0 80px
}

.sidebar-categories__content {
    position: relative;
    width: 100%;
    margin-left: 80px
}

.sidebar-categories__content .tab-pane {
    max-width: unset
}

.sidebar-categories__content .section__nav--sticky-marketplace {
    justify-content: flex-start
}

.sidebar-categories__content .nav.nav--tabs {
    margin-left: 0
}

@media (max-width:1231px) {
    .scroll-up .sidebar .inner-wrapper-sticky {
        padding-top: 0;
        margin-bottom: 0
    }

    .sidebar .sidebar__content,
    .sidebar .sidebar__logo-container {
        padding: 24px
    }

    .sidebar .sidebar__logo-container {
        padding-top: 64px
    }

    .sidebar-categories__sidebar {
        display: none
    }

    .sidebar-categories__sidebar .marketplace__categories-dropdown {
        margin-top: -80px
    }

    .sidebar-categories__content {
        margin-left: 0
    }
}

@media (max-width:1011px) {
    .scroll-up .sidebar .inner-wrapper-sticky {
        padding-top: 0
    }

    .sidebar {
        padding-top: 32px
    }

    .sidebar__wrapper {
        height: 100%;
        margin-bottom: 0
    }

    .sidebar__img {
        display: flex;
        justify-content: center
    }

    .sidebar .inner-wrapper-sticky {
        position: relative !important
    }

    .sidebar--user-story {
        order: 1;
        padding-top: 0;
        margin-bottom: 40px
    }

    .sidebar--user-story.sidebar--left,
    .sidebar--user-story.sidebar--right {
        border: none !important
    }

    .sidebar--user-story:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08)
    }

    .sidebar--user-story .sidebar__wrapper .inner-wrapper-sticky {
        padding-top: 0 !important
    }
}

.swiper-container--promo .swiper-wrapper {
    display: inline-flex;
    margin: 0
}

.swiper-container--promo .swiper-wrapper .swiper-slide {
    position: relative;
    display: flex
}

.swiper-container--promo .swiper-navigation {
    margin: 40px auto auto;
    position: relative;
    width: fit-content
}

.swiper-container--promo .swiper-navigation .swiper-button-next {
    height: 28px;
    top: -5px;
    right: -33px;
    position: absolute;
    cursor: pointer
}

.swiper-container--promo .swiper-navigation .swiper-button-next svg {
    transform: rotate(270deg)
}

.swiper-container--promo .swiper-navigation .swiper-button-prev {
    height: 28px;
    top: -5px;
    left: -33px;
    position: absolute;
    cursor: pointer
}

.swiper-container--promo .swiper-navigation .swiper-button-prev svg {
    transform: rotate(90deg)
}

.swiper-container--promo .swiper-navigation .swiper-button-active .stroke {
    stroke: #007bfc !important
}

.swiper-container--promo .swiper-navigation .swiper-pagination {
    display: flex;
    justify-content: center
}

.swiper-container--promo .swiper-navigation .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(134, 146, 176, .5);
    margin-left: 6px;
    margin-right: 6px;
    border-radius: 50%
}

.swiper-container--promo .swiper-navigation .swiper-pagination-bullet-active {
    background-color: #007bfc
}

.swiper-container--logos-container {
    position: relative;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding: 0 24px
}

.swiper-logos {
    margin-left: -100px
}

.swiper-logos .logos--wrapper {
    z-index: 1;
    height: 100%;
    flex-wrap: nowrap;
    transition-property: transform;
    position: relative;
    display: flex
}

.swiper-logos .logos--wrapper.logos--wrapper-autoplay {
    transition-timing-function: linear
}

.swiper-logos .swiper-slide {
    width: 180px !important;
    max-width: 180px !important;
    flex-shrink: 0
}

.swiper-logos .swiper-slide>a,
.swiper-logos .swiper-slide>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative
}

.swiper-logos .swiper-slide>a span {
    position: absolute;
    bottom: 0;
    left: auto;
    right: auto;
    font-weight: 600;
    transform: translateY(56px)
}

.swiper-logos .swiper-slide+.swiper-slide {
    margin-left: 91px
}

.swiper-logos--gray:not(.swiper-logos-db) .swiper-slide img {
    filter: grayscale(100%);
    opacity: .4;
    transition: opacity .3s;
    max-width: 100%
}

.swiper-logos--gray:not(.swiper-logos-db) .swiper-slide:hover img {
    filter: grayscale(0);
    opacity: 1
}

.swiper-slide,
.swiper-wrapper {
    position: relative;
    display: flex
}

@media (max-width:1011px) {
    .swiper-container .swiper-slide .box--review {
        width: 100%
    }
}

@media (max-width:751px) {
    .swiper-logos .swiper-slide+.swiper-slide {
        margin-left: 0
    }
}

.switcher-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.switcher-box__content {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.switcher-box__image {
    position: absolute;
    height: 40px;
    width: 200px;
    margin-left: 40px;
    margin-right: 40px;
    cursor: pointer
}

.switcher-box__image--vultr {
    right: 100px
}

.switcher-box__image--competitor {
    left: 100px
}

.switcher-box__desc {
    opacity: .7;
    color: #525666;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 68px
}

.switcher--locations-map {
    height: 40px;
    border-radius: 20px;
    background-color: #007bfc;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    width: 78px
}

.switcher--locations-map .switcher__highlight {
    background-color: #fff;
    border-radius: 50%;
    width: 34px;
    left: 0;
    z-index: 99;
    cursor: pointer
}

.switcher--locations-map .switcher__item {
    width: 40px;
    position: static;
    height: 42px
}

.switcher--locations-map .switcher__item.is-active {
    padding: 0
}

.switcher--locations-map .switcher__item:not(.is-active) .switcher-box__image {
    filter: grayscale(80%);
    opacity: .8
}

.switcher--gray {
    background-color: #778b9f
}

.direct-connect {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.direct-connect>* {
    opacity: 0
}

.direct-connect__vultr-cloud {
    margin-left: -30px;
    z-index: 100
}

.direct-connect__lines,
.direct-connect__vultr-cloud {
    display: flex;
    justify-content: center
}

.direct-connect__lines {
    margin-top: -20px
}

.direct-connect__second-lines {
    position: absolute;
    left: -50px;
    top: -78px;
    z-index: -10
}

.direct-connect__features {
    margin-top: -2px;
    flex-direction: row;
    width: 100%
}

.direct-connect__features,
.direct-connect__features>div {
    display: flex;
    justify-content: center
}

.direct-connect__features>div .feature {
    max-width: 410px;
    min-height: 146px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    border: 1px solid #007bfc;
    border-image: initial;
    padding: 16px 24px 24px;
    border-radius: 4px
}

.direct-connect__features>div .feature.direct-connect__lower-level-feature {
    min-height: unset
}

.direct-connect__features>div .feature__icon {
    margin: 0 24px 0 0;
    align-self: center
}

.direct-connect__features>div .feature__inline-logo svg {
    width: auto;
    max-height: 26px;
    margin-right: 4px;
    max-width: 100%
}

.direct-connect__features>div .feature__inline-logo--lg svg {
    margin-bottom: -7px
}

.direct-connect__features>div .feature__inline-logo+.feature__inline-logo {
    margin-top: 12px
}

.direct-connect__lower-level {
    display: flex;
    justify-content: center;
    width: 100%
}

.direct-connect__lower-level>div {
    display: flex;
    justify-content: flex-end
}

.direct-connect__lower-level-container {
    width: 100%;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
    margin-top: 76px;
    margin-right: 8px
}

.direct-connect__lower-level-feature {
    max-width: 100%;
    width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #d2d6e4;
    border-image: initial;
    padding: 24px
}

.direct-connect__lower-level-feature:not(:last-child) {
    margin-bottom: 32px
}

.direct-connect .feature .direct-connect__feature-icon {
    position: absolute;
    width: 48px;
    height: 48px;
    left: -24px;
    top: 18px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.connectivity--2 {
    padding-bottom: 96px
}

.connectivity__column:first-child {
    padding-right: 32px
}

.connectivity .feature.feature--boxed {
    padding: 20px
}

.connectivity .feature.feature--boxed .feature__body {
    padding: 0 0 28px;
    max-width: 500px
}

.connectivity .feature.feature--boxed .feature__content {
    height: 250px;
    width: 100%;
    padding: 20px;
    position: relative
}

.connectivity .feature.feature--boxed .feature__content:after {
    content: "";
    position: absolute;
    background-color: #e6e9eb;
    height: 1px;
    width: calc(100% + 40px);
    top: 0;
    left: -20px
}

.connectivity .feature.feature--boxed .feature__content>.row {
    min-height: 72px
}

.connectivity .feature.feature--boxed .feature__content>.row p {
    margin-bottom: 0
}

.connectivity .feature.feature--boxed>.row {
    display: flex;
    flex-direction: row;
    width: 100%
}

.connectivity .feature.feature--boxed>.row>div {
    padding: 0;
    display: flex;
    flex-direction: column
}

.connectivity__line {
    position: absolute
}

.connectivity__line--single {
    top: calc(50% + 6px);
    right: -25px
}

.connectivity__line--long {
    top: calc(50% - 29px);
    right: -136px
}

.connectivity__line--double {
    top: calc(50% - 29px);
    right: -50px
}

.connectivity__illustration {
    margin: auto;
    display: flex;
    justify-content: center;
    padding-right: 40px;
    z-index: 100
}

.connectivity__border {
    position: relative
}

.connectivity__border:after {
    z-index: 1;
    content: "";
    width: 1px;
    height: 230px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px dashed #e6e9eb
}

@media (max-width:1399px) {
    .direct-connect__lower-level-feature {
        width: 280px
    }
}

@media (max-width:1231px) {
    .direct-connect__lower-level-container {
        margin-top: 20px;
        margin-right: 0
    }

    .direct-connect__lines svg {
        transform: scaleX(-.77)
    }

    .direct-connect__lower-level {
        z-index: -1
    }

    .direct-connect__lower-level-feature:before {
        left: 50%;
        width: 1px
    }

    .direct-connect__lower-level-feature {
        width: 100%
    }

    .direct-connect__lower-level-feature:not(:last-child) {
        margin-bottom: 20px
    }

    .direct-connect__second-lines {
        left: 50%;
        z-index: -1
    }

    .direct-connect .feature .feature__title {
        font-size: 19px
    }

    .connectivity .feature .feature__body {
        min-height: 156px
    }
}

@media (max-width:1011px) {
    .direct-connect__lines svg {
        transform: scaleX(.55)
    }

    .direct-connect__features .feature {
        margin-top: 0;
        padding: 0 14px;
        line-height: 20px
    }

    .direct-connect__lower-level .feature {
        margin: 0 0 16px
    }

    .direct-connect__lower-level .feature:before {
        top: -100px
    }

    .direct-connect .feature .feature__title {
        font-size: 17px
    }

    .direct-connect .feature .direct-connect__feature-icon {
        top: calc(50% - 24px)
    }

    .connectivity .feature .feature__body {
        min-height: 0
    }

    .connectivity__column:first-child {
        padding-right: 12px
    }

    .connectivity--2 {
        padding-bottom: 0
    }
}

@media (max-width:751px) {
    .direct-connect__lines {
        display: none
    }

    .direct-connect__lower-level-container {
        max-width: unset
    }

    .direct-connect__features {
        margin-top: 12px;
        width: 100%;
        flex-direction: column;
        margin-left: -12px;
        margin-right: -12px
    }

    .direct-connect__features>div {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .direct-connect__features>div:not(:last-child) {
        margin-bottom: 48px
    }

    .direct-connect__features>div .feature {
        padding: 24px;
        height: auto
    }

    .direct-connect__features>div .feature.direct-connect__lower-level-feature {
        border-color: #d2d6e4;
        padding: 16px 24px
    }

    .direct-connect__features>div .feature.direct-connect__lower-level-feature:not(:last-child) {
        margin-bottom: 16px
    }

    .direct-connect__features>div .feature__icon {
        margin-top: 0;
        justify-content: center;
        align-items: center;
        display: flex;
        align-self: center
    }

    .direct-connect__features>div .feature__icon svg {
        max-height: 48px;
        max-width: 48px;
        min-width: unset;
        min-height: unset
    }

    .direct-connect__features>div .feature__title {
        font-size: 17px
    }

    .direct-connect__features>div .feature__title svg {
        max-height: 22px;
        width: auto
    }

    .connectivity svg {
        max-width: 100%
    }

    .connectivity .feature.feature--boxed {
        height: 385px;
        padding: 0
    }

    .connectivity .feature.feature--boxed .feature__body {
        padding: 20px
    }

    .connectivity .feature.feature--boxed .feature__content:after {
        width: 100%;
        left: 0
    }

    .connectivity .connectivity__border:after {
        height: 195px
    }

    .connectivity .connectivity__border--2:after {
        height: 210px
    }

    .connectivity__illustration {
        padding-right: 14px;
        padding-left: 3px
    }
}

.quote {
    width: calc(100% + 128px);
    margin: 32px -64px;
    background-color: #eef4ff;
    padding: 64px
}

.quote__text {
    color: #007bfc;
    display: flex;
    position: relative
}

.quote .quote__icon--start {
    margin-right: 8px;
    position: absolute;
    left: -24px
}

.quote .quote__icon--end {
    margin-left: 8px;
    align-self: flex-end;
    position: relative;
    bottom: -12px
}

.quote--secondary {
    padding: 0;
    background-color: unset;
    width: unset;
    margin: 56px 0 0;
    text-align: center
}

.quote--secondary .quote__text {
    color: #525666
}

.quote--secondary .quote__text p {
    margin-bottom: 0
}

.quote--secondary .quote__icon path {
    fill: #dbdee7
}

.quote--secondary .quote__icon--start {
    left: -8px
}

.quote--secondary .quote__icon--end {
    margin-left: 0
}

.quote--secondary .quote__author {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 56px
}

.quote--secondary .quote__author-name {
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
    color: #007bfc;
    margin-top: 12px
}

@media (max-width:1231px) {
    .quote--secondary .quote__author-name {
        font-size: 22px;
        line-height: 32px
    }
}

@media (max-width:1011px) {
    .quote--secondary .quote__author-name {
        font-size: 19px;
        font-weight: 300;
        line-height: 32px
    }
}

@media (max-width:751px) {
    .quote--secondary .quote__author-name {
        font-size: 17px;
        line-height: 28px
    }
}

.quote--secondary .quote__author-position {
    color: #8a8d99
}

@media (max-width:1231px) {
    .quote--secondary .quote__icon--start {
        left: -18px
    }
}

@media (max-width:1011px) {
    .quote {
        width: calc(100% + 64px);
        margin: 32px -32px
    }

    .quote--secondary {
        margin: 40px 0 0;
        width: unset
    }

    .quote--secondary .quote__icon--start {
        left: -10px;
        margin-right: 0;
        top: -5px
    }

    .quote--secondary .quote__icon--start svg {
        width: 18px;
        height: 18px
    }
}

@media (max-width:751px) {
    .quote--secondary .quote__icon--start {
        left: 0;
        position: relative
    }
}

.bs-calculator {
    width: 600px;
    max-width: 100%
}

.bs-calculator__content {
    display: flex;
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    padding: 24px;
    margin-top: 40px;
    border-radius: 4px;
    justify-content: space-between
}

@media (max-width:1011px) {
    .bs-calculator__content {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.bs-calculator__data {
    display: flex;
    flex: 1 0 auto
}

.bs-calculator__data .price {
    min-width: 50%
}

.range-slider--storage {
    border: 1px solid rgba(223, 226, 235, .32);
    border-radius: 400px;
    min-height: 24px;
    padding: 3px;
    background: none
}

.range-slider--storage .range-slider__base {
    min-height: 16px;
    width: calc(100% - 37px);
    margin-left: 41px;
    height: 100%;
    display: block
}

.range-slider--storage .range-slider__connects {
    overflow: hidden;
    background: none;
    border-radius: 400px;
    min-height: 16px;
    width: calc(100% + 40px);
    margin-left: -40px;
    cursor: pointer
}

.range-slider--storage .range-slider__connects:after,
.range-slider--storage .range-slider__connects:before {
    display: none
}

.range-slider--storage .range-slider__connect {
    background: linear-gradient(-270deg, #007bfc, #05c1fe)
}

.range-slider--storage .range-slider__handle {
    height: 40px;
    width: 48px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy45NzkgMTEuOTgiPjxwYXRoIGRhdGEtbmFtZT0iUHJvc3Rva8SFdCAxIGtvcGlhIDQiIGQ9Ik0xNy45ODkgMTEuOThsLTEtMSA0Ljk5LTQuOTktNC45OS00Ljk5MSAxLTEgNS45OSA1Ljk5LTUuOTkgNS45OXptLTEyIDBMMCA1Ljk4OWw1Ljk5LTUuOTkgMSAxTDIgNS45ODlsNC45OSA0Ljk5LTEgMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 12px;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    right: 0
}

@media (max-width:1011px) {
    .range-slider--storage .range-slider__handle {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.range-slider--storage .range-slider__handle:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -33px;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 10px 10px
}

@media (max-width:751px) {
    .bs-calculator {
        min-width: 0;
        width: 100%
    }

    .bs-calculator .bs-calculator__content {
        flex-direction: column;
        align-items: center;
        margin-top: 32px;
        padding-top: 16px
    }

    .bs-calculator .bs-calculator__content .btn {
        margin-top: 16px;
        margin-left: 0;
        width: 100%;
        max-width: unset
    }

    .bs-calculator .bs-calculator__data {
        width: 100%
    }

    .bs-calculator .price {
        text-align: left;
        align-items: flex-start
    }

    .bs-calculator .price__heading {
        margin-bottom: 0
    }

    .bs-calculator .price__value {
        font-weight: 400
    }
}

.range-slider-container {
    border-bottom: 1px solid #e6e7eb;
    padding: 21px 0 55px;
    display: flex;
    align-items: center;
    position: relative
}

.range-slider-container__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.range-slider-container__content {
    flex: 1 0 auto;
    margin-left: 72px
}

.range-slider-container__top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

.range-slider-container__title {
    color: #142149
}

.range-slider-container__title strong {
    font-weight: 500
}

.range-slider-container__price {
    color: #007bfc
}

.range-slider-container__slider {
    padding: 0 12px
}

.range-slider {
    height: 24px
}

.range-slider__base {
    height: 42px;
    display: flex;
    align-items: center
}

.range-slider__connects {
    height: 8px;
    width: 100%
}

.range-slider__connect {
    background: #007bfc;
    box-shadow: 0 1px 15px rgba(15, 24, 51, .11)
}

.range-slider__handle {
    right: -19px;
    height: 32px;
    width: 38px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy45NzkgMTEuOTgiPjxwYXRoIGRhdGEtbmFtZT0iUHJvc3Rva8SFdCAxIGtvcGlhIDQiIGQ9Ik0xNy45ODkgMTEuOThsLTEtMSA0Ljk5LTQuOTktNC45OS00Ljk5MSAxLTEgNS45OSA1Ljk5LTUuOTkgNS45OXptLTEyIDBMMCA1Ljk4OWw1Ljk5LTUuOTkgMSAxTDIgNS45ODlsNC45OSA0Ljk5LTEgMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 9px
}

.range-slider__pips {
    top: -5px
}

.range-slider__pips>:first-child+*,
.range-slider__pips>:last-child {
    width: auto;
    text-align: center
}

.range-slider__value {
    transform: translate(-50%);
    line-height: 18px;
    font-size: 11px;
    color: #616366;
    font-weight: 400;
    height: 34px;
    width: 34px;
    line-height: 34px;
    padding: 0;
    text-align: center
}

.range-slider__value~.range-slider__value:not(:last-child):not(.is-active) {
    overflow: hidden;
    text-indent: -100px;
    padding: 0
}

.range-slider__value~.range-slider__value:not(:last-child):not(.is-active):after {
    border-radius: 100px;
    content: "";
    background: #cfd4e6;
    height: 4px;
    width: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.range-slider__value~.range-slider__value.is-active {
    color: #007bfc
}

.slider-range-managed-db .range-slider-container {
    padding-top: 0;
    border-bottom: none
}

.slider-range-managed-db .range-slider-container__content {
    margin-left: 0
}

.slider-range-managed-db .range-slider-container__top {
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 32px
}

.slider-range-managed-db .range-slider-container .range-slider__handle {
    box-shadow: none
}

.slider-range-managed-db .range-slider-container .range-slider__value.range-slider--value-horizontal.range-slider--value-large,
.slider-range-managed-db .range-slider-container .range-slider__value~.range-slider__value {
    text-indent: 0;
    width: unset;
    line-height: 24px;
    font-size: 15px;
    font-weight: 300;
    margin-top: 24px
}

.slider-range-managed-db .range-slider-container .range-slider__value.range-slider--value-horizontal.range-slider--value-large:after,
.slider-range-managed-db .range-slider-container .range-slider__value~.range-slider__value:after {
    display: none
}

.slider-range-managed-db .range-slider-container .range-slider__value {
    transition: color .24s ease
}

.slider-range-managed-db .range-slider-container .range-slider__value.active {
    color: #007bfc
}

.slider-range-managed-db .range-slider-container .range-slider__connects .range-slider__connect,
.slider-range-managed-db .range-slider-container .range-slider__connects:after {
    background: transparent
}

@media (max-width:1011px) {
    .range-slider-container {
        padding: 21px 0 48px
    }

    .range-slider-container__top {
        margin-bottom: -3px
    }

    .range-slider-container__icon {
        display: none
    }

    .range-slider-container__price {
        font-size: 19px;
        font-weight: 300;
        line-height: 32px
    }
}

@media (max-width:1011px) and (max-width:1231px) {
    .range-slider-container__price {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:1011px) and (max-width:1011px) {
    .range-slider-container__price {
        font-size: 15px;
        line-height: 24px
    }
}

@media (max-width:1011px) {
    .range-slider-container__content {
        margin-left: 0
    }

    .range-slider__base,
    .range-slider__pips {
        left: 5px;
        width: calc(100% - 15px)
    }

    .range-slider__pips {
        top: -10px
    }

    .range-slider__connects:before {
        width: 36px;
        right: -21px
    }
}

.screens-slider {
    position: relative
}

.screens-slider .dv {
    margin: 0 auto;
    z-index: 100
}

.screens-slider .section__shape-center {
    top: 0
}

.screens-slider__nav-items {
    display: flex;
    max-width: 728px;
    margin: 0 auto 50px
}

.screens-slider__nav-item {
    margin-right: 24px;
    border-top: 2px solid #e5e6ee;
    padding-top: 32px;
    transition: border .4s;
    cursor: pointer
}

.screens-slider__nav-item:last-child {
    margin-right: 0
}

.screens-slider__nav-item p {
    margin-bottom: 0
}

.screens-slider__nav-item.is-active {
    border-top: 2px solid #007bfc
}

.screens-slider__wrapper {
    position: relative
}

.basic-slider {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.basic-slider__item>* {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.basic-slider__item img {
    pointer-events: none
}

.basic-slider__pagination {
    margin-top: 48px;
    margin-bottom: -8px;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 4px 0
}

.basic-slider__pagination-item {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-left: 1px;
    padding: 4px;
    border-radius: 100px
}

.basic-slider__pagination-item:first-child {
    margin-left: 0
}

.basic-slider__pagination-item.is-active .basic-slider__pagination-dot:after {
    background: #007bfc
}

.basic-slider__pagination-item.is-active .basic-slider__pagination-dot:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border: 1px solid #007bfc;
    border-radius: 100%
}

.basic-slider__pagination-item:hover .basic-slider__pagination-dot:after {
    background: #007bfc
}

.basic-slider__pagination-dot {
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative
}

.basic-slider__pagination-dot:before {
    position: absolute;
    content: "";
    border: 1px solid #007bfc;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    transition: all .2s
}

.basic-slider__pagination-dot:after {
    position: relative;
    transition: background .3s;
    display: flex;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    content: "";
    background: #edeef2
}

.basic-slider--review .basic-slider__items {
    width: 100%
}

.basic-slider--review .basic-slider__item {
    display: none;
    justify-content: center
}

.basic-slider--review .basic-slider__item.is-active {
    display: flex
}

.basic-slider--gallery .basic-slider__items {
    width: 100%
}

.basic-slider--gallery .basic-slider__item {
    display: none;
    justify-content: center
}

.basic-slider--gallery .basic-slider__item.is-active {
    display: flex
}

.basic-slider--gallery .basic-slider__photo {
    opacity: 0
}

@media (max-width:1011px) {
    .basic-slider__items {
        width: 100%
    }

    .basic-slider__pagination {
        margin-top: 40px
    }
}

@media (max-width:751px) {
    .basic-slider__items {
        position: relative
    }

    .basic-slider__pagination {
        margin-top: 24px
    }
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    height: 8px;
    bottom: 0
}

.ps__rail-x,
.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    position: absolute
}

.ps__rail-y {
    width: 8px;
    right: 0
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: .9
}

.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: #8692b0;
    opacity: .32;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 8px;
    right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: #8692b0;
    opacity: .32;
    height: 8px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    background-color: #8692b0;
    opacity: .32;
    width: 8px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important
    }
}

.resources__navbar {
    border-bottom: 1px solid #e6e7eb;
    min-height: 56px;
    position: relative
}

.resources__navbar .breadcrumb {
    min-height: 56px
}

.resources__navbar .breadcrumb__link {
    display: flex;
    align-items: center
}

.resources__navbar .breadcrumb__link:not(:hover) {
    color: #525666
}

.resources__navbar .breadcrumb__caret {
    margin-left: 8px
}

.resources__navbar .breadcrumb__item {
    display: inline-flex;
    align-items: stretch;
    height: 100%
}

.resources__navbar .breadcrumb__item:before {
    display: none
}

.resources__navbar .breadcrumb__item.is-active {
    font-weight: 500
}

.resources__navbar .breadcrumb__item.is-active .breadcrumb__link {
    color: #142149
}

.resources__navbar .breadcrumb__item.is-active a.breadcrumb__link.drop-enabled,
.resources__navbar .breadcrumb__item.is-active a.breadcrumb__link:hover {
    color: #007bfc
}

.resources__navbar .breadcrumb__item.is-active a.breadcrumb__link.drop-enabled .stroke {
    stroke: #007bfc
}

.resources__navbar .breadcrumb__icon {
    display: inline-flex;
    align-items: center;
    margin: 0 8px
}

.resources__navbar.is-sticky .resources__navbar-inner {
    box-shadow: 0 2px 15px -1px rgba(30, 45, 70, .15);
    z-index: 100;
    position: fixed;
    top: 0
}

.resources__navbar.is-sticky .resources__brand {
    width: 152px;
    transform: translateX(0);
    display: flex;
    margin-right: 28px
}

.resources__navbar.is-sticky .resources__navbar-search {
    display: block !important
}

.resources__navbar.is-sticky .resources__navbar-search .input-group {
    border: none
}

.resources__navbar-search {
    margin-left: 0;
    width: 380px;
    border: 1px solid #e6e7eb;
    border-width: 0 1px
}

.resources__navbar-search .input-group {
    border: 0;
    border-radius: 0
}

.resources__navbar-search .input-group:hover {
    border: 0
}

.resources__navbar-search .input-group__icon svg:last-child {
    display: none
}

.resources__navbar-inner {
    width: 100%;
    background: #fff
}

.resources__navbar-inner .container {
    align-items: center;
    display: flex
}

.resources__navbar-links {
    display: flex
}

.resources__navbar-links ul {
    margin-bottom: 0
}

.resources__navbar-links ul li {
    display: inline-flex;
    margin-left: 32px
}

.resources__navbar-links ul li a {
    color: #142149;
    font-weight: 500;
    font-size: 15px
}

.resources__navbar-links ul li a:hover {
    color: #007bfc
}

.resources__navbar-switcher {
    display: flex;
    align-items: center;
    margin-left: auto
}

.resources__navbar-switcher label {
    margin-bottom: 0
}

.resources__navbar-link {
    display: flex;
    font-size: 15px;
    font-weight: 500;
    align-items: center
}

.resources__navbar-link .link__label {
    position: relative;
    height: 22px;
    display: flex;
    align-items: center;
    font-size: 11px;
    padding: 7px 8px 6px;
    color: #007bfc;
    background-color: rgba(0, 123, 252, .16);
    margin-right: 10px
}

.resources__navbar-link .link__label:after {
    content: "";
    display: block;
    position: absolute;
    right: -6px;
    width: 0;
    top: 50%;
    height: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid rgba(0, 123, 252, .16);
    transform: translateY(-50%) rotate(-90deg)
}

.resources__navbar-link .link__link {
    display: flex;
    align-items: center
}

.resources__navbar-link .link__link>.icon-ui {
    margin-left: 8px
}

.resources__navbar-link .link__link:hover>.icon-ui .fill {
    fill: #51b9ff
}

.resources__brand {
    width: 0;
    display: flex;
    align-items: center
}

.resources__sidebar {
    border-right: 1px solid #e6e7eb;
    min-width: 320px;
    width: 320px;
    display: flex
}

.resources__sidebar-header {
    font-weight: 500;
    color: #142149
}

.resources__sidebar-nav>.nav__item>.nav__link {
    padding: 0
}

.resources__sidebar-nav .nav__item {
    min-height: 32px
}

.resources__sidebar-nav .nav__item.is-active .nav__sub {
    display: block
}

.resources__sidebar-nav .nav__item:not(.has-dropdown)>.nav__link.is-active {
    color: #007bfc
}

.resources__sidebar-nav .nav__link {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 500
}

.resources__sidebar-nav .nav__sub {
    padding: 10px 0
}

.resources__sidebar-nav .nav__sub:after {
    top: 16px;
    bottom: 16px
}

.resources__sidebar-nav .nav__sub .nav__item>.nav__link {
    font-weight: 400
}

.resources__sidebar-nav .nav__sub .nav__item.is-active .nav__link {
    color: #007bfc
}

.resources__sidebar-nav .nav__sub .nav__item.is-active .nav__link:before {
    content: "";
    width: 2px;
    top: 2px;
    bottom: 2px;
    left: 0;
    position: absolute;
    background: #007bfc
}

.resources__sidebar-nav .has-dropdown {
    flex-direction: column
}

.resources__sidebar-nav .has-dropdown .nav__link {
    min-height: unset
}

.resources__sidebar-nav--toc {
    position: relative;
    padding: 10px 0
}

.resources__sidebar-nav--toc:after {
    position: absolute;
    top: 16px;
    bottom: 16px;
    display: block;
    content: "";
    width: 1px;
    background: rgba(0, 0, 0, .1)
}

.resources__sidebar-nav--toc .nav__item>.nav__link {
    padding: 0 16px;
    font-weight: 400
}

.resources__sidebar-nav--toc .nav__item.is-active>.nav__link {
    font-weight: 500
}

.resources__sidebar-nav--toc .nav__item.is-active>.nav__link:before {
    content: "";
    width: 2px;
    top: 2px;
    bottom: 2px;
    left: 0;
    position: absolute;
    background: #007bfc
}

.resources__sidebar-nav--toc .nav__item.is-active>.nav__link {
    color: #142149
}

.resources__sidebar-nav--categories .nav__item {
    min-height: 40px
}

.resources__sidebar-inner {
    width: 100%
}

.resources__sidebar-contact p {
    color: #888ea0;
    font-size: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.resources__sidebar-contact .btn {
    height: auto;
    text-decoration: none;
    padding-left: 8px;
    font-size: 15px;
    font-weight: 400
}

.resources__sidebar-report {
    color: #525666;
    font-size: 15px;
    line-height: 24px
}

.resources__sidebar-report p {
    margin-bottom: 24px
}

.resources__sidebar-search {
    margin-left: 0;
    width: 100%;
    border: 1px solid #e6e7eb;
    margin-bottom: 19px
}

.resources__sidebar-search .input-group {
    border: 0;
    height: 40px;
    border-radius: 0
}

.resources__sidebar-search .input-group:hover {
    border: 0
}

.resources__sidebar-search .input-group .form-control {
    padding-left: 8px
}

.resources__sidebar-search .input-group .form-control::-webkit-input-placeholder {
    font-size: 14px
}

.resources__sidebar-search .input-group .form-control::-moz-placeholder {
    font-size: 14px
}

.resources__sidebar-search .input-group .form-control:-ms-input-placeholder {
    font-size: 14px
}

.resources__sidebar-search .input-group .form-control:-moz-placeholder {
    font-size: 14px
}

.resources__sidebar-search .input-group__icon {
    margin-left: 8px
}

.resources__sidebar-search .input-group__icon svg:last-child {
    display: none
}

.resources__sidebar--left-border {
    margin-left: 50px;
    border-left: 1px solid #e6e7eb;
    border-right: none;
    align-items: flex-start
}

.resources__sidebar-scrollbar .btn--link {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

.resources__sidebar-scrollbar .resources__sidebar-label {
    flex-shrink: 0
}

.resources__main .row+.row {
    margin-top: 74px
}

.resources__main>.container {
    display: flex
}

.resources__content {
    flex: 1 1 auto;
    position: relative;
    max-width: calc(100% - 320px);
    margin: 0 auto
}

.resources__content>.resources__header {
    padding: 56px 0 0;
    margin-bottom: -8px
}

.resources__content--no-data {
    max-width: 100%;
    margin-bottom: 30px !important;
    border: 1px solid #e6e7eb;
    border-radius: 4px;
    padding: 0 10px
}

.resources__section {
    width: 100%;
    position: relative;
    padding: 64px 0
}

.resources__section:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    background: #e6e7eb;
    height: 1px;
    bottom: 0
}

.resources__section:last-child:after {
    content: unset
}

.resources__section>:last-child {
    margin-bottom: 0
}

.resources__section .resources__header {
    margin: -8px 0 48px
}

.resources__section>h2:first-child {
    margin-top: -8px
}

.resources__section>h2:not(:first-child) {
    margin-top: 48px
}

.resources__section--overview {
    padding-top: 55px
}

.resources__section--app {
    display: flex;
    align-items: center
}

.resources__section--app .app__icon {
    width: 285px;
    height: 275px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 70px
}

.resources__section--app .app__icon img {
    max-width: 186px
}

.resources__section--app .app__desc p {
    color: #888ea0;
    font-size: 15px;
    line-height: 24px
}

.resources__section--app .app__desc p span {
    color: #142149;
    margin-left: 4px
}

.resources__section--app .app__desc p span img {
    margin-left: 8px
}

.resources__section--app .app__desc p:not(:last-child) {
    margin-bottom: 8px
}

.resources__section--app .app__desc .badge {
    background-color: #f1f4fd;
    border-color: #f1f4fd;
    color: #9fa1ae;
    border-radius: 2px;
    height: 24px;
    line-height: 24px;
    font-size: 11px
}

.resources__section--app .btn {
    margin-top: 16px
}

.resources__section>p {
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 24px
}

.resources .article--docs .resources__section .list-group ul,
.resources .article--docs .resources__section .list-group ul li {
    padding-left: 0;
    margin-left: 0
}

.resources .article--docs .resources__section .list-group ul li:before {
    display: none
}

.resources .article--docs .resources__section .list-group ul li a {
    line-height: 32px;
    color: #142149;
    display: block
}

.resources .article--docs .resources__section .list-group ul li a:active,
.resources .article--docs .resources__section .list-group ul li a:focus,
.resources .article--docs .resources__section .list-group ul li a:hover {
    color: #007bfc
}

.resources .article--docs .resources__section .list-group--simple .list-group__content {
    padding-left: 24px;
    margin-left: 0
}

.resources .article--docs .resources__section .list-group:not(.list-group--collapse-boxed) {
    margin-left: -16px
}

.resources__header .top__title {
    margin: 0
}

.resources__header .top__title+.top__desc {
    margin-top: 16px
}

.resources__header .top__announcement {
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    margin-top: 41px;
    padding: 17px 25px 15px;
    border-left: 3px solid #007bfc;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.resources__header .top__announcement .announcement {
    margin: 0
}

.resources__header .top__announcement .announcement__tag {
    font-weight: 500;
    color: #007bfc
}

.resources__header .top__toolbar .form-group {
    display: flex;
    align-items: center;
    margin: 0
}

.resources__header .top__toolbar .form-label {
    margin-bottom: 0;
    margin-right: 20px
}

.resources__header .top__toolbar .form-control {
    min-width: 150px
}

.resources__header .top__toolbar .selectize-dropdown {
    left: auto !important;
    right: 0
}

.resources__header .top__toolbar .selectize-dropdown-content {
    padding-top: 4px;
    padding-bottom: 4px
}

.resources__header .top__toolbar .selectize-dropdown .option {
    font-size: 15px;
    padding-top: 6px;
    padding-bottom: 6px
}

.resources__header+.resources__search {
    margin-top: -16px
}

.resources__header+.list-group {
    margin-top: -8px
}

.resources__header--author {
    padding-bottom: 30px !important
}

.resources__search {
    margin-bottom: 24px
}

.resources__search+.resources__search-result {
    margin-top: -12px
}

.resources__search+.resources__search-result:before {
    content: "";
    width: 0;
    height: 0;
    border-color: transparent transparent #f2f5ff;
    border-style: solid;
    border-width: 0 10px 10px;
    position: absolute;
    top: -6px;
    right: 30px
}

.resources__search--author {
    margin-bottom: 0
}

.resources__list .list-group {
    border: 0
}

.resources__list .list-group--border {
    position: relative;
    padding-left: 30px
}

.resources__list .list-group--border:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    border-left: 1px dashed #cfd4e6;
    z-index: -1
}

.resources__list .list-group__content:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -13px;
    width: 15px;
    height: 15px;
    border-radius: 25%;
    background-color: #fff;
    border-left: 1px solid #cfd4e6;
    border-bottom: 1px solid #cfd4e6;
    transform: rotate(45deg) translateY(-50%)
}

.resources__list .list-group__content:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: -48px;
    top: 50%;
    background-color: #007bfc;
    border-radius: 50%;
    z-index: 200;
    transform: translateY(-20%);
    transition: .1s linear
}

.resources__list .list-group__content:hover:after {
    transform: scale(2)
}

.resources__list .list-group__item {
    padding: 16px 0;
    border-radius: 0
}

.resources__list .list-group__item:last-of-type {
    border-bottom: 1px solid #edeef2
}

.resources__list .list-group__item:hover {
    background: none
}

.resources__list .list-group__item:hover .top__title {
    color: #007bfc
}

.resources__list .list-group__item--author {
    margin: 0 15px;
    border-bottom: none !important;
    position: relative;
    z-index: 1;
    background: #fff;
    padding-left: 16px;
    padding-right: 16px
}

.resources__list .list-group__item--author:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .08);
    border-radius: 3px
}

.resources__list .list-group__item--author+.list-group__item {
    margin-top: 16px
}

.resources__list .list-group__item--author:hover:before {
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .12)
}

.resources__list .list-group__item--author:hover+.list-group__item {
    z-index: 2
}

.resources__list .list-group__border {
    margin: 15px 0;
    position: relative;
    transition: .1s linear
}

.resources__list .list-group__border a {
    margin: 0 10px
}

.resources__list .list-group__footer {
    margin-top: 8px;
    display: flex;
    justify-content: space-between
}

.resources__list .list-group__top .top__title {
    margin: -4px 0 0;
    transition: color .3s
}

.resources__list .list-group+.btn {
    margin-top: 32px
}

.resources__categories {
    width: 100%;
    visibility: hidden;
    margin-top: -24px;
    overflow: visible !important
}

.resources__categories .box,
.resources__categories .feature {
    margin-top: 24px
}

.resources__search-result {
    position: relative;
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
    background: #f2f5ff;
    padding: 16px 24px;
    border-radius: 3px;
    margin-bottom: 16px;
    color: #142149
}

@media (max-width:1011px) {
    .resources__search-result {
        font-size: 15px;
        line-height: 24px
    }
}

.resources--no-sidebar .resources__content {
    max-width: 100%
}

.resources--no-sidebar .resources__section {
    padding-left: 0
}

.resources--docs .resources__content {
    max-width: 100%;
    flex: 1
}

.resources--categories .resources__search {
    margin-bottom: 40px
}

.resources__navbar:not(.resources__navbar--static-search) .resources__navbar-search {
    display: none
}

.resources__navbar--categories .resources__navbar-links {
    justify-content: flex-end;
    align-items: center;
    margin-left: auto
}

.resources__navbar--categories .resources__navbar-search {
    width: 313px;
    margin-left: 32px
}

.resources+.section {
    border: none;
    border-top: 1px solid #edeef2
}

.line-1 {
    width: 284px;
    height: 105px;
    left: 68%;
    top: 0
}

.line-1,
.line-2 {
    position: absolute
}

.line-2 {
    width: 166px;
    height: 326px;
    right: -2%;
    top: 143px
}

.breadcrumb__dropdown {
    margin-top: 0 !important
}

.nav--boxed .nav__item-title {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 2px;
    transition: color .3s
}

.nav--boxed .nav__item-desc {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #525666
}

.nav--boxed .nav__item {
    margin-bottom: 16px
}

.nav--boxed .nav__item:active .nav__link:before,
.nav--boxed .nav__item:focus .nav__link:before,
.nav--boxed .nav__item:hover .nav__link:before {
    background: #007bfc
}

.nav--boxed .nav__item.is-active .nav__link {
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border: 1px solid #fff
}

@media (max-width:1011px) {
    .nav--boxed .nav__item.is-active .nav__link {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.nav--boxed .nav__item.is-active .nav__link:before {
    background: #007bfc
}

.nav--boxed .nav__link {
    border: 1px solid #e6e7eb;
    padding: 16px 24px 21px 14px;
    transition: box-shadow .3s, border .3s
}

.nav--boxed .nav__link:before {
    content: "";
    position: absolute;
    left: 0;
    left: -1px;
    top: 0;
    height: 100%;
    width: 2px;
    transition: background .3s
}

.nav--boxed .nav__item-content {
    margin-left: 19px
}

.tags-list {
    display: inline-flex;
    padding-left: 10px
}

.tags-list__item {
    transition: .3s;
    cursor: pointer;
    font-size: 11px;
    padding: 0 8px;
    height: 24px
}

.tags-list__item:not(:last-of-type) {
    margin-right: 8px
}

.tags-list__item:hover {
    color: #fff;
    background: #007bfc;
    border-color: #007bfc
}

.tags-list__item.label--dashed {
    border-style: dashed
}

.tags-list__item.label--dashed:hover {
    background: none;
    color: #007bfc
}

.tags-list__item.label--dashed>span {
    margin-left: -8px;
    margin-right: -8px;
    padding-right: 8px;
    padding-left: 8px
}

.tags-list__value-mobile {
    display: none
}

.tags-list__dropdown {
    margin-right: -8px !important;
    min-width: unset
}

.tags-list__dropdown .dropdown__content {
    padding-right: 8px
}

.tags-list__dropdown .tags-list {
    justify-content: space-between;
    margin-top: -8px;
    flex-wrap: wrap
}

.tags-list__dropdown .tags-list__item {
    margin-top: 8px;
    margin-right: 8px
}

.no-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 446px
}

.no-data__title {
    margin-bottom: 8px
}

.no-data__icon {
    width: 152px;
    height: 152px;
    margin-bottom: 32px
}

.no-data__icon+.no-data__title {
    margin-top: 0
}

.no-data__desc {
    margin-top: 12px;
    color: #525666;
    text-align: center;
    max-width: 500px
}

.no-data__actions {
    margin-top: 16px
}

.no-data__actions .btn {
    min-width: 270px
}

.no-data--secondary {
    min-height: 476px;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23C8C8C8FF' stroke-width='2' stroke-dasharray='6, 10' stroke-linecap='square'/%3E%3C/svg%3E");
    text-align: center;
    margin-top: 56px
}

.no-data--secondary .no-data__icon {
    width: unset;
    height: unset;
    margin-bottom: 24px
}

.no-data--secondary .no-data__desc {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
    max-width: unset
}

@media (max-width:1231px) {
    .no-data--secondary .no-data__desc {
        font-size: 22px;
        line-height: 32px
    }
}

@media (max-width:1011px) {
    .no-data--secondary .no-data__desc {
        font-size: 19px;
        font-weight: 300;
        line-height: 32px
    }
}

@media (max-width:751px) {
    .no-data--secondary .no-data__desc {
        font-size: 17px;
        line-height: 28px
    }
}

.no-data--secondary .no-data__subdesc {
    font-size: 19px;
    font-weight: 300;
    line-height: 32px;
    color: #8a8d99;
    margin-bottom: 0
}

@media (max-width:1231px) {
    .no-data--secondary .no-data__subdesc {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:1011px) {
    .no-data--secondary .no-data__subdesc {
        font-size: 15px;
        line-height: 24px
    }
}

.no-data--no-height {
    min-height: 0
}

@media (min-width:1012px) and (max-width:1231px) {
    .resources__sidebar-contact p {
        flex-direction: column;
        align-items: flex-start
    }

    .resources__sidebar-contact p .btn {
        padding-left: 0;
        justify-content: flex-start
    }
}

@media (max-width:1231px) {
    .resources__sidebar {
        min-width: 250px;
        width: 250px
    }

    .resources__content {
        max-width: calc(100% - 250px)
    }

    .resources__navbar--categories .resources__navbar-search {
        width: 260px
    }
}

@media (min-width:1012px) {
    .line-1 {
        right: 0
    }

    .resources__burger {
        display: none
    }

    .resources__sidebar.is-sticky .nav {
        position: fixed;
        top: 56px
    }

    .resources__sidebar+.resources__content>.resources__header {
        padding-left: 64px;
        padding-right: 64px
    }

    .resources__sidebar+.resources__content>.resources__header--api {
        padding-right: 0
    }

    .resources__sidebar+.resources__content>.resources__section {
        padding-left: 64px
    }

    .resources__sidebar+.resources__content>.resources__section:before {
        left: 64px
    }

    .resources__sidebar-scrollbar {
        position: relative;
        max-height: calc(100vh - 56px);
        padding: 24px 26px 40px 56px;
        margin-left: -56px
    }

    .resources__sidebar-scrollbar .nav.nav--boxed {
        overflow: visible !important
    }

    .resources__sidebar-scrollbar--author {
        min-width: 319px;
        position: sticky;
        top: 0;
        margin-left: 0
    }

    .resources .section {
        padding: 100px 0
    }

    .tags-list__dropdown .tags-list__item:first-of-type,
    .tags-list__dropdown .tags-list__item:nth-of-type(2),
    .tags-list__dropdown .tags-list__item:nth-of-type(3),
    .tags-list__dropdown .tags-list__item:nth-of-type(4),
    .tags-list__dropdown .tags-list__item:nth-of-type(5) {
        display: none
    }
}

@media (max-width:1011px) {
    .tags-list {
        flex-wrap: wrap
    }

    .resources__section {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .resources__navbar-search {
        border: none
    }

    .resources__navbar-search .input-group__icon {
        margin-left: auto;
        margin-right: 0;
        color: #8692b0
    }

    .resources__navbar-search .form-control,
    .resources__navbar-search .input-group__icon svg:last-child,
    .resources__navbar.is-sticky .resources__brand,
    .resources__navbar.search-is-open .resources__burger,
    .resources__navbar.search-is-open .resources__nav,
    .resources__navbar.search-is-open .resources__navbar-links {
        display: none
    }

    .resources__navbar.search-is-open .input-group__icon {
        cursor: pointer
    }

    .resources__navbar.search-is-open .input-group__icon svg:first-child {
        display: none
    }

    .resources__navbar.search-is-open .input-group__icon svg:last-child {
        display: block
    }

    .resources__navbar.search-is-open .input-group {
        width: 100%
    }

    .resources__navbar.search-is-open .resources__navbar-search {
        margin-left: 0;
        width: 100%;
        display: block
    }

    .resources__navbar.search-is-open .form-control {
        display: block;
        padding-left: 0
    }

    .resources__navbar .breadcrumb {
        font-size: 14px
    }

    .resources__navbar .breadcrumb__item:before {
        padding: 0 8px
    }

    .resources__navbar--categories .resources__navbar-search {
        margin-left: 16px;
        width: 0
    }

    .resources__navbar-switcher label {
        display: none
    }

    .resources__main {
        position: relative
    }

    .resources__sidebar {
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        width: 100%;
        height: 100%;
        z-index: 100;
        background: #fff;
        border-right: 0;
        box-shadow: none;
        transition: transform .3s
    }

    .resources__sidebar.is-open {
        transform: translateX(0)
    }

    .resources__sidebar--left-border {
        display: none
    }

    .resources__sidebar .inner-wrapper-sticky {
        position: relative !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        width: auto !important
    }

    .resources__sidebar .nav.is-sticky {
        position: fixed
    }

    .resources__sidebar.is-sticky {
        position: fixed;
        height: 100%
    }

    .resources__sidebar-sticky {
        width: 100%;
        height: auto;
        position: static !important
    }

    .resources__sidebar-scrollbar {
        overflow: visible !important
    }

    .resources__sidebar-inner {
        padding: 0;
        overflow: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .resources__sidebar-sticky {
        padding: 0 24px 40px
    }

    .resources__mobile-top {
        border-bottom: 1px solid #e6e7eb;
        padding: 8px 24px;
        margin-bottom: 24px
    }

    .resources__burger {
        margin-left: -14px;
        margin-right: 9px;
        margin-top: -3px
    }

    .resources__content {
        max-width: 100%
    }

    .resources__content>.resources__header,
    .resources__content>.resources__section,
    .resources__section {
        padding-left: 0
    }

    .resources--docs .feature .feature__icon,
    .resources__header .top__toolbar .form-label {
        display: none
    }

    .resources--docs .feature .feature__actions,
    .resources--docs .feature .feature__desc {
        margin-top: 8px
    }

    .resources--docs .feature .feature__actions .btn {
        justify-content: center
    }

    .resources__list {
        padding-left: 0;
        padding-bottom: 0
    }

    .resources__list__top {
        margin-bottom: 24px
    }

    .resources__list__actions {
        margin-top: 24px
    }

    .resources__list .list-group__top .top__title {
        font-size: 15px;
        line-height: 24px
    }

    .resources__list .list-group__footer .date {
        font-size: 12px
    }

    .resources__list .tags-list__item {
        display: none
    }

    .resources__list .tags-list__item.label--dashed,
    .resources__list .tags-list__item:first-of-type,
    .resources__list .tags-list__item:nth-of-type(2),
    .tags-list__value-mobile {
        display: inline-flex
    }

    .tags-list__value-desktop {
        display: none
    }

    .tags-list__dropdown .tags-list__item {
        display: inline-flex
    }

    .tags-list__dropdown .tags-list__item:first-of-type,
    .tags-list__dropdown .tags-list__item:nth-of-type(2) {
        display: none
    }

    .nav--boxed .nav__link {
        padding: 16px
    }

    .author__info {
        flex-basis: 40%
    }

    .author__reputation {
        font-size: 10px
    }

    .author__photo {
        flex-basis: 30%
    }

    .author__photo img {
        width: 200px;
        height: 180px
    }

    .line-1,
    .line-2 {
        display: none
    }
}

@media (max-width:751px) {

    .line-1,
    .line-2 {
        display: none
    }

    .no-data {
        min-height: 256px
    }

    .no-data__icon {
        width: 96px;
        height: 96px;
        margin-bottom: 24px
    }

    .resources__navbar--categories .resources__navbar-search {
        margin-left: 16px;
        width: auto
    }

    .resources__navbar--categories .resources__navbar-links {
        justify-content: flex-start
    }

    .resources__navbar--categories .resources__navbar-links ul li {
        margin: 0 16px 0 0
    }

    .resources__navbar-switcher {
        display: none
    }

    .resources__navbar-link {
        margin-left: auto
    }

    .resources__navbar-link .link__label {
        display: none
    }

    .resources__section--app {
        flex-direction: column;
        align-items: flex-start
    }

    .resources__section--app .app__icon {
        width: 100%;
        margin: 0 auto 24px
    }

    .resources__search--author {
        width: 60%
    }

    .resources__sidebar>:first-child {
        padding-left: 0 !important
    }

    .resources__header--author {
        padding-bottom: 8px !important;
        flex-direction: column
    }

    .resources__header--author>* {
        width: 100%
    }

    .resources__header--author .resources__search--author {
        margin: 16px 0 0
    }

    .resources__section--author {
        padding-top: 24px !important
    }

    .top__title--author {
        font-size: 20px !important
    }

    .list-group__footer--author {
        flex-direction: column
    }

    .list-group__footer--author>* {
        padding-top: 8px
    }
}

@media (max-width:513px) {
    .resources__navbar--categories .resources__navbar-search {
        margin-left: 0
    }

    .resources__navbar--categories .resources__navbar-links.resources__navbar-group ul li {
        margin-right: 8px
    }
}

.firstBorder {
    position: absolute;
    height: 105px;
    width: 284px;
    border: 1px solid #007bfc;
    background-color: #007bfc;
    top: 200px;
    left: 50%
}

.tool__main {
    margin-bottom: 40px
}

.tool__main .btn {
    min-width: 160px
}

.tool__settings .range-slider-container {
    align-items: center;
    padding: 0;
    overflow: hidden;
    border-bottom: none
}

.tool__settings .range-slider-container .form-control {
    width: 100%;
    max-width: 137px;
    position: relative;
    z-index: 20
}

.tool__settings .range-slider-container__content {
    flex: 1 0 auto;
    margin-left: 24px
}

.tool__settings .range-slider-container .range-slider {
    display: flex;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #cfd4e6;
    padding: 22px 28px;
    position: relative
}

.tool__settings .range-slider-container .range-slider:after,
.tool__settings .range-slider-container .range-slider:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.tool__settings .range-slider-container .range-slider:after {
    border-color: rgba(213, 0, 0, 0) #f2f3f7 rgba(213, 0, 0, 0) rgba(213, 0, 0, 0);
    border-width: 8px;
    margin-top: -8px
}

.tool__settings .range-slider-container .range-slider:before {
    border-color: rgba(0, 49, 245, 0) #cfd4e6 rgba(0, 49, 245, 0) rgba(0, 49, 245, 0);
    border-width: 9px;
    margin-top: -9px
}

.tool__settings .range-slider-container .range-slider__pips {
    display: none
}

.tool__settings .range-slider-container .range-slider__connects,
.tool__settings .range-slider-container .range-slider__connects:before {
    background: #d3d6e2
}

.tool__switcher {
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

.tool__switcher-label {
    display: flex;
    flex-direction: column;
    width: 82px
}

.tool__switcher-text {
    font-size: 13px;
    line-height: 20px;
    color: #a1a5b2;
    font-weight: 400
}

.tool__switcher-value {
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
    font-weight: 400
}

@media (max-width:1011px) {
    .tool__switcher-value {
        font-size: 15px;
        line-height: 24px
    }
}

.tool__switcher-btn {
    margin-left: 20px;
    margin-right: 20px
}

.tool [data-copy-value] {
    cursor: pointer
}

@media (max-width:751px) {
    .tool__main .rail {
        flex-direction: column
    }

    .tool__main .btn,
    .tool__main .input-group {
        width: 100%
    }

    .tool__main .btn {
        margin-top: 24px;
        margin-left: 0
    }

    .tool__settings .range-slider-container {
        flex-direction: column
    }

    .tool__settings .range-slider-container .form-control {
        max-width: 100%
    }

    .tool__settings .range-slider-container__content {
        width: 100%;
        margin-left: 0
    }

    .tool__settings .range-slider {
        margin-top: 16px
    }

    .tool__settings .range-slider:after,
    .tool__settings .range-slider:before {
        display: none
    }
}

.pt {
    font-weight: 400;
    max-width: 1150px;
    margin: 0 auto;
    padding-top: 8px;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    border-radius: 4px
}

.pt__header {
    padding: 0 28px;
    display: flex
}

.pt__header .pt__cell {
    height: 64px;
    font-size: 14px;
    line-height: 32px;
    padding: 0 12px;
    color: #a1a5b2;
    cursor: pointer
}

.pt__header .pt__cell.pt__cell-price {
    min-width: 300px
}

.pt__header [data-sort-order=asc],
.pt__header [data-sort-order=desc] {
    color: #007bfc
}

.pt__header [data-sort-order=asc]:after,
.pt__header [data-sort-order=desc]:after {
    content: "";
    transform-origin: center center;
    margin-left: 16px;
    height: 14px;
    width: 8px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjA2NiIgaGVpZ2h0PSIxMy45NzQiPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGRhdGEtbmFtZT0iS3N6dGHFgnQgMTUxMCBrb3BpYSA5IiBkPSJNLjM2MiA0LjU5N2wzLjY3LTMuODcgMy42NyAzLjg3IiBzdHJva2U9IiMwMDdiZmMiLz48cGF0aCBkYXRhLW5hbWU9IktzenRhxYJ0IDE1MTAga29waWEgMTAiIGQ9Ik0uMzYyIDkuMzc3bDMuNjcgMy44NyAzLjY3LTMuODciIHN0cm9rZT0iI2I0YjZiOCIvPjwvZz48L3N2Zz4=) no-repeat
}

.pt__header [data-sort-order=desc]:after {
    transform: rotate(180deg)
}

.pt__row-content {
    display: flex;
    cursor: pointer;
    border-top: 1px solid #edeef2;
    transition: border-top .3s
}

.pt__header .pt__cell,
.pt__row-content .pt__cell {
    display: flex;
    align-items: center
}

.pt__header .pt__cell:first-child,
.pt__row-content .pt__cell:first-child {
    padding-left: 0;
    min-width: 18.09%
}

.pt__header .pt__cell:nth-child(2),
.pt__row-content .pt__cell:nth-child(2) {
    min-width: 14.06%
}

.pt__header .pt__cell:nth-child(3),
.pt__row-content .pt__cell:nth-child(3) {
    min-width: 12.9%
}

.pt__header .pt__cell:nth-child(4),
.pt__row-content .pt__cell:nth-child(4) {
    min-width: 14%
}

.pt__header .pt__cell:nth-child(5),
.pt__row-content .pt__cell:nth-child(5) {
    min-width: 14.52%
}

.pt__header .pt__cell:nth-child(6),
.pt__row-content .pt__cell:nth-child(6) {
    min-width: 26.47%
}

.pt__header .pt__cell:last-child,
.pt__row-content .pt__cell:last-child {
    padding-right: 0
}

.pt.pt--seven-cols .pt__header .pt__cell:first-child,
.pt.pt--seven-cols .pt__row-content .pt__cell:first-child {
    padding-left: 0;
    min-width: 12.65%
}

.pt.pt--seven-cols .pt__header .pt__cell:nth-child(2),
.pt.pt--seven-cols .pt__row-content .pt__cell:nth-child(2) {
    min-width: 11.65%
}

.pt.pt--seven-cols .pt__header .pt__cell:nth-child(3),
.pt.pt--seven-cols .pt__row-content .pt__cell:nth-child(3) {
    min-width: 13.65%
}

.pt.pt--seven-cols .pt__header .pt__cell:nth-child(4),
.pt.pt--seven-cols .pt__header .pt__cell:nth-child(5),
.pt.pt--seven-cols .pt__row-content .pt__cell:nth-child(4),
.pt.pt--seven-cols .pt__row-content .pt__cell:nth-child(5) {
    min-width: 12.65%
}

.pt.pt--seven-cols .pt__header .pt__cell:nth-child(6),
.pt.pt--seven-cols .pt__header .pt__cell:nth-child(7),
.pt.pt--seven-cols .pt__row-content .pt__cell:nth-child(6),
.pt.pt--seven-cols .pt__row-content .pt__cell:nth-child(7) {
    min-width: 18.43%
}

.pt.pt--seven-cols .pt__header .pt__cell:last-child,
.pt.pt--seven-cols .pt__row-content .pt__cell:last-child {
    padding-right: 0
}

.pt.pt--seven-cols.pt--bare-metal .pt__cell {
    padding: 0 10px
}

.pt.pt--seven-cols.pt--bare-metal .pt__header .pt__cell:first-child,
.pt.pt--seven-cols.pt--bare-metal .pt__row-content .pt__cell:first-child {
    padding-left: 0;
    min-width: 13.65%
}

.pt.pt--seven-cols.pt--bare-metal .pt__header .pt__cell:nth-child(2),
.pt.pt--seven-cols.pt--bare-metal .pt__row-content .pt__cell:nth-child(2) {
    min-width: 15.65%
}

.pt.pt--seven-cols.pt--bare-metal .pt__header .pt__cell:nth-child(3),
.pt.pt--seven-cols.pt--bare-metal .pt__row-content .pt__cell:nth-child(3) {
    min-width: 7.65%
}

.pt.pt--seven-cols.pt--bare-metal .pt__header .pt__cell:nth-child(4),
.pt.pt--seven-cols.pt--bare-metal .pt__row-content .pt__cell:nth-child(4) {
    min-width: 14.65%
}

.pt.pt--seven-cols.pt--bare-metal .pt__header .pt__cell:nth-child(5),
.pt.pt--seven-cols.pt--bare-metal .pt__row-content .pt__cell:nth-child(5) {
    min-width: 11.35%
}

.pt.pt--seven-cols.pt--bare-metal .pt__header .pt__cell:nth-child(6),
.pt.pt--seven-cols.pt--bare-metal .pt__header .pt__cell:nth-child(7),
.pt.pt--seven-cols.pt--bare-metal .pt__row-content .pt__cell:nth-child(6),
.pt.pt--seven-cols.pt--bare-metal .pt__row-content .pt__cell:nth-child(7) {
    min-width: 18.43%
}

.pt.pt--seven-cols.pt--bare-metal .pt__header .pt__cell:last-child,
.pt.pt--seven-cols.pt--bare-metal .pt__row-content .pt__cell:last-child {
    padding-right: 0
}

.pt.pt--eight-cols .pt__header .pt__cell:first-child,
.pt.pt--eight-cols .pt__row-content .pt__cell:first-child {
    padding-left: 0;
    min-width: 15.3%
}

.pt.pt--eight-cols .pt__header .pt__cell:nth-child(2),
.pt.pt--eight-cols .pt__row-content .pt__cell:nth-child(2) {
    min-width: 14.9%
}

.pt.pt--eight-cols .pt__header .pt__cell:nth-child(3),
.pt.pt--eight-cols .pt__row-content .pt__cell:nth-child(3) {
    min-width: 8.4%
}

.pt.pt--eight-cols .pt__header .pt__cell:nth-child(4),
.pt.pt--eight-cols .pt__row-content .pt__cell:nth-child(4) {
    min-width: 9.7%
}

.pt.pt--eight-cols .pt__header .pt__cell:nth-child(5),
.pt.pt--eight-cols .pt__row-content .pt__cell:nth-child(5) {
    min-width: 8.5%
}

.pt.pt--eight-cols .pt__header .pt__cell:nth-child(6),
.pt.pt--eight-cols .pt__row-content .pt__cell:nth-child(6) {
    min-width: 10.95%
}

.pt.pt--eight-cols .pt__header .pt__cell:nth-child(7),
.pt.pt--eight-cols .pt__row-content .pt__cell:nth-child(7) {
    min-width: 17.65%
}

.pt.pt--eight-cols .pt__header .pt__cell:nth-child(8),
.pt.pt--eight-cols .pt__row-content .pt__cell:nth-child(8) {
    min-width: 16.75%
}

.pt.pt--eight-cols .pt__header .pt__cell:last-child,
.pt.pt--eight-cols .pt__row-content .pt__cell:last-child {
    padding-right: 0
}

.pt.pt--eight-cols .pt__header .pt__cell.pt__cell--cpu,
.pt.pt--eight-cols .pt__row-content .pt__cell.pt__cell--cpu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.pt.pt--eight-cols .pt__row-content .pt__cell {
    padding: 0 10px
}

.pt.pt--eight-cols .pt__row-content .pt__cell:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.pt.pt--eight-cols .pt__header [data-sort-order=asc]:after,
.pt.pt--eight-cols .pt__header [data-sort-order=desc]:after {
    margin-left: 8px
}

.pt__row {
    padding: 0 28px;
    position: relative
}

.pt__row:last-child {
    padding-bottom: 16px
}

.pt__row:before {
    will-change: opacity;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: opacity .3s, visibility .3s;
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(90deg, #021048, #1e38a3)
}

.pt__row.is-open {
    border-top: 0
}

.pt__row.is-open:before {
    opacity: 1;
    visibility: visible
}

.pt__row.is-open .pt__cell,
.pt__row.is-open .pt__score.pt__score--faded {
    color: #e5ebff
}

.pt__row.is-open .pt__row-content {
    border-top: 1px solid transparent
}

.pt__row.is-open .pt__cell.pt__cell-price .pt__btn {
    background: #007bfc url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjQyNCIgaGVpZ2h0PSI5LjQyNCI+PGcgZGF0YS1uYW1lPSJHcm91cCA1MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTllYmY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiPjxwYXRoIGRhdGEtbmFtZT0iS3N6dGHFgnQgMTgxOSIgZD0iTS43MDcuNzA3bDggOCIvPjxwYXRoIGRhdGEtbmFtZT0iS3N6dGHFgnQgMTgxOSBrb3BpYSIgZD0iTTguNzE3LjcwN2wtOC4wMSA4LjAxIi8+PC9nPjwvc3ZnPg==) no-repeat 50%
}

.pt__row.is-open .pt__cell-price-monthly {
    color: #e5ebff
}

.pt__cell {
    transition: color .3s;
    display: flex;
    align-items: center;
    height: 72px;
    padding: 0 12px;
    color: #142149
}

.pt__cell.pt__cell-price {
    display: flex;
    align-items: center;
    flex: 1
}

.pt__cell.pt__cell-price .pt__btn {
    cursor: pointer;
    text-align: center;
    height: 28px;
    width: 28px;
    line-height: 28px;
    min-width: 28px;
    border: 1px solid #007bfc;
    border-radius: 100px;
    margin-left: auto;
    position: relative;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjcwNyIgaGVpZ2h0PSI1LjA2MSI+PHBhdGggZGF0YS1uYW1lPSJLc3p0YcWCdCAxNTEwIGtvcGlhIDIiIGQ9Ik0uMzU0LjM1NWw0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDdiZmMiLz48L3N2Zz4=) no-repeat 50%
}

.pt__row-collapse {
    margin-left: -5px;
    padding: 16px 5px 30px;
    width: calc(100% + 10px);
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(229, 235, 255, .08);
    display: none
}

.pt__benchmark-name {
    color: #e5ebff;
    margin-bottom: 10px
}

.pt__score {
    font-weight: 500
}

.pt__score.pt__score--faded {
    color: #a1a5b2;
    font-weight: 400
}

.pt__score-container {
    flex: 1 0 auto;
    border: 1px solid rgba(229, 235, 255, .16);
    color: #e5ebff;
    padding: 12px;
    border-radius: 3px
}

.pt__speedometer+.pt__score {
    margin-left: 32px
}

.pt__score-value {
    margin: 0;
    color: #fff;
    font-weight: 400
}

.pt__score-heading {
    color: rgba(229, 235, 255, .56)
}

.pt__actions {
    color: #fff;
    display: flex;
    margin-top: 24px;
    align-items: center;
    justify-content: center
}

.pt__actions.pt__actions--skylake {
    justify-content: space-between
}

.pt__actions.pt__actions--skylake .pt__deoploy {
    max-width: 170px
}

.pt__deoploy {
    max-width: 210px;
    width: 100%;
    display: flex
}

.pt__price-old {
    color: #8a8d99;
    text-decoration: line-through;
    font-weight: 300
}

.pt__cell-price-monthly {
    padding-right: 8px;
    min-width: 110px;
    color: #007bfc
}

.pt__cell-price-hourly {
    margin-right: 16px
}

.pt__show-more {
    background: #fff;
    color: #007bfc;
    text-transform: lowercase;
    font-weight: 400;
    margin: 18px auto 0;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    font-size: 15px;
    line-height: 24px;
    border-radius: 0
}

@media (max-width:1011px) {
    .pt__show-more {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.pt--version-comparison {
    max-width: 520px;
    margin: 0 auto
}

.pt--version-comparison .pt__cell {
    height: 62px
}

.pt--direct-connect .pt__row-content,
.pt--version-comparison .pt__row-content {
    cursor: auto
}

.pt--direct-connect .pt__cell--wide .pt__cell-container {
    width: 200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.pt--direct-connect .pt__body .pt__cell {
    font-weight: 300
}

.speedometer {
    width: 48px;
    min-width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.speedometer__arrow {
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform-origin: 24px 24px
}

.speedometer--xl,
.speedometer--xl .speedometer__dial svg {
    width: 72px;
    min-width: 72px;
    height: 72px
}

.speedometer--xl .speedometer__arrow {
    transform-origin: 35px 45px;
    top: -4px
}

.speedometer--xl .speedometer__arrow svg {
    width: 72px;
    min-width: 72px;
    height: 72px
}

@media (min-width:1012px) {

    .pt__row.is-open .speedometer,
    .pt__row.is-open .speedometer__arrow,
    .pt__row.is-open .speedometer__max-speed,
    .pt__row.is-open .speedometer__speed {
        transition: .3s
    }

    .pt__row.is-open .speedometer__arrow {
        fill: #fff;
        stroke: #fff
    }

    .pt__row.is-open .speedometer__speed {
        stroke: #fff
    }

    .pt__row.is-open .speedometer__max-speed {
        stroke: rgba(229, 235, 255, .16)
    }
}

@media (max-width:1011px) {
    .pt--md-boxes {
        box-shadow: none
    }

    .pt--md-boxes.pt--eight-cols .pt__row-content {
        padding: 0 16px 94px;
        height: 236px
    }

    .pt--md-boxes.pt--eight-cols .pt__cell {
        padding-left: 0 !important
    }

    .pt--md-boxes.pt--eight-cols .pt__cell:first-child {
        height: 50px;
        top: 10px
    }

    .pt--md-boxes.pt--eight-cols .pt__cell:nth-child(2) {
        top: 68px
    }

    .pt--md-boxes.pt--eight-cols .pt__cell:nth-child(3),
    .pt--md-boxes.pt--eight-cols .pt__cell:nth-child(4) {
        top: 100px
    }

    .pt--md-boxes.pt--eight-cols .pt__cell:nth-child(5),
    .pt--md-boxes.pt--eight-cols .pt__cell:nth-child(6) {
        left: calc(50% + 16px);
        top: 68px
    }

    .pt--md-boxes.pt--eight-cols .pt__cell:nth-child(7),
    .pt--md-boxes.pt--eight-cols .pt__cell:nth-child(8) {
        left: calc(50% + 16px);
        top: 100px
    }

    .pt--md-boxes.pt--eight-cols .pt__cell.pt__cell-price {
        left: 0;
        right: 0;
        height: 40px;
        width: 100%;
        padding: 0 16px !important;
        border-top: 1px solid #edeef2
    }

    .pt--md-boxes.pt--eight-cols .pt__cell.pt__cell-price.demand {
        top: 130px
    }

    .pt--md-boxes.pt--eight-cols .pt__cell.pt__cell-price.yearly {
        top: 162px;
        border-top: none
    }

    .pt--md-boxes.pt--eight-cols .pt__cell.pt__cell-price.triennially {
        top: 194px;
        border-top: none
    }

    .pt--md-boxes.pt--seven-cols .pt__row-content {
        padding: 0 16px 108px;
        height: 224px
    }

    .pt--md-boxes.pt--seven-cols .pt__cell {
        padding-left: 0 !important
    }

    .pt--md-boxes.pt--seven-cols .pt__cell:first-child {
        height: 50px;
        top: 10px
    }

    .pt--md-boxes.pt--seven-cols .pt__cell:nth-child(2) {
        top: 46px
    }

    .pt--md-boxes.pt--seven-cols .pt__cell:nth-child(3) {
        top: 82px
    }

    .pt--md-boxes.pt--seven-cols .pt__cell:nth-child(4) {
        top: 46px
    }

    .pt--md-boxes.pt--seven-cols .pt__cell:nth-child(5),
    .pt--md-boxes.pt--seven-cols .pt__cell:nth-child(6),
    .pt--md-boxes.pt--seven-cols .pt__cell:nth-child(7) {
        left: calc(50% + 16px);
        top: 46px
    }

    .pt--md-boxes.pt--seven-cols .pt__cell:nth-child(8) {
        left: calc(50% + 16px);
        top: 82px
    }

    .pt--md-boxes.pt--seven-cols .pt__cell.pt__cell-price {
        left: 0;
        right: 0;
        height: 40px;
        width: 100%;
        padding: 0 16px !important;
        border-top: 1px solid #edeef2
    }

    .pt--md-boxes.pt--seven-cols .pt__cell.pt__cell-price.demand {
        top: 116px
    }

    .pt--md-boxes.pt--seven-cols .pt__cell.pt__cell-price.yearly {
        top: 148px;
        border-top: none
    }

    .pt--md-boxes.pt--seven-cols .pt__cell.pt__cell-price.triennially {
        top: 180px;
        border-top: none
    }

    .pt--md-boxes .pt__header {
        display: none
    }

    .pt--md-boxes .pt__score {
        display: flex;
        flex-direction: column
    }

    .pt--md-boxes .pt__score span {
        display: block;
        height: 26px;
        line-height: 24px;
        white-space: nowrap
    }

    .pt--md-boxes .pt__score.pt__score--faded span:last-child {
        font-weight: 500;
        color: #142149
    }

    .pt--md-boxes .pt.show-more .pt__row:nth-child(+n+4) {
        display: block
    }

    .pt--md-boxes .pt__row {
        position: relative;
        min-height: 192px;
        margin-bottom: 16px;
        padding: 0;
        background: #fff;
        border-radius: 3px
    }

    .pt--md-boxes .pt__row-collapse,
    .pt--md-boxes .pt__row-content {
        position: relative;
        z-index: 2
    }

    .pt--md-boxes .pt__row-content {
        height: 192px;
        padding: 0 16px 54px;
        border: none
    }

    .pt--md-boxes .pt__row-content .pt__cell {
        position: absolute
    }

    .pt--md-boxes .pt__row-content .pt__cell:not(.pt__cell-price) {
        display: inline-block
    }

    .pt--md-boxes .pt__row-collapse {
        margin-left: 0;
        width: 100%;
        padding: 16px
    }

    .pt--md-boxes .pt__row:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        z-index: -1;
        box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
        border-radius: 3px;
        transition: box-shadow .3s ease
    }
}

@media (max-width:1011px) and (max-width:1011px) {
    .pt--md-boxes .pt__row:after {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

@media (max-width:1011px) {
    .pt--md-boxes .pt__row:nth-child(+n+5) {
        display: none
    }

    .pt--md-boxes .pt__row:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .pt--md-boxes .pt__row:before {
        z-index: 1;
        top: 138px;
        height: calc(100% - 138px);
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .pt--md-boxes .pt__row.is-open .pt__cell:not(.pt__cell-price),
    .pt--md-boxes .pt__row.is-open .pt__score.pt__score--faded {
        color: #142149
    }

    .pt--md-boxes .pt__actions.pt__actions--skylake {
        flex-direction: column
    }

    .pt--md-boxes .pt__actions.pt__actions--skylake .pt__deoploy {
        margin-top: 16px;
        max-width: 100%;
        width: 100%
    }

    .pt--md-boxes .pt__deoploy {
        max-width: 100%;
        margin-top: 0
    }

    .pt--md-boxes .pt__cell {
        position: absolute;
        top: 0;
        height: 24px;
        left: 16px;
        right: 16px;
        width: 50%;
        padding: 0
    }

    .pt--md-boxes .pt__cell.pt__cell-price {
        top: 136px;
        left: 0;
        right: 0;
        height: 54px;
        width: 100%;
        padding: 0 16px !important;
        border-top: 1px solid #edeef2
    }

    .pt--md-boxes .pt__cell.pt__cell-price .pt__btn {
        margin-left: auto
    }

    .pt--md-boxes .pt__cell .pt__cell-price-monthly {
        min-width: 0;
        margin-right: 8px
    }

    .pt--md-boxes .pt__cell:first-child {
        height: 50px;
        top: 10px
    }

    .pt--md-boxes .pt__cell:nth-child(2) {
        top: 68px
    }

    .pt--md-boxes .pt__cell:nth-child(3) {
        top: 96px
    }

    .pt--md-boxes .pt__cell:nth-child(4) {
        left: calc(50% + 16px);
        top: 68px
    }

    .pt--md-boxes .pt__cell:nth-child(5) {
        left: calc(50% + 16px);
        top: 96px
    }

    .pt--md-boxes .pt__score-container {
        margin-bottom: 16px
    }

    .pt--md-boxes .pt__cell-price-hourly {
        color: #a1a5b2
    }
}

@media (max-width:751px) {
    .pt--direct-connect .pt__row {
        padding: 0 40px
    }

    .pt--direct-connect .pt__cell {
        padding: 0
    }

    .pt--direct-connect .pt__cell,
    .pt--direct-connect .pt__cell-container {
        justify-content: flex-end !important
    }

    .pt--direct-connect .pt__price-hourly {
        display: none
    }

    .pt--direct-connect .pt__row-content {
        cursor: auto
    }

    .pt--direct-connect .pt__cell--wide .pt__cell-container {
        width: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
}

.benchmark {
    display: flex;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    height: 442px;
    width: 582px;
    max-width: 100%;
    margin: 0 auto;
    background: #fff
}

@media (max-width:1011px) {
    .benchmark {
        box-shadow: 0 8px 16px 0 rgba(10, 14, 29, .02), 0 8px 40px 0 rgba(10, 14, 29, .06)
    }
}

.benchmark__section {
    width: 50%;
    min-width: 50%;
    padding: 32px;
    display: flex;
    flex-direction: column
}

.benchmark__section:first-child {
    border-right: 1px solid #e6e7eb
}

.benchmark__chart {
    position: relative;
    flex: 1 0 auto;
    margin-bottom: 30px
}

.benchmark__chart-title {
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
    color: #142149
}

.benchmark__bar,
.benchmark__bar-title,
.benchmark__bar-value,
.benchmark__line,
.benchmark__lines {
    position: absolute
}

.benchmark__lines {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.benchmark__bar {
    z-index: 10;
    bottom: 0;
    width: 40px;
    height: 5%;
    will-change: height;
    background: linear-gradient(180deg, #007bfc, #05c1fe);
    left: 8%
}

.benchmark__bar:nth-child(2) {
    left: 42%
}

.benchmark__bar:nth-child(3) {
    left: 76%;
    background: linear-gradient(180deg, #c7cdde, #dfe3ed)
}

.benchmark__bar:nth-child(3) .benchmark__bar-value {
    top: -30px
}

.benchmark__bar-title,
.benchmark__bar-value {
    width: 100%;
    text-align: center;
    margin: 0;
    color: #525666
}

.benchmark__bar-value {
    top: -35px;
    white-space: nowrap;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center
}

.benchmark__bar-value span+span {
    margin-left: .3em
}

.benchmark__bar-title {
    width: 100%;
    bottom: -24px;
    display: flex;
    justify-content: center;
    font-size: 12px;
    white-space: nowrap
}

.benchmark__line {
    left: 0;
    width: 100%;
    height: 1px;
    bottom: 0;
    border-bottom: 1px dashed #e6e7eb
}

.benchmark__line:first-child {
    bottom: 11.11111%
}

.benchmark__line:nth-child(2) {
    bottom: 22.22222%
}

.benchmark__line:nth-child(3) {
    bottom: 33.33333%
}

.benchmark__line:nth-child(4) {
    bottom: 44.44444%
}

.benchmark__line:nth-child(5) {
    bottom: 55.55556%
}

.benchmark__line:nth-child(6) {
    bottom: 66.66667%
}

.benchmark__line:nth-child(7) {
    bottom: 77.77778%
}

.benchmark__line:nth-child(8) {
    bottom: 88.88889%
}

@media (max-width:1231px) {
    .benchmark__bar {
        width: 32px
    }

    .benchmark__bar:nth-child(2) .benchmark__bar-value {
        top: -30px
    }
}

@media (max-width:1011px) {
    .benchmark__bar {
        left: 8%
    }

    .benchmark__bar:nth-child(2) {
        left: 42%
    }

    .benchmark__bar:nth-child(3) {
        left: 76%
    }
}

@media (max-width:751px) {
    .benchmark__section {
        padding: 24px 8px
    }
}

.sn {
    color: #525666
}

.sn__section {
    padding: 24px 0;
    position: relative
}

.sn__section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 1px;
    background: #e6e7eb
}

.sn__section.sn__section--ongoing-issues .sn__issue-title:before {
    background: #ff8f33
}

.sn__section.sn__section--ongoing-issues .sn__issue-title:after {
    border-color: #ff8f33
}

.sn__section.sn__section--history .sn__issue-title:before {
    background: #4cc159
}

.sn__section.sn__section--history .sn__issue-title:after {
    border-color: #4cc159
}

.sn__section-title {
    margin-bottom: 24px;
    color: #a1a5b2
}

.sn__date {
    margin-left: auto
}

.sn__top {
    margin-bottom: 18px
}

.sn__issue+.sn__issue {
    margin-top: 32px
}

.sn__issue-title {
    padding-left: 30px;
    margin-bottom: 0;
    position: relative
}

.sn__issue-title:after,
.sn__issue-title:before {
    z-index: 40;
    position: absolute;
    content: "";
    border-radius: 100px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.sn__issue-title:before {
    height: 7px;
    width: 7px;
    background: #525666;
    left: 4px
}

.sn__issue-title:after {
    height: 15px;
    width: 15px;
    border: 2px solid #525666
}

.sn__timeline {
    padding-left: 30px;
    position: relative
}

.sn__timeline:before {
    left: 7px;
    top: -25px;
    margin: auto;
    position: absolute;
    content: "";
    height: calc(100% + 20px);
    width: 1px;
    background: #e6e7eb;
    opacity: .64
}

.sn__timeline-item+.sn__timeline-item {
    margin-top: 24px
}

.sn__issue-status {
    position: relative;
    margin-bottom: 11px
}

.sn__issue-status:before {
    position: absolute;
    content: "";
    height: 7px;
    width: 7px;
    left: -26px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100px;
    background: #8692b0
}

@media (max-width:1011px) {
    .sn__section:before {
        width: 100%
    }

    .sn__top {
        flex-direction: column;
        align-items: flex-start
    }

    .sn__date {
        padding-left: 30px;
        margin-left: 0;
        margin-top: 4px
    }
}

.test-speed__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 16px
}

.test-speed__title {
    color: #e5ebff
}

.test-speed__ip {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.test-speed__ip-label {
    color: #e5ebff;
    font-size: 15px;
    line-height: 24px
}

.test-speed__ip-value {
    color: #fff;
    margin: 0
}

.test-speed__box .box__content {
    padding: 24px
}

.test-speed__box>.box__content {
    padding: 40px 48px 48px
}

.test-speed .rail {
    max-width: unset
}

.test-speed .list {
    margin-top: -8px;
    margin-bottom: 24px;
    font-weight: 400
}

.test-speed .list li {
    margin-bottom: 4px
}

.test-speed .selectize-control {
    min-width: 174px
}

.test-speed .btn {
    min-width: 160px
}

.search.banner__search {
    max-width: 645px;
    width: 100%;
    position: relative
}

.search__results {
    position: absolute;
    display: none;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 4px;
    box-shadow: 0 4px 32px 0 rgba(10, 14, 29, .02), 0 8px 64px 0 rgba(10, 14, 29, .08);
    max-width: 100%
}

.search__results .all-results {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-top: 1px solid #e6e7eb;
    width: 100%;
    font-weight: 500
}

.search .form-control {
    color: #142149
}

.search .results-list {
    padding: 17px 16px 0;
    margin-bottom: 20px
}

.search .results-list__item {
    display: flex;
    font-weight: 400;
    width: 100%;
    margin-bottom: 16px
}

.search .results-list__item:last-of-type {
    margin-bottom: 0
}

.search .results-list__item strong {
    font-weight: 500;
    color: #142149;
    transition: .3s ease
}

.search .results-list__item .results-item__link {
    width: 100%
}

.search .results-list__item .results-item__link:hover .results-item__title,
.search .results-list__item .results-item__link:hover .results-item__title strong {
    color: #007bfc
}

.search .results-list__item .results-item__content {
    padding-left: 24px;
    position: relative;
    width: 100%
}

.search .results-list__item .results-item__title {
    position: relative;
    color: #142149;
    font-size: 15px;
    transition: .3s ease
}

.search .results-list__item .results-item__desc {
    font-size: 13px;
    color: #81838f;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px
}

.search .results-list__item .results-item__arrow {
    position: absolute;
    display: flex;
    left: 0;
    top: 0;
    align-items: center;
    height: 28px
}

.search.is-active .search__results {
    display: flex;
    flex-direction: column
}

.review {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    max-width: 750px;
    width: 100%
}

.review__graphic {
    margin-right: 24px
}

.review__graphic--boxed {
    max-width: 180px;
    min-width: 180px;
    max-height: 180px;
    min-height: 180px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.review__graphic--boxed:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(10, 14, 29, .04), 0 16px 72px rgba(10, 14, 29, .08)
}

.review__graphic-sm {
    display: none
}

.review__content {
    margin-left: auto;
    max-width: 504px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.review__author {
    color: #007bfc;
    margin-top: 16px
}

@media (max-width:751px) {
    .review {
        flex-direction: column
    }

    .review__graphic {
        margin: auto auto 40px;
        max-width: 132px;
        min-width: 132px;
        max-height: 132px;
        min-height: 132px
    }

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

    .review__graphic-lg {
        display: none
    }

    .review__content {
        text-align: center
    }
}

.svg-illustration {
    height: 100%;
    max-width: 100%;
    position: relative;
    z-index: 3;
    overflow: visible !important
}

.svg-illustration .stroke-primary {
    stroke: #007bfc
}

.svg-illustration .stroke-dark-blue-1 {
    stroke: #162f7e
}

.svg-illustration .stroke-width-1 {
    stroke-width: 1px
}

.svg-illustration .stroke-width-2,
.svg-illustration .stroke-width-3 {
    stroke-width: 2px
}

.svg-illustration .stroke-width-4 {
    stroke-width: 3px
}

.svg-illustration .stroke-white {
    stroke: #fff
}

.svg-illustration .opacity-3 {
    opacity: .7
}

.svg-illustration .opacity-4 {
    opacity: .4
}

.svg-illustration .fill-none {
    fill: none
}

.svg-illustration .fill-dark-blue {
    fill: #001855
}

.svg-illustration .fill-dark-blue-1 {
    fill: #162f7e
}

.svg-illustration .fill-dark-blue-2 {
    fill: #1d2540
}

.svg-illustration .fill-light-blue-1 {
    fill: #009dff
}

.svg-illustration .fill-primary {
    fill: #007bfc
}

.svg-illustration .fill-gray-blue {
    fill: #5d6d94
}

.svg-illustration .fill-gray-blue-1 {
    fill: #787ca1
}

.svg-illustration .fill-gray {
    fill: #e0e4ef
}

.svg-illustration .fill-gray-1 {
    fill: #bfc6d5
}

.svg-illustration .fill-gray-2 {
    fill: #d5d9e2
}

.svg-illustration .fill-white {
    fill: #fff
}

.svg-illustration .fill-opacity-1 {
    fill-opacity: .5
}

.svg-illustration--map .fill-gray-darker {
    fill: #dfe3ed
}

.svg-illustration--product {
    max-width: 488px
}

.svg-illustration--ssd {
    max-width: 182px
}

.svg-illustration--ssd .gradient-1 {
    fill: url(#gradient-ssd-1)
}

.svg-illustration--ssd .gradient-2 {
    fill: url(#gradient-ssd-2)
}

.svg-illustration--discs,
.svg-illustration--server {
    max-width: 200px
}

.svg-illustration--cpu {
    max-width: 182px
}

.svg-illustration--cpu .gradient-1 {
    fill: url(#gradient-cpu-1)
}

.svg-illustration--cpu .gradient-2 {
    fill: url(#gradient-cpu-2)
}

.svg-illustration--cpu .gradient-3 {
    fill: url(#gradient-cpu-3)
}

.svg-illustration--cpu .gradient-4 {
    fill: url(#gradient-cpu-4)
}

.svg-illustration--browser,
.svg-illustration--pad-left,
.svg-illustration--pad-right,
.svg-illustration--private-networking-ip {
    max-width: 182px
}

.svg-illustration--ram .gradient-1 {
    fill: url(#gradient-ram-1)
}

.svg-illustration--ram .gradient-2 {
    fill: url(#gradient-ram-2)
}

.svg-illustration--database {
    max-width: 182px;
    margin-top: -88px
}

.svg-illustration--path-left,
.svg-illustration--path-right {
    max-width: 520px;
    height: 370px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    .svg-illustration--path-left,
    .svg-illustration--path-right {
        width: 520px
    }
}

.svg-illustration--light-blocks {
    max-width: 182px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .svg-illustration--light-blocks {
        width: 182px
    }
}

.svg-illustration--addon-firewall {
    margin-top: 0;
    width: 682px
}

.svg-illustration--error .error-403,
.svg-illustration--error .error-404,
.svg-illustration--error .error-502,
.svg-illustration--error .error-maintenance {
    display: none
}

.svg-illustration--error-403 .error-403,
.svg-illustration--error-404 .error-404,
.svg-illustration--error-502 .error-502 {
    display: block
}

.svg-illustration--error-maintenance .error-0 {
    display: none
}

.svg-illustration--error-maintenance .error-maintenance {
    display: block
}

@media (min-width:1012px) {
    .svg-illustration--accelerate {
        margin-top: -24px
    }

    .svg-illustration--product {
        visibility: visible !important;
        overflow: visible !important
    }

    .svg-illustration--product.is-animated {
        opacity: 0
    }

    [data-animation-type].animation-element,
    [data-animation-type]:not(.svg-product) .animation-element,
    [data-animation].animation-element,
    [data-animation]:not(.svg-product) .animation-element {
        will-change: opacity, transform;
        opacity: 0
    }
}

@media (max-width:1011px) {

    [data-animation-arrow-bottom],
    [data-animation-arrow-top],
    [data-animation-center-path],
    [data-animation-check],
    [data-animation-circle],
    [data-animation-left-path],
    [data-animation-line],
    [data-animation-path],
    [data-animation-right-path],
    [data-animation-screen-path],
    [data-animation-server-path],
    [data-animation-user-path] {
        stroke-dashoffset: 0 !important;
        stroke-dasharray: 0 !important
    }

    .svg-illustration--map {
        display: none
    }

    .svg-illustration--browser,
    .svg-illustration--bucket,
    .svg-illustration--cpu,
    .svg-illustration--light-blocks,
    .svg-illustration--pad-left,
    .svg-illustration--pad-right,
    .svg-illustration--ssd {
        max-width: 136px
    }

    .svg-illustration--database {
        margin-top: -27px
    }
}

.icon-sm {
    height: 48px;
    width: 48px
}

.icon-sm--64 {
    width: 64px;
    height: 64px
}

.icon-sm>* {
    fill: none
}

.icon-sm .fill-gradient {
    fill: #cadefe;
    stroke: #b2b9ce;
    stroke-width: 1
}

.icon-sm .fill-primary {
    fill: #007bfc
}

.icon-sm .fill-primary.stroke-primary {
    stroke-width: 1
}

.icon-sm .fill-primary-l {
    fill: #007bfc
}

.icon-sm .fill-primary-l.stroke-primary-l {
    stroke-width: 1
}

.icon-sm .fill-white {
    fill: #fff
}

.icon-sm .fill-none {
    fill: none
}

.icon-sm .stroke-dark,
.icon-sm .stroke-primary,
.icon-sm .stroke-primary-l {
    stroke-linecap: round;
    stroke-linejoin: round
}

.icon-sm .stroke-primary,
.icon-sm .stroke-primary-l {
    stroke: #007bfc
}

.icon-sm .stroke-dark {
    stroke: #142149
}

.icon-sm .stroke-white {
    stroke: #fff
}

.icon-sm .stroke-2 {
    stroke-width: 2px !important
}

.icon-sm .stroke-1-4 {
    stroke-width: 1.4 !important
}

.icon-sm .stroke-1-5 {
    stroke-width: 1.5 !important
}

.icon-sm .stroke-1 {
    stroke-width: 1 !important
}

.icon-sm .stroke-0-875 {
    stroke-width: .875 !important
}

.icon-sm .stroke-0-5 {
    stroke-width: .5 !important
}

.icon-sm .stroke-0-4 {
    stroke-width: .4 !important
}

.icon-sm .stroke-0-2 {
    stroke-width: .2 !important
}

.icon-sm .stroke-1-2293 {
    stroke-width: 1.2293 !important
}

.icon-ui * {
    transition: .3s ease
}

.icon-ui .stroke {
    fill: none;
    stroke: #8692b0;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.icon-ui .fill {
    fill: #8692b0
}

.icon-ui--24 {
    width: 24px;
    min-width: 24px;
    height: 24px
}

.icon-ui--18 {
    width: 18px;
    min-width: 18px;
    height: 18px
}

.icon-ui--12 {
    width: 12px;
    height: 12px
}

.btn--icon:active .icon-ui .stroke,
.btn--icon:focus .icon-ui .stroke,
.btn--icon:hover .icon-ui .stroke,
.btn--primary.btn--link:active .icon-ui .stroke,
.btn--primary.btn--link:focus .icon-ui .stroke,
.btn--primary.btn--link:hover .icon-ui .stroke,
.btn--primary.btn--outline:active .icon-ui .stroke,
.btn--primary.btn--outline:focus .icon-ui .stroke,
.btn--primary.btn--outline:hover .icon-ui .stroke {
    stroke: #51b9ff
}

.btn--icon:active .icon-ui .fill,
.btn--icon:focus .icon-ui .fill,
.btn--icon:hover .icon-ui .fill,
.btn--primary.btn--link:active .icon-ui .fill,
.btn--primary.btn--link:focus .icon-ui .fill,
.btn--primary.btn--link:hover .icon-ui .fill,
.btn--primary.btn--outline:active .icon-ui .fill,
.btn--primary.btn--outline:focus .icon-ui .fill,
.btn--primary.btn--outline:hover .icon-ui .fill {
    fill: #51b9ff
}

.btn--primary.btn--link .stroke,
.btn--primary.btn--outline .stroke,
.icon-ui--primary .stroke {
    stroke: #007bfc
}

.btn--primary.btn--link .fill,
.btn--primary.btn--outline .fill,
.icon-ui--primary .fill {
    fill: #007bfc
}

.btn--primary .stroke {
    stroke: #fff
}

.btn--primary .fill {
    fill: #fff
}

.btn--primary:active .icon-ui .stroke,
.btn--primary:focus .icon-ui .stroke,
.btn--primary:hover .icon-ui .stroke {
    stroke: #fff
}

.btn--primary:active .icon-ui .fill,
.btn--primary:focus .icon-ui .fill,
.btn--primary:hover .icon-ui .fill {
    fill: #fff
}

.icon-ui--success .stroke {
    stroke: #4cc159
}

.icon-ui--success .fill {
    fill: #4cc159
}

.icon-ui--warning .stroke {
    stroke: #ff8f33
}

.icon-ui--warning .fill {
    fill: #ff8f33
}

.svg-light__1 {
    opacity: .8;
    fill: url(#svg-gradient__light-1);
    enable-background: new
}

.svg-light__2 {
    opacity: .16;
    fill: url(#svg-gradient__light-2);
    enable-background: new
}

.svg-light__reflect {
    opacity: .24;
    fill: url(#svg-gradient__light-reflect);
    enable-background: new
}

.svg-blue-block__top-light {
    fill: url(#svg-gradient__blue-top-light)
}

.svg-blue-block__top-dark {
    fill: url(#svg-gradient__blue-top-dark)
}

.svg-blue-block__middle {
    fill: url(#svg-gradient__blue-middle)
}

.svg-blue-block__shadow {
    opacity: .32
}

.svg-product {
    position: relative;
    z-index: 3;
    visibility: visible !important;
    overflow: visible !important;
    width: 100%;
    max-width: 488px
}

.svg-product__bottom-st1 {
    fill: url(#svg-gradient__gray-middle)
}

.svg-product__bottom-st2 {
    fill: url(#svg-gradient__gray-top-light)
}

.svg-product__bottom-st3 {
    fill: #333c5e
}

.svg-product__bottom-st5,
.svg-product__bottom-st6,
.svg-product__bottom-st7,
.svg-product__bottom-st8 {
    fill: none;
    stroke: #142149;
    stroke-width: 2.1386;
    stroke-linecap: round;
    stroke-linejoin: round;
    enable-background: new
}

.svg-product__bottom-st5,
.svg-product__bottom-st7,
.svg-product__bottom-st8 {
    opacity: .32
}

.svg-product__bottom-st6 {
    opacity: .48
}

.svg-product__shadow {
    opacity: .08;
    fill: url(#svg-gradient__gray-shadow);
    enable-background: new
}

@media (min-width:1012px) {
    .svg-product.is-animated {
        opacity: 0
    }
}

@media (max-width:1011px) {
    .svg-product {
        max-width: 366px
    }
}

@media (max-width:751px) {
    .svg-product {
        max-width: 304px
    }
}

@media (max-width:1011px) {

    .section--features-slider .stroke-dark,
    .section--features-slider .stroke-primary.fill-none {
        stroke: #fff
    }

    .section--features-slider .fill-primary.inverse {
        fill: #fff
    }

    .section--features-slider .fill-gradient {
        fill: #00409e;
        stroke: #00409e
    }
}

.svg-logo__text {
    fill: #fff
}

.svg-logo__shape-1 {
    fill: #007bfc
}

.svg-logo__shape-2 {
    fill: #51b9ff
}

.svg-logo__shape-3 {
    fill: #fff
}

.box .svg-logo__text,
.resources .svg-logo__text,
.scroll-up .svg-logo__text {
    fill: #142149
}

.box .svg-logo__shape-1,
.resources .svg-logo__shape-1,
.scroll-up .svg-logo__shape-1 {
    fill: #c9f4ff
}

.box .svg-logo__shape-2,
.resources .svg-logo__shape-2,
.scroll-up .svg-logo__shape-2 {
    fill: #51b9ff
}

.box .svg-logo__shape-3,
.resources .svg-logo__shape-3,
.scroll-up .svg-logo__shape-3 {
    fill: #007bfc
}

.svg-shape--right path {
    fill: url(#svg-gradient__shape-right)
}

.svg-shape--left path {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: url(#svg-gradient__shape-left)
}

.svg-disc__top-center {
    opacity: .9;
    fill: #55caff
}

.svg-disc__middle {
    fill: url(#svg-gradient__blue-middle)
}

.svg-disc__top {
    fill: url(#svg-gradient__blue-top-light)
}

.svg-server__st0 {
    opacity: .24
}

.svg-server__reflect {
    opacity: .16;
    fill: url(#svg-gradient__gray-reflect)
}

.svg-server__st1 {
    opacity: .48
}

.svg-server__st1,
.svg-server__st2 {
    fill: url(#svg-gradient__gray-reflect)
}

.svg-server__st3 {
    fill: url(#svg-gradient__gray-middle)
}

.svg-server__st4 {
    fill: url(#svg-gradient__gray-top-dark)
}

.svg-server__st5 {
    opacity: .32
}

.svg-server__st6 {
    fill: none;
    stroke: #142149;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-server__st7 {
    fill: url(#svg-gradient__gray-middle)
}

.svg-server__st8 {
    fill: url(#svg-gradient__gray-top-dark)
}

.svg-server__st9 {
    fill: url(#svg-gradient__gray-middle)
}

.svg-server__st10 {
    fill: url(#svg-gradient__gray-top-light)
}

.svg-backup {
    margin-top: 40px;
    width: 682px
}

.svg-snapshot {
    margin-top: -7px;
    width: 682px
}

.svg-ddos {
    margin-top: 0;
    width: 682px
}

.svg-addon-light__1 {
    opacity: .8;
    fill: url(#svg-gradient__addon-light-1);
    enable-background: new
}

.svg-addon-light__2 {
    opacity: .16;
    fill: url(#svg-gradient__addon-light-2);
    enable-background: new
}

.svg-addon-light__reflect {
    opacity: .24;
    fill: url(#svg-gradient__addon-light-reflect);
    enable-background: new
}

.svg-banner-shape {
    fill: #fff
}

.svg-illustration-dash path {
    stroke-linecap: round;
    stroke-linejoin: round;
    fill-rule: evenodd
}

.fill-even {
    fill-rule: evenodd
}

.clip-even {
    clip-rule: evenodd
}

.faq {
    max-width: 750px;
    margin: auto
}

.faq__item {
    display: flex;
    flex-direction: column
}

.faq__item+.faq__item {
    margin-top: 56px
}

.faq__title {
    padding-left: 24px;
    position: relative
}

.faq__title:before {
    content: "";
    width: 2px;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #007bfc;
    transform: translateY(-50%)
}

.faq__text {
    margin-top: 16px
}

.banner.banner--short.banner--pricing {
    margin-bottom: -300px
}

.pricing {
    margin-top: 72px
}

.pricing-1 {
    margin-top: 200px
}

.pricing__use-case {
    color: #142149
}

.pricing .range-slider__origin {
    will-change: auto !important
}

.pricing .range-slider__connect {
    box-shadow: none
}

.pricing .ps {
    overflow: visible !important
}

.pricing .resources__navbar {
    margin-bottom: 80px;
    border: none;
    position: relative;
    z-index: 9
}

.pricing .resources__navbar>.resources__navbar-inner {
    border-bottom: 1px solid #e6e9eb
}

.pricing .resources__sidebar {
    z-index: 9;
    border: none
}

@media (min-width:1012px) {
    .pricing .resources__sidebar-scrollbar {
        margin-top: -24px;
        overflow: hidden !important
    }
}

.pricing .resources__navbar-inner {
    display: flex;
    align-items: center;
    flex-direction: row
}

.pricing .nav--boxed .nav__item .nav__link:before {
    display: none
}

.pricing__content {
    padding-left: 40px;
    width: 100%
}

@media (max-width:1011px) {
    .pricing__content {
        padding-left: 0;
        width: 100%
    }
}

.pricing__content>.section {
    padding-top: 48px;
    position: relative;
    border: 0
}

.pricing__content>.section>h2 {
    margin-bottom: 0
}

.pricing__content>.section>h2+p {
    margin-top: 40px
}

.pricing__content>.section>p:last-child {
    margin-bottom: 0
}

.pricing__content>.section>.box {
    margin-top: 40px
}

.pricing__content>.section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 3px;
    background: #007bfc
}

.pricing .sticky-sidebar {
    position: sticky
}

.pricing__subsection {
    margin-top: 64px;
    margin-bottom: 0
}

.pricing__subsection-title {
    margin-top: 0;
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.pricing__subsection-desc {
    margin-bottom: 0
}

.pricing__subsection-desc+.pricing__subsection-desc {
    margin-top: 8px
}

.pricing__subsection-desc+.pt {
    margin-top: 40px
}

.pricing__subsection-icon {
    margin-right: 24px;
    max-width: 34px;
    height: 34px
}

.pricing .box.box--object-storage {
    max-width: unset
}

.pricing .box.box--object-storage .package__body {
    padding-top: 4px
}

.pricing .box.box--block-calculator {
    max-width: unset
}

.pricing .box.box--block-calculator .package__header {
    padding-bottom: 0
}

.pricing .box.box--block-calculator .package__header:after {
    display: none
}

.pricing .box.box--block-calculator .package__body {
    padding-top: 4px
}

.pricing .box.box--lg {
    margin-left: 0;
    margin-right: 0
}

.pricing .box.box--lg.box--object-storage .box__content {
    min-width: 330px
}

.pricing .pt__header .pt__cell,
.pricing .pt__row .pt__cell {
    min-width: 16.66667%;
    height: 60px
}

.pricing .pt__header .pt__cell--price,
.pricing .pt__header .pt__cell--price strong,
.pricing .pt__row .pt__cell--price,
.pricing .pt__row .pt__cell--price strong {
    color: #007bfc
}

.pricing .pt__header-content,
.pricing .pt__row-content {
    cursor: auto
}

.pricing .packages {
    margin-top: 0
}

.pricing .packages--bare .package__list-item {
    margin-bottom: 4px
}

.pricing .packages--bare .package__list-item b,
.pricing .packages--bare .package__list-item strong {
    color: #142149
}

.pricing .package__header {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.pricing .package__body {
    padding: 24px
}

.pricing .package--balancer .package__header {
    padding: 32px;
    width: 100% !important;
    max-width: unset;
    text-align: center;
    align-items: center
}

.pricing .package--balancer .package__header:after {
    display: none !important
}

.pricing .package--balancer .package__price,
.pricing .package--balancer .package__title {
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-right: 0 !important
}

.pricing .package--balancer .package__price:after,
.pricing .package--balancer .package__title:after {
    display: none !important
}

.pricing .package--balancer .package__title {
    font-size: 17px;
    line-height: 28px
}

@media (max-width:1011px) {
    .pricing .pt__row {
        min-height: unset
    }

    .pricing .pt__row-content {
        position: static;
        display: flex;
        flex-wrap: wrap;
        height: unset;
        padding: 24px
    }

    .pricing .pt__row-content .pt__cell {
        position: static;
        min-width: 50%;
        height: 40px;
        padding: 0 !important
    }

    .pricing .package--boxed:not(.package--non-responsive) .package__header.has-divider .package__title:after {
        right: 0
    }
}

@media (max-width:1231px) {

    .pt__header .pt__cell,
    .pt__row .pt__cell {
        min-width: 10%
    }

    .pt__header .pt__cell:nth-child(5),
    .pt__header .pt__cell:nth-child(6),
    .pt__row .pt__cell:nth-child(5),
    .pt__row .pt__cell:nth-child(6) {
        min-width: 20%
    }
}

@media (max-width:1011px) {
    .banner.banner--short.banner--pricing {
        margin-bottom: -270px
    }

    .pricing-1 {
        margin-top: 100px
    }

    .box.box--object-storage .box__right .box__content {
        padding: 0
    }

    .box.box--object-storage .box__right .box__content .package__price:first-child {
        margin-top: 0
    }
}

@media (max-width:751px) {
    .packages .package.package--boxed {
        flex-direction: column
    }

    .packages .package.package--boxed .package__header {
        max-width: unset;
        padding: 24px
    }

    .packages .package.package--boxed .package__price {
        justify-content: center;
        text-align: center
    }

    .packages .package.package--boxed .package__title {
        text-align: center;
        padding-right: 0 !important;
        position: static !important
    }

    .packages .package.package--boxed .package__title:after {
        top: unset !important;
        bottom: 8px !important;
        right: calc(50% - 16px) !important
    }
}