.ghostkit-grid {
    --gkt-grid__gap: 15px;
    --gkt-grid__justify-content: flex-start;
    --gkt-grid--column__align-self: flex-start;
    --gkt-grid--column__size: 100%;
    --gkt-grid--column__order: initial;
    --gkt-grid--column-sticky__offset: 0
}

.ghostkit-grid-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--gkt-grid__justify-content);
    margin-top: calc(-1*var(--gkt-grid__gap));
    margin-left: calc(-1*var(--gkt-grid__gap))
}

.ghostkit-grid,
.ghostkit-col {
    padding-top: .02px
}

.ghostkit-col {
    position: relative;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    order: var(--gkt-grid--column__order);
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    margin-top: var(--gkt-grid__gap);
    margin-left: var(--gkt-grid__gap)
}

.ghostkit-col-content {
    align-self: var(--gkt-grid--column__align-self);
    width: 100%
}

.ghostkit-col {
    flex: 1;
    width: 100%;
    max-width: 100%
}

.ghostkit-col-1 {
    flex: 0 0 calc(100%*(1 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(1 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(1 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-2 {
    flex: 0 0 calc(100%*(2 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(2 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(2 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-3 {
    flex: 0 0 calc(100%*(3 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(3 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(3 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-4 {
    flex: 0 0 calc(100%*(4 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(4 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(4 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-5 {
    flex: 0 0 calc(100%*(5 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(5 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(5 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-6 {
    flex: 0 0 calc(100%*(6 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(6 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(6 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-7 {
    flex: 0 0 calc(100%*(7 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(7 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(7 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-8 {
    flex: 0 0 calc(100%*(8 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(8 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(8 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-9 {
    flex: 0 0 calc(100%*(9 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(9 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(9 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-10 {
    flex: 0 0 calc(100%*(10 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(10 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(10 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-11 {
    flex: 0 0 calc(100%*(11 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(11 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(11 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-12 {
    flex: 0 0 calc(100%*(12 / 12) - var(--gkt-grid__gap));
    width: calc(100%*(12 / 12) - var(--gkt-grid__gap));
    max-width: calc(100%*(12 / 12) - var(--gkt-grid__gap))
}

.ghostkit-col-order-first {
    --gkt-grid--column__order: -1
}

.ghostkit-col-order-last {
    --gkt-grid--column__order: 13
}

.ghostkit-col-order-0 {
    --gkt-grid--column__order: 0
}

.ghostkit-col-order-1 {
    --gkt-grid--column__order: 1
}

.ghostkit-col-order-2 {
    --gkt-grid--column__order: 2
}

.ghostkit-col-order-3 {
    --gkt-grid--column__order: 3
}

.ghostkit-col-order-4 {
    --gkt-grid--column__order: 4
}

.ghostkit-col-order-5 {
    --gkt-grid--column__order: 5
}

.ghostkit-col-order-6 {
    --gkt-grid--column__order: 6
}

.ghostkit-col-order-7 {
    --gkt-grid--column__order: 7
}

.ghostkit-col-order-8 {
    --gkt-grid--column__order: 8
}

.ghostkit-col-order-9 {
    --gkt-grid--column__order: 9
}

.ghostkit-col-order-10 {
    --gkt-grid--column__order: 10
}

.ghostkit-col-order-11 {
    --gkt-grid--column__order: 11
}

.ghostkit-col-order-12 {
    --gkt-grid--column__order: 12
}

@media(max-width: 1200px) {
    .ghostkit-col-xl {
        flex: 1;
        width: 100%;
        max-width: 100%
    }
    .ghostkit-col-xl-1 {
        flex: 0 0 calc(100%*(1 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(1 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(1 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-2 {
        flex: 0 0 calc(100%*(2 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(2 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(2 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-3 {
        flex: 0 0 calc(100%*(3 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(3 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(3 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-4 {
        flex: 0 0 calc(100%*(4 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(4 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(4 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-5 {
        flex: 0 0 calc(100%*(5 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(5 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(5 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-6 {
        flex: 0 0 calc(100%*(6 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(6 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(6 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-7 {
        flex: 0 0 calc(100%*(7 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(7 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(7 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-8 {
        flex: 0 0 calc(100%*(8 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(8 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(8 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-9 {
        flex: 0 0 calc(100%*(9 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(9 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(9 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-10 {
        flex: 0 0 calc(100%*(10 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(10 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(10 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-11 {
        flex: 0 0 calc(100%*(11 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(11 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(11 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-xl-12 {
        flex: 0 0 calc(100%*(12 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(12 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(12 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-order-xl-first {
        --gkt-grid--column__order: -1
    }
    .ghostkit-col-order-xl-last {
        --gkt-grid--column__order: 13
    }
    .ghostkit-col-order-xl-0 {
        --gkt-grid--column__order: 0
    }
    .ghostkit-col-order-xl-1 {
        --gkt-grid--column__order: 1
    }
    .ghostkit-col-order-xl-2 {
        --gkt-grid--column__order: 2
    }
    .ghostkit-col-order-xl-3 {
        --gkt-grid--column__order: 3
    }
    .ghostkit-col-order-xl-4 {
        --gkt-grid--column__order: 4
    }
    .ghostkit-col-order-xl-5 {
        --gkt-grid--column__order: 5
    }
    .ghostkit-col-order-xl-6 {
        --gkt-grid--column__order: 6
    }
    .ghostkit-col-order-xl-7 {
        --gkt-grid--column__order: 7
    }
    .ghostkit-col-order-xl-8 {
        --gkt-grid--column__order: 8
    }
    .ghostkit-col-order-xl-9 {
        --gkt-grid--column__order: 9
    }
    .ghostkit-col-order-xl-10 {
        --gkt-grid--column__order: 10
    }
    .ghostkit-col-order-xl-11 {
        --gkt-grid--column__order: 11
    }
    .ghostkit-col-order-xl-12 {
        --gkt-grid--column__order: 12
    }
}

@media(max-width: 992px) {
    .ghostkit-col-lg {
        flex: 1;
        width: 100%;
        max-width: 100%
    }
    .ghostkit-col-lg-1 {
        flex: 0 0 calc(100%*(1 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(1 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(1 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-2 {
        flex: 0 0 calc(100%*(2 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(2 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(2 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-3 {
        flex: 0 0 calc(100%*(3 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(3 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(3 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-4 {
        flex: 0 0 calc(100%*(4 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(4 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(4 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-5 {
        flex: 0 0 calc(100%*(5 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(5 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(5 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-6 {
        flex: 0 0 calc(100%*(6 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(6 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(6 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-7 {
        flex: 0 0 calc(100%*(7 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(7 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(7 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-8 {
        flex: 0 0 calc(100%*(8 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(8 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(8 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-9 {
        flex: 0 0 calc(100%*(9 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(9 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(9 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-10 {
        flex: 0 0 calc(100%*(10 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(10 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(10 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-11 {
        flex: 0 0 calc(100%*(11 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(11 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(11 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-lg-12 {
        flex: 0 0 calc(100%*(12 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(12 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(12 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-order-lg-first {
        --gkt-grid--column__order: -1
    }
    .ghostkit-col-order-lg-last {
        --gkt-grid--column__order: 13
    }
    .ghostkit-col-order-lg-0 {
        --gkt-grid--column__order: 0
    }
    .ghostkit-col-order-lg-1 {
        --gkt-grid--column__order: 1
    }
    .ghostkit-col-order-lg-2 {
        --gkt-grid--column__order: 2
    }
    .ghostkit-col-order-lg-3 {
        --gkt-grid--column__order: 3
    }
    .ghostkit-col-order-lg-4 {
        --gkt-grid--column__order: 4
    }
    .ghostkit-col-order-lg-5 {
        --gkt-grid--column__order: 5
    }
    .ghostkit-col-order-lg-6 {
        --gkt-grid--column__order: 6
    }
    .ghostkit-col-order-lg-7 {
        --gkt-grid--column__order: 7
    }
    .ghostkit-col-order-lg-8 {
        --gkt-grid--column__order: 8
    }
    .ghostkit-col-order-lg-9 {
        --gkt-grid--column__order: 9
    }
    .ghostkit-col-order-lg-10 {
        --gkt-grid--column__order: 10
    }
    .ghostkit-col-order-lg-11 {
        --gkt-grid--column__order: 11
    }
    .ghostkit-col-order-lg-12 {
        --gkt-grid--column__order: 12
    }
}

@media(max-width: 768px) {
    .ghostkit-col-md {
        flex: 1;
        width: 100%;
        max-width: 100%
    }
    .ghostkit-col-md-1 {
        flex: 0 0 calc(100%*(1 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(1 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(1 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-2 {
        flex: 0 0 calc(100%*(2 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(2 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(2 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-3 {
        flex: 0 0 calc(100%*(3 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(3 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(3 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-4 {
        flex: 0 0 calc(100%*(4 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(4 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(4 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-5 {
        flex: 0 0 calc(100%*(5 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(5 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(5 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-6 {
        flex: 0 0 calc(100%*(6 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(6 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(6 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-7 {
        flex: 0 0 calc(100%*(7 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(7 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(7 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-8 {
        flex: 0 0 calc(100%*(8 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(8 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(8 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-9 {
        flex: 0 0 calc(100%*(9 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(9 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(9 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-10 {
        flex: 0 0 calc(100%*(10 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(10 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(10 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-11 {
        flex: 0 0 calc(100%*(11 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(11 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(11 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-md-12 {
        flex: 0 0 calc(100%*(12 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(12 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(12 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-order-md-first {
        --gkt-grid--column__order: -1
    }
    .ghostkit-col-order-md-last {
        --gkt-grid--column__order: 13
    }
    .ghostkit-col-order-md-0 {
        --gkt-grid--column__order: 0
    }
    .ghostkit-col-order-md-1 {
        --gkt-grid--column__order: 1
    }
    .ghostkit-col-order-md-2 {
        --gkt-grid--column__order: 2
    }
    .ghostkit-col-order-md-3 {
        --gkt-grid--column__order: 3
    }
    .ghostkit-col-order-md-4 {
        --gkt-grid--column__order: 4
    }
    .ghostkit-col-order-md-5 {
        --gkt-grid--column__order: 5
    }
    .ghostkit-col-order-md-6 {
        --gkt-grid--column__order: 6
    }
    .ghostkit-col-order-md-7 {
        --gkt-grid--column__order: 7
    }
    .ghostkit-col-order-md-8 {
        --gkt-grid--column__order: 8
    }
    .ghostkit-col-order-md-9 {
        --gkt-grid--column__order: 9
    }
    .ghostkit-col-order-md-10 {
        --gkt-grid--column__order: 10
    }
    .ghostkit-col-order-md-11 {
        --gkt-grid--column__order: 11
    }
    .ghostkit-col-order-md-12 {
        --gkt-grid--column__order: 12
    }
}

@media(max-width: 576px) {
    .ghostkit-col-sm {
        flex: 1;
        width: 100%;
        max-width: 100%
    }
    .ghostkit-col-sm-1 {
        flex: 0 0 calc(100%*(1 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(1 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(1 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-2 {
        flex: 0 0 calc(100%*(2 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(2 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(2 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-3 {
        flex: 0 0 calc(100%*(3 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(3 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(3 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-4 {
        flex: 0 0 calc(100%*(4 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(4 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(4 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-5 {
        flex: 0 0 calc(100%*(5 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(5 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(5 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-6 {
        flex: 0 0 calc(100%*(6 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(6 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(6 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-7 {
        flex: 0 0 calc(100%*(7 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(7 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(7 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-8 {
        flex: 0 0 calc(100%*(8 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(8 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(8 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-9 {
        flex: 0 0 calc(100%*(9 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(9 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(9 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-10 {
        flex: 0 0 calc(100%*(10 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(10 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(10 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-11 {
        flex: 0 0 calc(100%*(11 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(11 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(11 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-sm-12 {
        flex: 0 0 calc(100%*(12 / 12) - var(--gkt-grid__gap));
        width: calc(100%*(12 / 12) - var(--gkt-grid__gap));
        max-width: calc(100%*(12 / 12) - var(--gkt-grid__gap))
    }
    .ghostkit-col-order-sm-first {
        --gkt-grid--column__order: -1
    }
    .ghostkit-col-order-sm-last {
        --gkt-grid--column__order: 13
    }
    .ghostkit-col-order-sm-0 {
        --gkt-grid--column__order: 0
    }
    .ghostkit-col-order-sm-1 {
        --gkt-grid--column__order: 1
    }
    .ghostkit-col-order-sm-2 {
        --gkt-grid--column__order: 2
    }
    .ghostkit-col-order-sm-3 {
        --gkt-grid--column__order: 3
    }
    .ghostkit-col-order-sm-4 {
        --gkt-grid--column__order: 4
    }
    .ghostkit-col-order-sm-5 {
        --gkt-grid--column__order: 5
    }
    .ghostkit-col-order-sm-6 {
        --gkt-grid--column__order: 6
    }
    .ghostkit-col-order-sm-7 {
        --gkt-grid--column__order: 7
    }
    .ghostkit-col-order-sm-8 {
        --gkt-grid--column__order: 8
    }
    .ghostkit-col-order-sm-9 {
        --gkt-grid--column__order: 9
    }
    .ghostkit-col-order-sm-10 {
        --gkt-grid--column__order: 10
    }
    .ghostkit-col-order-sm-11 {
        --gkt-grid--column__order: 11
    }
    .ghostkit-col-order-sm-12 {
        --gkt-grid--column__order: 12
    }
}

.ghostkit-grid-align-items-start {
    --gkt-grid--column__align-self: flex-start
}

.ghostkit-grid-align-items-center {
    --gkt-grid--column__align-self: center
}

.ghostkit-grid-align-items-end {
    --gkt-grid--column__align-self: flex-end
}

.ghostkit-col-align-self-start {
    --gkt-grid--column__align-self: flex-start
}

.ghostkit-col-align-self-center {
    --gkt-grid--column__align-self: center
}

.ghostkit-col-align-self-end {
    --gkt-grid--column__align-self: flex-end
}

@media(max-width: 1200px) {
    .ghostkit-col-align-self-xl-start {
        --gkt-grid--column__align-self: flex-start
    }
    .ghostkit-col-align-self-xl-center {
        --gkt-grid--column__align-self: center
    }
    .ghostkit-col-align-self-xl-end {
        --gkt-grid--column__align-self: flex-end
    }
}

@media(max-width: 992px) {
    .ghostkit-col-align-self-lg-start {
        --gkt-grid--column__align-self: flex-start
    }
    .ghostkit-col-align-self-lg-center {
        --gkt-grid--column__align-self: center
    }
    .ghostkit-col-align-self-lg-end {
        --gkt-grid--column__align-self: flex-end
    }
}

@media(max-width: 768px) {
    .ghostkit-col-align-self-md-start {
        --gkt-grid--column__align-self: flex-start
    }
    .ghostkit-col-align-self-md-center {
        --gkt-grid--column__align-self: center
    }
    .ghostkit-col-align-self-md-end {
        --gkt-grid--column__align-self: flex-end
    }
}

@media(max-width: 576px) {
    .ghostkit-col-align-self-sm-start {
        --gkt-grid--column__align-self: flex-start
    }
    .ghostkit-col-align-self-sm-center {
        --gkt-grid--column__align-self: center
    }
    .ghostkit-col-align-self-sm-end {
        --gkt-grid--column__align-self: flex-end
    }
}

.ghostkit-grid-justify-content-center {
    --gkt-grid__justify-content: center
}

.ghostkit-grid-justify-content-end {
    --gkt-grid__justify-content: flex-end
}

.ghostkit-grid-justify-content-around {
    --gkt-grid__justify-content: space-around
}

.ghostkit-grid-justify-content-between {
    --gkt-grid__justify-content: space-between
}

.ghostkit-grid-gap-no {
    --gkt-grid__gap: 0%
}

.ghostkit-grid-gap-sm {
    --gkt-grid__gap: 15px
}

.ghostkit-grid-gap-md {
    --gkt-grid__gap: 30px
}

.ghostkit-grid-gap-lg {
    --gkt-grid__gap: 45px
}

.ghostkit-col-sticky-top>.ghostkit-col-content {
    position: -webkit-sticky;
    position: sticky;
    top: var(--gkt-grid--column-sticky__offset)
}

.ghostkit-col-sticky-bottom {
    display: flex;
    flex-direction: column
}

.ghostkit-col-sticky-bottom>.ghostkit-col-content {
    position: -webkit-sticky;
    position: sticky;
    bottom: var(--gkt-grid--column-sticky__offset);
    margin-top: auto
}

.ghostkit-grid-with-bg,
.ghostkit-col-with-bg {
    position: relative;
    z-index: 0
}

.ghostkit-grid-with-bg>.nk-awb,
.ghostkit-grid-with-bg>.nk-awb .nk-awb-inner,
.ghostkit-grid-with-bg>.nk-awb .nk-awb-overlay,
.ghostkit-grid-with-bg>.nk-awb .nk-awb-wrap,
.ghostkit-col-with-bg>.nk-awb,
.ghostkit-col-with-bg>.nk-awb .nk-awb-inner,
.ghostkit-col-with-bg>.nk-awb .nk-awb-overlay,
.ghostkit-col-with-bg>.nk-awb .nk-awb-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
    margin: 0
}

.ghostkit-grid-with-bg>.nk-awb .nk-awb-wrap,
.ghostkit-col-with-bg>.nk-awb .nk-awb-wrap {
    overflow: hidden
}

.ghostkit-grid-with-bg>.nk-awb .nk-awb-overlay,
.ghostkit-col-with-bg>.nk-awb .nk-awb-overlay {
    z-index: 0
}

.ghostkit-grid-with-bg>.nk-awb .nk-awb-inner,
.ghostkit-col-with-bg>.nk-awb .nk-awb-inner {
    z-index: -100;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.ghostkit-grid-with-bg>.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner,
.ghostkit-col-with-bg>.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner {
    background-size: contain
}

.ghostkit-grid-with-bg>.nk-awb [data-awb-image-background-size=pattern]>.nk-awb-inner,
.ghostkit-col-with-bg>.nk-awb [data-awb-image-background-size=pattern]>.nk-awb-inner {
    background-repeat: repeat;
    background-size: auto
}

.ghostkit-grid-with-bg>.nk-awb .nk-awb-inner>.jarallax-img,
.ghostkit-col-with-bg>.nk-awb .nk-awb-inner>.jarallax-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover
}

.ghostkit-grid-with-bg>.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner>.jarallax-img,
.ghostkit-col-with-bg>.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner>.jarallax-img {
    -o-object-fit: contain;
    object-fit: contain
}