<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile).kt-grid--root {
    -webkit-box-flex: 1;
    flex: 1;
    -ms-flex: 1 0 0
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--fluid {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile).kt-grid--root {
    -webkit-box-flex: 1;
    flex: 1;
    -ms-flex: 1 0 0
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--fluid {
    -webkit-box-flex: 1;
    flex: 1 auto;
    -ms-flex: 1 0 0;
    min-width: 0
}

@media screen\0 {
    .kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--fluid {
        min-width: none
    }
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.kt-grid.kt-grid--ver:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) &gt; .kt-grid__item.kt-grid__item--order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.kt-grid.kt-grid--center {
    -ms-flex-line-pack: center;
    align-content: center
}

.kt-grid.kt-grid--stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.kt-grid &gt; .kt-grid__item {
    max-width: 100%
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--middle {
    -ms-flex-item-align: center;
    align-self: center
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.kt-grid &gt; .kt-grid__item.kt-grid__item--order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

@media (min-width: 1025px) {
    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--fluid-desktop {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-1-desktop {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-2-desktop {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-3-desktop {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-4-desktop {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-5-desktop {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-6-desktop {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-7-desktop {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-8-desktop {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-9-desktop {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-10-desktop {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-11-desktop {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--hor-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-12-desktop {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--fluid-desktop {
        -webkit-box-flex: 1;
        flex: 1 auto;
        -ms-flex: 1 0 0;
        min-width: 0
    }
}

@media screen\0 and (min-width: 1025px) {
    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--fluid-desktop {
        min-width:none
    }
}

@media (min-width: 1025px) {
    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-1-desktop {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-2-desktop {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-3-desktop {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-4-desktop {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-5-desktop {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-6-desktop {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-7-desktop {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-8-desktop {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-9-desktop {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-10-desktop {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-11-desktop {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--ver-desktop.kt-grid--desktop &gt; .kt-grid__item.kt-grid__item--order-12-desktop {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--center {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .kt-grid.kt-grid--stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .kt-grid &gt; .kt-grid__item {
        max-width: 100%
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--top {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--middle {
        -ms-flex-item-align: center;
        align-self: center
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--bottom {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 1400px) {
    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--fluid-desktop-xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-1-desktop-xl {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-2-desktop-xl {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-3-desktop-xl {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-4-desktop-xl {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-5-desktop-xl {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-6-desktop-xl {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-7-desktop-xl {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-8-desktop-xl {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-9-desktop-xl {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-10-desktop-xl {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-11-desktop-xl {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--hor-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-12-desktop-xl {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--fluid-desktop-xl {
        -webkit-box-flex: 1;
        flex: 1 auto;
        -ms-flex: 1 0 0;
        min-width: 0
    }
}

@media screen\0 and (min-width: 1400px) {
    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--fluid-desktop-xl {
        min-width:none
    }
}

@media (min-width: 1400px) {
    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-1-desktop-xl {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-2-desktop-xl {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-3-desktop-xl {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-4-desktop-xl {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-5-desktop-xl {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-6-desktop-xl {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-7-desktop-xl {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-8-desktop-xl {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-9-desktop-xl {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-10-desktop-xl {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-11-desktop-xl {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--ver-desktop-xl.kt-grid--desktop-xl &gt; .kt-grid__item.kt-grid__item--order-12-desktop-xl {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--center {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .kt-grid.kt-grid--stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .kt-grid &gt; .kt-grid__item {
        max-width: 100%
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--top {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--middle {
        -ms-flex-item-align: center;
        align-self: center
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--bottom {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 769px) {
    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--fluid-desktop-and-tablet {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-1-desktop-and-tablet {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-2-desktop-and-tablet {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-3-desktop-and-tablet {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-4-desktop-and-tablet {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-5-desktop-and-tablet {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-6-desktop-and-tablet {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-7-desktop-and-tablet {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-8-desktop-and-tablet {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-9-desktop-and-tablet {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-10-desktop-and-tablet {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-11-desktop-and-tablet {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--hor-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-12-desktop-and-tablet {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--fluid-desktop-and-tablet {
        -webkit-box-flex: 1;
        flex: 1 auto;
        -ms-flex: 1 0 0;
        min-width: 0
    }
}

@media screen\0 and (min-width: 769px) {
    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--fluid-desktop-and-tablet {
        min-width:none
    }
}

@media (min-width: 769px) {
    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-1-desktop-and-tablet {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-2-desktop-and-tablet {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-3-desktop-and-tablet {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-4-desktop-and-tablet {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-5-desktop-and-tablet {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-6-desktop-and-tablet {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-7-desktop-and-tablet {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-8-desktop-and-tablet {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-9-desktop-and-tablet {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-10-desktop-and-tablet {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-11-desktop-and-tablet {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--ver-desktop-and-tablet.kt-grid--desktop-and-tablet &gt; .kt-grid__item.kt-grid__item--order-12-desktop-and-tablet {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--center {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .kt-grid.kt-grid--stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .kt-grid &gt; .kt-grid__item {
        max-width: 100%
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--top {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--middle {
        -ms-flex-item-align: center;
        align-self: center
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--bottom {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--fluid-tablet {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-1-tablet {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-2-tablet {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-3-tablet {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-4-tablet {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-5-tablet {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-6-tablet {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-7-tablet {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-8-tablet {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-9-tablet {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-10-tablet {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-11-tablet {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--hor-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-12-tablet {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--fluid-tablet {
        -webkit-box-flex: 1;
        flex: 1 auto;
        -ms-flex: 1 0 0;
        min-width: 0
    }
}

@media screen\0 and (min-width: 769px) and (max-width: 1024px) {
    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--fluid-tablet {
        min-width:none
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-1-tablet {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-2-tablet {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-3-tablet {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-4-tablet {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-5-tablet {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-6-tablet {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-7-tablet {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-8-tablet {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-9-tablet {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-10-tablet {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-11-tablet {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--ver-tablet.kt-grid--tablet &gt; .kt-grid__item.kt-grid__item--order-12-tablet {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--center {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .kt-grid.kt-grid--stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .kt-grid &gt; .kt-grid__item {
        max-width: 100%
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--top {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--middle {
        -ms-flex-item-align: center;
        align-self: center
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--bottom {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (max-width: 1024px) {
    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--fluid-tablet-and-mobile {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-1-tablet-and-mobile {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-2-tablet-and-mobile {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-3-tablet-and-mobile {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-4-tablet-and-mobile {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-5-tablet-and-mobile {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-6-tablet-and-mobile {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-7-tablet-and-mobile {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-8-tablet-and-mobile {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-9-tablet-and-mobile {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-10-tablet-and-mobile {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-11-tablet-and-mobile {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--hor-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-12-tablet-and-mobile {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--fluid-tablet-and-mobile {
        -webkit-box-flex: 1;
        flex: 1 auto;
        -ms-flex: 1 0 0;
        min-width: 0
    }
}

@media screen\0 and (max-width: 1024px) {
    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--fluid-tablet-and-mobile {
        min-width:none
    }
}

@media (max-width: 1024px) {
    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-1-tablet-and-mobile {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-2-tablet-and-mobile {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-3-tablet-and-mobile {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-4-tablet-and-mobile {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-5-tablet-and-mobile {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-6-tablet-and-mobile {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-7-tablet-and-mobile {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-8-tablet-and-mobile {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-9-tablet-and-mobile {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-10-tablet-and-mobile {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-11-tablet-and-mobile {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--ver-tablet-and-mobile.kt-grid--tablet-and-mobile &gt; .kt-grid__item.kt-grid__item--order-12-tablet-and-mobile {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--center {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .kt-grid.kt-grid--stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .kt-grid &gt; .kt-grid__item {
        max-width: 100%
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--top {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--middle {
        -ms-flex-item-align: center;
        align-self: center
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--bottom {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media (max-width: 768px) {
    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--fluid-mobile {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-1-mobile {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-2-mobile {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-3-mobile {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-4-mobile {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-5-mobile {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-6-mobile {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-7-mobile {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-8-mobile {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-9-mobile {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-10-mobile {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-11-mobile {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--hor-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-12-mobile {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile.kt-grid--root {
        -webkit-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--fluid-mobile {
        -webkit-box-flex: 1;
        flex: 1 auto;
        -ms-flex: 1 0 0;
        min-width: 0
    }
}

@media screen\0 and (max-width: 768px) {
    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--fluid,.kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--fluid-mobile {
        min-width:none
    }
}

@media (max-width: 768px) {
    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-1-mobile {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-2-mobile {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-3-mobile {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-4-mobile {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-5-mobile {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-6-mobile {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-7-mobile {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-8-mobile {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-9-mobile {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-10-mobile {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-11-mobile {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid.kt-grid--ver-mobile.kt-grid--mobile &gt; .kt-grid__item.kt-grid__item--order-12-mobile {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .kt-grid.kt-grid--center {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .kt-grid.kt-grid--stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .kt-grid &gt; .kt-grid__item {
        max-width: 100%
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--top {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--middle {
        -ms-flex-item-align: center;
        align-self: center
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--bottom {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .kt-grid &gt; .kt-grid__item.kt-grid__item--order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

.kt-portlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 13px 0 rgba(82,63,105,0.05);
    box-shadow: 0 0 13px 0 rgba(82,63,105,0.05);
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 4px
}

.kt-page-content-white .kt-portlet {
    -webkit-box-shadow: 0 0 13px 0 rgba(82,63,105,0.1);
    box-shadow: 0 0 13px 0 rgba(82,63,105,0.1)
}

.kt-portlet .kt-portlet__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0 25px;
    border-bottom: 1px solid #ebedf2;
    min-height: 60px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.kt-portlet .kt-portlet__head.kt-portlet__head--noborder {
    border-bottom: 0
}

.kt-portlet .kt-portlet__head .kt-portlet__head-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: flex-first;
    align-content: flex-first
}

.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #464457
}

.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title small {
    font-weight: 300;
    padding-left: .5rem;
    font-size: 1rem;
    color: #a7abc3
}

.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-icon {
    padding-right: .75rem;
    font-size: 1.3rem;
    color: #a7abc3
}

.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar .nav-pills,.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar .nav-tabs {
    margin: 0
}

.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar .kt-portlet__head-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-portlet .kt-portlet__head .kt-portlet__head-progress {
    position: absolute;
    left: 0;
    right: 0
}

.kt-portlet.kt-portlet--head-sm .kt-portlet__head {
    min-height: 50px
}

.kt-portlet.kt-portlet--head-lg .kt-portlet__head {
    min-height: 80px
}

.kt-portlet.kt-portlet--head-xl .kt-portlet__head {
    min-height: 100px
}

.kt-portlet.kt-portlet--sticky .kt-portlet__head {
    height: 50px;
    min-height: 50px
}

.kt-portlet.kt-portlet--sticky .kt-portlet__head.kt-portlet__head--sm {
    height: 40px;
    min-height: 40px
}

.kt-portlet.kt-portlet--sticky .kt-portlet__head.kt-portlet__head--lg {
    height: 70px;
    min-height: 70px
}

.kt-portlet.kt-portlet--sticky .kt-portlet__head.kt-portlet__head--xl {
    height: 90px;
    min-height: 90px
}

.kt-portlet.kt-portlet--head-overlay .kt-portlet__head {
    position: relative;
    z-index: 2;
    border: 0;
    height: 60px
}

.kt-portlet.kt-portlet--head-overlay .kt-portlet__body {
    margin-top: -60px
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__head {
    height: 50px
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__body {
    margin-top: -50px
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__head {
    height: 80px
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__body {
    margin-top: -80px
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__head {
    height: 100px
}

.kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__body {
    margin-top: -100px
}

.kt-portlet .kt-portlet__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    border-radius: 4px
}

.kt-portlet .kt-portlet__body .kt-portlet__content {
    padding: 0;
    margin: 0
}

.kt-portlet .kt-portlet__body &gt; .kt-datatable &gt; .kt-datatable__table {
    border-radius: 4px
}

.kt-portlet .kt-portlet__foot {
    padding: 25px;
    border-top: 1px solid #ebedf2;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.kt-portlet .kt-portlet__foot .kt-portlet__foot-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.kt-portlet .kt-portlet__foot.kt-portlet__foot--sm {
    padding-top: 10px;
    padding-bottom: 10px
}

.kt-portlet .kt-portlet__foot.kt-portlet__foot--md {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.kt-portlet .kt-portlet__foot.kt-portlet__foot--no-border {
    border-top: 0
}

.kt-portlet .kt-portlet__foot.kt-portlet__foot--top {
    border-top: 0;
    border-bottom: 1px solid #ebedf2
}

.kt-portlet .kt-portlet__foot.kt-portlet__foot--solid {
    background-color: #f7f8fa;
    border-top: 0
}

.kt-portlet .kt-portlet__foot.kt-portlet__foot--solid.kt-portlet__foot--top {
    border-bottom: 0
}

.kt-portlet.kt-portlet--bordered {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ebedf2
}

.kt-portlet.kt-portlet--unelevate {
    -webkit-box-shadow: none;
    box-shadow: none
}

.kt-portlet.kt-portlet--unround .kt-portlet__head {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.kt-portlet.kt-portlet--unround .kt-portlet__body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.kt-portlet.kt-portlet--unround .kt-portlet__foot {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.kt-portlet.kt-portlet--marginless {
    margin-bottom: 0
}

.kt-portlet .kt-portlet__body.kt-portlet__body--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-portlet .kt-portlet__body.kt-portlet__body--center-x {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kt-portlet .kt-portlet__body.kt-portlet__body--center-y {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-portlet .kt-portlet__body .kt-portlet__body--hor-fit {
    margin-left: -25px;
    margin-right: -25px
}

.kt-portlet .kt-portlet__body.kt-portlet__body--stick-bottom {
    position: relative;
    bottom: 0
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fluid {
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fill {
    -webkit-box-flex: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.kt-portlet .kt-portlet__body.kt-portlet__body--unfill {
    -webkit-box-flex: 0!important;
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fullheight {
    -webkit-box-flex: auto;
    -ms-flex-positive: auto;
    flex-grow: auto
}

.kt-portlet.kt-portlet--fit .kt-portlet__head {
    padding: 0
}

.kt-portlet.kt-portlet--fit .kt-portlet__body {
    padding: 0
}

.kt-portlet.kt-portlet--fit .kt-portlet__foot {
    padding: 0
}

.kt-portlet.kt-portlet--fit.kt-portlet--height-fluid-half {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.kt-portlet.kt-portlet--fit.kt-portlet--height-fluid-half .kt-portlet__body {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.kt-portlet.kt-portlet--contain {
    overflow: hidden
}

.kt-portlet .kt-portlet__head.kt-portlet__head--fit {
    padding: 0
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fit {
    padding: 0
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fit-top {
    padding-top: 0!important
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fit-bottom {
    padding-bottom: 0!important
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fit-x,.kt-portlet .kt-portlet__body.kt-portlet__body--hor-fit {
    padding-left: 0;
    padding-right: 0
}

.kt-portlet .kt-portlet__body.kt-portlet__body--fit-y {
    padding-top: 0;
    padding-bottom: 0
}

.kt-portlet .kt-portlet__foot.kt-portlet__foot--fit {
    padding: 0
}

.kt-portlet.kt-portlet--space {
    padding-left: 25px;
    padding-right: 25px
}

.kt-portlet.kt-portlet--space .kt-portlet__head,.kt-portlet.kt-portlet--space .kt-portlet__body,.kt-portlet.kt-portlet--space .kt-portlet__foot {
    padding-left: 0;
    padding-right: 0
}

.kt-portlet.kt-portlet--head-noborder .kt-portlet__head {
    border-bottom: 0
}

.kt-portlet.kt-portlet--head-noborder .kt-portlet__body {
    padding-top: 12.5px
}

.kt-portlet.kt-portlet--tabs .kt-portlet__head .kt-portlet__head-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.kt-portlet.kt-portlet--tabs-border-3x .kt-portlet__head {
    border-bottom: 3px solid #f7f8fa
}

.kt-portlet.kt-portlet--tabs-border-3x .kt-portlet__head .nav.nav-tabs {
    margin-bottom: -3px
}

.kt-portlet.kt-portlet--solid-brand {
    background: #9658DD
}

.kt-portlet.kt-portlet--solid-brand .kt-portlet__head {
    color: #fff;
    border-bottom: 1px solid transparent
}

.kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-title {
    color: #fff
}

.kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-title small {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-icon i {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-brand .kt-portlet__body {
    padding-top: 5px
}

.kt-portlet.kt-portlet--solid-brand .kt-portlet__wrapper,.kt-portlet.kt-portlet--solid-brand .kt-portlet__body {
    color: #fff
}

.kt-portlet.kt-portlet--solid-brand .kt-portlet__foot {
    color: #fff;
    border-top: 1px solid transparent;
    background: #192ffa
}

.kt-portlet.kt-portlet--tabs-border-3x-brand .kt-portlet__head {
    border-bottom: 3px solid rgba(55,74,251,0.1)
}

.kt-portlet.kt-portlet--border-bottom-brand {
    border-bottom: 3px solid rgba(55,74,251,0.2)
}

.kt-portlet.kt-portlet--solid-light {
    background: #fff
}

.kt-portlet.kt-portlet--solid-light .kt-portlet__head {
    color: #282a3c;
    border-bottom: 1px solid transparent
}

.kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-title {
    color: #282a3c
}

.kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-title small {
    color: #1c1d2a
}

.kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-icon i {
    color: #1c1d2a
}

.kt-portlet.kt-portlet--solid-light .kt-portlet__body {
    padding-top: 5px
}

.kt-portlet.kt-portlet--solid-light .kt-portlet__wrapper,.kt-portlet.kt-portlet--solid-light .kt-portlet__body {
    color: #282a3c
}

.kt-portlet.kt-portlet--solid-light .kt-portlet__foot {
    color: #282a3c;
    border-top: 1px solid transparent;
    background: #f0f0f0
}

.kt-portlet.kt-portlet--tabs-border-3x-light .kt-portlet__head {
    border-bottom: 3px solid rgba(255,255,255,0.1)
}

.kt-portlet.kt-portlet--border-bottom-light {
    border-bottom: 3px solid rgba(255,255,255,0.2)
}

.kt-portlet.kt-portlet--solid-dark {
    background: #282a3c
}

.kt-portlet.kt-portlet--solid-dark .kt-portlet__head {
    color: #fff;
    border-bottom: 1px solid transparent
}

.kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-title {
    color: #fff
}

.kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-title small {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-icon i {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-dark .kt-portlet__body {
    padding-top: 5px
}

.kt-portlet.kt-portlet--solid-dark .kt-portlet__wrapper,.kt-portlet.kt-portlet--solid-dark .kt-portlet__body {
    color: #fff
}

.kt-portlet.kt-portlet--solid-dark .kt-portlet__foot {
    color: #fff;
    border-top: 1px solid transparent;
    background: #1c1d2a
}

.kt-portlet.kt-portlet--tabs-border-3x-dark .kt-portlet__head {
    border-bottom: 3px solid rgba(40,42,60,0.1)
}

.kt-portlet.kt-portlet--border-bottom-dark {
    border-bottom: 3px solid rgba(40,42,60,0.2)
}

.kt-portlet.kt-portlet--solid-primary {
    background: #5867dd
}

.kt-portlet.kt-portlet--solid-primary .kt-portlet__head {
    color: #fff;
    border-bottom: 1px solid transparent
}

.kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-title {
    color: #fff
}

.kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-title small {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-icon i {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-primary .kt-portlet__body {
    padding-top: 5px
}

.kt-portlet.kt-portlet--solid-primary .kt-portlet__wrapper,.kt-portlet.kt-portlet--solid-primary .kt-portlet__body {
    color: #fff
}

.kt-portlet.kt-portlet--solid-primary .kt-portlet__foot {
    color: #fff;
    border-top: 1px solid transparent;
    background: #3f50d8
}

.kt-portlet.kt-portlet--tabs-border-3x-primary .kt-portlet__head {
    border-bottom: 3px solid rgba(88,103,221,0.1)
}

.kt-portlet.kt-portlet--border-bottom-primary {
    border-bottom: 3px solid rgba(88,103,221,0.2)
}

.kt-portlet.kt-portlet--solid-success {
    background: #1dc9b7
}

.kt-portlet.kt-portlet--solid-success .kt-portlet__head {
    color: #fff;
    border-bottom: 1px solid transparent
}

.kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-title {
    color: #fff
}

.kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-title small {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-icon i {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-success .kt-portlet__body {
    padding-top: 5px
}

.kt-portlet.kt-portlet--solid-success .kt-portlet__wrapper,.kt-portlet.kt-portlet--solid-success .kt-portlet__body {
    color: #fff
}

.kt-portlet.kt-portlet--solid-success .kt-portlet__foot {
    color: #fff;
    border-top: 1px solid transparent;
    background: #19ae9f
}

.kt-portlet.kt-portlet--tabs-border-3x-success .kt-portlet__head {
    border-bottom: 3px solid rgba(29,201,183,0.1)
}

.kt-portlet.kt-portlet--border-bottom-success {
    border-bottom: 3px solid rgba(29,201,183,0.2)
}

.kt-portlet.kt-portlet--solid-info {
    background: #5578eb
}

.kt-portlet.kt-portlet--solid-info .kt-portlet__head {
    color: #fff;
    border-bottom: 1px solid transparent
}

.kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-title {
    color: #fff
}

.kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-title small {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-icon i {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-info .kt-portlet__body {
    padding-top: 5px
}

.kt-portlet.kt-portlet--solid-info .kt-portlet__wrapper,.kt-portlet.kt-portlet--solid-info .kt-portlet__body {
    color: #fff
}

.kt-portlet.kt-portlet--solid-info .kt-portlet__foot {
    color: #fff;
    border-top: 1px solid transparent;
    background: #3a62e8
}

.kt-portlet.kt-portlet--tabs-border-3x-info .kt-portlet__head {
    border-bottom: 3px solid rgba(85,120,235,0.1)
}

.kt-portlet.kt-portlet--border-bottom-info {
    border-bottom: 3px solid rgba(85,120,235,0.2)
}

.kt-portlet.kt-portlet--solid-warning {
    background: #F04DBA
}

.kt-portlet.kt-portlet--solid-warning .kt-portlet__head {
    color: #111;
    border-bottom: 1px solid transparent
}

.kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-title {
    color: #111
}

.kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-title small {
    color: #020202
}

.kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-icon i {
    color: #020202
}

.kt-portlet.kt-portlet--solid-warning .kt-portlet__body {
    padding-top: 5px
}

.kt-portlet.kt-portlet--solid-warning .kt-portlet__wrapper,.kt-portlet.kt-portlet--solid-warning .kt-portlet__body {
    color: #111
}

.kt-portlet.kt-portlet--solid-warning .kt-portlet__foot {
    color: #111;
    border-top: 1px solid transparent;
    background: #ffae03
}

.kt-portlet.kt-portlet--tabs-border-3x-warning .kt-portlet__head {
    border-bottom: 3px solid rgba(255,184,34,0.1)
}

.kt-portlet.kt-portlet--border-bottom-warning {
    border-bottom: 3px solid rgba(255,184,34,0.2)
}

.kt-portlet.kt-portlet--solid-danger {
    background: #fd397a
}

.kt-portlet.kt-portlet--solid-danger .kt-portlet__head {
    color: #fff;
    border-bottom: 1px solid transparent
}

.kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-title {
    color: #fff
}

.kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-title small {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-icon i {
    color: #f0f0f0
}

.kt-portlet.kt-portlet--solid-danger .kt-portlet__body {
    padding-top: 5px
}

.kt-portlet.kt-portlet--solid-danger .kt-portlet__wrapper,.kt-portlet.kt-portlet--solid-danger .kt-portlet__body {
    color: #fff
}

.kt-portlet.kt-portlet--solid-danger .kt-portlet__foot {
    color: #fff;
    border-top: 1px solid transparent;
    background: #fd1b66
}

.kt-portlet.kt-portlet--tabs-border-3x-danger .kt-portlet__head {
    border-bottom: 3px solid rgba(253,57,122,0.1)
}

.kt-portlet.kt-portlet--border-bottom-danger {
    border-bottom: 3px solid rgba(253,57,122,0.2)
}

.kt-portlet.kt-portlet--sortable .kt-portlet__head {
    cursor: move
}

.kt-portlet.kt-portlet--sortable-empty {
    visibility: hidden;
    height: 45px;
    min-height: 125px
}

.kt-portlet.ui-sortable-helper {
    border: 1px dashed #ebedf2
}

.kt-portlet .kt-portlet__head {
    -webkit-transition: left 0.3s,right 0.3s,height .3s;
    transition: left 0.3s,right 0.3s,height .3s
}

.kt-portlet.kt-portlet--sticky .kt-portlet__head {
    -webkit-transition: left 0.3s,right 0.3s,height .3s;
    transition: left 0.3s,right 0.3s,height .3s;
    position: fixed;
    -webkit-box-shadow: 0 1px 15px 1px rgba(69,65,78,0.1);
    box-shadow: 0 1px 15px 1px rgba(69,65,78,0.1);
    z-index: 101;
    background: #fff
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
    color: #fff
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title small {
    color: rgba(255,255,255,0.8)
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-icon {
    color: rgba(255,255,255,0.8)
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__head:not(.kt-portlet__head--noborder) {
    border-bottom: 1px solid rgba(255,255,255,0.2)
}

.kt-portlet.kt-portlet--skin-solid .kt-portlet__body {
    color: #fff
}

.kt-portlet .kt-portlet__space-x {
    padding-left: 25px!important;
    padding-right: 25px!important
}

.kt-portlet .kt-portlet__space-y {
    padding-top: 25px!important;
    padding-bottom: 25px!important
}

.kt-portlet.kt-portlet--collapsed &gt; .kt-form,.kt-portlet.kt-portlet--collapsed &gt; .kt-portlet__body {
    display: none
}

.kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before,.kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before {
    content: "\f113"
}

.kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before,.kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before {
    content: "\f28e"
}

.tooltip-portlet {
    opacity: 1
}

@media (min-width: 1025px) {
    .kt-portlet.kt-portlet--height-fluid {
        height:calc(100% - 20px)
    }

    .kt-portlet.kt-portlet--height-fluid .kt-portlet__body {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .kt-portlet.kt-portlet--height-fluid-half {
        height: calc(50% - 20px)
    }

    .kt-portlet.kt-portlet--height-fluid-half .kt-portlet__body {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (max-width: 1024px) {
    .kt-portlet {
        margin-bottom:20px
    }

    .kt-portlet .kt-portlet__head {
        padding: 0 15px;
        min-height: 50px
    }

    .kt-portlet .kt-portlet__head.kt-portlet__head--sm {
        min-height: 40px
    }

    .kt-portlet .kt-portlet__head.kt-portlet__head--lg {
        min-height: 60px
    }

    .kt-portlet .kt-portlet__head.kt-portlet__head--xl {
        min-height: 80px
    }

    .kt-portlet.kt-portlet--head-sm .kt-portlet__head {
        min-height: 40px
    }

    .kt-portlet.kt-portlet--head-lg .kt-portlet__head {
        min-height: 60px
    }

    .kt-portlet.kt-portlet--head-xl .kt-portlet__head {
        min-height: 80px
    }

    .kt-portlet .kt-portlet__body {
        padding: 15px
    }

    .kt-portlet .kt-portlet__body .kt-portlet__body--hor-fit {
        margin-left: -15px;
        margin-right: -15px
    }

    .kt-portlet .kt-portlet__foot {
        padding: 15px
    }

    .kt-portlet.kt-portlet--marginless {
        margin-bottom: 0
    }

    .kt-portlet.kt-portlet--sticky .kt-portlet__head {
        height: 40px
    }

    .kt-portlet.kt-portlet--sticky .kt-portlet__head.kt-portlet__head--sm {
        height: 30px
    }

    .kt-portlet.kt-portlet--sticky .kt-portlet__head.kt-portlet__head--lg {
        height: 50px
    }

    .kt-portlet.kt-portlet--sticky .kt-portlet__head.kt-portlet__head--xl {
        height: 70px
    }

    .kt-portlet.kt-portlet--head-overlay .kt-portlet__head {
        height: 50px
    }

    .kt-portlet.kt-portlet--head-overlay .kt-portlet__body {
        margin-top: -50px
    }

    .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__head {
        height: 40px
    }

    .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__body {
        margin-top: -40px
    }

    .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__head {
        height: 60px
    }

    .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__body {
        margin-top: -60px
    }

    .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__head {
        height: 80px
    }

    .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__body {
        margin-top: -80px
    }

    .kt-portlet.kt-portlet--head--noborder .kt-portlet__body {
        padding-top: 7.5px
    }

    .kt-portlet .kt-portlet__space-x {
        padding-left: 15px!important;
        padding-right: 15px!important
    }

    .kt-portlet .kt-portlet__space-y {
        padding-top: 15px!important;
        padding-bottom: 15px!important
    }
}

@media (max-width: 768px) {
    .kt-portlet.kt-portlet--head-break-sm .kt-portlet__head {
        padding-top:15px;
        padding-bottom: 15px;
        min-height: initial!important;
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .kt-portlet.kt-portlet--head-break-sm .kt-portlet__head .kt-portlet__head-label {
        margin-bottom: 1rem
    }
}

.kt-scrolltop {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    cursor: pointer;
    z-index: 90;
    background: #9658DD;
    -webkit-box-shadow: 0 0 15px 1px rgba(69,65,78,0.2);
    box-shadow: 0 0 15px 1px rgba(69,65,78,0.2);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 4px
}

.kt-scrolltop svg {
    height: 20px;
    width: 20px
}

.kt-scrolltop &gt; i {
    font-size: 1.3rem;
    color: #fff
}

.kt-scrolltop g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #fff
}

.kt-scrolltop:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.kt-scrolltop:hover &gt; i {
    color: #fff
}

.kt-scrolltop--on .kt-scrolltop {
    opacity: .3;
    -webkit-animation: kt-scrolltop-show-animation .4s ease-out 1;
    animation: kt-scrolltop-show-animation .4s ease-out 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kt-scrolltop--on .kt-scrolltop:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1
}

@media (max-width: 1024px) {
    .kt-scrolltop {
        bottom:30px;
        right: 15px
    }
}

@-webkit-keyframes kt-scrolltop-show-animation {
    from {
        margin-bottom: -15px
    }

    to {
        margin-bottom: 0
    }
}

@keyframes kt-scrolltop-show-animation {
    from {
        margin-bottom: -15px
    }

    to {
        margin-bottom: 0
    }
}

.kt-form .kt-form__group.kt-form__group--inline {
    display: table;
    padding: 0
}

.kt-form .kt-form__group.kt-form__group--inline &gt; .kt-form__label {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding-right: 1rem
}

.kt-form .kt-form__group.kt-form__group--inline &gt; .kt-form__label.kt-form__label-no-wrap {
    white-space: nowrap
}

.kt-form .kt-form__group.kt-form__group--inline &gt; .kt-form__label &gt; label {
    margin: 0
}

.kt-form .kt-form__group.kt-form__group--inline &gt; .kt-form__control {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    width: 100%
}

.kt-form .kt-form__actions.kt-form__actions--right {
    text-align: right
}

.kt-form .kt-form__actions.kt-form__actions--center {
    text-align: center
}

@media (min-width: 1025px) {
    .kt-form.kt-form--label-right .form-group label:not(.kt-checkbox):not(.kt-radio):not(.kt-option) {
        text-align:right
    }
}

.kt-input-icon {
    position: relative;
    padding: 0;
    width: 100%
}

.kt-input-icon &gt; .kt-input-icon__icon {
    position: absolute;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    width: 3.2rem
}

.kt-input-icon &gt; .kt-input-icon__icon.kt-input-icon__icon--left {
    left: 0
}

.kt-input-icon &gt; .kt-input-icon__icon.kt-input-icon__icon--right {
    right: 0
}

.kt-input-icon &gt; .kt-input-icon__icon &gt; span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.kt-input-icon &gt; .kt-input-icon__icon &gt; span i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    color: #a7abc3
}

.kt-input-icon &gt; .kt-input-icon__icon [class^="la-"],.kt-input-icon &gt; .kt-input-icon__icon [class*=" la-"] {
    font-size: 1.4em
}

.kt-input-icon &gt; .kt-input-icon__icon [class^="fa-"],.kt-input-icon &gt; .kt-input-icon__icon [class*=" fa-"] {
    font-size: 1.2em
}

.kt-input-icon &gt; .kt-input-icon__icon [class^="flaticon-"],.kt-input-icon &gt; .kt-input-icon__icon [class*=" flaticon-"],.kt-input-icon &gt; .kt-input-icon__icon [class^="flaticon2-"],.kt-input-icon &gt; .kt-input-icon__icon [class*=" flaticon2-"] {
    font-size: 1.3em
}

.kt-input-icon .form-control.form-control-lg + .kt-input-icon__icon {
    width: 4.2rem
}

.kt-input-icon .form-control.form-control-lg + .kt-input-icon__icon [class^="la-"],.kt-input-icon .form-control.form-control-lg + .kt-input-icon__icon [class*=" la-"] {
    font-size: 1.6em
}

.kt-input-icon .form-control.form-control-lg + .kt-input-icon__icon [class^="fa-"],.kt-input-icon .form-control.form-control-lg + .kt-input-icon__icon [class*=" fa-"] {
    font-size: 1.3em
}

.kt-input-icon .form-control.form-control-lg + .kt-input-icon__icon [class^="flaticon-"],.kt-input-icon .form-control.form-control-lg + .kt-input-icon__icon [class*=" flaticon-"],.kt-input-icon .form-control.form-control-lg + .kt-input-icon__icon [class^="flaticon2-"],.kt-input-icon .form-control.form-control-lg + .kt-input-icon__icon [class*=" flaticon2-"] {
    font-size: 1.4em
}

.kt-input-icon .form-control.form-control-sm ~ .kt-input-icon__icon {
    width: 2.7rem
}

.kt-input-icon .form-control.form-control-sm ~ .kt-input-icon__icon [class^="la-"],.kt-input-icon .form-control.form-control-sm ~ .kt-input-icon__icon [class*=" la-"] {
    font-size: 1.1em
}

.kt-input-icon .form-control.form-control-sm ~ .kt-input-icon__icon [class^="fa-"],.kt-input-icon .form-control.form-control-sm ~ .kt-input-icon__icon [class*=" fa-"] {
    font-size: 1em
}

.kt-input-icon .form-control.form-control-sm ~ .kt-input-icon__icon [class^="flaticon-"],.kt-input-icon .form-control.form-control-sm ~ .kt-input-icon__icon [class*=" flaticon-"],.kt-input-icon .form-control.form-control-sm ~ .kt-input-icon__icon [class^="flaticon2-"],.kt-input-icon .form-control.form-control-sm ~ .kt-input-icon__icon [class*=" flaticon2-"] {
    font-size: 1em
}

.kt-input-icon.kt-input-icon--left .form-control {
    padding-left: 2.8rem
}

.kt-input-icon.kt-input-icon--left .form-control.form-control-lg {
    padding-left: 3.6rem
}

.kt-input-icon.kt-input-icon--left .form-control.form-control-sm {
    padding-left: 2.5rem
}

.kt-input-icon.kt-input-icon--right .form-control {
    padding-right: 2.8rem
}

.kt-input-icon.kt-input-icon--right .form-control.form-control-lg {
    padding-right: 3.6rem
}

.kt-input-icon.kt-input-icon--right .form-control.form-control-sm {
    padding-right: 2.5rem
}

.kt-input-icon.kt-input-icon--fixed {
    display: inline-block
}

.kt-input-icon.kt-input-icon--fixed-large {
    display: inline-block
}

.kt-input-icon.kt-input-icon--fixed-small {
    display: inline-block
}

.kt-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    text-align: left;
    cursor: pointer;
    font-size: 1rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.kt-checkbox.kt-checkbox--disabled {
    opacity: .8;
    cursor: not-allowed
}

.kt-checkbox &gt; input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.kt-checkbox &gt; span {
    border-radius: 3px;
    background: none;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px
}

.kt-checkbox &gt; span:after {
    content: '';
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -6px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0 !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.kt-checkbox &gt; input:checked ~ span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: none
}

.kt-checkbox &gt; input:checked ~ span:after {
    display: block
}

.kt-checkbox:hover &gt; input:not([disabled]):checked ~ span,.kt-checkbox &gt; input:checked ~ span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.kt-checkbox &gt; input:disabled ~ span {
    opacity: .6;
    pointer-events: none
}

.kt-checkbox.kt-checkbox--solid &gt; span {
    border: 1px solid transparent
}

.kt-checkbox.kt-checkbox--solid:hover &gt; input:not([disabled]) ~ span,.kt-checkbox.kt-checkbox--solid &gt; input:focus ~ span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.kt-checkbox.kt-checkbox--square &gt; span {
    border-radius: 0
}

.kt-checkbox.kt-checkbox--bold &gt; span {
    border-width: 2px!important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.form-inline .kt-checkbox {
    margin-left: 15px;
    margin-right: 15px
}

.kt-checkbox.kt-checkbox--single {
    width: 18px;
    height: 18px
}

.kt-checkbox.kt-checkbox--single &gt; span {
    top: 0
}

th &gt; .kt-checkbox.kt-checkbox--single,td &gt; .kt-checkbox.kt-checkbox--single {
    right: -5px
}

.input-group .kt-checkbox {
    margin-bottom: 0!important;
    padding-left: 0
}

.kt-checkbox-list {
    padding: 0
}

.form-horizontal .form-group .kt-checkbox-list {
    padding-top: 0
}

.kt-checkbox-list .kt-checkbox {
    text-align: left;
    display: block
}

.kt-checkbox-list .kt-checkbox:last-child {
    margin-bottom: 5px
}

.kt-checkbox-inline {
    padding: 0
}

.kt-checkbox-inline .kt-checkbox {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px
}

.kt-checkbox-inline .kt-checkbox:last-child {
    margin-right: 0
}

.form-group.row .kt-checkbox-inline {
    margin-top: .75rem
}

.form-group.row .kt-checkbox-list {
    margin-top: 2px
}

.kt-checkbox.kt-checkbox--disabled {
    opacity: .7
}

.kt-checkbox &gt; span {
    border: 1px solid #d1d7e2
}

.kt-checkbox &gt; span:after {
    border: solid #bfc7d7
}

.kt-checkbox &gt; input:disabled ~ span:after {
    border-color: #c8cfdd
}

.kt-checkbox &gt; input:checked ~ span {
    border: 1px solid #c8cfdd
}

.kt-checkbox.kt-checkbox--bold &gt; input:checked ~ span {
    border: 2px solid #c8cfdd
}

.kt-checkbox &gt; input:disabled ~ span {
    opacity: .6
}

.kt-checkbox.kt-checkbox--solid &gt; span {
    background: #e4e8ee;
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--solid &gt; span:after {
    border: solid #99a6bf
}

.kt-checkbox.kt-checkbox--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--solid &gt; input:checked ~ span {
    background: #dee2ea
}

.kt-checkbox.kt-checkbox--brand.kt-checkbox--disabled {
    opacity: .7
}

.kt-checkbox.kt-checkbox--brand &gt; span {
    border: 1px solid #9658DD
}

.kt-checkbox.kt-checkbox--brand &gt; span:after {
    border: solid #9658DD
}

.kt-checkbox.kt-checkbox--brand &gt; input:disabled ~ span:after {
    border-color: #9658DD
}

.kt-checkbox.kt-checkbox--brand &gt; input:checked ~ span {
    border: 1px solid #9658DD
}

.kt-checkbox.kt-checkbox--brand.kt-checkbox--bold &gt; input:checked ~ span {
    border: 2px solid #9658DD
}

.kt-checkbox.kt-checkbox--brand &gt; input:disabled ~ span {
    opacity: .6
}

.kt-checkbox.kt-checkbox--brand.kt-checkbox--solid &gt; span {
    background: #9658DD;
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--brand.kt-checkbox--solid &gt; span:after {
    border: solid #fff
}

.kt-checkbox.kt-checkbox--brand.kt-checkbox--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--brand.kt-checkbox--solid &gt; input:checked ~ span {
    background: #9658DD
}

.kt-checkbox.kt-checkbox--light.kt-checkbox--disabled {
    opacity: .7
}

.kt-checkbox.kt-checkbox--light &gt; span {
    border: 1px solid #fff
}

.kt-checkbox.kt-checkbox--light &gt; span:after {
    border: solid #fff
}

.kt-checkbox.kt-checkbox--light &gt; input:disabled ~ span:after {
    border-color: #fff
}

.kt-checkbox.kt-checkbox--light &gt; input:checked ~ span {
    border: 1px solid #fff
}

.kt-checkbox.kt-checkbox--light.kt-checkbox--bold &gt; input:checked ~ span {
    border: 2px solid #fff
}

.kt-checkbox.kt-checkbox--light &gt; input:disabled ~ span {
    opacity: .6
}

.kt-checkbox.kt-checkbox--light.kt-checkbox--solid &gt; span {
    background: #fff;
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--light.kt-checkbox--solid &gt; span:after {
    border: solid #282a3c
}

.kt-checkbox.kt-checkbox--light.kt-checkbox--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--light.kt-checkbox--solid &gt; input:checked ~ span {
    background: #fff
}

.kt-checkbox.kt-checkbox--dark.kt-checkbox--disabled {
    opacity: .7
}

.kt-checkbox.kt-checkbox--dark &gt; span {
    border: 1px solid #282a3c
}

.kt-checkbox.kt-checkbox--dark &gt; span:after {
    border: solid #282a3c
}

.kt-checkbox.kt-checkbox--dark &gt; input:disabled ~ span:after {
    border-color: #282a3c
}

.kt-checkbox.kt-checkbox--dark &gt; input:checked ~ span {
    border: 1px solid #282a3c
}

.kt-checkbox.kt-checkbox--dark.kt-checkbox--bold &gt; input:checked ~ span {
    border: 2px solid #282a3c
}

.kt-checkbox.kt-checkbox--dark &gt; input:disabled ~ span {
    opacity: .6
}

.kt-checkbox.kt-checkbox--dark.kt-checkbox--solid &gt; span {
    background: #282a3c;
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--dark.kt-checkbox--solid &gt; span:after {
    border: solid #fff
}

.kt-checkbox.kt-checkbox--dark.kt-checkbox--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--dark.kt-checkbox--solid &gt; input:checked ~ span {
    background: #282a3c
}

.kt-checkbox.kt-checkbox--primary.kt-checkbox--disabled {
    opacity: .7
}

.kt-checkbox.kt-checkbox--primary &gt; span {
    border: 1px solid #5867dd
}

.kt-checkbox.kt-checkbox--primary &gt; span:after {
    border: solid #5867dd
}

.kt-checkbox.kt-checkbox--primary &gt; input:disabled ~ span:after {
    border-color: #5867dd
}

.kt-checkbox.kt-checkbox--primary &gt; input:checked ~ span {
    border: 1px solid #5867dd
}

.kt-checkbox.kt-checkbox--primary.kt-checkbox--bold &gt; input:checked ~ span {
    border: 2px solid #5867dd
}

.kt-checkbox.kt-checkbox--primary &gt; input:disabled ~ span {
    opacity: .6
}

.kt-checkbox.kt-checkbox--primary.kt-checkbox--solid &gt; span {
    background: #5867dd;
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--primary.kt-checkbox--solid &gt; span:after {
    border: solid #fff
}

.kt-checkbox.kt-checkbox--primary.kt-checkbox--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--primary.kt-checkbox--solid &gt; input:checked ~ span {
    background: #5867dd
}

.kt-checkbox.kt-checkbox--success.kt-checkbox--disabled {
    opacity: .7
}

.kt-checkbox.kt-checkbox--success &gt; span {
    border: 1px solid #1dc9b7
}

.kt-checkbox.kt-checkbox--success &gt; span:after {
    border: solid #1dc9b7
}

.kt-checkbox.kt-checkbox--success &gt; input:disabled ~ span:after {
    border-color: #1dc9b7
}

.kt-checkbox.kt-checkbox--success &gt; input:checked ~ span {
    border: 1px solid #1dc9b7
}

.kt-checkbox.kt-checkbox--success.kt-checkbox--bold &gt; input:checked ~ span {
    border: 2px solid #1dc9b7
}

.kt-checkbox.kt-checkbox--success &gt; input:disabled ~ span {
    opacity: .6
}

.kt-checkbox.kt-checkbox--success.kt-checkbox--solid &gt; span {
    background: #1dc9b7;
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--success.kt-checkbox--solid &gt; span:after {
    border: solid #fff
}

.kt-checkbox.kt-checkbox--success.kt-checkbox--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--success.kt-checkbox--solid &gt; input:checked ~ span {
    background: #1dc9b7
}

.kt-checkbox.kt-checkbox--info.kt-checkbox--disabled {
    opacity: .7
}

.kt-checkbox.kt-checkbox--info &gt; span {
    border: 1px solid #5578eb
}

.kt-checkbox.kt-checkbox--info &gt; span:after {
    border: solid #5578eb
}

.kt-checkbox.kt-checkbox--info &gt; input:disabled ~ span:after {
    border-color: #5578eb
}

.kt-checkbox.kt-checkbox--info &gt; input:checked ~ span {
    border: 1px solid #5578eb
}

.kt-checkbox.kt-checkbox--info.kt-checkbox--bold &gt; input:checked ~ span {
    border: 2px solid #5578eb
}

.kt-checkbox.kt-checkbox--info &gt; input:disabled ~ span {
    opacity: .6
}

.kt-checkbox.kt-checkbox--info.kt-checkbox--solid &gt; span {
    background: #5578eb;
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--info.kt-checkbox--solid &gt; span:after {
    border: solid #fff
}

.kt-checkbox.kt-checkbox--info.kt-checkbox--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--info.kt-checkbox--solid &gt; input:checked ~ span {
    background: #5578eb
}

.kt-checkbox.kt-checkbox--warning.kt-checkbox--disabled {
    opacity: .7
}

.kt-checkbox.kt-checkbox--warning &gt; span {
    border: 1px solid #F04DBA
}

.kt-checkbox.kt-checkbox--warning &gt; span:after {
    border: solid #F04DBA
}

.kt-checkbox.kt-checkbox--warning &gt; input:disabled ~ span:after {
    border-color: #F04DBA
}

.kt-checkbox.kt-checkbox--warning &gt; input:checked ~ span {
    border: 1px solid #F04DBA
}

.kt-checkbox.kt-checkbox--warning.kt-checkbox--bold &gt; input:checked ~ span {
    border: 2px solid #F04DBA
}

.kt-checkbox.kt-checkbox--warning &gt; input:disabled ~ span {
    opacity: .6
}

.kt-checkbox.kt-checkbox--warning.kt-checkbox--solid &gt; span {
    background: #F04DBA;
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--warning.kt-checkbox--solid &gt; span:after {
    border: solid #111
}

.kt-checkbox.kt-checkbox--warning.kt-checkbox--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--warning.kt-checkbox--solid &gt; input:checked ~ span {
    background: #F04DBA
}

.kt-checkbox.kt-checkbox--danger.kt-checkbox--disabled {
    opacity: .7
}

.kt-checkbox.kt-checkbox--danger &gt; span {
    border: 1px solid #fd397a
}

.kt-checkbox.kt-checkbox--danger &gt; span:after {
    border: solid #fd397a
}

.kt-checkbox.kt-checkbox--danger &gt; input:disabled ~ span:after {
    border-color: #fd397a
}

.kt-checkbox.kt-checkbox--danger &gt; input:checked ~ span {
    border: 1px solid #fd397a
}

.kt-checkbox.kt-checkbox--danger.kt-checkbox--bold &gt; input:checked ~ span {
    border: 2px solid #fd397a
}

.kt-checkbox.kt-checkbox--danger &gt; input:disabled ~ span {
    opacity: .6
}

.kt-checkbox.kt-checkbox--danger.kt-checkbox--solid &gt; span {
    background: #fd397a;
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--danger.kt-checkbox--solid &gt; span:after {
    border: solid #fff
}

.kt-checkbox.kt-checkbox--danger.kt-checkbox--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-checkbox.kt-checkbox--danger.kt-checkbox--solid &gt; input:checked ~ span {
    background: #fd397a
}

.kt-radio {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    text-align: left;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 1rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.kt-radio.kt-radio--disabled {
    opacity: .8;
    cursor: not-allowed
}

.kt-radio &gt; input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.kt-radio &gt; span {
    background: none;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 50%!important
}

.kt-radio &gt; span:after {
    content: '';
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 100%!important
}

.kt-radio &gt; input:checked ~ span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: none
}

.kt-radio &gt; input:checked ~ span:after {
    display: block
}

.kt-radio:hover &gt; input:not([disabled]):checked ~ span,.kt-radio &gt; input:checked ~ span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.kt-radio &gt; input:disabled ~ span {
    opacity: .6;
    pointer-events: none
}

.kt-radio.kt-radio--solid &gt; span {
    border: 1px solid transparent
}

.kt-radio.kt-radio--solid:hover &gt; input:not([disabled]) ~ span,.kt-radio.kt-radio--solid &gt; input:focus ~ span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.kt-radio.kt-radio--square &gt; span {
    border-radius: 0
}

.kt-radio.kt-radio--bold &gt; span {
    border-width: 2px!important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.form-inline .kt-radio {
    margin-left: 15px;
    margin-right: 15px
}

.kt-radio.kt-radio--single {
    width: 18px;
    height: 18px
}

.kt-radio.kt-radio--single &gt; span {
    top: 0
}

th &gt; .kt-radio.kt-radio--single,td &gt; .kt-radio.kt-radio--single {
    right: -5px
}

.input-group .kt-radio {
    margin-bottom: 0!important;
    padding-left: 0
}

.kt-radio-list {
    padding: 0
}

.form-horizontal .form-group .kt-radio-list {
    padding-top: 0
}

.kt-radio-list .kt-radio {
    display: block;
    text-align: left
}

.kt-radio-list .kt-radio:last-child {
    margin-bottom: 5px
}

.kt-radio-inline {
    padding: 0
}

.kt-radio-inline .kt-radio {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px
}

.kt-radio-inline .kt-radio:last-child {
    margin-right: 0
}

.form-group.row .kt-radio-inline {
    margin-top: .75rem
}

.form-group.row .kt-radio-list {
    margin-top: 2px
}

.kt-radio.kt-radio--disabled {
    opacity: .8
}

.kt-radio &gt; span {
    border: 1px solid #d1d7e2
}

.kt-radio &gt; span:after {
    border: solid #bfc7d7;
    background: #bfc7d7
}

.kt-radio &gt; input:disabled ~ span:after {
    border-color: #c8cfdd
}

.kt-radio &gt; input:checked ~ span {
    border: 1px solid #c8cfdd
}

.kt-radio.kt-radio--bold &gt; input:checked ~ span {
    border: 2px solid #c8cfdd
}

.kt-radio &gt; input:disabled ~ span {
    opacity: .6
}

.kt-radio.kt-radio--solid &gt; span {
    background: #e4e8ee;
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--solid &gt; span:after {
    border: solid #99a6bf;
    background: #99a6bf
}

.kt-radio.kt-radio--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--solid &gt; input:checked ~ span {
    background: #dee2ea
}

.kt-radio.kt-radio--brand.kt-radio--disabled {
    opacity: .8
}

.kt-radio.kt-radio--brand &gt; span {
    border: 1px solid #9658DD
}

.kt-radio.kt-radio--brand &gt; span:after {
    border: solid #9658DD;
    background: #9658DD
}

.kt-radio.kt-radio--brand &gt; input:disabled ~ span:after {
    border-color: #9658DD
}

.kt-radio.kt-radio--brand &gt; input:checked ~ span {
    border: 1px solid #9658DD
}

.kt-radio.kt-radio--brand.kt-radio--bold &gt; input:checked ~ span {
    border: 2px solid #9658DD
}

.kt-radio.kt-radio--brand &gt; input:disabled ~ span {
    opacity: .6
}

.kt-radio.kt-radio--brand.kt-radio--solid &gt; span {
    background: #9658DD;
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--brand.kt-radio--solid &gt; span:after {
    border: solid #fff;
    background: #fff
}

.kt-radio.kt-radio--brand.kt-radio--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--brand.kt-radio--solid &gt; input:checked ~ span {
    background: #9658DD
}

.kt-radio.kt-radio--light.kt-radio--disabled {
    opacity: .8
}

.kt-radio.kt-radio--light &gt; span {
    border: 1px solid #fff
}

.kt-radio.kt-radio--light &gt; span:after {
    border: solid #fff;
    background: #fff
}

.kt-radio.kt-radio--light &gt; input:disabled ~ span:after {
    border-color: #fff
}

.kt-radio.kt-radio--light &gt; input:checked ~ span {
    border: 1px solid #fff
}

.kt-radio.kt-radio--light.kt-radio--bold &gt; input:checked ~ span {
    border: 2px solid #fff
}

.kt-radio.kt-radio--light &gt; input:disabled ~ span {
    opacity: .6
}

.kt-radio.kt-radio--light.kt-radio--solid &gt; span {
    background: #fff;
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--light.kt-radio--solid &gt; span:after {
    border: solid #282a3c;
    background: #282a3c
}

.kt-radio.kt-radio--light.kt-radio--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--light.kt-radio--solid &gt; input:checked ~ span {
    background: #fff
}

.kt-radio.kt-radio--dark.kt-radio--disabled {
    opacity: .8
}

.kt-radio.kt-radio--dark &gt; span {
    border: 1px solid #282a3c
}

.kt-radio.kt-radio--dark &gt; span:after {
    border: solid #282a3c;
    background: #282a3c
}

.kt-radio.kt-radio--dark &gt; input:disabled ~ span:after {
    border-color: #282a3c
}

.kt-radio.kt-radio--dark &gt; input:checked ~ span {
    border: 1px solid #282a3c
}

.kt-radio.kt-radio--dark.kt-radio--bold &gt; input:checked ~ span {
    border: 2px solid #282a3c
}

.kt-radio.kt-radio--dark &gt; input:disabled ~ span {
    opacity: .6
}

.kt-radio.kt-radio--dark.kt-radio--solid &gt; span {
    background: #282a3c;
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--dark.kt-radio--solid &gt; span:after {
    border: solid #fff;
    background: #fff
}

.kt-radio.kt-radio--dark.kt-radio--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--dark.kt-radio--solid &gt; input:checked ~ span {
    background: #282a3c
}

.kt-radio.kt-radio--primary.kt-radio--disabled {
    opacity: .8
}

.kt-radio.kt-radio--primary &gt; span {
    border: 1px solid #5867dd
}

.kt-radio.kt-radio--primary &gt; span:after {
    border: solid #5867dd;
    background: #5867dd
}

.kt-radio.kt-radio--primary &gt; input:disabled ~ span:after {
    border-color: #5867dd
}

.kt-radio.kt-radio--primary &gt; input:checked ~ span {
    border: 1px solid #5867dd
}

.kt-radio.kt-radio--primary.kt-radio--bold &gt; input:checked ~ span {
    border: 2px solid #5867dd
}

.kt-radio.kt-radio--primary &gt; input:disabled ~ span {
    opacity: .6
}

.kt-radio.kt-radio--primary.kt-radio--solid &gt; span {
    background: #5867dd;
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--primary.kt-radio--solid &gt; span:after {
    border: solid #fff;
    background: #fff
}

.kt-radio.kt-radio--primary.kt-radio--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--primary.kt-radio--solid &gt; input:checked ~ span {
    background: #5867dd
}

.kt-radio.kt-radio--success.kt-radio--disabled {
    opacity: .8
}

.kt-radio.kt-radio--success &gt; span {
    border: 1px solid #1dc9b7
}

.kt-radio.kt-radio--success &gt; span:after {
    border: solid #1dc9b7;
    background: #1dc9b7
}

.kt-radio.kt-radio--success &gt; input:disabled ~ span:after {
    border-color: #1dc9b7
}

.kt-radio.kt-radio--success &gt; input:checked ~ span {
    border: 1px solid #1dc9b7
}

.kt-radio.kt-radio--success.kt-radio--bold &gt; input:checked ~ span {
    border: 2px solid #1dc9b7
}

.kt-radio.kt-radio--success &gt; input:disabled ~ span {
    opacity: .6
}

.kt-radio.kt-radio--success.kt-radio--solid &gt; span {
    background: #1dc9b7;
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--success.kt-radio--solid &gt; span:after {
    border: solid #fff;
    background: #fff
}

.kt-radio.kt-radio--success.kt-radio--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--success.kt-radio--solid &gt; input:checked ~ span {
    background: #1dc9b7
}

.kt-radio.kt-radio--info.kt-radio--disabled {
    opacity: .8
}

.kt-radio.kt-radio--info &gt; span {
    border: 1px solid #5578eb
}

.kt-radio.kt-radio--info &gt; span:after {
    border: solid #5578eb;
    background: #5578eb
}

.kt-radio.kt-radio--info &gt; input:disabled ~ span:after {
    border-color: #5578eb
}

.kt-radio.kt-radio--info &gt; input:checked ~ span {
    border: 1px solid #5578eb
}

.kt-radio.kt-radio--info.kt-radio--bold &gt; input:checked ~ span {
    border: 2px solid #5578eb
}

.kt-radio.kt-radio--info &gt; input:disabled ~ span {
    opacity: .6
}

.kt-radio.kt-radio--info.kt-radio--solid &gt; span {
    background: #5578eb;
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--info.kt-radio--solid &gt; span:after {
    border: solid #fff;
    background: #fff
}

.kt-radio.kt-radio--info.kt-radio--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--info.kt-radio--solid &gt; input:checked ~ span {
    background: #5578eb
}

.kt-radio.kt-radio--warning.kt-radio--disabled {
    opacity: .8
}

.kt-radio.kt-radio--warning &gt; span {
    border: 1px solid #F04DBA
}

.kt-radio.kt-radio--warning &gt; span:after {
    border: solid #F04DBA;
    background: #F04DBA
}

.kt-radio.kt-radio--warning &gt; input:disabled ~ span:after {
    border-color: #F04DBA
}

.kt-radio.kt-radio--warning &gt; input:checked ~ span {
    border: 1px solid #F04DBA
}

.kt-radio.kt-radio--warning.kt-radio--bold &gt; input:checked ~ span {
    border: 2px solid #F04DBA
}

.kt-radio.kt-radio--warning &gt; input:disabled ~ span {
    opacity: .6
}

.kt-radio.kt-radio--warning.kt-radio--solid &gt; span {
    background: #F04DBA;
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--warning.kt-radio--solid &gt; span:after {
    border: solid #111;
    background: #111
}

.kt-radio.kt-radio--warning.kt-radio--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--warning.kt-radio--solid &gt; input:checked ~ span {
    background: #F04DBA
}

.kt-radio.kt-radio--danger.kt-radio--disabled {
    opacity: .8
}

.kt-radio.kt-radio--danger &gt; span {
    border: 1px solid #fd397a
}

.kt-radio.kt-radio--danger &gt; span:after {
    border: solid #fd397a;
    background: #fd397a
}

.kt-radio.kt-radio--danger &gt; input:disabled ~ span:after {
    border-color: #fd397a
}

.kt-radio.kt-radio--danger &gt; input:checked ~ span {
    border: 1px solid #fd397a
}

.kt-radio.kt-radio--danger.kt-radio--bold &gt; input:checked ~ span {
    border: 2px solid #fd397a
}

.kt-radio.kt-radio--danger &gt; input:disabled ~ span {
    opacity: .6
}

.kt-radio.kt-radio--danger.kt-radio--solid &gt; span {
    background: #fd397a;
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--danger.kt-radio--solid &gt; span:after {
    border: solid #fff;
    background: #fff
}

.kt-radio.kt-radio--danger.kt-radio--solid &gt; input:focus ~ span {
    border: 1px solid transparent!important
}

.kt-radio.kt-radio--danger.kt-radio--solid &gt; input:checked ~ span {
    background: #fd397a
}

.kt-switch {
    display: inline-block;
    font-size: 1rem
}

.kt-switch input:empty {
    margin-left: -999px;
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    opacity: 0
}

.kt-switch input:empty ~ span {
    display: inline-block;
    position: relative;
    float: left;
    width: 1px;
    text-indent: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kt-switch input:empty ~ span:before,.kt-switch input:empty ~ span:after {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in
}

.kt-switch.kt-switch--icon input:empty ~ span:after {
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "Ã¯Ââ€š"
}

.kt-switch.kt-switch--icon input:checked ~ span:after {
    content: '\f17b'
}

.kt-switch.kt-switch--icon-check input:checked ~ span:after {
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "Ã¯â€¦Â»"
}

.kt-switch input:empty ~ span {
    line-height: 30px;
    margin: 2px 0;
    height: 30px;
    width: 57px;
    border-radius: 15px
}

.kt-switch input:empty ~ span:before,.kt-switch input:empty ~ span:after {
    width: 54px;
    border-radius: 15px
}

.kt-switch input:empty ~ span:after {
    height: 24px;
    width: 24px;
    line-height: 26px;
    top: 3px;
    bottom: 3px;
    margin-left: 3px;
    font-size: .9em;
    text-align: center;
    vertical-align: middle
}

.kt-switch input:checked ~ span:after {
    margin-left: 26px
}

.kt-switch.kt-switch--lg input:empty ~ span {
    line-height: 40px;
    margin: 2px 0;
    height: 40px;
    width: 75px;
    border-radius: 20px
}

.kt-switch.kt-switch--lg input:empty ~ span:before,.kt-switch.kt-switch--lg input:empty ~ span:after {
    width: 72px;
    border-radius: 20px
}

.kt-switch.kt-switch--lg input:empty ~ span:after {
    height: 34px;
    width: 34px;
    line-height: 34px;
    top: 3px;
    bottom: 3px;
    margin-left: 3px;
    font-size: 1em;
    text-align: center;
    vertical-align: middle
}

.kt-switch.kt-switch--lg input:checked ~ span:after {
    margin-left: 34px
}

.kt-switch.kt-switch--sm input:empty ~ span {
    line-height: 24px;
    margin: 2px 0;
    height: 24px;
    width: 40px;
    border-radius: 12px
}

.kt-switch.kt-switch--sm input:empty ~ span:before,.kt-switch.kt-switch--sm input:empty ~ span:after {
    width: 38px;
    border-radius: 12px
}

.kt-switch.kt-switch--sm input:empty ~ span:after {
    height: 20px;
    width: 20px;
    line-height: 20px;
    top: 2px;
    bottom: 2px;
    margin-left: 2px;
    font-size: .8em;
    text-align: center;
    vertical-align: middle
}

.kt-switch.kt-switch--sm input:checked ~ span:after {
    margin-left: 16px
}

.form-group.row .kt-switch {
    margin-top: .15rem
}

.form-group.row .kt-switch.kt-switch--lg {
    margin-top: 0;
    position: relative;
    top: -.3rem
}

.form-group.row .kt-switch.kt-switch--sm {
    margin-top: .3rem
}

.kt-switch input:empty ~ span:before {
    background-color: #e8ebf1
}

.kt-switch input:empty ~ span:after {
    color: #f8f9fb;
    background-color: #fff
}

.kt-switch input:checked ~ span:before {
    background-color: #e8ebf1
}

.kt-switch input:checked ~ span:after {
    background-color: #9658DD;
    color: #fff
}

.kt-switch input[disabled] {
    cursor: not-allowed
}

.kt-switch input[disabled] ~ span:after,.kt-switch input[disabled] ~ span:before {
    cursor: not-allowed;
    opacity: .7
}

.kt-switch.kt-switch--brand:not(.kt-switch--outline) input:empty ~ span:before {
    background-color: #9658DD
}

.kt-switch.kt-switch--brand:not(.kt-switch--outline) input:empty ~ span:after {
    color: #9658DD;
    background-color: #fff;
    opacity: .4
}

.kt-switch.kt-switch--brand:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #9658DD
}

.kt-switch.kt-switch--brand:not(.kt-switch--outline) input:checked ~ span:after {
    opacity: 1
}

.kt-switch.kt-switch--outline.kt-switch--brand input:empty ~ span:before {
    border: 2px solid #dee3eb;
    background-color: #e8ebf1
}

.kt-switch.kt-switch--outline.kt-switch--brand input:empty ~ span:after {
    color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--brand input:checked ~ span:before {
    background-color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--brand input:checked ~ span:after {
    background-color: #9658DD;
    opacity: 1
}

.kt-switch.kt-switch--light:not(.kt-switch--outline) input:empty ~ span:before {
    background-color: #fff
}

.kt-switch.kt-switch--light:not(.kt-switch--outline) input:empty ~ span:after {
    color: #fff;
    background-color: #282a3c;
    opacity: .4
}

.kt-switch.kt-switch--light:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #fff
}

.kt-switch.kt-switch--light:not(.kt-switch--outline) input:checked ~ span:after {
    opacity: 1
}

.kt-switch.kt-switch--outline.kt-switch--light input:empty ~ span:before {
    border: 2px solid #dee3eb;
    background-color: #e8ebf1
}

.kt-switch.kt-switch--outline.kt-switch--light input:empty ~ span:after {
    color: #282a3c
}

.kt-switch.kt-switch--outline.kt-switch--light input:checked ~ span:before {
    background-color: #282a3c
}

.kt-switch.kt-switch--outline.kt-switch--light input:checked ~ span:after {
    background-color: #fff;
    opacity: 1
}

.kt-switch.kt-switch--dark:not(.kt-switch--outline) input:empty ~ span:before {
    background-color: #282a3c
}

.kt-switch.kt-switch--dark:not(.kt-switch--outline) input:empty ~ span:after {
    color: #282a3c;
    background-color: #fff;
    opacity: .4
}

.kt-switch.kt-switch--dark:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #282a3c
}

.kt-switch.kt-switch--dark:not(.kt-switch--outline) input:checked ~ span:after {
    opacity: 1
}

.kt-switch.kt-switch--outline.kt-switch--dark input:empty ~ span:before {
    border: 2px solid #dee3eb;
    background-color: #e8ebf1
}

.kt-switch.kt-switch--outline.kt-switch--dark input:empty ~ span:after {
    color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--dark input:checked ~ span:before {
    background-color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--dark input:checked ~ span:after {
    background-color: #282a3c;
    opacity: 1
}

.kt-switch.kt-switch--primary:not(.kt-switch--outline) input:empty ~ span:before {
    background-color: #5867dd
}

.kt-switch.kt-switch--primary:not(.kt-switch--outline) input:empty ~ span:after {
    color: #5867dd;
    background-color: #fff;
    opacity: .4
}

.kt-switch.kt-switch--primary:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #5867dd
}

.kt-switch.kt-switch--primary:not(.kt-switch--outline) input:checked ~ span:after {
    opacity: 1
}

.kt-switch.kt-switch--outline.kt-switch--primary input:empty ~ span:before {
    border: 2px solid #dee3eb;
    background-color: #e8ebf1
}

.kt-switch.kt-switch--outline.kt-switch--primary input:empty ~ span:after {
    color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--primary input:checked ~ span:before {
    background-color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--primary input:checked ~ span:after {
    background-color: #5867dd;
    opacity: 1
}

.kt-switch.kt-switch--success:not(.kt-switch--outline) input:empty ~ span:before {
    background-color: #1dc9b7
}

.kt-switch.kt-switch--success:not(.kt-switch--outline) input:empty ~ span:after {
    color: #1dc9b7;
    background-color: #fff;
    opacity: .4
}

.kt-switch.kt-switch--success:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #1dc9b7
}

.kt-switch.kt-switch--success:not(.kt-switch--outline) input:checked ~ span:after {
    opacity: 1
}

.kt-switch.kt-switch--outline.kt-switch--success input:empty ~ span:before {
    border: 2px solid #dee3eb;
    background-color: #e8ebf1
}

.kt-switch.kt-switch--outline.kt-switch--success input:empty ~ span:after {
    color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--success input:checked ~ span:before {
    background-color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--success input:checked ~ span:after {
    background-color: #1dc9b7;
    opacity: 1
}

.kt-switch.kt-switch--info:not(.kt-switch--outline) input:empty ~ span:before {
    background-color: #5578eb
}

.kt-switch.kt-switch--info:not(.kt-switch--outline) input:empty ~ span:after {
    color: #5578eb;
    background-color: #fff;
    opacity: .4
}

.kt-switch.kt-switch--info:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #5578eb
}

.kt-switch.kt-switch--info:not(.kt-switch--outline) input:checked ~ span:after {
    opacity: 1
}

.kt-switch.kt-switch--outline.kt-switch--info input:empty ~ span:before {
    border: 2px solid #dee3eb;
    background-color: #e8ebf1
}

.kt-switch.kt-switch--outline.kt-switch--info input:empty ~ span:after {
    color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--info input:checked ~ span:before {
    background-color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--info input:checked ~ span:after {
    background-color: #5578eb;
    opacity: 1
}

.kt-switch.kt-switch--warning:not(.kt-switch--outline) input:empty ~ span:before {
    background-color: #F04DBA
}

.kt-switch.kt-switch--warning:not(.kt-switch--outline) input:empty ~ span:after {
    color: #F04DBA;
    background-color: #111;
    opacity: .4
}

.kt-switch.kt-switch--warning:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #F04DBA
}

.kt-switch.kt-switch--warning:not(.kt-switch--outline) input:checked ~ span:after {
    opacity: 1
}

.kt-switch.kt-switch--outline.kt-switch--warning input:empty ~ span:before {
    border: 2px solid #dee3eb;
    background-color: #e8ebf1
}

.kt-switch.kt-switch--outline.kt-switch--warning input:empty ~ span:after {
    color: #111
}

.kt-switch.kt-switch--outline.kt-switch--warning input:checked ~ span:before {
    background-color: #111
}

.kt-switch.kt-switch--outline.kt-switch--warning input:checked ~ span:after {
    background-color: #F04DBA;
    opacity: 1
}

.kt-switch.kt-switch--danger:not(.kt-switch--outline) input:empty ~ span:before {
    background-color: #fd397a
}

.kt-switch.kt-switch--danger:not(.kt-switch--outline) input:empty ~ span:after {
    color: #fd397a;
    background-color: #fff;
    opacity: .4
}

.kt-switch.kt-switch--danger:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #fd397a
}

.kt-switch.kt-switch--danger:not(.kt-switch--outline) input:checked ~ span:after {
    opacity: 1
}

.kt-switch.kt-switch--outline.kt-switch--danger input:empty ~ span:before {
    border: 2px solid #dee3eb;
    background-color: #e8ebf1
}

.kt-switch.kt-switch--outline.kt-switch--danger input:empty ~ span:after {
    color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--danger input:checked ~ span:before {
    background-color: #fff
}

.kt-switch.kt-switch--outline.kt-switch--danger input:checked ~ span:after {
    background-color: #fd397a;
    opacity: 1
}

.kt-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.4em;
    border: 1px solid #ebedf2;
    border-radius: 4px
}

.kt-option .kt-option__control {
    width: 2.7rem;
    padding-top: .1rem
}

.kt-option .kt-option__control .kt-radio {
    display: block
}

.kt-option .kt-option__label {
    width: 100%
}

.kt-option .kt-option__label .kt-option__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.kt-option .kt-option__label .kt-option__head .kt-option__title {
    font-size: 1.1rem;
    font-weight: 400;
    color: #6c7293
}

.kt-option .kt-option__label .kt-option__head .kt-option__focus {
    font-size: 1.1rem;
    font-weight: 500;
    color: #464457
}

.kt-option .kt-option__label .kt-option__body {
    display: block;
    padding-top: .7rem;
    font-size: .9rem;
    color: #a7abc3
}

.kt-option.kt-option--plain {
    border: 0;
    padding: 0;
    margin-top: -.2rem;
    margin-bottom: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-option.kt-option--plain .kt-option__control {
    vertical-align: middle;
    width: 2.7rem
}

.kt-option.kt-option--plain .kt-option__control .kt-radio {
    margin-bottom: 1.6rem
}

.kt-option.kt-option--plain .kt-option__label .kt-option__body {
    padding-top: .2rem
}

.is-valid .kt-option {
    border-color: #1dc9b7
}

.is-invalid .kt-option {
    border-color: #fd397a
}

.has-success .kt-option .kt-option__label .kt-option__head .kt-option__title {
    color: #1dc9b7
}

.has-error .kt-option .kt-option__label .kt-option__head .kt-option__title {
    color: #F04DBA
}

.kt-avatar {
    position: relative;
    display: inline-block
}

.kt-avatar .kt-avatar__holder {
    width: 120px;
    height: 120px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: contain
}

.kt-avatar .kt-avatar__upload {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-avatar .kt-avatar__upload input {
    width: 0!important;
    height: 0!important;
    overflow: hidden;
    opacity: 0
}

.kt-avatar .kt-avatar__upload i {
    color: #9658DD;
    font-size: .9rem
}

.kt-avatar .kt-avatar__upload:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #9658DD
}

.kt-avatar .kt-avatar__upload:hover i {
    color: #fff
}

.kt-avatar .kt-avatar__cancel {
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: auto;
    right: -10px;
    bottom: -5px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.1);
    display: none
}

.kt-avatar .kt-avatar__cancel i {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #a7abc3;
    font-size: .9rem
}

.kt-avatar .kt-avatar__cancel:hover i {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #9658DD
}

.kt-avatar.kt-avatar--changed .kt-avatar__cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kt-avatar.kt-avatar--brand .kt-avatar__upload i {
    color: #9658DD
}

.kt-avatar.kt-avatar--brand .kt-avatar__upload:hover {
    background-color: #9658DD
}

.kt-avatar.kt-avatar--brand .kt-avatar__upload:hover i {
    color: #fff
}

.kt-avatar.kt-avatar--light .kt-avatar__upload i {
    color: #fff
}

.kt-avatar.kt-avatar--light .kt-avatar__upload:hover {
    background-color: #fff
}

.kt-avatar.kt-avatar--light .kt-avatar__upload:hover i {
    color: #282a3c
}

.kt-avatar.kt-avatar--dark .kt-avatar__upload i {
    color: #282a3c
}

.kt-avatar.kt-avatar--dark .kt-avatar__upload:hover {
    background-color: #282a3c
}

.kt-avatar.kt-avatar--dark .kt-avatar__upload:hover i {
    color: #fff
}

.kt-avatar.kt-avatar--primary .kt-avatar__upload i {
    color: #5867dd
}

.kt-avatar.kt-avatar--primary .kt-avatar__upload:hover {
    background-color: #5867dd
}

.kt-avatar.kt-avatar--primary .kt-avatar__upload:hover i {
    color: #fff
}

.kt-avatar.kt-avatar--success .kt-avatar__upload i {
    color: #1dc9b7
}

.kt-avatar.kt-avatar--success .kt-avatar__upload:hover {
    background-color: #1dc9b7
}

.kt-avatar.kt-avatar--success .kt-avatar__upload:hover i {
    color: #fff
}

.kt-avatar.kt-avatar--info .kt-avatar__upload i {
    color: #5578eb
}

.kt-avatar.kt-avatar--info .kt-avatar__upload:hover {
    background-color: #5578eb
}

.kt-avatar.kt-avatar--info .kt-avatar__upload:hover i {
    color: #fff
}

.kt-avatar.kt-avatar--warning .kt-avatar__upload i {
    color: #F04DBA
}

.kt-avatar.kt-avatar--warning .kt-avatar__upload:hover {
    background-color: #F04DBA
}

.kt-avatar.kt-avatar--warning .kt-avatar__upload:hover i {
    color: #111
}

.kt-avatar.kt-avatar--danger .kt-avatar__upload i {
    color: #fd397a
}

.kt-avatar.kt-avatar--danger .kt-avatar__upload:hover {
    background-color: #fd397a
}

.kt-avatar.kt-avatar--danger .kt-avatar__upload:hover i {
    color: #fff
}

.kt-avatar.kt-avatar--circle .kt-avatar__holder {
    border-radius: 50%
}

.kt-avatar.kt-avatar--circle .kt-avatar__upload {
    right: 0;
    top: 5px
}

.kt-avatar.kt-avatar--circle .kt-avatar__cancel {
    right: 3px;
    bottom: 10px
}

.kt-avatar.kt-avatar--outline .kt-avatar__holder {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.1)
}

.kt-spinner {
    position: relative
}

.kt-spinner:before {
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 50%
}

.kt-spinner.kt-spinner--sm:before {
    width: 16px;
    height: 16px;
    margin-top: -8px
}

.kt-spinner.kt-spinner--sm.kt-spinner--center:before {
    left: 50%;
    margin-left: -8px
}

.kt-spinner.kt-spinner--sm.kt-spinner--left:before {
    left: 0;
    right: auto
}

.kt-spinner.kt-spinner--sm.kt-spinner--right:before {
    left: auto;
    right: 0
}

.kt-spinner:before {
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.kt-spinner.kt-spinner--center:before {
    left: 50%;
    margin-left: -10px
}

.kt-spinner.kt-spinner--left:before {
    left: 0;
    right: auto
}

.kt-spinner.kt-spinner--right:before {
    left: auto;
    right: 0
}

.kt-spinner.kt-spinner--lg:before {
    width: 24px;
    height: 24px;
    margin-top: -12px
}

.kt-spinner.kt-spinner--lg.kt-spinner--center:before {
    left: 50%;
    margin-left: -12px
}

.kt-spinner.kt-spinner--lg.kt-spinner--left:before {
    left: 0;
    right: auto
}

.kt-spinner.kt-spinner--lg.kt-spinner--right:before {
    left: auto;
    right: 0
}

.kt-spinner:before {
    -webkit-animation: kt-spinner .5s linear infinite;
    animation: kt-spinner .5s linear infinite
}

.kt-spinner.kt-spinner--brand:before {
    border: 2px solid #9658DD;
    border-right: 2px solid transparent
}

.kt-spinner.kt-spinner--light:before {
    border: 2px solid #fff;
    border-right: 2px solid transparent
}

.kt-spinner.kt-spinner--dark:before {
    border: 2px solid #282a3c;
    border-right: 2px solid transparent
}

.kt-spinner.kt-spinner--primary:before {
    border: 2px solid #5867dd;
    border-right: 2px solid transparent
}

.kt-spinner.kt-spinner--success:before {
    border: 2px solid #1dc9b7;
    border-right: 2px solid transparent
}

.kt-spinner.kt-spinner--info:before {
    border: 2px solid #5578eb;
    border-right: 2px solid transparent
}

.kt-spinner.kt-spinner--warning:before {
    border: 2px solid #F04DBA;
    border-right: 2px solid transparent
}

.kt-spinner.kt-spinner--danger:before {
    border: 2px solid #fd397a;
    border-right: 2px solid transparent
}

.kt-spinner.kt-spinner--input.kt-spinner--right:before {
    left: auto;
    right: 1rem
}

.kt-spinner.kt-spinner--input.kt-spinner--left:before {
    right: auto;
    left: 1rem
}

.kt-spinner.kt-spinner--v2:before {
    -webkit-animation: kt-spinner .5s linear infinite;
    animation: kt-spinner .5s linear infinite
}

.kt-spinner.kt-spinner--v2.kt-spinner--brand:before {
    border: 2px solid #cdd2fe;
    border-top-color: #283cfb
}

.kt-spinner.kt-spinner--v2.kt-spinner--light:before {
    border: 2px solid #fff;
    border-top-color: #f7f7f7
}

.kt-spinner.kt-spinner--v2.kt-spinner--dark:before {
    border: 2px solid #656a98;
    border-top-color: #222433
}

.kt-spinner.kt-spinner--v2.kt-spinner--primary:before {
    border: 2px solid #d7dbf7;
    border-top-color: #4b5bda
}

.kt-spinner.kt-spinner--v2.kt-spinner--success:before {
    border: 2px solid #90efe5;
    border-top-color: #1bbcab
}

.kt-spinner.kt-spinner--v2.kt-spinner--info:before {
    border: 2px solid #dee5fb;
    border-top-color: #476de9
}

.kt-spinner.kt-spinner--v2.kt-spinner--warning:before {
    border: 2px solid #ffe9bb;
    border-top-color: #ffb313
}

.kt-spinner.kt-spinner--v2.kt-spinner--danger:before {
    border: 2px solid #ffd0e0;
    border-top-color: #fd2a70
}

@-webkit-keyframes kt-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes kt-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.kt-loader {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #f7f8fa;
    opacity: 0;
    -webkit-animation: kt-loader-scaleout .9s infinite ease-in-out;
    animation: kt-loader-scaleout .9s infinite ease-in-out
}

.kt-loader.kt-loader--lg {
    width: 2rem;
    height: 2rem
}

.kt-loader.kt-loader--sm {
    width: 1rem;
    height: 1rem
}

.btn .kt-loader {
    position: relative;
    line-height: 0
}

.kt-loader.kt-loader--brand {
    background-color: #9658DD
}

.kt-loader.kt-loader--light {
    background-color: #fff
}

.kt-loader.kt-loader--dark {
    background-color: #282a3c
}

.kt-loader.kt-loader--primary {
    background-color: #5867dd
}

.kt-loader.kt-loader--success {
    background-color: #1dc9b7
}

.kt-loader.kt-loader--info {
    background-color: #5578eb
}

.kt-loader.kt-loader--warning {
    background-color: #F04DBA
}

.kt-loader.kt-loader--danger {
    background-color: #fd397a
}

@-webkit-keyframes kt-loader-scaleout {
    0% {
        opacity: .3;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes kt-loader-scaleout {
    0% {
        opacity: .3;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.kt-pulse {
    position: relative
}

.kt-pulse .kt-pulse__ring {
    display: block;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    -webkit-animation: kt-pulse 3.5s ease-out;
    animation: kt-pulse 3.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    border-width: 3px;
    border-style: solid;
    border-color: #d8dce6
}

@media screen\0 {
    .kt-pulse .kt-pulse__ring {
        top: 2px;
        left: 2px
    }
}

.kt-pulse.kt-pulse--brand .kt-pulse__ring {
    border-color: rgba(55,74,251,0.8)
}

.kt-pulse.kt-pulse--light .kt-pulse__ring {
    border-color: rgba(255,255,255,0.8)
}

.kt-pulse.kt-pulse--dark .kt-pulse__ring {
    border-color: rgba(40,42,60,0.8)
}

.kt-pulse.kt-pulse--primary .kt-pulse__ring {
    border-color: rgba(88,103,221,0.8)
}

.kt-pulse.kt-pulse--success .kt-pulse__ring {
    border-color: rgba(29,201,183,0.8)
}

.kt-pulse.kt-pulse--info .kt-pulse__ring {
    border-color: rgba(85,120,235,0.8)
}

.kt-pulse.kt-pulse--warning .kt-pulse__ring {
    border-color: rgba(255,184,34,0.8)
}

.kt-pulse.kt-pulse--danger .kt-pulse__ring {
    border-color: rgba(253,57,122,0.8)
}

@-webkit-keyframes kt-pulse {
    0% {
        -webkit-transform: scale(0.1,0.1);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(0.1,0.1);
        opacity: 0
    }

    65% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2,1.2);
        opacity: 0
    }
}

@keyframes kt-pulse {
    0% {
        -webkit-transform: scale(0.1,0.1);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(0.1,0.1);
        opacity: 0
    }

    65% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2,1.2);
        opacity: 0
    }
}

.kt-dialog {
    width: 130px;
    margin: 0 auto;
    position: fixed;
    z-index: 1100;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
    -webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1);
    background-color: #fff;
    border-radius: 4px
}

.kt-dialog.kt-dialog--top-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: -100px;
    left: 50%;
    margin-left: -65px;
    -webkit-transition: top .6s ease;
    transition: top .6s ease;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.kt-dialog.kt-dialog--top-center.kt-dialog--shown {
    top: 0;
    -webkit-transition: top .6s ease;
    transition: top .6s ease
}

.kt-dialog.kt-dialog--loader {
    font-size: 1rem;
    padding: .75rem;
    font-weight: 400;
    color: #6c7293
}

.kt-dialog.kt-dialog--loader.kt-dialog--brand {
    background-color: rgba(55,74,251,0.1);
    color: #9658DD;
    -webkit-box-shadow: 0 0 20px 0 rgba(55,74,251,0.3);
    box-shadow: 0 0 20px 0 rgba(55,74,251,0.3)
}

.kt-dialog.kt-dialog--loader.kt-dialog--light {
    background-color: rgba(255,255,255,0.1);
    color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(255,255,255,0.3);
    box-shadow: 0 0 20px 0 rgba(255,255,255,0.3)
}

.kt-dialog.kt-dialog--loader.kt-dialog--dark {
    background-color: rgba(40,42,60,0.1);
    color: #282a3c;
    -webkit-box-shadow: 0 0 20px 0 rgba(40,42,60,0.3);
    box-shadow: 0 0 20px 0 rgba(40,42,60,0.3)
}

.kt-dialog.kt-dialog--loader.kt-dialog--primary {
    background-color: rgba(88,103,221,0.1);
    color: #5867dd;
    -webkit-box-shadow: 0 0 20px 0 rgba(88,103,221,0.3);
    box-shadow: 0 0 20px 0 rgba(88,103,221,0.3)
}

.kt-dialog.kt-dialog--loader.kt-dialog--success {
    background-color: rgba(29,201,183,0.1);
    color: #1dc9b7;
    -webkit-box-shadow: 0 0 20px 0 rgba(29,201,183,0.3);
    box-shadow: 0 0 20px 0 rgba(29,201,183,0.3)
}

.kt-dialog.kt-dialog--loader.kt-dialog--info {
    background-color: rgba(85,120,235,0.1);
    color: #5578eb;
    -webkit-box-shadow: 0 0 20px 0 rgba(85,120,235,0.3);
    box-shadow: 0 0 20px 0 rgba(85,120,235,0.3)
}

.kt-dialog.kt-dialog--loader.kt-dialog--warning {
    background-color: rgba(255,184,34,0.1);
    color: #F04DBA;
    -webkit-box-shadow: 0 0 20px 0 rgba(255,184,34,0.3);
    box-shadow: 0 0 20px 0 rgba(255,184,34,0.3)
}

.kt-dialog.kt-dialog--loader.kt-dialog--danger {
    background-color: rgba(253,57,122,0.1);
    color: #fd397a;
    -webkit-box-shadow: 0 0 20px 0 rgba(253,57,122,0.3);
    box-shadow: 0 0 20px 0 rgba(253,57,122,0.3)
}

.datepicker {
    width: 265px;
    padding: 10px
}

.datepicker.datepicker-orient-top {
    margin-top: 8px
}

.datepicker table {
    width: 100%
}

.datepicker td,.datepicker th {
    font-weight: regular;
    width: 35px;
    height: 35px;
    border-radius: 3px
}

.datepicker thead th {
    color: #a7abc3
}

.datepicker thead th.prev,.datepicker thead th.datepicker-switch,.datepicker thead th.next {
    font-weight: 500;
    color: #a7abc3
}

.datepicker thead th.prev i,.datepicker thead th.datepicker-switch i,.datepicker thead th.next i {
    font-size: 1.2rem;
    color: #a7abc3
}

.datepicker thead th.prev i:before,.datepicker thead th.datepicker-switch i:before,.datepicker thead th.next i:before {
    line-height: 0;
    vertical-align: middle
}

.datepicker thead th.prev:hover,.datepicker thead th.datepicker-switch:hover,.datepicker thead th.next:hover {
    background: #f7f8fa!important
}

.datepicker thead th.dow {
    color: #6c7293;
    font-weight: 500
}

.datepicker tbody tr &gt; td.day {
    color: #6c7293
}

.datepicker tbody tr &gt; td.day:hover {
    background: #ebedf2;
    color: #6c7293
}

.datepicker tbody tr &gt; td.day.old {
    color: #a7abc3
}

.datepicker tbody tr &gt; td.day.new {
    color: #6c7293
}

.datepicker tbody tr &gt; td.day.selected,.datepicker tbody tr &gt; td.day.selected:hover,.datepicker tbody tr &gt; td.day.active,.datepicker tbody tr &gt; td.day.active:hover {
    background: #5867dd;
    color: #fff
}

.datepicker tbody tr &gt; td.day.today {
    position: relative;
    background: rgba(55,74,251,0.7)!important;
    color: #fff!important
}

.datepicker tbody tr &gt; td.day.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #fff;
    border-top-color: #ebedf2;
    position: absolute;
    bottom: 4px;
    right: 4px
}

.datepicker tbody tr &gt; td.day.range {
    background: #f7f8fa
}

.datepicker tbody tr &gt; td span.year,.datepicker tbody tr &gt; td span.hour,.datepicker tbody tr &gt; td span.minute,.datepicker tbody tr &gt; td span.month {
    color: #6c7293
}

.datepicker tbody tr &gt; td span.year:hover,.datepicker tbody tr &gt; td span.hour:hover,.datepicker tbody tr &gt; td span.minute:hover,.datepicker tbody tr &gt; td span.month:hover {
    background: #f7f8fa
}

.datepicker tbody tr &gt; td span.year.focused,.datepicker tbody tr &gt; td span.year.focused:hover,.datepicker tbody tr &gt; td span.year.active:hover,.datepicker tbody tr &gt; td span.year.active.focused:hover,.datepicker tbody tr &gt; td span.year.active,.datepicker tbody tr &gt; td span.hour.focused,.datepicker tbody tr &gt; td span.hour.focused:hover,.datepicker tbody tr &gt; td span.hour.active:hover,.datepicker tbody tr &gt; td span.hour.active.focused:hover,.datepicker tbody tr &gt; td span.hour.active,.datepicker tbody tr &gt; td span.minute.focused,.datepicker tbody tr &gt; td span.minute.focused:hover,.datepicker tbody tr &gt; td span.minute.active:hover,.datepicker tbody tr &gt; td span.minute.active.focused:hover,.datepicker tbody tr &gt; td span.minute.active,.datepicker tbody tr &gt; td span.month.focused,.datepicker tbody tr &gt; td span.month.focused:hover,.datepicker tbody tr &gt; td span.month.active:hover,.datepicker tbody tr &gt; td span.month.active.focused:hover,.datepicker tbody tr &gt; td span.month.active {
    background: #5867dd;
    color: #fff
}

.datepicker tfoot tr &gt; th.today,.datepicker tfoot tr &gt; th.clear {
    border-radius: 3px;
    font-weight: 500
}

.datepicker tfoot tr &gt; th.today:hover,.datepicker tfoot tr &gt; th.clear:hover {
    background: #ebedf2
}

.datepicker.datepicker-inline {
    border: 1px solid #ebedf2
}

.input-daterange .input-group-addon {
    min-width: 44px
}

.input-daterange input {
    text-align: left
}

.alert[data-notify] {
    min-width: 300px
}

.alert[data-notify] .close {
    right: 10px!important;
    padding: .25rem 0 0 2rem;
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 300
}

.alert[data-notify] .close:before {
    content: "Ã¯â€&nbsp;â€˜";
    font-size: 1.1rem;
    color: #fff;
    opacity: .7;
    -webkit-transition: all .3s;
    transition: all .3s
}

.alert[data-notify] .close:hover:before {
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (min-width: 769px) and (max-width: 1024px) {
    .alert[data-notify] {
        max-width:70%
    }
}

@media (max-width: 768px) {
    .alert[data-notify] {
        max-width:90%
    }
}

.alert[data-notify][data-notify-position=top-center],.alert[data-notify][data-notify-position=bottom-center] {
    width: 30%
}

@media (min-width: 769px) and (max-width: 1024px) {
    .alert[data-notify][data-notify-position=top-center],.alert[data-notify][data-notify-position=bottom-center] {
        width:70%
    }
}

@media (max-width: 768px) {
    .alert[data-notify][data-notify-position=top-center],.alert[data-notify][data-notify-position=bottom-center] {
        width:90%
    }
}

.alert[data-notify] .icon {
    position: absolute
}

.alert[data-notify] [class^="la-"],.alert[data-notify] [class*=" la-"] {
    font-size: 1.8rem
}

.alert[data-notify] [class^="fa-"],.alert[data-notify] [class*=" fa-"] {
    font-size: 1.6rem
}

.alert[data-notify] [class^="flaticon-"],.alert[data-notify] [class*=" flaticon-"],.alert[data-notify] [class^="flaticon2-"],.alert[data-notify] [class*=" flaticon2-"] {
    font-size: 1.8rem
}

.alert[data-notify] [class^="la-"],.alert[data-notify] [class*=" la-"] {
    margin-top: -.1rem
}

.alert[data-notify] [class^="fa-"],.alert[data-notify] [class*=" fa-"] {
    margin-top: -.1rem
}

.alert[data-notify] [class^="flaticon-"],.alert[data-notify] [class*=" flaticon-"],.alert[data-notify] [class^="flaticon2-"],.alert[data-notify] [class*=" flaticon2-"] {
    margin-top: -.4rem
}

.alert[data-notify] [data-notify=title] {
    display: block;
    font-weight: 500
}

.alert[data-notify] .icon ~ [data-notify=title] {
    padding-left: 2.85rem
}

.alert[data-notify] .icon ~ [data-notify=message] {
    display: inline-block;
    padding-left: 2.85rem
}

.alert[data-notify] [data-notify=title]:not(:empty) ~ [data-notify=message] {
    margin-top: .2rem
}

.alert[data-notify] .progress {
    margin-top: .5rem;
    line-height: .5rem;
    height: .5rem
}

[data-switch=true] {
    opacity: 0
}

.bootstrap-switch .bootstrap-switch-label {
    background: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-label {
    line-height: 1.5;
    letter-spacing: .1rem;
    font-size: .9rem;
    font-weight: 400;
    padding: .65rem 1rem
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    font-size: .85rem;
    line-height: 1.5
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    font-size: .9rem;
    line-height: 1.5;
    padding: .5rem 1rem
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
    padding: 1.15rem 1.65rem;
    font-size: 1.1rem;
    line-height: 1.5
}

.bootstrap-switch {
    display: inline-block
}

.bootstrap-switch.bootstrap-switch--pill .bootstrap-switch {
    border-radius: 4px
}

.bootstrap-switch.bootstrap-switch--square .bootstrap-switch {
    border-radius: 0!important
}

.bootstrap-switch.bootstrap-switch--square .bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch--square .bootstrap-switch .bootstrap-switch-handle-on {
    border-radius: 0!important
}

.bootstrap-switch {
    border-color: #e2e5ec
}

.bootstrap-switch .bootstrap-switch-label {
    color: #a7abc3;
    background: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-brand,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-brand {
    background-color: #9658DD;
    border-color: #9658DD;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light {
    background-color: #fff;
    border-color: #fff;
    color: #282a3c
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark {
    background-color: #282a3c;
    border-color: #282a3c;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: #5867dd;
    border-color: #5867dd;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background-color: #1dc9b7;
    border-color: #1dc9b7;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
    background-color: #5578eb;
    border-color: #5578eb;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
    background-color: #F04DBA;
    border-color: #F04DBA;
    color: #111
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
    background-color: #fd397a;
    border-color: #fd397a;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background-color: #e2e5ec;
    border-color: #e2e5ec;
    color: #a7abc3
}

.bootstrap-switch.bootstrap-switch--air .bootstrap-switch {
    -webkit-box-shadow: 0 0 11px 0 rgba(56,36,99,0.08);
    box-shadow: 0 0 11px 0 rgba(56,36,99,0.08)
}

.datetimepicker {
    width: 265px;
    padding: 10px;
    left: auto
}

.datetimepicker.datetimepicker-orient-top {
    margin-top: 8px
}

.datetimepicker table {
    width: 100%
}

.datetimepicker td,.datetimepicker th {
    width: 35px;
    height: 35px;
    border-radius: 3px;
    font-weight: 400
}

.datetimepicker thead th i {
    font-size: 1.2rem
}

.datetimepicker thead th.prev,.datetimepicker thead th.switch,.datetimepicker thead th.next {
    color: #a7abc3;
    font-weight: 500
}

.datetimepicker thead th.prev .glyphicon,.datetimepicker thead th.switch .glyphicon,.datetimepicker thead th.next .glyphicon {
    color: #a7abc3
}

.datetimepicker thead th.prev:hover,.datetimepicker thead th.switch:hover,.datetimepicker thead th.next:hover {
    background: #f7f8fa!important
}

.datetimepicker thead th.dow {
    font-weight: 500;
    color: #6c7293
}

.datetimepicker thead th.next &gt; span,.datetimepicker thead th.prev &gt; span {
    display: inline-block;
    font: normal normal normal 16px/1 LineAwesome;
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 1.2rem
}

.datetimepicker thead th.next &gt; span:before {
    content: "\f112"
}

.datetimepicker thead th.prev &gt; span:before {
    content: "\f111"
}

.datetimepicker tbody tr &gt; td span {
    color: #6c7293
}

.datetimepicker tbody tr &gt; td.day {
    color: #6c7293
}

.datetimepicker tbody tr &gt; td.day:hover {
    background: #f7f8fa
}

.datetimepicker tbody tr &gt; td.day.old {
    color: #a7abc3
}

.datetimepicker tbody tr &gt; td.day.new {
    color: #6c7293
}

.datetimepicker tbody tr &gt; td.day.selected,.datetimepicker tbody tr &gt; td.day.active {
    background: #5867dd;
    color: #fff
}

.datetimepicker tbody tr &gt; td.day.today {
    position: relative;
    background: rgba(55,74,251,0.7)!important;
    color: #fff!important
}

.datetimepicker tbody tr &gt; td.day.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #fff;
    border-top-color: #ebedf2;
    position: absolute;
    bottom: 4px;
    right: 4px
}

.datetimepicker tbody tr &gt; td.day.range {
    background: #f7f8fa
}

.datetimepicker tbody tr &gt; td span.year,.datetimepicker tbody tr &gt; td span.hour,.datetimepicker tbody tr &gt; td span.minute,.datetimepicker tbody tr &gt; td span.month {
    color: #6c7293
}

.datetimepicker tbody tr &gt; td span.year.focused,.datetimepicker tbody tr &gt; td span.year:hover,.datetimepicker tbody tr &gt; td span.hour.focused,.datetimepicker tbody tr &gt; td span.hour:hover,.datetimepicker tbody tr &gt; td span.minute.focused,.datetimepicker tbody tr &gt; td span.minute:hover,.datetimepicker tbody tr &gt; td span.month.focused,.datetimepicker tbody tr &gt; td span.month:hover {
    background: #f7f8fa
}

.datetimepicker tbody tr &gt; td span.year.active:hover,.datetimepicker tbody tr &gt; td span.year.active,.datetimepicker tbody tr &gt; td span.hour.active:hover,.datetimepicker tbody tr &gt; td span.hour.active,.datetimepicker tbody tr &gt; td span.minute.active:hover,.datetimepicker tbody tr &gt; td span.minute.active,.datetimepicker tbody tr &gt; td span.month.active:hover,.datetimepicker tbody tr &gt; td span.month.active {
    background: #5867dd;
    color: #fff
}

.datetimepicker tfoot tr &gt; th.today,.datetimepicker tfoot tr &gt; th.clear {
    border-radius: 3px;
    font-weight: 500
}

.datetimepicker tfoot tr &gt; th.today:hover,.datetimepicker tfoot tr &gt; th.clear:hover {
    background-color: #f7f8fa
}

.datetimepicker.datetimepicker-inline {
    border: 1px solid #f7f8fa
}

.input-daterange .input-group-addon {
    min-width: 44px
}

.bootstrap-timepicker-widget {
    left: auto;
    width: 175px
}

.bootstrap-timepicker-widget .bootstrap-timepicker-hour,.bootstrap-timepicker-widget .bootstrap-timepicker-minute,.bootstrap-timepicker-widget .bootstrap-timepicker-meridian,.bootstrap-timepicker-widget .bootstrap-timepicker-second {
    border: 0;
    background: none;
    outline: none!important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-timepicker-widget table td &gt; a {
    border: 0
}

.bootstrap-timepicker-widget table td &gt; a i {
    font-size: 1.1rem
}

.bootstrap-timepicker-widget .bootstrap-timepicker-hour,.bootstrap-timepicker-widget .bootstrap-timepicker-minute,.bootstrap-timepicker-widget .bootstrap-timepicker-meridian,.bootstrap-timepicker-widget .bootstrap-timepicker-second {
    color: #6c7293
}

.bootstrap-timepicker-widget table td &gt; a .la {
    font-size: 1.2rem;
    color: #a7abc3
}

.bootstrap-timepicker-widget table td &gt; a:hover {
    background: #f7f8fa
}

.daterangepicker {
    padding: 0;
    margin: 0;
    width: auto;
    -webkit-box-shadow: 0 0 50px 0 rgba(82,63,105,0.15);
    box-shadow: 0 0 50px 0 rgba(82,63,105,0.15);
    border-radius: 4px;
    border: 0;
    font-family: Poppins;
    z-index: 95
}

.modal-open .daterangepicker {
    z-index: 1051
}

.daterangepicker:after,.daterangepicker:before {
    display: none
}

.daterangepicker .ranges ul {
    padding: 1rem 0;
    width: 170px
}

.daterangepicker .ranges li {
    padding: .7rem 1.75rem;
    font-weight: 400;
    font-size: 1rem;
    color: #6c7293;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.daterangepicker .ranges li:hover,.daterangepicker .ranges li.active {
    background-color: #f7f8fa;
    color: #9658DD;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.daterangepicker.show-calendar .ranges {
    border-right: 1px solid #ebedf2
}

.daterangepicker.show-ranges .drp-calendar.left {
    border-left: 0
}

.daterangepicker.show-calendar .ranges {
    margin-top: 0
}

.daterangepicker .drp-buttons {
    padding: 1rem 1.75rem;
    border-top: 1px solid #ebedf2
}

.daterangepicker .drp-buttons .btn {
    font-size: .9rem;
    font-weight: 400;
    padding: .5rem 1rem;
    border-radius: 0;
    border-radius: 4px
}

.daterangepicker .drp-calendar.left,.daterangepicker .drp-calendar.right {
    padding: 1rem 1.5rem
}

.daterangepicker .drp-calendar th {
    font-weight: 500;
    font-size: 1rem;
    color: #6c7293
}

.daterangepicker .drp-calendar th.month {
    font-weight: 400;
    color: #a7abc3
}

.daterangepicker .drp-calendar th.next span,.daterangepicker .drp-calendar th.prev span {
    border-width: 0 1px 1px 0;
    border-color: #a7abc3
}

.daterangepicker .drp-calendar th.next span {
    margin-right: 1px
}

.daterangepicker .drp-calendar th.prev span {
    margin-left: 1px
}

.daterangepicker .drp-calendar td {
    font-size: 1rem;
    color: #6c7293
}

.daterangepicker .drp-calendar td.available.off {
    color: #adb1c7
}

.daterangepicker .drp-calendar td.active {
    background-color: #9658DD;
    color: #fff;
    border-radius: 0;
    border-radius: 4px
}

.daterangepicker .drp-calendar td.active.start-date {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.daterangepicker .drp-calendar td.active.end-date {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.daterangepicker .drp-calendar td.active.start-date.end-date {
    border-radius: 4px
}

.daterangepicker .drp-calendar td.today,.daterangepicker .drp-calendar td.today.active {
    border-radius: 0;
    border-radius: 4px;
    background: rgba(55,74,251,0.7)!important;
    color: #fff!important
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    background-color: #f7f8fa;
    color: #6c7293
}

.daterangepicker select {
    border-radius: 4px;
    background: transparent!important;
    border-color: #ebedf2;
    color: #6c7293
}

.bootstrap-touchspin .input-group-btn-vertical .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.bootstrap-touchspin .input-group-btn-vertical .btn:first-child {
    border-bottom: 0
}

.bootstrap-touchspin .input-group-btn-vertical .btn i {
    padding: 0;
    font-size: 1rem
}

.bootstrap-maxlength {
    z-index: 1040!important
}

.bootstrap-maxlength.kt-badge {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

.modal .bootstrap-maxlength {
    z-index: 1060!important
}

.bootstrap-select &gt; .dropdown-toggle {
    position: relative;
    outline: none!important;
    padding: .65rem 1rem;
    border-radius: 4px!important
}

.bootstrap-select &gt; .dropdown-toggle:focus {
    outline: none!important
}

.bootstrap-select &gt; .dropdown-toggle:after {
    border: 0;
    margin-right: -2px;
    font-size: .6rem;
    display: inline-block;
    font-family: Flaticon2;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "Ã¯â€&nbsp;Â±"
}

.bootstrap-select &gt; .dropdown-toggle:before {
    width: auto
}

.bootstrap-select .dropdown-menu.inner {
    display: block
}

.bootstrap-select .dropdown-menu.inner &gt; li &gt; a {
    display: block;
    position: relative;
    outline: none!important;
    padding: 10px 15px
}

.bootstrap-select .dropdown-menu.inner &gt; li &gt; a:hover {
    text-decoration: none
}

.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class^="la-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class*=" la-"] {
    font-size: 1.2rem
}

.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class^="fa-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class*=" fa-"] {
    font-size: 1.2rem
}

.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class^="flaticon-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class*=" flaticon-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class^="flaticon2-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class*=" flaticon2-"] {
    font-size: 1.1rem
}

.bootstrap-select .dropdown-menu.inner &gt; li &gt; a i {
    vertical-align: middle
}

.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a span.check-mark {
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    top: 50%;
    position: absolute;
    margin-top: -.425rem;
    font-size: .85rem;
    right: 1rem;
    display: inline-block
}

.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a span.check-mark:before {
    content: "Ã¯â€¦Â»"
}

.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a span.check-mark:after {
    display: none
}

.bootstrap-select .dropdown-menu.inner &gt; li.divider {
    margin: 10px 0
}

.bootstrap-select .dropdown-menu.inner &gt; li.hidden {
    display: none
}

.bootstrap-select .dropdown-menu.inner &gt; li.no-results {
    padding: 10px 15px
}

.bootstrap-select .popover-title {
    padding: 10px 15px;
    margin-bottom: 5px
}

.bootstrap-select .popover-title .close {
    display: none
}

.bootstrap-select .bs-searchbox,.bootstrap-select .bs-actionsbox,.bootstrap-select .bs-donebutton {
    padding: 10px 15px
}

.bootstrap-select &gt; .dropdown-toggle.btn-light,.bootstrap-select &gt; .dropdown-toggle.btn-secondary {
    background: #fff;
    color: #6c7293;
    border-color: #e2e5ec;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select &gt; .dropdown-toggle.btn-light:focus,.bootstrap-select &gt; .dropdown-toggle.btn-light.active,.bootstrap-select &gt; .dropdown-toggle.btn-secondary:focus,.bootstrap-select &gt; .dropdown-toggle.btn-secondary.active {
    background-color: transparent;
    border-color: #7380fc
}

.bootstrap-select &gt; .dropdown-toggle.btn-light.disabled,.bootstrap-select &gt; .dropdown-toggle.btn-light:disabled,.bootstrap-select &gt; .dropdown-toggle.btn-secondary.disabled,.bootstrap-select &gt; .dropdown-toggle.btn-secondary:disabled {
    background: #f7f8fa;
    border-color: #f7f8fa
}

.bootstrap-select &gt; .dropdown-toggle.btn-light .filter-option [class^="la-"],.bootstrap-select &gt; .dropdown-toggle.btn-light .filter-option [class*=" la-"],.bootstrap-select &gt; .dropdown-toggle.btn-light .filter-option [class^="fa-"],.bootstrap-select &gt; .dropdown-toggle.btn-light .filter-option [class*=" fa-"],.bootstrap-select &gt; .dropdown-toggle.btn-light .filter-option [class^="flaticon-"],.bootstrap-select &gt; .dropdown-toggle.btn-light .filter-option [class*=" flaticon-"],.bootstrap-select &gt; .dropdown-toggle.btn-light .filter-option [class^="flaticon2-"],.bootstrap-select &gt; .dropdown-toggle.btn-light .filter-option [class*=" flaticon2-"],.bootstrap-select &gt; .dropdown-toggle.btn-secondary .filter-option [class^="la-"],.bootstrap-select &gt; .dropdown-toggle.btn-secondary .filter-option [class*=" la-"],.bootstrap-select &gt; .dropdown-toggle.btn-secondary .filter-option [class^="fa-"],.bootstrap-select &gt; .dropdown-toggle.btn-secondary .filter-option [class*=" fa-"],.bootstrap-select &gt; .dropdown-toggle.btn-secondary .filter-option [class^="flaticon-"],.bootstrap-select &gt; .dropdown-toggle.btn-secondary .filter-option [class*=" flaticon-"],.bootstrap-select &gt; .dropdown-toggle.btn-secondary .filter-option [class^="flaticon2-"],.bootstrap-select &gt; .dropdown-toggle.btn-secondary .filter-option [class*=" flaticon2-"] {
    color: #a7abc3
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder {
    color: #a7abc3
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-brand {
    color: #fff
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-brand &gt; .filter-option {
    opacity: .8
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-light {
    color: #282a3c
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-light &gt; .filter-option {
    opacity: .8
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-dark {
    color: #fff
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-dark &gt; .filter-option {
    opacity: .8
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-primary {
    color: #fff
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-primary &gt; .filter-option {
    opacity: .8
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-success {
    color: #fff
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-success &gt; .filter-option {
    opacity: .8
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-info {
    color: #fff
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-info &gt; .filter-option {
    opacity: .8
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-warning {
    color: #111
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-warning &gt; .filter-option {
    opacity: .8
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-danger {
    color: #fff
}

.bootstrap-select &gt; .dropdown-toggle.bs-placeholder.btn-danger &gt; .filter-option {
    opacity: .8
}

.bootstrap-select.show &gt; .dropdown-toggle.btn-light,.bootstrap-select.show &gt; .dropdown-toggle.btn-secondary {
    border-color: #7380fc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.is-invalid .btn.dropdown-toggle {
    border-color: #fd397a
}

.bootstrap-select.is-valid .btn.dropdown-toggle {
    border-color: #1dc9b7
}

.bootstrap-select .dropdown-menu.inner &gt; li &gt; a .text {
    color: #6c7293
}

.bootstrap-select .dropdown-menu.inner &gt; li &gt; a .text small {
    color: #adb1c7
}

.bootstrap-select .dropdown-menu.inner &gt; li &gt; a span.check-mark {
    color: #a7abc3
}

.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class^="la-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class*=" la-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class^="fa-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class*=" fa-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class^="flaticon-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class*=" flaticon-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class^="flaticon2-"],.bootstrap-select .dropdown-menu.inner &gt; li &gt; a [class*=" flaticon2-"] {
    color: #adb1c7
}

.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a,.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a {
    background: #f7f8fa
}

.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a .text,.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a .text {
    color: #6c7293
}

.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a [class^="la-"],.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a [class*=" la-"],.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a [class^="fa-"],.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a [class*=" fa-"],.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a [class^="flaticon-"],.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a [class*=" flaticon-"],.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a [class^="flaticon2-"],.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a [class*=" flaticon2-"],.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a [class^="la-"],.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a [class*=" la-"],.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a [class^="fa-"],.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a [class*=" fa-"],.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a [class^="flaticon-"],.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a [class*=" flaticon-"],.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a [class^="flaticon2-"],.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a [class*=" flaticon2-"] {
    color: #adb1c7
}

.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a span.check-mark,.bootstrap-select .dropdown-menu.inner &gt; li:hover &gt; a span.check-mark {
    color: #a7abc3
}

.bootstrap-select .dropdown-menu.inner &gt; li.dropdown-header {
    color: #a7abc3
}

.bootstrap-select .dropdown-menu.inner &gt; li.selected &gt; a {
    background: #f7f8fa
}

.bootstrap-select .dropdown-menu.inner &gt; li.disabled &gt; a {
    opacity: .6
}

.bootstrap-select .dropdown-menu.inner &gt; li.divider {
    border-bottom: 1px solid #f7f8fa
}

.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a {
    background: #5867dd
}

.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a .text {
    color: #fff
}

.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a [class^="la-"],.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a [class*=" la-"],.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a [class^="fa-"],.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a [class*=" fa-"],.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a [class^="flaticon-"],.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a [class*=" flaticon-"],.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a [class^="flaticon2-"],.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a [class*=" flaticon2-"] {
    color: #fff
}

.bootstrap-select .dropdown-menu.inner &gt; li.active:not(.selected) &gt; a span.check-mark {
    color: #fff
}

.bootstrap-select .dropdown-menu.inner &gt; li.no-results {
    color: #a7abc3
}

.bootstrap-select .popover-title {
    background: #f7f8fa;
    border: 0
}

.bootstrap-select .dropdown-menu {
    margin-top: 1px
}

#session-timeout-dialog .modal-header .close {
    position: absolute;
    right: 25px;
    font-size: 0;
    top: 1.75rem
}

#session-timeout-dialog .modal-header .modal-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple {
    outline: none!important;
    border-radius: 4px;
    height: auto;
    line-height: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow,.select2-container--default .select2-selection--multiple .select2-selection__arrow {
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border: 0;
    top: 30%;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    font-size: .85rem;
    left: auto;
    right: 11px;
    display: inline-block;
    width: 1.9rem
}

/*.select2-container--default .select2-selection--single .select2-selection__arrow:before,.select2-container--default .select2-selection--multiple .select2-selection__arrow:before {*/
/*    content: "Ã¯â€žÂ"*/
/*}*/

/*.select2-container--default .select2-selection--single .select2-selection__arrow b,.select2-container--default .select2-selection--multiple .select2-selection__arrow b {*/
/*    display: none*/
/*}*/

.select2-container--default .select2-selection--single .select2-selection__rendered {
    position: relative;
    padding: .65rem 3rem .65rem 1rem;
    line-height: 1.5
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    border: 0;
    position: absolute;
    top: 50%;
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "Ã¯â€žÂ";
    font-size: 1.4rem;
    display: inline-block;
    left: auto;
    right: 1.85rem;
    margin-right: .4rem;
    margin-top: -1rem
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: .37rem 1rem;
    line-height: 1.5
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .05rem .4rem;
    font-size: 1rem;
    margin: .1rem .4rem .1rem 0;
    position: relative;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "Ã¯â€žÂ";
    font-size: 1.4rem;
    display: inline-block;
    line-height: 0;
    margin-right: .3rem;
    position: relative;
    top: .1rem
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    font-weight: 300;
    margin: .25rem .25rem .25rem 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none!important;
    border-radius: 4px
}

.select2-container--default .select2-search--dropdown {
    padding: 15px
}

.select2-container--default .select2-results__option {
    padding: 5px 15px
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    cursor: not-allowed
}

.select2-container--default .select2-results__option .select2-results__group {
    padding: 5px 15px;
    font-weight: 600
}

.select2-container--default .select2-results__option .select2-results__option {
    padding: 5px 30px
}

.select2-container .select2-search--inline .select2-search__field {
    margin: 0
}

select.select2 {
    opacity: 0
}

.select2 &gt; select.form-control {
    opacity: 0
}

.input-group &gt; .select2-hidden-accessible:first-child + .select2-container &gt; .selection .select2-selection--single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group &gt; .select2-hidden-accessible:first-child + .select2-container &gt; .selection,.input-group &gt; .select2-hidden-accessible:first-child + .select2-container &gt; .selection.form-control {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group &gt; .select2-hidden-accessible:not(:first-child) + .select2-container:last-child &gt; .selection .select2-selection--single {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group &gt; .select2-hidden-accessible:not(:first-child) + .select2-container:last-child &gt; .selection .select2-selection,.input-group &gt; .select2-hidden-accessible:not(:first-child) + .select2-container:last-child &gt; .selection .select2-selection.form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group &gt; .select2-hidden-accessible:first-child + .select2-container + .input-group-text,.input-group &gt; .select2-hidden-accessible:not(:first-child) + .select2-container + .input-group-text {
    border-left: 0
}

.input-group &gt; .select2-hidden-accessible:not(:first-child) + .select2-container:not(:last-child) &gt; .selection .select2-selection--single {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group &gt; .select2-hidden-accessible:not(:first-child) + .select2-container:not(:last-child) &gt; .selection .select2-selection,.input-group &gt; .select2-hidden-accessible:not(:first-child) + .select2-container:not(:last-child) &gt; .selection .select2-selection.form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single {
    border: 1px solid #e2e5ec
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder,.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #a7abc3
}

.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--default.select2-container--open .select2-selection--multiple,.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #7380fc
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #6c7293
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    color: #a7abc3
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #6c7293
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    color: #a7abc3;
    background: #f7f8fa;
    border: 1px solid #ebedf2
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    color: #a7abc3
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field::-moz-placeholder {
    color: #a7abc3;
    opacity: 1
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field:-ms-input-placeholder {
    color: #a7abc3
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field::-webkit-input-placeholder {
    color: #a7abc3
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e2e5ec
}

.select2-container--default .select2-dropdown {
    border: 1px solid #e2e5ec;
    -webkit-box-shadow: 0 0 50px 0 rgba(82,63,105,0.15);
    box-shadow: 0 0 50px 0 rgba(82,63,105,0.15)
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #f7f8fa;
    color: #a7abc3
}

.select2-container--default .select2-results__option.select2-results__option--highlighted {
    background: #f7f8fa;
    color: #a7abc3
}

.select2-container--default.select2-container--disabled {
    cursor: not-allowed
}

.select2-container--default.select2-container--disabled .select2-selection--multiple,.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
    background: #f7f8fa;
    border-color: #a7abc3
}

.select2.select2--air .select2-container--default .select2-selection--single,.select2.select2--air .select2-container--default .select2-selection--multiple {
    -webkit-box-shadow: 0 0 50px 0 rgba(82,63,105,0.15);
    box-shadow: 0 0 50px 0 rgba(82,63,105,0.15)
}

.select2.select2--solid .select2-container--default .select2-selection--multiple,.select2.select2--solid .select2-container--default .select2-selection--single {
    background-color: #f7f8fa;
    border-color: #ebedf2
}

.select2.select2--solid .select2-container--default .select2-selection--multiple .select2-selection__placeholder,.select2.select2--solid .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #a7abc3
}

.m-form.m-form--state .is-valid .select2-container--default .select2-selection--multiple,.m-form.m-form--state .is-valid .select2-container--default .select2-selection--single {
    border-color: success
}

.m-form.m-form--state .is-valid .select2-container--default.select2-container--focus .select2-selection--multiple,.m-form.m-form--state .is-valid .select2-container--default.select2-container--focus .select2-selection--single,.m-form.m-form--state .is-valid .select2-container--default.select2-container--open .select2-selection--multiple,.m-form.m-form--state .is-valid .select2-container--default.select2-container--open .select2-selection--single {
    border-color: success
}

.m-form.m-form--state .is-invalid .select2-container--default .select2-selection--multiple,.m-form.m-form--state .is-invalid .select2-container--default .select2-selection--single {
    border-color: danger
}

.m-form.m-form--state .is-invalid .select2-container--default.select2-container--focus .select2-selection--multiple,.m-form.m-form--state .is-invalid .select2-container--default.select2-container--focus .select2-selection--single,.m-form.m-form--state .is-invalid .select2-container--default.select2-container--open .select2-selection--multiple,.m-form.m-form--state .is-invalid .select2-container--default.select2-container--open .select2-selection--single {
    border-color: danger
}

html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: initial!important
}

html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.kt-sweetalert2--nopadding),body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.kt-sweetalert2--nopadding) {
    padding-right: 0!important
}

@media screen\0 {
    html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow: visible
    }
}

.swal2-popup {
    border-radius: 4px;
    padding: 3rem
}

.swal2-popup .swal2-title {
    font-weight: 500;
    font-size: 1.2rem;
    margin: 0 0 1rem
}

.swal2-popup .swal2-content {
    font-weight: 400;
    font-size: 1rem
}

.swal2-popup .btn {
    margin: 15px 5px 0
}

.swal2-popup .swal2-styled:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.swal2-container {
    overflow-y: hidden!important
}

body.swal2-height-auto {
    height: 100%!important
}

.swal2-container.swal2-shown {
    background-color: rgba(0,0,0,0.2)
}

.swal2-popup .swal2-title {
    color: #464457
}

.swal2-popup .swal2-content {
    color: #a7abc3
}

.kt-repeater .kt-repeater__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kt-repeater .kt-repeater__row &gt; input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.kt-repeater .kt-repeater__row .kt-repeater__close {
    background-color: transparent;
    border: none
}

.kt-repeater .kt-repeater__row .form-text {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.kt-repeater .kt-repeater__item {
    position: relative
}

.kt-repeater .kt-repeater__item .btn-icon {
    height: auto
}

.kt-repeater .kt-repeater__item:first-child .form-control {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.kt-repeater .kt-repeater__item:first-child .input-group-append {
    display: none
}

.kt-repeater .kt-repeater__close--align-right {
    position: absolute;
    top: 0;
    right: 0
}

.kt-grid-nav-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kt-grid-nav-v2 .kt-grid-nav-v2__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 3px);
    min-height: 180px;
    border-radius: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    background: #f7f8fa;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen\0 {
    .kt-grid-nav-v2 .kt-grid-nav-v2__item {
        height: 180px
    }
}

.kt-grid-nav-v2 .kt-grid-nav-v2__item .kt-grid-nav-v2__item-icon {
    display: inline-block;
    text-align: center;
    margin-bottom: .5rem
}

.kt-grid-nav-v2 .kt-grid-nav-v2__item .kt-grid-nav-v2__item-icon i {
    font-size: 2.25rem;
    color: #9658DD
}

.kt-grid-nav-v2 .kt-grid-nav-v2__item .kt-grid-nav-v2__item-title {
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #5d5b6f
}

.kt-grid-nav-v2 .kt-grid-nav-v2__item:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    text-transform: none;
    background: #9658DD
}

.kt-grid-nav-v2 .kt-grid-nav-v2__item:hover .kt-grid-nav-v2__item-icon i {
    color: #fff
}

.kt-grid-nav-v2 .kt-grid-nav-v2__item:hover .kt-grid-nav-v2__item-title {
    color: #fff
}

.kt-grid-nav-v2 .kt-grid-nav-v2__item:nth-of-type(odd) {
    margin: 3px 3px 3px 0
}

.kt-grid-nav-v2 .kt-grid-nav-v2__item:nth-of-type(even) {
    margin: 3px 0 3px 3px
}

.kt-grid-nav {
    padding: 0;
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.kt-grid-nav &gt; .kt-grid-nav__row {
    display: table-row
}

.kt-grid-nav &gt; .kt-grid-nav__row &gt; .kt-grid-nav__item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 3.3rem .75rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-grid-nav &gt; .kt-grid-nav__row &gt; .kt-grid-nav__item:hover {
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-grid-nav &gt; .kt-grid-nav__row &gt; .kt-grid-nav__item .kt-grid-nav__icon {
    text-align: center;
    font-size: 2.5rem
}

.kt-grid-nav &gt; .kt-grid-nav__row &gt; .kt-grid-nav__item .kt-grid-nav__title {
    display: block;
    line-height: 1;
    text-align: center;
    margin: 10px 0 0;
    font-size: 1.2rem;
    font-weight: 500
}

.kt-grid-nav &gt; .kt-grid-nav__row &gt; .kt-grid-nav__item .kt-grid-nav__desc {
    display: block;
    line-height: 1;
    text-align: center;
    margin: 10px 0 0;
    font-size: 1rem;
    font-weight: 400
}

.dropdown-menu .kt-grid-nav {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

@media (max-width: 1024px) {
    .kt-grid-nav &gt; .kt-grid-nav__row &gt; .kt-grid-nav__item {
        padding:1rem .5rem
    }
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item {
    border-right: 1px solid #ebedf2;
    border-bottom: 1px solid #ebedf2
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item:last-child {
    border-right: 0
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__icon {
    color: #9658DD
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__title {
    color: #9658DD
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__desc {
    color: #a7abc3
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item:hover {
    background: #f7f8fa
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item:hover .kt-grid-nav__icon {
    color: #6c7293
}

.kt-grid-nav .kt-grid-nav__row:last-child .kt-grid-nav__item {
    border-bottom: 0!important
}

.kt-grid-nav.kt-grid-nav--skin-dark .kt-grid-nav__item {
    border-right: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

.kt-grid-nav.kt-grid-nav--skin-dark .kt-grid-nav__item:last-child {
    border-right: 0
}

.kt-grid-nav.kt-grid-nav--skin-dark .kt-grid-nav__item .kt-grid-nav__icon {
    color: #9658DD
}

.kt-grid-nav.kt-grid-nav--skin-dark .kt-grid-nav__item .kt-grid-nav__title {
    color: #fff
}

.kt-grid-nav.kt-grid-nav--skin-dark .kt-grid-nav__item .kt-grid-nav__desc {
    color: rgba(255,255,255,0.5)
}

.kt-grid-nav.kt-grid-nav--skin-dark .kt-grid-nav__item:hover {
    background: transparent
}

.kt-grid-nav.kt-grid-nav--skin-dark .kt-grid-nav__item:hover .kt-grid-nav__icon {
    color: #9658DD
}

.kt-head {
    padding: 2.5rem 1rem;
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat
}

.kt-head.kt-head--space-sm {
    padding: 1.5rem 1rem
}

.kt-head.kt-head--space-lg {
    padding: 3rem 1rem
}

.kt-head.kt-head--fit-x {
    padding-left: 0;
    padding-right: 0
}

.kt-head.kt-head--fit-b {
    padding-bottom: 0!important
}

.kt-head.kt-head--fit-t {
    padding-top: 0!important
}

.kt-head.kt-head--space-bottom-sm {
    padding-bottom: 1rem
}

.kt-head .kt-head__title {
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    margin: 0
}

.kt-head .kt-head__sub {
    margin-top: .5rem;
    font-size: 1rem;
    font-weight: 400;
    text-align: center
}

.kt-head.kt-head--skin-dark .kt-head__title {
    color: #fff
}

.kt-head.kt-head--skin-dark .kt-head__sub {
    color: #f0f0f0
}

.kt-head.kt-head--skin-dark .nav.nav-tabs-line {
    border-bottom-color: rgba(255,255,255,0.3)!important
}

.kt-head.kt-head--skin-dark .nav.nav-tabs-line .nav-item .nav-link {
    color: rgba(255,255,255,0.5)
}

.kt-head.kt-head--skin-dark .nav.nav-tabs-line .nav-item .nav-link &gt; i {
    color: rgba(255,255,255,0.4)
}

.kt-head.kt-head--skin-dark .nav.nav-tabs-line .nav-item .nav-link:hover,.kt-head.kt-head--skin-dark .nav.nav-tabs-line .nav-item .nav-link.active {
    color: #fff
}

.kt-head.kt-head--skin-dark .nav.nav-tabs-line .nav-item .nav-link:hover &gt; i,.kt-head.kt-head--skin-dark .nav.nav-tabs-line .nav-item .nav-link.active &gt; i {
    color: #fff
}

.kt-head.kt-head--skin-light {
    background-color: #f9fafe
}

.kt-head.kt-head--skin-light .kt-head__title {
    color: #6c7293
}

.kt-head.kt-head--skin-light .kt-head__sub {
    color: #a7abc3
}

.kt-head .nav {
    margin: 1rem 0 0
}

.dropdown-menu:not(.dropdown-menu-top-unround) .kt-head {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.kt-head-skin-light-bg-color {
    background-color: #f9fafe
}

.kt-list-pics &gt; a {
    margin-right: .25rem
}

.kt-list-pics &gt; a &gt; img {
    width: 3.36rem;
    border-radius: 50%;
    border-radius: 3px
}

.kt-list-pics.kt-list-pics--circle &gt; a &gt; img {
    width: 3.36rem;
    border-radius: 50%
}

.kt-list-pics.kt-list-pics--sm &gt; a &gt; img {
    width: 2.14rem
}

.kt-list-pics.kt-list-pics-rounded--sm &gt; a &gt; img {
    width: 2.14rem
}

.kt-list-timeline .kt-list-timeline__group {
    margin: 0 0 2rem
}

.kt-list-timeline .kt-list-timeline__heading {
    margin: 0 0 1.25rem;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase
}

.kt-list-timeline .kt-list-timeline__items {
    position: relative;
    padding: 0;
    margin: 0
}

.kt-list-timeline .kt-list-timeline__items:before {
    background-color: #ebedf2;
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 3px
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: .3rem 0;
    margin: .5rem 0
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item:first-child:before,.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item:last-child:before {
    background-color: #fff;
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 50%;
    top: 0;
    bottom: 0;
    left: 3px
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item:last-child:before {
    top: auto;
    bottom: 0
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    width: 20px
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge:before {
    background-color: #ebedf2;
    position: absolute;
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    left: 0;
    top: 50%;
    margin-top: -3.5px;
    border-radius: 100%
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--brand:before {
    background-color: #9658DD
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--light:before {
    background-color: #fff
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--dark:before {
    background-color: #282a3c
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--primary:before {
    background-color: #5867dd
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--success:before {
    background-color: #1dc9b7
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--info:before {
    background-color: #5578eb
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--warning:before {
    background-color: #F04DBA
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--danger:before {
    background-color: #fd397a
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__icon {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    width: 30px;
    padding: 0 5px 0 0;
    line-height: 0;
    color: #a7abc3
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item [class^="la-"],.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item [class*=" la-"] {
    font-size: 1.6rem
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item [class^="fa-"],.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item [class*=" fa-"] {
    font-size: 1.2rem
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item [class^="flaticon-"],.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item [class*=" flaticon-"],.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item [class^="flaticon2-"],.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item [class*=" flaticon2-"] {
    font-size: 1.6rem
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__text {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    padding: 0 0 0 5px;
    font-size: 1rem;
    color: #6c7293
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__text:hover {
    text-decoration: none
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__time {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 80px;
    padding: 0 0 0 5px;
    font-size: .9rem;
    color: #a7abc3
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item:first-child {
    padding-top: 0;
    margin-top: 0
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item:first-child:before,.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item:last-child:before {
    background-color: #fff
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item.kt-list-timeline__item--read .kt-list-timeline__badge,.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item.kt-list-timeline__item--read .kt-list-timeline__icon,.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item.kt-list-timeline__item--read .kt-list-timeline__text,.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item.kt-list-timeline__item--read .kt-list-timeline__time {
    opacity: .5
}

.kt-nav {
    display: block;
    padding: .5rem 0;
    margin: 0;
    list-style: none;
    border: 0
}

.kt-nav .kt-nav__item {
    display: block
}

.kt-nav .kt-nav__item &gt; .kt-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .55rem 1.75rem;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1rem;
    color: #6c7293;
    font-weight: 400
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    font-size: 1.25rem;
    line-height: 0;
    color: #a7abc3
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-icon:before {
    line-height: 0
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-icon g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #a7abc3
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-icon:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-bullet {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    margin-right: 10px
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-bullet &gt; span {
    vertical-align: middle;
    display: inline-block
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--dot &gt; span {
    width: 4px;
    height: 4px;
    border-radius: 100%
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--line &gt; span {
    width: 8px;
    height: 2px;
    border-radius: 2px
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--line &gt; span,.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--dot &gt; span {
    background-color: #adb1c7
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-badge {
    padding: 0 0 0 5px
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-arrow {
    text-align: right;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    font-size: .8rem;
    color: #a7abc3;
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.kt-nav .kt-nav__item &gt; .kt-nav__link .kt-nav__link-arrow:before {
    content: "Ã¯â€žÂ";
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.kt-nav .kt-nav__item &gt; .kt-nav__link.collapsed .kt-nav__link-arrow {
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.kt-nav .kt-nav__item &gt; .kt-nav__link.collapsed .kt-nav__link-arrow:before {
    content: "Ã¯â€žâ€™";
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.kt-nav .kt-nav__item &gt; .kt-nav__sub {
    padding: 0;
    margin: 0
}

.kt-nav .kt-nav__item &gt; .kt-nav__sub .kt-nav__item &gt; .kt-nav__link {
    padding: .5rem 1.5rem .5rem 2.5rem
}

.kt-nav .kt-nav__item.kt-nav__item--last {
    padding-bottom: 0
}

.kt-nav .kt-nav__item.active &gt; .kt-nav__link,.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) &gt; .kt-nav__link {
    background-color: #f7f8fa;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-nav .kt-nav__item.active &gt; .kt-nav__link .kt-nav__link-icon,.kt-nav .kt-nav__item.active &gt; .kt-nav__link .kt-nav__link-text,.kt-nav .kt-nav__item.active &gt; .kt-nav__link .kt-nav__link-arrow,.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) &gt; .kt-nav__link .kt-nav__link-icon,.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) &gt; .kt-nav__link .kt-nav__link-text,.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) &gt; .kt-nav__link .kt-nav__link-arrow {
    color: #9658DD
}

.kt-nav .kt-nav__item.active &gt; .kt-nav__link .kt-nav__link-icon g [fill],.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) &gt; .kt-nav__link .kt-nav__link-icon g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #9658DD
}

.kt-nav .kt-nav__item.active &gt; .kt-nav__link .kt-nav__link-icon:hover g [fill],.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) &gt; .kt-nav__link .kt-nav__link-icon:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.kt-nav .kt-nav__item.active &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--line &gt; span,.kt-nav .kt-nav__item.active &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--dot &gt; span,.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--line &gt; span,.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--dot &gt; span {
    background-color: #9658DD
}

.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled).kt-nav__item--sub &gt; .kt-nav__link.collapsed {
    background-color: #f7f8fa;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled).kt-nav__item--sub &gt; .kt-nav__link.collapsed .kt-nav__link-icon,.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled).kt-nav__item--sub &gt; .kt-nav__link.collapsed .kt-nav__link-text,.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled).kt-nav__item--sub &gt; .kt-nav__link.collapsed .kt-nav__link-arrow {
    color: #9658DD
}

.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled).kt-nav__item--sub &gt; .kt-nav__link.collapsed .kt-nav__link-bullet.kt-nav__link-bullet--line &gt; span,.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled).kt-nav__item--sub &gt; .kt-nav__link.collapsed .kt-nav__link-bullet.kt-nav__link-bullet--dot &gt; span {
    background-color: #9658DD
}

.kt-nav .kt-nav__item.kt-nav__item--disabled {
    opacity: .6
}

.kt-nav .kt-nav__custom {
    padding: .55rem 1.75rem
}

.kt-nav .kt-nav__section {
    margin-top: 1rem;
    padding: 0 1.75rem
}

.kt-nav .kt-nav__section .kt-nav__section-icon {
    color: #adb1c7
}

.kt-nav .kt-nav__section.kt-nav__section--first {
    margin-top: 0
}

.kt-nav .kt-nav__section .kt-nav__section-text {
    color: #9658DD;
    font-weight: 600;
    font-size: .8rem;
    text-transform: uppercase
}

.kt-nav .kt-nav__separator {
    margin: .7rem 0;
    height: 0;
    display: block;
    border-bottom: 1px solid #ebedf2
}

.kt-nav .kt-nav__separator.kt-nav__separator--dashed {
    border-bottom: 1px dashed #ebedf2
}

.kt-nav .kt-nav__head,.kt-nav .kt-nav__foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    color: #6c7293;
    font-weight: 500;
    padding: .55rem 1.75rem
}

.kt-nav .kt-nav__head &gt; i,.kt-nav .kt-nav__foot &gt; i {
    font-size: 1.2rem;
    color: #a7abc3
}

.kt-nav .kt-nav__head {
    font-size: 1.1rem
}

.kt-nav.kt-nav--fit {
    padding: 0
}

.kt-nav.kt-nav--fit .kt-nav__item &gt; .kt-nav__link {
    padding-left: 0;
    padding-right: 0
}

.kt-nav.kt-nav--lg-space .kt-nav__item {
    margin: .35rem 0
}

.kt-nav.kt-nav--lg-space .kt-nav__item .kt-nav__link {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.kt-nav.kt-nav--lg-space .kt-nav__item:first-child {
    margin-top: 0
}

.kt-nav.kt-nav--lg-space .kt-nav__item:last-child {
    margin-bottom: 0
}

.kt-nav.kt-nav--md-space .kt-nav__item {
    margin: .25rem 0
}

.kt-nav.kt-nav--md-space .kt-nav__item .kt-nav__link {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.kt-nav.kt-nav--md-space .kt-nav__item:first-child {
    margin-top: 0
}

.kt-nav.kt-nav--md-space .kt-nav__item:last-child {
    margin-bottom: 0
}

.kt-nav.kt-nav--bold .kt-nav__item .kt-nav__link .kt-nav__link-text {
    font-weight: 500
}

.kt-nav.kt-nav--thin .kt-nav__item .kt-nav__link .kt-nav__link-text {
    font-weight: 300
}

.kt-nav.kt-nav--lg-font .kt-nav__item .kt-nav__link .kt-nav__link-text {
    font-size: 1.15rem
}

.kt-nav.kt-nav--xl-font .kt-nav__item .kt-nav__link .kt-nav__link-text {
    font-size: 1.25rem
}

.kt-nav.kt-nav--v2 .kt-nav__item {
    border-radius: 2rem;
    overflow: hidden
}

.kt-nav.kt-nav--v2 .kt-nav__item &gt; .kt-nav__link {
    -webkit-transition: none;
    transition: none
}

.kt-nav.kt-nav--v2 .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub):not(.kt-nav__item--active) &gt; .kt-nav__link {
    background-color: #f4f4f9;
    -webkit-transition: none;
    transition: none
}

.kt-nav.kt-nav--v2 .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub):not(.kt-nav__item--active) &gt; .kt-nav__link .kt-nav__link-icon,.kt-nav.kt-nav--v2 .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub):not(.kt-nav__item--active) &gt; .kt-nav__link .kt-nav__link-text,.kt-nav.kt-nav--v2 .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub):not(.kt-nav__item--active) &gt; .kt-nav__link .kt-nav__link-arrow {
    color: #9658DD
}

.kt-nav.kt-nav--v2 .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub):not(.kt-nav__item--active) &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--line &gt; span,.kt-nav.kt-nav--v2 .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub):not(.kt-nav__item--active) &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--dot &gt; span {
    background-color: #f4f4f9
}

.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active &gt; .kt-nav__link {
    background-color: #9658DD;
    -webkit-transition: none;
    transition: none
}

.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active &gt; .kt-nav__link .kt-nav__link-icon,.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active &gt; .kt-nav__link .kt-nav__link-text,.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active &gt; .kt-nav__link .kt-nav__link-arrow {
    color: #fff
}

.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--line &gt; span,.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--dot &gt; span {
    background-color: #fff
}

.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active:hover &gt; .kt-nav__link {
    background-color: #9658DD
}

.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active:hover &gt; .kt-nav__link .kt-nav__link-icon,.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active:hover &gt; .kt-nav__link .kt-nav__link-text,.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active:hover &gt; .kt-nav__link .kt-nav__link-arrow {
    color: #fff
}

.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active:hover &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--line &gt; span,.kt-nav.kt-nav--v2 .kt-nav__item.kt-nav__item--active:hover &gt; .kt-nav__link .kt-nav__link-bullet.kt-nav__link-bullet--dot &gt; span {
    background-color: #fff
}

.kt-nav.kt-nav--v3 .kt-nav__item {
    margin: 0
}

.kt-nav.kt-nav--v3 .kt-nav__item .kt-nav__link {
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-left: 2px solid transparent
}

.kt-nav.kt-nav--v3 .kt-nav__item.active .kt-nav__link,.kt-nav.kt-nav--v3 .kt-nav__item.kt-nav__link--active .kt-nav__link {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #f7f8fa;
    border-left: 2px solid #9658DD
}

.kt-nav.kt-nav--v3 .kt-nav__item.active .kt-nav__link .kt-nav__link-text,.kt-nav.kt-nav--v3 .kt-nav__item.kt-nav__link--active .kt-nav__link .kt-nav__link-text {
    color: #9658DD
}

.kt-nav.kt-nav--v3 .kt-nav__item:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #f7f8fa
}

.kt-nav.kt-nav--v3 .kt-nav__item:hover .kt-nav__link .kt-nav__link-text {
    color: #9658DD
}

.kt-notification .kt-notification__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.1rem 1.5rem;
    border-bottom: 1px solid #f7f8fa;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.kt-notification .kt-notification__item:last-child {
    border-bottom: 1px solid transparent
}

.kt-notification .kt-notification__item .kt-notification__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-notification .kt-notification__item .kt-notification__item-icon i {
    font-size: 1.4rem;
    color: #9658DD
}

.kt-notification .kt-notification__item .kt-notification__item-icon svg {
    height: 24px;
    width: 24px;
    margin-left: -4px
}

.kt-notification .kt-notification__item .kt-notification__item-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    font-size: 1rem;
    font-weight: 400;
    color: #6c7293
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1rem;
    font-weight: 300;
    color: #a7abc3
}

.kt-notification .kt-notification__item:hover {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-decoration: none;
    background-color: #f7f8fa
}

.kt-notification .kt-notification__item:hover .kt-notification__item-details .kt-notification__item-title {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #9658DD
}

.kt-notification .kt-notification__item.kt-notification__item--read {
    opacity: .5
}

.kt-notification .kt-notification__item:after {
    border: 0;
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    /* content: "\F112"; */
    font-size: .8rem;
    line-height: 0;
    position: relative;
    color: #a7abc3
}

.kt-notification .kt-notification__custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #f7f8fa;
    padding: 1.6rem 1.5rem
}

.kt-notification.kt-notification--fit .kt-notification__item {
    padding: .55rem 0
}

.kt-notification.kt-notification--fit .kt-notification__item:hover {
    background-color: transparent
}

.kt-notification.kt-notification--fit .kt-notification__item:hover .kt-notification__item-title {
    color: #9658DD
}

.kt-notification-item-padding-x {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}

.kt-notification-item-margin-x {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}

.kt-notification-v2 {
    margin: 0
}

.kt-notification-v2 .kt-notification-v2__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-notification-v2 .kt-notification-v2__item .kt-notification-v2__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f8fa;
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50%
}

.kt-notification-v2 .kt-notification-v2__item .kt-notification-v2__item-icon i {
    font-size: 1.5rem
}

.kt-notification-v2 .kt-notification-v2__item .kt-notification-v2__itek-wrapper {
    padding-left: 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.kt-notification-v2 .kt-notification-v2__item .kt-notification-v2__itek-wrapper .kt-notification-v2__item-title {
    font-size: 1.1rem;
    font-weight: 500;
    color: #5d5b6f
}

.kt-notification-v2 .kt-notification-v2__item .kt-notification-v2__itek-wrapper .kt-notification-v2__item-desc {
    font-size: 1rem;
    font-weight: 300;
    color: #b3b1c2
}

.kt-notification-v2 .kt-notification-v2__item:hover {
    background-color: #f7f8fa;
    border-radius: 5px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-notification-v2 .kt-notification-v2__item:hover .kt-notification-v2__item-icon {
    background-color: #ebedf2;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-card-profile {
    padding: 5px 0;
    margin: 0
}

.kt-card-profile .kt-card-profile__pic {
    text-align: center;
    padding: 0 5px 0 0;
    text-align: center
}

.kt-card-profile .kt-card-profile__pic .kt-card-profile__pic-wrapper {
    padding: 8px;
    display: inline-block;
    margin: 2rem auto;
    border-radius: 100%;
    border: 2px solid #ebedf2
}

.kt-card-profile .kt-card-profile__pic img {
    text-align: center;
    max-width: 130px!important;
    margin: 0 auto!important;
    border-radius: 100%
}

.kt-card-profile .kt-card-profile__pic .kt-card-profile__no-photo {
    height: 130px;
    width: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
    border-radius: 100%
}

.kt-card-profile .kt-card-profile__pic .kt-card-profile__no-photo &gt; span {
    line-height: 0;
    font-weight: 700;
    font-size: 1.3rem;
    text-transform: uppercase
}

.kt-card-profile .kt-card-profile__title {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500
}

.kt-card-profile .kt-card-profile__details {
    text-align: center;
    padding: 0
}

.kt-card-profile .kt-card-profile__details .kt-card-profile__name {
    display: block;
    padding: 0;
    font-size: 1.3rem;
    font-weight: 500;
    color: #6c7293
}

.kt-card-profile .kt-card-profile__details .kt-card-profile__email {
    display: inline-block;
    padding: 6px 0 0;
    font-size: 500px;
    color: #6c7293
}

.kt-notes .kt-notes__items {
    margin: 0;
    padding: 0
}

.kt-notes .kt-notes__items .kt-notes__item {
    left: 8px;
    border-left: 2px solid #ebedf2;
    padding: 0 0 50px 45px;
    position: relative;
    margin: 0 5px 0 17px
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media {
    position: absolute;
    top: 0;
    left: -25.5px
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media img {
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media .kt-notes__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 2px solid #ebedf2;
    border-radius: 50%
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media .kt-notes__icon i {
    color: #a7abc3;
    font-size: 1.8rem
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media .kt-notes__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 1.2rem;
    background-color: #fff;
    border: 2px solid #ebedf2;
    color: #a7abc3;
    border-radius: 50%
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__media .kt-notes__circle {
    width: 25px;
    height: 25px;
    display: block;
    border: 2px solid #ebedf2;
    margin-left: 12px;
    background-color: #fff;
    border-radius: 50%
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content {
    background-color: #F7F8FC;
    padding: .5rem 1rem 1rem 1.5rem;
    border-radius: 4px
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section .kt-notes__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section .kt-notes__info .kt-notes__title {
    font-size: 1.1rem;
    color: #6c7293;
    font-weight: 500;
    padding-right: .5rem
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section .kt-notes__info .kt-notes__title:hover {
    color: #9658DD;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section .kt-notes__info .kt-notes__desc {
    color: #a7abc3;
    font-weight: 400;
    padding-right: 1rem
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__section .kt-notes__dropdown .btn-icon {
    width: 26px;
    height: 26px
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__body {
    color: #a7abc3;
    font-weight: 400;
    padding-right: 3rem;
    padding-top: .5rem;
    display: block
}

.kt-notes .kt-notes__items .kt-notes__item .kt-notes__content:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 10px;
    right: 100%;
    margin-right: -3.5rem;
    border-right: solid 10px #F7F8FC;
    border-bottom: solid 17px transparent;
    border-left: solid 17px transparent;
    border-top: solid 17px transparent
}

.kt-notes .kt-notes__items .kt-notes__item:last-child {
    border-left: 0
}

.kt-notes .kt-notes__items .kt-notes__item.kt-notes__item--clean .kt-notes__content {
    background-color: #fff;
    padding: 0
}

.kt-notes .kt-notes__items .kt-notes__item.kt-notes__item--clean .kt-notes__content:after {
    display: none
}

.kt-notes .kt-notes__items .kt-notes__item:last-child .kt-notes__media .kt-notes__circle {
    margin-left: 14px
}

@media (max-width: 1024px) {
    .kt-notes .kt-notes__items .kt-notes__item {
        margin:0 7px 0 17px
    }

    .kt-notes .kt-notes__items .kt-notes__item .kt-notes__content {
        padding: .5rem 1rem .7rem
    }

    .kt-notes .kt-notes__items .kt-notes__item .kt-notes__content .kt-notes__desc {
        padding-top: .5rem;
        display: block
    }

    .kt-notes .kt-notes__items .kt-notes__item .kt-notes__content:after {
        margin-right: -3.8rem
    }
}

.kt-timeline-v1 {
    position: relative;
    width: 100%
}

.kt-timeline-v1:after {
    content: '';
    position: absolute;
    width: 5px;
    top: 0;
    margin-top: .1rem;
    bottom: 3rem;
    left: 50%;
    margin-left: -2.5px;
    background-color: #E6EAF5
}

.kt-timeline-v1.kt-timeline-v1--center {
    margin: 0 auto
}

.kt-timeline-v1 .kt-timeline-v1__items {
    padding-bottom: 6rem;
    position: relative
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__marker {
    width: 20px;
    height: 5px;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    background-color: #E6EAF5
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item {
    position: relative;
    margin-left: 0;
    width: 50%;
    min-height: 3rem
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-arrow {
    color: #F7F8FC
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle {
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    position: absolute
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle &gt; div {
    border-radius: 50%;
    width: 6px;
    height: 6px
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
    position: absolute;
    display: inline-block;
    margin-top: -2.14rem;
    font-weight: 700
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time &gt; span {
    padding-left: 5px
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content {
    position: relative;
    border-radius: 4px;
    padding: 2.14rem;
    background-color: #F7F8FC
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-title {
    font-size: 1.2rem;
    font-weight: 500
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-title + .kt-timeline-v1__item-body {
    margin-top: 1.25rem
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-actions {
    margin-top: 1.25rem
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-desc {
    color: #a7abc3
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left {
    left: 0;
    padding-right: 2.85rem;
    position: relative
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left .kt-timeline-v1__item-circle {
    right: -10px;
    top: 20px
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left .kt-timeline-v1__item-time {
    right: 3.8rem
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 15px;
    left: 100%;
    margin-left: -3rem;
    border-left: solid 10px #F7F8FC;
    border-bottom: solid 17px transparent;
    border-right: solid 17px transparent;
    border-top: solid 17px transparent
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right {
    left: 50%;
    padding-left: 2.86rem;
    top: -3.5rem
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right .kt-timeline-v1__item-circle {
    top: 20px;
    left: -10px
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right .kt-timeline-v1__item-time {
    left: 3.57rem
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 15px;
    right: 100%;
    margin-right: -3rem;
    border-right: solid 10px #F7F8FC;
    border-bottom: solid 17px transparent;
    border-left: solid 17px transparent;
    border-top: solid 17px transparent
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first {
    top: 3.5rem
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first + .kt-timeline-v1__item--right {
    top: -1rem
}

.kt-timeline-v1.kt-timeline-v1--justified:after {
    left: 0;
    bottom: 0
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items {
    position: static;
    margin-bottom: 40px;
    padding: 20px 0
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__marker {
    left: 0;
    top: 0
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item {
    width: 100%;
    top: 0!important;
    left: 0!important;
    margin-top: 50px!important;
    padding-left: 2.25rem;
    padding-right: 0;
    position: relative
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 15px;
    left: 0;
    margin-left: 3px;
    border-right: solid 10px #F7F8FC;
    border-bottom: solid 17px transparent;
    border-left: solid 17px transparent;
    border-top: solid 17px transparent
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
    position: absolute;
    display: inline-block;
    margin-top: -2.14rem
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle {
    left: -10px;
    top: 20px
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
    right: 100%;
    left: 3.57rem
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first {
    margin-top: 20px!important
}

@media (max-width: 1399px) {
    .kt-timeline-v1:after {
        left:0;
        bottom: 0
    }

    .kt-timeline-v1 .kt-timeline-v1__items {
        position: static;
        margin-bottom: 40px;
        padding: 20px 0
    }

    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__marker {
        left: 0;
        top: 0
    }

    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item {
        width: 100%;
        left: 0!important;
        top: 0!important;
        margin-top: 50px!important;
        padding-left: 2.25rem!important;
        padding-right: 0!important;
        position: relative
    }

    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item:after {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        top: 15px!important;
        left: 0!important;
        right: auto!important;
        margin-left: 3px!important;
        border-right: solid 10px #F7F8FC!important;
        border-bottom: solid 17px transparent!important;
        border-left: solid 17px transparent!important;
        border-top: solid 17px transparent!important
    }

    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
        position: absolute;
        display: inline-block;
        margin-top: -2.14rem
    }

    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle {
        left: -10px;
        top: 20px
    }

    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
        right: 100%;
        left: 3.57rem
    }

    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first {
        margin-top: 20px!important
    }
}

.kt-timeline-v2 {
    position: relative
}

.kt-timeline-v2:before {
    content: '';
    position: absolute;
    left: 4.85rem;
    width: .214rem;
    top: 5px;
    bottom: 5px;
    height: calc(100% - 5px);
    background-color: #E7E9F5
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item {
    display: table;
    position: relative;
    margin-bottom: 1.75rem
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-time {
    display: table-cell;
    font-size: 1.3rem;
    font-weight: 500;
    vertical-align: top;
    position: absolute;
    padding-top: .18rem;
    color: #a7abc3
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-cricle {
    border-radius: 50%;
    border: .89rem solid #fff;
    z-index: 1;
    top: .2rem;
    left: 4.12rem;
    position: relative
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-cricle &gt; i {
    font-size: 1.78rem;
    top: -.93rem;
    left: -.57rem;
    position: absolute
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-text {
    display: table-cell;
    vertical-align: top;
    font-size: 1rem;
    padding: .35rem 0 0 5rem;
    color: #a7abc3
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-text.kt-timeline-v2__item-text--bold {
    font-size: 1.2rem;
    font-weight: 500;
    padding-top: .21rem;
    color: #a7abc3
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-text &gt; span {
    font-weight: 700
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-list-pics {
    display: table-cell;
    vertical-align: top
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item:last-child {
    margin-bottom: 0
}

.kt-timeline-v3 .kt-timeline-v3__item {
    display: table;
    margin-bottom: 1rem;
    position: relative
}

.kt-timeline-v3 .kt-timeline-v3__item:before {
    position: absolute;
    display: block;
    width: .28rem;
    border-radius: .3rem;
    height: 70%;
    left: 5.1rem;
    top: .46rem;
    content: ""
}

.kt-timeline-v3 .kt-timeline-v3__item .kt-timeline-v3__item-time {
    display: table-cell;
    vertical-align: top;
    padding-top: .6rem;
    font-weight: 500;
    font-size: 1.3rem;
    position: absolute;
    text-align: right;
    width: 3.57rem;
    color: #a7abc3
}

.kt-timeline-v3 .kt-timeline-v3__item .kt-timeline-v3__item-desc {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding-left: 7rem
}

.kt-timeline-v3 .kt-timeline-v3__item .kt-timeline-v3__item-desc .kt-timeline-v3__item-text {
    font-size: 1rem;
    font-weight: 400;
    color: #a7abc3
}

.kt-timeline-v3 .kt-timeline-v3__item .kt-timeline-v3__item-desc .kt-timeline-v3__item-user-name .kt-timeline-v3__itek-link {
    font-size: .9rem;
    text-decoration: none
}

.kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--brand:before {
    background: #9658DD
}

.kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--light:before {
    background: #fff
}

.kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--dark:before {
    background: #282a3c
}

.kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--primary:before {
    background: #5867dd
}

.kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--success:before {
    background: #1dc9b7
}

.kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--info:before {
    background: #5578eb
}

.kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--warning:before {
    background: #F04DBA
}

.kt-timeline-v3 .kt-timeline-v3__item.kt-timeline-v3__item--danger:before {
    background: #fd397a
}

@media (max-width: 768px) {
    .kt-timeline-v3 .kt-timeline-v3__item {
        margin-left:0
    }
}

.kt-user-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2rem 1rem;
    background-color: #f9fafe
}

.kt-user-card .kt-user-card__avatar .kt-badge,.kt-user-card .kt-user-card__avatar img {
    width: 60px;
    height: 60px;
    border-radius: 4px
}

.kt-user-card .kt-user-card__avatar .kt-badge {
    font-size: 2.2rem
}

.kt-user-card .kt-user-card__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #6c7293;
    font-size: 1.3rem;
    font-weight: 500;
    padding-left: 1rem
}

.kt-user-card .kt-user-card__badge {
    padding-left: .5rem
}

.kt-user-card.kt-user-card--skin-light .kt-user-card__name {
    color: #6c7293
}

.kt-user-card.kt-user-card--skin-dark .kt-user-card__name {
    color: #fff
}

.kt-user-card.kt-user-card--skin-dark .kt-user-card__avatar .kt-badge {
    background-color: rgba(255,255,255,0.1)
}

@media (max-width: 1024px) {
    .kt-user-card {
        padding:1rem
    }

    .kt-user-card .kt-user-card__avatar .kt-badge,.kt-user-card .kt-user-card__avatar img {
        width: 40px;
        height: 40px
    }

    .kt-user-card .kt-user-card__name {
        font-size: 1.1rem;
        padding-left: .5rem
    }

    .kt-user-card .kt-user-card__badge {
        padding-left: .5rem
    }
}

.kt-user-card-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0
}

.kt-user-card-v2 .kt-user-card-v2__pic {
    padding-right: .5rem
}

.kt-user-card-v2 .kt-user-card-v2__pic .kt-badge {
    width: 40px;
    height: 40px
}

.kt-user-card-v2 .kt-user-card-v2__pic img {
    border-radius: 50%;
    max-width: 40px;
    max-height: 40px
}

.kt-user-card-v2 .kt-user-card-v2__details {
    line-height: 0
}

.kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__name {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #6c7293
}

.kt-user-card-v2 .kt-user-card-v2__details a.kt-user-card-v2__name:hover {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #9658DD
}

.kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__desc,.kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__email {
    margin-top: 3px;
    display: inline-block;
    font-size: .9rem;
    line-height: 1rem;
    font-weight: 400;
    color: #a7abc3
}

.kt-user-card-v2 .kt-user-card-v2__details a.kt-user-card-v2__email:hover {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #9658DD
}

@media (max-width: 1024px) {
    .kt-user-card-v2 .kt-user-card-v2__pic img {
        max-width:30px
    }
}

.kt-user-card-v3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-user-card-v3 .kt-user-card-v3__avatar &gt; img {
    height: 120px;
    width: 120px;
    border-radius: 7px
}

.kt-user-card-v3 .kt-user-card-v3__detalis {
    padding-left: 1.5rem
}

.kt-user-card-v3 .kt-user-card-v3__detalis a.kt-user-card-v3__name {
    font-size: 1.2rem;
    font-weight: 500;
    color: #33323f;
    text-decoration: none;
    padding-bottom: .8rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-user-card-v3 .kt-user-card-v3__detalis a.kt-user-card-v3__name:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #9658DD
}

.kt-user-card-v3 .kt-user-card-v3__detalis .kt-user-card-v3__desc {
    font-size: 1rem;
    font-weight: 400;
    color: #b2afc6;
    padding: .8rem 0
}

.kt-user-card-v3 .kt-user-card-v3__detalis .kt-user-card-v3__info a.kt-user-card-v3__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .8rem
}

.kt-user-card-v3 .kt-user-card-v3__detalis .kt-user-card-v3__info a.kt-user-card-v3__item &gt; i {
    line-height: 0;
    font-size: 1.4rem
}

.kt-user-card-v3 .kt-user-card-v3__detalis .kt-user-card-v3__info a.kt-user-card-v3__item .kt-user-card-v3__tag {
    font-size: .9rem;
    font-weight: 400;
    color: #9e9bb1;
    padding-left: .8rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-user-card-v3 .kt-user-card-v3__detalis .kt-user-card-v3__info a.kt-user-card-v3__item:hover .kt-user-card-v3__tag {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #9658DD
}

.kt-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

.kt-pagination .kt-pagination__links,.kt-pagination .kt-pagination__links li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-pagination .kt-pagination__links {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.kt-pagination .kt-pagination__links li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .5rem;
    border-radius: 4px
}

.kt-pagination .kt-pagination__links li a {
    font-weight: 600;
    color: #a7abc3;
    font-size: 1.1rem;
    padding: 0 .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 30px;
    min-height: 30px;
    margin: 0
}

.kt-pagination .kt-pagination__links .kt-pagination__link--active a {
    color: #fff
}

.kt-pagination .kt-pagination__toolbar {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.kt-pagination .kt-pagination__toolbar .form-control {
    padding: 0;
    margin-right: 10px;
    height: 30px;
    font-weight: 600;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1;
    outline: none;
    border: none
}

.kt-pagination .kt-pagination__toolbar .pagination__desc {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500;
    color: #a7abc3
}

.kt-pagination.kt-pagination--brand .kt-pagination__links .kt-pagination__link--first,.kt-pagination.kt-pagination--brand .kt-pagination__links .kt-pagination__link--next,.kt-pagination.kt-pagination--brand .kt-pagination__links .kt-pagination__link--prev,.kt-pagination.kt-pagination--brand .kt-pagination__links .kt-pagination__link--last {
    background: rgba(55,74,251,0.1)
}

.kt-pagination.kt-pagination--brand .kt-pagination__links .kt-pagination__link--active {
    background: #9658DD
}

.kt-pagination.kt-pagination--brand .kt-pagination__links li:hover {
    background: #9658DD;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-pagination.kt-pagination--brand .kt-pagination__links li:hover a {
    color: #fff
}

.kt-pagination.kt-pagination--brand .kt-pagination__links li:hover a i {
    color: #fff!important
}

.kt-pagination.kt-pagination--brand .kt-pagination__toolbar .form-control {
    background: rgba(55,74,251,0.1)
}

.kt-pagination.kt-pagination--light .kt-pagination__links .kt-pagination__link--first,.kt-pagination.kt-pagination--light .kt-pagination__links .kt-pagination__link--next,.kt-pagination.kt-pagination--light .kt-pagination__links .kt-pagination__link--prev,.kt-pagination.kt-pagination--light .kt-pagination__links .kt-pagination__link--last {
    background: rgba(255,255,255,0.1)
}

.kt-pagination.kt-pagination--light .kt-pagination__links .kt-pagination__link--active {
    background: #fff
}

.kt-pagination.kt-pagination--light .kt-pagination__links li:hover {
    background: #fff;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-pagination.kt-pagination--light .kt-pagination__links li:hover a {
    color: #fff
}

.kt-pagination.kt-pagination--light .kt-pagination__links li:hover a i {
    color: #fff!important
}

.kt-pagination.kt-pagination--light .kt-pagination__toolbar .form-control {
    background: rgba(255,255,255,0.1)
}

.kt-pagination.kt-pagination--dark .kt-pagination__links .kt-pagination__link--first,.kt-pagination.kt-pagination--dark .kt-pagination__links .kt-pagination__link--next,.kt-pagination.kt-pagination--dark .kt-pagination__links .kt-pagination__link--prev,.kt-pagination.kt-pagination--dark .kt-pagination__links .kt-pagination__link--last {
    background: rgba(40,42,60,0.1)
}

.kt-pagination.kt-pagination--dark .kt-pagination__links .kt-pagination__link--active {
    background: #282a3c
}

.kt-pagination.kt-pagination--dark .kt-pagination__links li:hover {
    background: #282a3c;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-pagination.kt-pagination--dark .kt-pagination__links li:hover a {
    color: #fff
}

.kt-pagination.kt-pagination--dark .kt-pagination__links li:hover a i {
    color: #fff!important
}

.kt-pagination.kt-pagination--dark .kt-pagination__toolbar .form-control {
    background: rgba(40,42,60,0.1)
}

.kt-pagination.kt-pagination--primary .kt-pagination__links .kt-pagination__link--first,.kt-pagination.kt-pagination--primary .kt-pagination__links .kt-pagination__link--next,.kt-pagination.kt-pagination--primary .kt-pagination__links .kt-pagination__link--prev,.kt-pagination.kt-pagination--primary .kt-pagination__links .kt-pagination__link--last {
    background: rgba(88,103,221,0.1)
}

.kt-pagination.kt-pagination--primary .kt-pagination__links .kt-pagination__link--active {
    background: #5867dd
}

.kt-pagination.kt-pagination--primary .kt-pagination__links li:hover {
    background: #5867dd;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-pagination.kt-pagination--primary .kt-pagination__links li:hover a {
    color: #fff
}

.kt-pagination.kt-pagination--primary .kt-pagination__links li:hover a i {
    color: #fff!important
}

.kt-pagination.kt-pagination--primary .kt-pagination__toolbar .form-control {
    background: rgba(88,103,221,0.1)
}

.kt-pagination.kt-pagination--success .kt-pagination__links .kt-pagination__link--first,.kt-pagination.kt-pagination--success .kt-pagination__links .kt-pagination__link--next,.kt-pagination.kt-pagination--success .kt-pagination__links .kt-pagination__link--prev,.kt-pagination.kt-pagination--success .kt-pagination__links .kt-pagination__link--last {
    background: rgba(29,201,183,0.1)
}

.kt-pagination.kt-pagination--success .kt-pagination__links .kt-pagination__link--active {
    background: #1dc9b7
}

.kt-pagination.kt-pagination--success .kt-pagination__links li:hover {
    background: #1dc9b7;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-pagination.kt-pagination--success .kt-pagination__links li:hover a {
    color: #fff
}

.kt-pagination.kt-pagination--success .kt-pagination__links li:hover a i {
    color: #fff!important
}

.kt-pagination.kt-pagination--success .kt-pagination__toolbar .form-control {
    background: rgba(29,201,183,0.1)
}

.kt-pagination.kt-pagination--info .kt-pagination__links .kt-pagination__link--first,.kt-pagination.kt-pagination--info .kt-pagination__links .kt-pagination__link--next,.kt-pagination.kt-pagination--info .kt-pagination__links .kt-pagination__link--prev,.kt-pagination.kt-pagination--info .kt-pagination__links .kt-pagination__link--last {
    background: rgba(85,120,235,0.1)
}

.kt-pagination.kt-pagination--info .kt-pagination__links .kt-pagination__link--active {
    background: #5578eb
}

.kt-pagination.kt-pagination--info .kt-pagination__links li:hover {
    background: #5578eb;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-pagination.kt-pagination--info .kt-pagination__links li:hover a {
    color: #fff
}

.kt-pagination.kt-pagination--info .kt-pagination__links li:hover a i {
    color: #fff!important
}

.kt-pagination.kt-pagination--info .kt-pagination__toolbar .form-control {
    background: rgba(85,120,235,0.1)
}

.kt-pagination.kt-pagination--warning .kt-pagination__links .kt-pagination__link--first,.kt-pagination.kt-pagination--warning .kt-pagination__links .kt-pagination__link--next,.kt-pagination.kt-pagination--warning .kt-pagination__links .kt-pagination__link--prev,.kt-pagination.kt-pagination--warning .kt-pagination__links .kt-pagination__link--last {
    background: rgba(255,184,34,0.1)
}

.kt-pagination.kt-pagination--warning .kt-pagination__links .kt-pagination__link--active {
    background: #F04DBA
}

.kt-pagination.kt-pagination--warning .kt-pagination__links li:hover {
    background: #F04DBA;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-pagination.kt-pagination--warning .kt-pagination__links li:hover a {
    color: #fff
}

.kt-pagination.kt-pagination--warning .kt-pagination__links li:hover a i {
    color: #fff!important
}

.kt-pagination.kt-pagination--warning .kt-pagination__toolbar .form-control {
    background: rgba(255,184,34,0.1)
}

.kt-pagination.kt-pagination--danger .kt-pagination__links .kt-pagination__link--first,.kt-pagination.kt-pagination--danger .kt-pagination__links .kt-pagination__link--next,.kt-pagination.kt-pagination--danger .kt-pagination__links .kt-pagination__link--prev,.kt-pagination.kt-pagination--danger .kt-pagination__links .kt-pagination__link--last {
    background: rgba(253,57,122,0.1)
}

.kt-pagination.kt-pagination--danger .kt-pagination__links .kt-pagination__link--active {
    background: #fd397a
}

.kt-pagination.kt-pagination--danger .kt-pagination__links li:hover {
    background: #fd397a;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-pagination.kt-pagination--danger .kt-pagination__links li:hover a {
    color: #fff
}

.kt-pagination.kt-pagination--danger .kt-pagination__links li:hover a i {
    color: #fff!important
}

.kt-pagination.kt-pagination--danger .kt-pagination__toolbar .form-control {
    background: rgba(253,57,122,0.1)
}

.kt-pagination.kt-pagination--circle .kt-pagination__links li {
    min-width: 30px;
    min-height: 30px;
    border-radius: 50%
}

.kt-pagination.kt-pagination--lg .kt-pagination__links li a {
    font-size: 1.3rem;
    min-width: 35px;
    min-height: 35px
}

.kt-pagination.kt-pagination--lg .kt-pagination__toolbar .form-control {
    height: 35px;
    font-size: 1.2rem;
    padding: .2rem 0 .2rem .2rem
}

.kt-pagination.kt-pagination--sm .kt-pagination__links li a {
    font-size: 1rem;
    min-width: 25px;
    min-height: 25px
}

.kt-pagination.kt-pagination--sm .kt-pagination__toolbar .form-control {
    height: 25px;
    font-size: .9rem
}

@media (max-width: 768px) {
    .kt-pagination .kt-pagination__links {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .kt-pagination .kt-pagination__links li {
        margin: .3rem .5rem .3rem 0
    }

    .kt-pagination .kt-pagination__links li a {
        font-size: .9rem;
        min-width: 25px;
        min-height: 25px
    }

    .kt-pagination .kt-pagination__toolbar .form-control {
        height: 25px;
        font-size: .9rem;
        padding: .2rem 0 .2rem .2rem
    }
}

.kt-demo-panel-toggle {
    background-color: #fff;
    cursor: pointer;
    position: fixed;
    z-index: 1000;
    right: 0;
    top: 200px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5rem 0;
    -webkit-box-shadow: 0 0 28px 0 rgba(82,63,105,0.13);
    box-shadow: 0 0 28px 0 rgba(82,63,105,0.13);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.kt-demo-panel-toggle span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #9658DD;
    letter-spacing: 3px
}

.kt-demo-panel {
    background-color: #fff;
    -webkit-box-shadow: 0 0 28px 0 rgba(82,63,105,0.13);
    box-shadow: 0 0 28px 0 rgba(82,63,105,0.13);
    padding: 2.5rem
}

.kt-demo-panel .kt-demo-panel__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3rem
}

.kt-demo-panel .kt-demo-panel__head .kt-demo-panel__title {
    font-size: 1.4rem;
    font-weight: 500;
    color: #464457;
    margin: 0;
    padding: 0
}

.kt-demo-panel .kt-demo-panel__head .kt-demo-panel__title small {
    color: #a7abc3;
    font-size: 1.1rem
}

.kt-demo-panel .kt-demo-panel__head .kt-demo-panel__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background-color: #f7f8fa;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 4px
}

.kt-demo-panel .kt-demo-panel__head .kt-demo-panel__close i {
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: .8rem;
    color: #a7abc3
}

.kt-demo-panel .kt-demo-panel__head .kt-demo-panel__close:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #9658DD
}

.kt-demo-panel .kt-demo-panel__head .kt-demo-panel__close:hover i {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff
}

.kt-demo-panel .kt-demo-panel__body {
    position: relative
}

.kt-demo-panel .kt-demo-panel__body .ps__rail-y {
    opacity: 1
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item {
    display: block;
    margin-bottom: 2rem;
    outline: 0
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item:last-child {
    margin-bottom: 0
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item:hover {
    text-decoration: none
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item .kt-demo-panel__item-title {
    font-size: 1.1rem;
    font-weight: 500;
    color: #6c7293;
    text-align: center;
    margin-bottom: .5rem
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item .kt-demo-panel__item-preview {
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 4px solid #ebedf2;
    border-radius: 4px
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item .kt-demo-panel__item-preview img {
    width: 100%
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item .kt-demo-panel__item-preview .kt-demo-panel__item-preview-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,0.15);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item .kt-demo-panel__item-preview .kt-demo-panel__item-preview-overlay .btn {
    margin-right: 5px
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item .kt-demo-panel__item-preview .kt-demo-panel__item-preview-overlay .btn:last-child {
    margin-right: 0
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item .kt-demo-panel__item-preview .kt-demo-panel__item-preview-overlay .btn.btn-light {
    background-color: #fff;
    color: #a7abc3
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item .kt-demo-panel__item-preview .kt-demo-panel__item-preview-overlay .btn.btn-light:hover {
    background-color: #fff;
    color: #6c7293
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item.kt-demo-panel__item--active .kt-demo-panel__item-preview {
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 4px solid #9658DD
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item:hover .kt-demo-panel__item-preview {
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__item:hover .kt-demo-panel__item-preview .kt-demo-panel__item-preview-overlay {
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1
}

.kt-demo-panel .kt-demo-panel__body .kt-demo-panel__purchase {
    margin-bottom: 2rem;
    display: block
}

@media (min-width: 1025px) {
    .kt-demo-panel .kt-demo-panel__body {
        padding-right:1.5rem;
        margin-right: -1.5rem
    }
}

.kt-demo-panel-close {
    display: none
}

.kt-demo-panel {
    z-index: 1001;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translate3d(0,0,0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 350px!important;
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    left: -370px
}

.kt-demo-panel.kt-demo-panel--on {
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    left: 0
}

@media screen\0 {
    .kt-demo-panel {
        -webkit-transition: none!important;
        transition: none!important
    }
}

.kt-demo-panel--right .kt-demo-panel {
    right: -370px;
    left: auto
}

.kt-demo-panel--right .kt-demo-panel.kt-demo-panel--on {
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    right: 0;
    left: auto
}

.kt-demo-panel-close {
    width: 25px;
    height: 25px;
    top: 1px;
    z-index: 1002;
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    position: fixed;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    outline: none!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: -25px
}

@media screen\0 {
    .kt-demo-panel-close {
        -webkit-transition: none!important;
        transition: none!important
    }
}

.kt-demo-panel-close &gt; i {
    line-height: 0;
    font-size: 1.4rem
}

.kt-demo-panel-close:hover {
    text-decoration: none
}

.kt-demo-panel--right .kt-demo-panel-close {
    left: auto;
    right: -25px
}

.kt-demo-panel--on .kt-demo-panel-close {
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    left: 324px
}

.kt-demo-panel--on.kt-demo-panel--right .kt-demo-panel-close {
    left: auto;
    right: 324px
}

.kt-demo-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 1000;
    background: rgba(0,0,0,0.1);
    -webkit-animation: kt-animate-fade-in .3s linear 1;
    animation: kt-animate-fade-in .3s linear 1;
    background: rgba(0,0,0,0.05)
}

@media (max-width: 400px) {
    .kt-demo-panel {
        width:90%!important
    }
}

@media (max-width: 1024px) {
    .kt-demo-panel-toggle {
        width:30px;
        padding: 1rem 0
    }

    .kt-demo-panel-toggle span {
        font-size: 1.2rem;
        font-weight: 600;
        letter-spacing: 2px
    }

    .kt-demo-panel {
        padding: 1rem
    }

    .kt-demo-panel-toggle {
        top: 20%
    }
}

.kt-offcanvas-panel {
    background-color: #fff;
    -webkit-box-shadow: 0 0 28px 0 rgba(82,63,105,0.13);
    box-shadow: 0 0 28px 0 rgba(82,63,105,0.13);
    padding: 2.5rem
}

.kt-offcanvas-panel .kt-offcanvas-panel__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem
}

.kt-offcanvas-panel .kt-offcanvas-panel__head .kt-offcanvas-panel__title {
    font-size: 1.4rem;
    font-weight: 500;
    color: #464457;
    margin: 0;
    padding: 0
}

.kt-offcanvas-panel .kt-offcanvas-panel__head .kt-offcanvas-panel__title small {
    color: #a7abc3;
    font-size: 1rem
}

.kt-offcanvas-panel .kt-offcanvas-panel__head .kt-offcanvas-panel__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background-color: #f7f8fa;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 4px
}

.kt-offcanvas-panel .kt-offcanvas-panel__head .kt-offcanvas-panel__close i {
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: .8rem;
    color: #a7abc3
}

.kt-offcanvas-panel .kt-offcanvas-panel__head .kt-offcanvas-panel__close:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #9658DD
}

.kt-offcanvas-panel .kt-offcanvas-panel__head .kt-offcanvas-panel__close:hover i {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff
}

.kt-offcanvas-panel .kt-offcanvas-panel__body {
    position: relative
}

.kt-offcanvas-panel .kt-offcanvas-panel__body .kt-offcanvas-panel__section {
    padding: 0;
    font-size: 1.3rem;
    font-weight: 500;
    color: #6c7293;
    margin: 2rem 0 1.5rem
}

.kt-offcanvas-panel .kt-offcanvas-panel__body .kt-offcanvas-panel__section.kt-offcanvas-panel__section--first {
    margin-top: 0
}

.kt-offcanvas-panel-close {
    display: none
}

.kt-offcanvas-panel {
    z-index: 1001;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translate3d(0,0,0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 425px!important;
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    left: -445px
}

.kt-offcanvas-panel.kt-offcanvas-panel--on {
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    left: 0
}

@media screen\0 {
    .kt-offcanvas-panel {
        -webkit-transition: none!important;
        transition: none!important
    }
}

.kt-offcanvas-panel--right .kt-offcanvas-panel {
    right: -445px;
    left: auto
}

.kt-offcanvas-panel--right .kt-offcanvas-panel.kt-offcanvas-panel--on {
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    right: 0;
    left: auto
}

.kt-offcanvas-panel-close {
    width: 25px;
    height: 25px;
    top: 1px;
    z-index: 1002;
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    position: fixed;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    outline: none!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: -25px
}

@media screen\0 {
    .kt-offcanvas-panel-close {
        -webkit-transition: none!important;
        transition: none!important
    }
}

.kt-offcanvas-panel-close &gt; i {
    line-height: 0;
    font-size: 1.4rem
}

.kt-offcanvas-panel-close:hover {
    text-decoration: none
}

.kt-offcanvas-panel--right .kt-offcanvas-panel-close {
    left: auto;
    right: -25px
}

.kt-offcanvas-panel--on .kt-offcanvas-panel-close {
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    left: 399px
}

.kt-offcanvas-panel--on.kt-offcanvas-panel--right .kt-offcanvas-panel-close {
    left: auto;
    right: 399px
}

.kt-offcanvas-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 1000;
    background: rgba(0,0,0,0.1);
    -webkit-animation: kt-animate-fade-in .3s linear 1;
    animation: kt-animate-fade-in .3s linear 1;
    background: rgba(0,0,0,0.1)
}

@media (max-width: 475px) {
    .kt-offcanvas-panel {
        width:90%!important
    }
}

@media (min-width: 1025px) {
    .kt-offcanvas-panel .kt-offcanvas-panel__body {
        padding-right:1.5rem;
        margin-right: -1.5rem
    }
}

@media (max-width: 1024px) {
    .kt-offcanvas-panel {
        padding:1rem
    }
}

.kt-quick-panel {
    background-color: #fff;
    -webkit-box-shadow: 0 0 28px 0 rgba(82,63,105,0.13);
    box-shadow: 0 0 28px 0 rgba(82,63,105,0.13);
    padding: 0
}

.kt-quick-panel .kt-quick-panel__close {
    position: absolute;
    z-index: 1;
    right: 1.5rem;
    top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background-color: #f7f8fa;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 4px
}

.kt-quick-panel .kt-quick-panel__close i {
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: .8rem;
    color: #a7abc3
}

.kt-quick-panel .kt-quick-panel__close:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #9658DD
}

.kt-quick-panel .kt-quick-panel__close:hover i {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff
}

.kt-quick-panel .kt-quick-panel__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 1.5rem 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-quick-panel .kt-quick-panel__nav .nav {
    width: 100%;
    padding: 0 1.5rem;
    margin: 0
}

.kt-quick-panel .kt-quick-panel__nav .nav .nav-item {
    margin-right: 1.5rem
}

.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link {
    font-size: 1rem;
    color: #a7abc3
}

.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child {
    margin-right: 0
}

.kt-quick-panel .kt-quick-panel__content {
    padding: 1.5rem 0
}

.kt-quick-panel .kt-quick-panel__content .ps &gt; .ps__rail-y {
    right: 5px!important
}

.kt-quick-panel .kt-quick-panel__content-padding-x {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.kt-quick-panel-close {
    display: none
}

.kt-quick-panel {
    z-index: 1001;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translate3d(0,0,0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 425px!important;
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    left: -445px
}

.kt-quick-panel.kt-quick-panel--on {
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    left: 0
}

@media screen\0 {
    .kt-quick-panel {
        -webkit-transition: none!important;
        transition: none!important
    }
}

.kt-quick-panel--right .kt-quick-panel {
    right: -445px;
    left: auto
}

.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on {
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    right: 0;
    left: auto
}

.kt-quick-panel-close {
    width: 25px;
    height: 25px;
    top: 1px;
    z-index: 1002;
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    position: fixed;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    outline: none!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: -25px
}

@media screen\0 {
    .kt-quick-panel-close {
        -webkit-transition: none!important;
        transition: none!important
    }
}

.kt-quick-panel-close &gt; i {
    line-height: 0;
    font-size: 1.4rem
}

.kt-quick-panel-close:hover {
    text-decoration: none
}

.kt-quick-panel--right .kt-quick-panel-close {
    left: auto;
    right: -25px
}

.kt-quick-panel--on .kt-quick-panel-close {
    -webkit-transition: left .3s ease,right .3s ease;
    transition: left .3s ease,right .3s ease;
    left: 399px
}

.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close {
    left: auto;
    right: 399px
}

.kt-quick-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 1000;
    background: rgba(0,0,0,0.1);
    -webkit-animation: kt-animate-fade-in .3s linear 1;
    animation: kt-animate-fade-in .3s linear 1
}

.kt-quick-panel {
    background: #fff;
    -webkit-box-shadow: 0 1px 9px -3px rgba(0,0,0,0.75);
    box-shadow: 0 1px 9px -3px rgba(0,0,0,0.75)
}

.kt-quick-panel-overlay {
    background: rgba(0,0,0,0.1)
}

.kt-quick-panel-close {
    background-color: #e8e8f2
}

.kt-quick-panel-close &gt; i {
    color: #968ad4
}

.kt-quick-panel-close:hover {
    background-color: #9658DD
}

.kt-quick-panel-close:hover &gt; i {
    color: #fff
}

@media (max-width: 475px) {
    .kt-quick-panel {
        width:90%!important
    }
}

@media (max-width: 1024px) {
    .kt-quick-panel .kt-quick-panel__close {
        right:.5rem;
        top: .5rem;
        width: 24px;
        height: 24px
    }

    .kt-quick-panel .kt-quick-panel__close i {
        font-size: .8rem
    }

    .kt-quick-panel .kt-quick-panel__nav {
        padding: 1rem 0
    }

    .kt-quick-panel .kt-quick-panel__nav .nav .nav-item {
        margin-right: 1rem
    }

    .kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child {
        margin-right: 0
    }

    .kt-quick-panel .kt-quick-panel__nav .nav .nav-link {
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-size: .9rem;
        font-weight: 400;
        text-transform: uppercase
    }

    .kt-quick-panel .kt-quick-panel__nav .kt-quick-panel__close i {
        font-size: 1.1rem
    }

    .kt-quick-panel .kt-quick-panel__content {
        padding: 1rem .5rem 1rem 1rem
    }

    .kt-quick-panel .kt-quick-panel__content .tab-pane {
        padding-right: .5rem
    }
}

.kt-quick-search {
    padding: 1.5rem
}

.kt-quick-search .kt-quick-search__form {
    padding: 0;
    background-color: #36344d
}

.kt-quick-search .kt-quick-search__form .input-group {
    background-color: transparent
}

.kt-quick-search .kt-quick-search__form .input-group-prepend,.kt-quick-search .kt-quick-search__form .input-group-append {
    background-color: transparent
}

.kt-quick-search .kt-quick-search__form .input-group-prepend .input-group-text,.kt-quick-search .kt-quick-search__form .input-group-append .input-group-text {
    background-color: transparent;
    border: 0
}

.kt-quick-search .kt-quick-search__form .form-control {
    border: 0;
    background: none;
    outline: none!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #575962;
    background-color: transparent;
    border: 0
}

.kt-quick-search .kt-quick-search__form .form-control::-moz-placeholder {
    color: #656872;
    opacity: 1
}

.kt-quick-search .kt-quick-search__form .form-control:-ms-input-placeholder {
    color: #656872
}

.kt-quick-search .kt-quick-search__form .form-control::-webkit-input-placeholder {
    color: #656872
}

.kt-quick-search .kt-quick-search__form i {
    font-size: 1.3rem;
    color: #64688d
}

.kt-quick-search .kt-quick-search__form .kt-quick-search__close {
    cursor: pointer;
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-quick-search .kt-quick-search__form .kt-quick-search__close:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #9658DD
}

.kt-quick-search .kt-quick-search__wrapper {
    display: none;
    margin: 1.5rem
}

.kt-quick-search .kt-quick-search__wrapper.ps {
    margin-right: .5rem
}

.kt-quick-search .kt-quick-search__result {
    padding: 0;
    margin: 0
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 1.5rem 0 .5rem;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    color: #9658DD
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__category.kt-quick-search__category--first {
    margin-top: 0
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0;
    font-weight: 500;
    font-size: 1.1rem
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: .5rem 0;
    outline: none
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__item .kt-quick-search__item-icon {
    width: 2.5rem;
    margin-right: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #a7abc3
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__item .kt-quick-search__item-icon i {
    font-size: 1.5rem
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__item .kt-quick-search__item-icon img {
    border-radius: 50%;
    display: block;
    max-width: 28px!important
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__item .kt-quick-search__item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    color: #a7abc3;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__item:hover {
    text-decoration: none
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__item:hover .kt-quick-search__item-text {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #9658DD
}

.kt-quick-search.kt-quick-search--has-result .kt-quick-search__wrapper {
    display: block
}

.kt-quick-search.kt-quick-search--inline {
    padding: 0
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__form {
    margin: 0 1.5rem;
    padding: 1rem 0;
    background-color: #fff
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__form .input-group:before {
    right: 0!important
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__form .input-group-prepend .input-group-text {
    padding-left: 0
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__form .input-group-append .input-group-text {
    padding-right: 0
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__form .form-control {
    color: #6c7293
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__form .form-control::-moz-placeholder {
    color: #a7abc3;
    opacity: 1
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__form .form-control:-ms-input-placeholder {
    color: #a7abc3
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__form .form-control::-webkit-input-placeholder {
    color: #a7abc3
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__form i {
    font-size: 1.3rem;
    color: #a7abc3
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__wrapper {
    margin: 1.5rem;
    display: none;
    padding-top: 0;
    padding-bottom: 0
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__wrapper.ps {
    margin-right: .5rem
}

.kt-quick-search.kt-quick-search--inline .kt-quick-search__result {
    padding: 0
}

.kt-quick-search.kt-quick-search--inline.kt-quick-search--has-result .kt-quick-search__form {
    border-bottom: 1px solid #ebedf2
}

.kt-quick-search.kt-quick-search--inline.kt-quick-search--has-result .kt-quick-search__wrapper {
    display: block
}

.kt-quick-search.kt-quick-search--inline.kt-quick-search--has-result .kt-quick-search__wrapper .kt-quick-search__result {
    padding-top: 0;
    padding-bottom: 0
}

.kt-scroll {
    position: relative;
    overflow: hidden
}

.kt-sticky-toolbar {
    width: 46px;
    position: fixed;
    top: 30%;
    right: 0;
    list-style: none;
    padding: 5px 0;
    margin: 0;
    z-index: 50;
    background: #fff;
    -webkit-box-shadow: 0 0 50px 0 rgba(82,63,105,0.15);
    box-shadow: 0 0 50px 0 rgba(82,63,105,0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px 0 0 3px
}

.kt-sticky-toolbar .kt-sticky-toolbar__item {
    margin: 0;
    padding: 5px;
    text-align: center
}

.kt-sticky-toolbar .kt-sticky-toolbar__item &gt; a {
    background: #f4f4f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.kt-sticky-toolbar .kt-sticky-toolbar__item &gt; a &gt; i {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    font-size: 1.3rem
}

.kt-sticky-toolbar .kt-sticky-toolbar__item &gt; a:hover {
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.kt-sticky-toolbar .kt-sticky-toolbar__item &gt; a:hover &gt; i {
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--brand &gt; a &gt; i {
    color: #9658DD
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--brand:hover &gt; a {
    background: #9658DD
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--brand:hover &gt; a &gt; i {
    color: #fff
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--light &gt; a &gt; i {
    color: #fff
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--light:hover &gt; a {
    background: #fff
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--light:hover &gt; a &gt; i {
    color: #282a3c
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--dark &gt; a &gt; i {
    color: #282a3c
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--dark:hover &gt; a {
    background: #282a3c
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--dark:hover &gt; a &gt; i {
    color: #fff
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--primary &gt; a &gt; i {
    color: #5867dd
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--primary:hover &gt; a {
    background: #5867dd
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--primary:hover &gt; a &gt; i {
    color: #fff
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--success &gt; a &gt; i {
    color: #1dc9b7
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--success:hover &gt; a {
    background: #1dc9b7
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--success:hover &gt; a &gt; i {
    color: #fff
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--info &gt; a &gt; i {
    color: #5578eb
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--info:hover &gt; a {
    background: #5578eb
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--info:hover &gt; a &gt; i {
    color: #fff
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--warning &gt; a &gt; i {
    color: #F04DBA
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--warning:hover &gt; a {
    background: #F04DBA
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--warning:hover &gt; a &gt; i {
    color: #111
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--danger &gt; a &gt; i {
    color: #fd397a
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--danger:hover &gt; a {
    background: #fd397a
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--danger:hover &gt; a &gt; i {
    color: #fff
}

.kt-subheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 30px;
    background-color: #fff
}

.kt-subheader .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 32px!important;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: .25rem;
    margin-bottom: .25rem
}

.kt-subheader .btn i {
    font-size: 1rem!important
}

.kt-subheader .btn.btn-icon {
    width: 32px!important
}

.kt-subheader .btn:not(.dropdown-toggle-split) {
    margin-left: .5rem
}

.kt-subheader .kt-subheader__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .25rem 0
}

.kt-subheader .kt-subheader__main .btn:not(.dropdown-toggle-split) {
    margin-left: 0;
    margin-right: .5rem
}

.kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle {
    display: none
}

.kt-subheader .kt-subheader__main .kt-subheader__title {
    margin: 0;
    padding: 0 1rem 0 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #434349
}

.kt-subheader .kt-subheader__main .kt-subheader__title small {
    padding-left: .25rem;
    font-size: .9rem;
    color: #a7abc3
}

.kt-subheader .kt-subheader__main .kt-subheader__desc {
    padding: 0 .5rem 0 0;
    font-size: 1rem;
    font-weight: 500;
    color: #959cb6
}

.kt-subheader .kt-subheader__main .kt-subheader__separator {
    display: block;
    width: 12px;
    height: 4px;
    border-radius: 2px;
    background: #e7e8ef;
    margin: 0 1rem 0 0
}

.kt-subheader .kt-subheader__main .kt-subheader__separator.kt-subheader__separator--v {
    width: 1px;
    height: 22px
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-home {
    padding: 0 .65rem 0 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-home &gt; i {
    font-size: 1rem;
    color: #c5cbe7
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-home:hover &gt; i {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #9658DD
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-home.kt-subheader__breadcrumbs-home--active &gt; i {
    color: #9658DD
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link {
    padding: 0 .35rem 0 0;
    font-size: 1rem;
    font-weight: 500;
    color: #959cb6;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link:hover {
    color: #9658DD
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link.kt-subheader__breadcrumbs-link--active {
    color: #9658DD
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link:hover {
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: content;
    -ms-flex-pack: content;
    justify-content: content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .35rem 0 0
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-separator:after {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: " ";
    background: #e7e8ef
}

.kt-subheader .kt-subheader__main .kt-subheader__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-subheader .kt-subheader__toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.kt-subheader .kt-subheader__toolbar .btn:not(.dropdown-toggle-split) {
    margin-left: .25rem
}

.kt-subheader .kt-subheader__btn-primary {
    background: #f2f3f7;
    color: #959cb6;
    font-weight: 500
}

.kt-subheader .kt-subheader__btn-primary i {
    color: #959cb6
}

.kt-subheader .kt-subheader__btn-primary:hover,.kt-subheader .kt-subheader__btn-primary.active,.kt-subheader .kt-subheader__btn-primary:active,.kt-subheader .kt-subheader__btn-primary:focus {
    color: #fff;
    background: #9658DD
}

.kt-subheader .kt-subheader__btn-primary:hover i,.kt-subheader .kt-subheader__btn-primary.active i,.kt-subheader .kt-subheader__btn-primary:active i,.kt-subheader .kt-subheader__btn-primary:focus i {
    color: #fff
}

.kt-subheader .kt-subheader__btn-primary:hover g [fill],.kt-subheader .kt-subheader__btn-primary.active g [fill],.kt-subheader .kt-subheader__btn-primary:active g [fill],.kt-subheader .kt-subheader__btn-primary:focus g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #fff
}

.kt-subheader .kt-subheader__btn-primary:hover:hover g [fill],.kt-subheader .kt-subheader__btn-primary.active:hover g [fill],.kt-subheader .kt-subheader__btn-primary:active:hover g [fill],.kt-subheader .kt-subheader__btn-primary:focus:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.kt-subheader .kt-subheader__btn-secondary {
    color: #959cb6;
    font-weight: 500
}

.kt-subheader .kt-subheader__btn-secondary i {
    color: #aab1df
}

.kt-subheader .kt-subheader__btn-secondary g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #aab1df
}

.kt-subheader .kt-subheader__btn-secondary:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.kt-subheader .kt-subheader__btn-secondary:hover,.kt-subheader .kt-subheader__btn-secondary.active,.kt-subheader .kt-subheader__btn-secondary:active,.kt-subheader .kt-subheader__btn-secondary:focus {
    background: #f2f3f7;
    color: #9658DD
}

.kt-subheader .kt-subheader__btn-secondary:hover g [fill],.kt-subheader .kt-subheader__btn-secondary.active g [fill],.kt-subheader .kt-subheader__btn-secondary:active g [fill],.kt-subheader .kt-subheader__btn-secondary:focus g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #9658DD
}

.kt-subheader .kt-subheader__btn-secondary:hover:hover g [fill],.kt-subheader .kt-subheader__btn-secondary.active:hover g [fill],.kt-subheader .kt-subheader__btn-secondary:active:hover g [fill],.kt-subheader .kt-subheader__btn-secondary:focus:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.kt-subheader .kt-subheader__btn-daterange {
    background: #f2f3f7
}

.kt-subheader .kt-subheader__btn-daterange .kt-subheader__btn-daterange-title {
    display: inline-block;
    color: #959cb6;
    font-weight: 500
}

.kt-subheader .kt-subheader__btn-daterange .kt-subheader__btn-daterange-date {
    display: inline-block;
    color: #9658DD;
    margin-right: .75rem;
    font-weight: 500
}

.kt-subheader .kt-subheader__btn-daterange i {
    color: #9658DD
}

.kt-subheader .kt-subheader__btn-daterange:hover,.kt-subheader .kt-subheader__btn-daterange.active,.kt-subheader .kt-subheader__btn-daterange:active,.kt-subheader .kt-subheader__btn-daterange:focus {
    background: #f2f3f7
}

.kt-subheader .kt-subheader__btn-daterange:hover i,.kt-subheader .kt-subheader__btn-daterange.active i,.kt-subheader .kt-subheader__btn-daterange:active i,.kt-subheader .kt-subheader__btn-daterange:focus i {
    color: #9658DD
}

.kt-subheader .kt-subheader__search {
    width: 175px;
    display: inline-block
}

.kt-subheader .kt-subheader__search .form-control {
    font-size: .9rem;
    height: 33px;
    background: #f2f3f7;
    border-color: #f2f3f7!important
}

.kt-subheader .kt-subheader__search .kt-input-icon__icon i {
    font-size: 1.2rem;
    color: #a7abc3
}

.kt-subheader--transparent .kt-subheader {
    background-color: transparent;
    padding: 20px 30px
}

.kt-subheader--transparent .kt-subheader .kt-subheader__main .kt-subheader__separator {
    background: #dbdce7
}

.kt-subheader--transparent .kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-home &gt; i {
    color: #b7bee1
}

.kt-subheader--transparent .kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link {
    color: #959cb6
}

.kt-subheader--transparent .kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-separator:after {
    background: #dbdce7
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary {
    background: #e1e3ec;
    color: #959cb6
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary i {
    color: #959cb6
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #959cb6
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:hover,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary.active,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:active,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:focus {
    background: #9658DD;
    color: #fff
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:hover i,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary.active i,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:active i,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:focus i {
    color: #fff
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:hover g [fill],.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary.active g [fill],.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:active g [fill],.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:focus g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #fff
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:hover:hover g [fill],.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary.active:hover g [fill],.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:active:hover g [fill],.kt-subheader--transparent .kt-subheader .kt-subheader__btn-primary:focus:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-secondary {
    color: #8c94b0
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-secondary i {
    color: #9fa7db
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-secondary:hover,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-secondary.active,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-secondary:active,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-secondary:focus {
    background: #eaecf2
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-daterange {
    background: #e1e3ec
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-daterange:hover,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-daterange.active,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-daterange:active,.kt-subheader--transparent .kt-subheader .kt-subheader__btn-daterange:focus {
    background: #d7dbe6
}

.kt-subheader--transparent .kt-subheader .kt-subheader__search .form-control {
    background: #eaecf2;
    border-color: #eaecf2!important
}

@media (max-width: 1024px) {
    .kt-subheader {
        padding:2px 15px
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle {
        display: inline-block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        background: none;
        outline: none!important;
        width: 20px;
        height: 22px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle span {
        display: block;
        position: absolute;
        top: 10px;
        height: 2px;
        min-height: 2px;
        width: 100%;
        border-radius: 2px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle span::before,.kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle span::after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        min-height: 2px;
        content: "";
        border-radius: 2px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle span::before {
        top: -6px
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle span::after {
        bottom: -6px
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--left span:before {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        left: auto;
        right: 0;
        width: 50%
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--left span:after {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        left: auto;
        right: 0;
        width: 75%
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--left:hover span:after,.kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--left:hover span:before {
        width: 100%;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--left.kt-subheader__mobile-toggle--active span:before {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        left: 0;
        right: auto;
        width: 50%
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--left.kt-subheader__mobile-toggle--active span:after {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        left: 0;
        right: auto;
        width: 75%
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--right span:before {
        left: 0;
        right: auto;
        width: 50%;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--right span:after {
        left: 0;
        right: auto;
        width: 75%;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--right:hover span:after,.kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--right:hover span:before {
        width: 100%;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--right.kt-subheader__mobile-toggle--active span:before {
        left: auto;
        right: 0;
        width: 50%;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--right.kt-subheader__mobile-toggle--active span:after {
        left: auto;
        right: 0;
        width: 75%;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle span {
        background: #a7abc3
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle span::before,.kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle span::after {
        background: #a7abc3
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle:hover span {
        background: #9658DD
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle:hover span::before,.kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle:hover span::after {
        background: #9658DD
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--active span {
        background: #9658DD
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--active span::before,.kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle.kt-subheader__mobile-toggle--active span::after {
        background: #9658DD
    }

    .kt-subheader .kt-subheader__main .kt-subheader__mobile-toggle {
        display: inline-block;
        margin-right: 1rem
    }

    .kt-subheader .kt-subheader__main .kt-subheader__title {
        padding: .5rem 1.25rem .5rem 0
    }

    .kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs {
        padding: .5rem 0
    }

    .kt-subheader .kt-subheader__toolbar {
        padding: .5rem 0
    }

    .kt-subheader--transparent .kt-subheader {
        padding: 10px 15px
    }
}

@media (max-width: 768px) {
    .kt-subheader .kt-subheader__toolbar {
        padding-top:.5rem
    }
}

.kt-badge {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    font-size: .8rem
}

.kt-badge.kt-badge--bold {
    font-weight: 500
}

.kt-badge.kt-badge--bolder {
    font-weight: 600
}

.kt-badge.kt-badge--boldest {
    font-weight: 700
}

.kt-badge.kt-badge--md {
    height: 24px;
    width: 24px;
    font-size: 1rem
}

.kt-badge.kt-badge--lg {
    height: 35px;
    width: 35px;
    font-size: 1rem
}

.kt-badge.kt-badge--xl {
    height: 50px;
    width: 50px;
    font-size: 1.1rem;
    font-weight: 500
}

.kt-badge.kt-badge__pics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.kt-badge.kt-badge__pics .kt-badge__pic {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    margin-left: -.7rem;
    border: 1px solid #fff;
    background-color: #f0f3ff;
    color: #a1a8c3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    position: relative
}

.kt-badge.kt-badge__pics .kt-badge__pic img {
    width: 100%
}

.kt-badge.kt-badge__pics .kt-badge__pic.kt-badge__pic--last {
    font-size: 1rem;
    font-weight: 500
}

.kt-badge.kt-badge--brand {
    color: #fff;
    background: #9658DD
}

.kt-badge.kt-badge--outline.kt-badge--brand {
    background: transparent;
    color: #9658DD;
    border: 1px solid #9658DD
}

.kt-badge.kt-badge--outline.kt-badge--brand.kt-badge--outline-2x {
    border: 2px solid #9658DD
}

.kt-badge.kt-badge--light {
    color: #282a3c;
    background: #fff
}

.kt-badge.kt-badge--outline.kt-badge--light {
    background: transparent;
    color: #fff;
    border: 1px solid #fff
}

.kt-badge.kt-badge--outline.kt-badge--light.kt-badge--outline-2x {
    border: 2px solid #fff
}

.kt-badge.kt-badge--dark {
    color: #fff;
    background: #282a3c
}

.kt-badge.kt-badge--outline.kt-badge--dark {
    background: transparent;
    color: #282a3c;
    border: 1px solid #282a3c
}

.kt-badge.kt-badge--outline.kt-badge--dark.kt-badge--outline-2x {
    border: 2px solid #282a3c
}

.kt-badge.kt-badge--primary {
    color: #fff;
    background: #5867dd
}

.kt-badge.kt-badge--outline.kt-badge--primary {
    background: transparent;
    color: #5867dd;
    border: 1px solid #5867dd
}

.kt-badge.kt-badge--outline.kt-badge--primary.kt-badge--outline-2x {
    border: 2px solid #5867dd
}

.kt-badge.kt-badge--success {
    color: #fff;
    background: #1dc9b7
}

.kt-badge.kt-badge--outline.kt-badge--success {
    background: transparent;
    color: #1dc9b7;
    border: 1px solid #1dc9b7
}

.kt-badge.kt-badge--outline.kt-badge--success.kt-badge--outline-2x {
    border: 2px solid #1dc9b7
}

.kt-badge.kt-badge--info {
    color: #fff;
    background: #5578eb
}

.kt-badge.kt-badge--outline.kt-badge--info {
    background: transparent;
    color: #5578eb;
    border: 1px solid #5578eb
}

.kt-badge.kt-badge--outline.kt-badge--info.kt-badge--outline-2x {
    border: 2px solid #5578eb
}

.kt-badge.kt-badge--warning {
    color: #111;
    background: #F04DBA
}

.kt-badge.kt-badge--outline.kt-badge--warning {
    background: transparent;
    color: #F04DBA;
    border: 1px solid #F04DBA
}

.kt-badge.kt-badge--outline.kt-badge--warning.kt-badge--outline-2x {
    border: 2px solid #F04DBA
}

.kt-badge.kt-badge--danger {
    color: #fff;
    background: #fd397a
}

.kt-badge.kt-badge--outline.kt-badge--danger {
    background: transparent;
    color: #fd397a;
    border: 1px solid #fd397a
}

.kt-badge.kt-badge--outline.kt-badge--danger.kt-badge--outline-2x {
    border: 2px solid #fd397a
}

.kt-badge.kt-badge--unified-brand {
    color: #9658DD;
    background: rgba(55,74,251,0.1)
}

.kt-badge.kt-badge--unified-light {
    color: #fff;
    background: rgba(255,255,255,0.1)
}

.kt-badge.kt-badge--unified-dark {
    color: #282a3c;
    background: rgba(40,42,60,0.1)
}

.kt-badge.kt-badge--unified-primary {
    color: #5867dd;
    background: rgba(88,103,221,0.1)
}

.kt-badge.kt-badge--unified-success {
    color: #1dc9b7;
    background: rgba(29,201,183,0.1)
}

.kt-badge.kt-badge--unified-info {
    color: #5578eb;
    background: rgba(85,120,235,0.1)
}

.kt-badge.kt-badge--unified-warning {
    color: #F04DBA;
    background: rgba(255,184,34,0.1)
}

.kt-badge.kt-badge--unified-danger {
    color: #fd397a;
    background: rgba(253,57,122,0.1)
}

.kt-badge.kt-badge--inline {
    height: 0;
    width: auto;
    padding: .75rem;
    border-radius: 2px
}

.kt-badge.kt-badge--inline.kt-badge--md {
    padding: .8rem .6rem
}

.kt-badge.kt-badge--inline.kt-badge--lg {
    padding: .9rem .7rem
}

.kt-badge.kt-badge--inline.kt-badge--xl {
    padding: 1rem .8rem
}

.kt-badge.kt-badge--pill {
    border-radius: 2rem
}

.kt-badge.kt-badge--rounded {
    border-radius: 4px
}

.kt-badge.kt-badge--dot {
    display: inline-block;
    line-height: 4px;
    min-height: 4px;
    min-width: 4px;
    height: 4px;
    width: 4px;
    font-size: 0;
    vertical-align: middle;
    text-align: center
}

.kt-badge.kt-badge--dot.kt-badge--md {
    line-height: 6px;
    min-height: 6px;
    min-width: 6px;
    height: 6px;
    width: 6px
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    line-height: 8px;
    min-height: 8px;
    min-width: 8px;
    height: 8px;
    width: 8px
}

.kt-badge.kt-badge--dot.kt-badge--xl {
    line-height: 10px;
    min-height: 10px;
    min-width: 10px;
    height: 10px;
    width: 10px
}

.kt-badge.kt-badge--square {
    border-radius: 0
}

.kt-badge.kt-badge--elevate {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)
}

.kt-demo-icon {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    border-radius: 4px
}

.kt-demo-icon .kt-demo-icon__preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px
}

.kt-demo-icon .kt-demo-icon__preview i {
    line-height: 0;
    vertical-align: middle;
    font-size: 2.5rem!important
}

.kt-demo-icon .kt-demo-icon__class {
    color: #a7abc3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
    font-size: 1rem;
    font-weight: 400
}

.kt-demo-icon:hover {
    background-color: #f7f8fa
}

.kt-demo-icon.kt-demo-icon--overlay {
    position: relative
}

.kt-demo-icon.kt-demo-icon--overlay svg {
    height: 40px;
    width: 40px
}

.kt-demo-icon.kt-demo-icon--overlay .kt-demo-icon__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,0.05);
    -webkit-transition: all .3 ease;
    transition: all .3 ease;
    opacity: 0
}

.kt-demo-icon.kt-demo-icon--overlay .kt-demo-icon__overlay .btn {
    margin-right: 10px
}

.kt-demo-icon.kt-demo-icon--overlay .kt-demo-icon__overlay .btn:last-child {
    margin-right: 0
}

.kt-demo-icon.kt-demo-icon--overlay:hover {
    background-color: transparent
}

.kt-demo-icon.kt-demo-icon--overlay:hover .kt-demo-icon__overlay {
    -webkit-transition: all .3 ease;
    transition: all .3 ease;
    opacity: 1
}

.kt-divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-divider &gt; span:first-child {
    width: 100%;
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #EBECF1;
    display: inline-block
}

.kt-divider &gt; span:last-child {
    width: 100%;
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #EBECF1;
    display: inline-block
}

.kt-divider &gt; span:not(:first-child):not(:last-child) {
    padding: 0 2rem
}

.kt-heading {
    font-size: 1.3rem;
    font-weight: 500;
    padding: 0;
    margin: 1.75rem 0;
    color: #464457
}

.kt-heading.kt-heading--center {
    text-align: center
}

.kt-heading.kt-heading--right {
    text-align: right
}

.kt-heading.kt-heading--space-sm {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.kt-heading.kt-heading--space-md {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.kt-heading.kt-heading--space-lg {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.kt-heading.kt-heading--space-xl {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.kt-heading.kt-heading--sm {
    font-size: 1.2rem
}

.kt-heading.kt-heading--md {
    font-size: 1.4rem
}

.kt-heading.kt-heading--lg {
    font-size: 1.6rem
}

.kt-heading.kt-heading--xl {
    font-size: 2rem
}

.kt-heading.kt-heading--medium {
    font-weight: 600
}

.kt-heading.kt-heading--bold {
    font-weight: 700
}

.kt-heading.kt-heading--bolder {
    font-weight: 900
}

.kt-heading.kt-heading--thin {
    font-weight: 300
}

.kt-heading.kt-heading--no-top-margin {
    margin-top: 0
}

.kt-heading.kt-heading--no-bottok-margin {
    margin-bottom: 0
}

.kt-link {
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: #505ae2
}

.kt-link:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    top: 1rem;
    left: 0;
    width: 0;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.kt-link:hover {
    text-decoration: none!important
}

.kt-link:hover:after {
    width: 100%
}

.kt-link:hover {
    color: #3641de
}

.kt-link:hover:after {
    border-bottom: 1px solid #3641de;
    opacity: .3
}

.kt-link.kt-link--brand {
    color: #9658DD
}

.kt-link.kt-link--brand:hover {
    color: #051dfa
}

.kt-link.kt-link--brand:hover:after {
    border-bottom: 1px solid #051dfa;
    opacity: .3
}

.kt-link.kt-link--light {
    color: #fff
}

.kt-link.kt-link--light:hover {
    color: #e6e6e6
}

.kt-link.kt-link--light:hover:after {
    border-bottom: 1px solid #e6e6e6;
    opacity: .3
}

.kt-link.kt-link--dark {
    color: #282a3c
}

.kt-link.kt-link--dark:hover {
    color: #14151d
}

.kt-link.kt-link--dark:hover:after {
    border-bottom: 1px solid #14151d;
    opacity: .3
}

.kt-link.kt-link--primary {
    color: #5867dd
}

.kt-link.kt-link--primary:hover {
    color: #2e40d4
}

.kt-link.kt-link--primary:hover:after {
    border-bottom: 1px solid #2e40d4;
    opacity: .3
}

.kt-link.kt-link--success {
    color: #1dc9b7
}

.kt-link.kt-link--success:hover {
    color: #179c8e
}

.kt-link.kt-link--success:hover:after {
    border-bottom: 1px solid #179c8e;
    opacity: .3
}

.kt-link.kt-link--info {
    color: #5578eb
}

.kt-link.kt-link--info:hover {
    color: #2754e6
}

.kt-link.kt-link--info:hover:after {
    border-bottom: 1px solid #2754e6;
    opacity: .3
}

.kt-link.kt-link--warning {
    color: #F04DBA
}

.kt-link.kt-link--warning:hover {
    color: #eea200
}

.kt-link.kt-link--warning:hover:after {
    border-bottom: 1px solid #eea200;
    opacity: .3
}

.kt-link.kt-link--danger {
    color: #fd397a
}

.kt-link.kt-link--danger:hover {
    color: #fc0758
}

.kt-link.kt-link--danger:hover:after {
    border-bottom: 1px solid #fc0758;
    opacity: .3
}

.kt-section {
    padding: 0;
    margin: 0 0 2rem
}

.kt-section.kt-section--space-sm {
    margin-bottom: 1rem
}

.kt-section.kt-section--space-md {
    margin-bottom: 2rem
}

.kt-section.kt-section--space-lg {
    margin-bottom: 2.5rem
}

.kt-section.kt-section--space-xl {
    margin-bottom: 3rem
}

.kt-section .kt-section__heading,.kt-section .kt-section__title {
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 0;
    margin: 0 0 1.75rem;
    color: #464457
}

.kt-section .kt-section__heading.kt-section__title-sm,.kt-section .kt-section__title.kt-section__title-sm {
    font-size: 1.1rem
}

.kt-section .kt-section__heading.kt-section__title-md,.kt-section .kt-section__title.kt-section__title-md {
    font-size: 1.4rem
}

.kt-section .kt-section__heading.kt-section__title-lg,.kt-section .kt-section__title.kt-section__title-lg {
    font-size: 1.5rem
}

.kt-section .kt-section__desc {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    padding: 0;
    margin: 0 0 1rem;
    color: #6c7293
}

.kt-section .kt-section__info {
    display: block;
    font-size: 1rem;
    padding: 0;
    margin: 0 0 1rem;
    color: #6c7293
}

.kt-section .kt-section__content {
    display: block;
    padding: 0;
    margin: 0
}

.kt-section .kt-section__content.kt-section__content--border {
    padding: 1.5rem;
    border: 3px solid #ebedf2;
    border-radius: 4px
}

.kt-section .kt-section__content.kt-section__content--solid {
    padding: 1.5rem;
    border-left: 4px solid #e2e5ec;
    background-color: #f7f8fa;
    border-radius-top-left: 4px;
    border-radius-top-right: 4px
}

.kt-section .kt-section__content.kt-section__content--x-fit {
    padding-left: 0;
    padding-right: 0
}

.kt-section .kt-section__content.kt-section__content--fit {
    padding: 0
}

.kt-section.kt-section--last {
    margin-bottom: 0
}

.kt-section.kt-section--first {
    margin-top: 0
}

.kt-separator {
    height: 0;
    margin: 20px 0;
    border-bottom: 1px solid #ebedf2
}

.kt-separator.kt-separator--dashed {
    border-bottom: 1px dashed #ebedf2
}

.kt-separator.kt-separator--border-solid {
    border-bottom: 1px solid #ebedf2
}

.kt-separator.kt-separator--border-dashed {
    border-bottom: 1px dashed #ebedf2
}

.kt-separator.kt-separator--border-2x {
    border-bottom-width: 2px
}

.kt-separator.kt-separator--space-xs {
    margin: .5rem 0
}

.kt-separator.kt-separator--space-sm {
    margin: 1rem 0
}

.kt-separator.kt-separator--space-md {
    margin: 2rem 0
}

.kt-separator.kt-separator--space-lg {
    margin: 2.5rem 0
}

.kt-separator.kt-separator--space-xl {
    margin: 3rem 0
}

.kt-separator.kt-separator--md {
    margin: 30px 0
}

.kt-separator.kt-separator--lg {
    margin: 40px 0
}

.kt-separator.kt-separator--xl {
    margin: 60px 0
}

.kt-separator.kt-separator--sm {
    margin: 20px 0
}

.kt-separator.kt-separator--fit {
    margin-left: -25px;
    margin-right: -25px
}

.kt-separator.kt-separator--brand {
    border-bottom: 1px solid #9658DD
}

.kt-separator.kt-separator--brand.kt-separator--dashed {
    border-bottom: 1px dashed #9658DD
}

.kt-separator.kt-separator--light {
    border-bottom: 1px solid #fff
}

.kt-separator.kt-separator--light.kt-separator--dashed {
    border-bottom: 1px dashed #fff
}

.kt-separator.kt-separator--dark {
    border-bottom: 1px solid #282a3c
}

.kt-separator.kt-separator--dark.kt-separator--dashed {
    border-bottom: 1px dashed #282a3c
}

.kt-separator.kt-separator--primary {
    border-bottom: 1px solid #5867dd
}

.kt-separator.kt-separator--primary.kt-separator--dashed {
    border-bottom: 1px dashed #5867dd
}

.kt-separator.kt-separator--success {
    border-bottom: 1px solid #1dc9b7
}

.kt-separator.kt-separator--success.kt-separator--dashed {
    border-bottom: 1px dashed #1dc9b7
}

.kt-separator.kt-separator--info {
    border-bottom: 1px solid #5578eb
}

.kt-separator.kt-separator--info.kt-separator--dashed {
    border-bottom: 1px dashed #5578eb
}

.kt-separator.kt-separator--warning {
    border-bottom: 1px solid #F04DBA
}

.kt-separator.kt-separator--warning.kt-separator--dashed {
    border-bottom: 1px dashed #F04DBA
}

.kt-separator.kt-separator--danger {
    border-bottom: 1px solid #fd397a
}

.kt-separator.kt-separator--danger.kt-separator--dashed {
    border-bottom: 1px dashed #fd397a
}

.kt-svg-icon {
    height: 23px;
    width: 23px
}

.kt-svg-icon g [fill] {
    fill: #9658DD
}

.kt-svg-icon.kt-svg-icon--brand g [fill] {
    fill: #9658DD!important
}

.kt-svg-icon.kt-svg-icon--light g [fill] {
    fill: #fff!important
}

.kt-svg-icon.kt-svg-icon--dark g [fill] {
    fill: #282a3c!important
}

.kt-svg-icon.kt-svg-icon--primary g [fill] {
    fill: #5867dd!important
}

.kt-svg-icon.kt-svg-icon--success g [fill] {
    fill: #1dc9b7!important
}

.kt-svg-icon.kt-svg-icon--info g [fill] {
    fill: #5578eb!important
}

.kt-svg-icon.kt-svg-icon--warning g [fill] {
    fill: #F04DBA!important
}

.kt-svg-icon.kt-svg-icon--danger g [fill] {
    fill: #fd397a!important
}

.kt-svg-icon.kt-svg-icon--sm {
    height: 20px;
    width: 20px
}

.kt-svg-icon.kt-svg-icon--md {
    height: 30px;
    width: 30px
}

.kt-svg-icon.kt-svg-icon--lg {
    height: 40px;
    width: 40px
}

.kt-svg-icon.kt-svg-icon--xl {
    height: 50px;
    width: 50px
}

body {
    background: #f9f9fc
}

@media (min-width: 1025px) {
    .kt-subheader {
        padding:20px 0!important
    }

    .kt-aside--enabled .kt-subheader {
        margin-left: 30px
    }
}

@media (min-width: 1500px) {
    .kt-container {
        width:1380px;
        margin: 0 auto
    }

    .kt-page--fluid .kt-container {
        width: auto;
        margin: 0 60px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0
    }
}

@media (max-width: 1499px) {
    .kt-container {
        -webkit-box-flex:1;
        -ms-flex-positive: 1;
        width: 100%;
        padding: 0 30px
    }
}

@media (max-width: 1024px) {
    .kt-container {
        padding:0 15px
    }

    .kt-header-mobile--fixed .kt-wrapper {
        padding-top: 60px
    }

    .kt-subheader {
        padding: 10px 0!important
    }
}

@media (min-width: 1025px) {
    .kt-header {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background: #1f1e2e;
        position: relative;
        z-index: 2
    }

    .kt-header .kt-header__top {
        height: 110px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .kt-header .kt-header__top .kt-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .kt-header .kt-header__top .kt-container:before,.kt-header .kt-header__top .kt-container:after {
        display: none!important
    }

    .kt-header .kt-header__top .kt-container .kt-header__brand-logo-default {
        display: inline-block;
    }

    .kt-header .kt-header__top .kt-container .kt-header__brand-logo-sticky {
        display: none
    }

    .kt-header .kt-header__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 70px;
        background-color: #181824
    }

    .kt-header .kt-header__bottom .kt-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .kt-header .kt-header__bottom .kt-container:before,.kt-header .kt-header__bottom .kt-container:after {
        display: none!important
    }

    .kt-header--fixed.kt-header--minimize .kt-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 98;
        -webkit-box-shadow: 0 0 40px 0 rgba(82,63,105,0.1);
        box-shadow: 0 0 40px 0 rgba(82,63,105,0.1)
    }

    .kt-header--fixed.kt-header--minimize .kt-header .kt-header__top {
        height: 60px
    }

    .kt-header--fixed.kt-header--minimize .kt-header .kt-header__top .kt-header__brand-logo-default {
        /* display: none; */
    }

    .kt-header--fixed.kt-header--minimize .kt-header .kt-header__top .kt-header__brand-logo-sticky {
        display: inline-block
    }

    .kt-header--fixed.kt-header--minimize .kt-header .kt-header__bottom {
        height: 60px
    }

    .kt-header--minimize-all.kt-header--minimize .kt-header {
        -webkit-animation: kt-header-minimize-all .5s ease 1;
        animation: kt-header-minimize-all .5s ease 1
    }

    .kt-header--minimize-topbar.kt-header--minimize .kt-header {
        -webkit-animation: kt-header-minimize-topbar .5s ease 1;
        animation: kt-header-minimize-topbar .5s ease 1
    }

    .kt-header--minimize-menu.kt-header--minimize .kt-header {
        -webkit-animation: kt-header-minimize-menu .5s ease 1;
        animation: kt-header-minimize-menu .5s ease 1
    }

    .kt-header--fixed.kt-header--minimize {
        padding-top: 180px
    }

    .kt-header--minimize-all.kt-header--fixed.kt-header--minimize .kt-header .kt-header__bottom {
        border-top: 1px solid rgba(255,255,255,0.075)
    }

    .kt-header--minimize-topbar.kt-header--fixed.kt-header--minimize .kt-header .kt-header__bottom {
        display: none
    }

    .kt-header--minimize-menu.kt-header--fixed.kt-header--minimize .kt-header .kt-header__top {
        display: none
    }
}

@media (max-width: 1024px) {
    .kt-header .kt-header__top .kt-header__brand-logo-default,.kt-header .kt-header__top .kt-header__brand-logo-sticky {
        display:none
    }
}

@-webkit-keyframes kt-header-minimize-all {
    from {
        top: -120px
    }

    to {
        top: 0
    }
}

@keyframes kt-header-minimize-all {
    from {
        top: -120px
    }

    to {
        top: 0
    }
}

@-webkit-keyframes kt-header-minimize-topbar {
    from {
        top: -60px
    }

    to {
        top: 0
    }
}

@keyframes kt-header-minimize-topbar {
    from {
        top: -60px
    }

    to {
        top: 0
    }
}

@-webkit-keyframes kt-header-minimize-menu {
    from {
        top: -60px
    }

    to {
        top: 0
    }
}

@keyframes kt-header-minimize-menu {
    from {
        top: -60px
    }

    to {
        top: 0
    }
}

@-webkit-keyframes kt-header-minimize-menu-exit {
    from {
        top: 0
    }

    to {
        top: -60px
    }
}

@keyframes kt-header-minimize-menu-exit {
    from {
        top: 0
    }

    to {
        top: -60px
    }
}

.kt-header__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: flex-begin;
    align-content: flex-begin;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
    position: relative
}

.kt-header__brand .kt-header__brand-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-begin;
    -ms-flex-pack: flex-begin;
    justify-content: flex-begin;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.kt-header__brand .kt-header__brand-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .25rem 0 0 2.5rem
}

.kt-header__brand .kt-header__brand-nav .dropdown .btn {
    background-color: #27283d;
    border: 0;
    padding: .75rem 1.5rem;
    color: #84859a
}

.kt-header--minimize .kt-header__brand .kt-header__brand-nav {
    margin-left: 1.75rem
}

@media (max-width: 1024px) {
    .kt-header__brand .kt-header__brand-nav {
        display:none
    }
}

.kt-header__topbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.kt-header__topbar .kt-header__topbar-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 .25rem
}

.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-badge {
    height: 42px;
    width: 42px;
    background-clip: padding-box;
    margin-left: .5px;
    background: #2d1e5f;
    color: #fff;
    font-size: 1.6rem
}

.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-header__topbar-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px;
    width: 42px;
    cursor: pointer;
    background: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 4px
}

.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-header__topbar-icon i {
    line-height: 0;
    font-size: 1.3rem;
    color: #82829c
}

.kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon,.kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #171622
}

.kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon i,.kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon i {
    color: #fff!important
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--langs {
    margin-right: 1.5rem
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--langs .kt-header__topbar-icon img {
    border-radius: .2rem;
    width: 22px
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--langs .dropdown-menu .kt-nav__link-icon {
    padding-right: 10px
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--langs .dropdown-menu .kt-nav__link-icon img {
    border-radius: 50%;
    width: 18px
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-welcome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 .55rem 0 0;
    font-weight: 500;
    font-size: .9rem;
    color: #636177
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-username {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 .55rem 0 0;
    font-weight: 500;
    font-size: 1rem;
    color: #fff
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-wrapper img {
    -ms-flex-item-align: center;
    align-self: center;
    height: 42px;
    border-radius: 50%
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-user-card .kt-user-card__pic img {
    border-radius: 6px
}

.kt-header__topbar .kt-header__topbar-item:last-child {
    margin-right: 0
}

@media (max-width: 1024px) {
    .kt-header__topbar {
        padding:0 15px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        margin-top: -50px;
        position: absolute;
        left: 0;
        right: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        border-top: 1px solid transparent
    }

    .kt-header-mobile--fixed .kt-header__topbar {
        position: fixed;
        z-index: 97
    }

    .kt-header__topbar--mobile-on .kt-header__topbar {
        margin-top: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-box-shadow: 0 1px 9px -3px rgba(0,0,0,0.2);
        box-shadow: 0 1px 9px -3px rgba(0,0,0,0.2);
        border-top: 1px solid #ebedf2
    }

    .kt-header__topbar .kt-header__topbar-item {
        margin: 0 .25rem
    }

    .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-badge {
        max-height: 34px;
        max-width: 34px;
        margin-left: -2px
    }

    .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-header__topbar-icon {
        max-height: 34px;
        max-width: 34px;
        border: 0
    }

    .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-header__topbar-icon i {
        font-size: 1.3rem;
        color: #a7abc3
    }

    .kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon,.kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon {
        -webkit-transition: all .3s;
        transition: all .3s;
        background-color: #f7f8fa
    }

    .kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon i,.kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon i {
        color: #9658DD
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--langs {
        margin: 0 1.2rem 0 .7rem
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user {
        padding: 0 0 0 .25rem;
        margin: 0
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-welcome {
        color: #a7abc3;
        padding: 0 .35rem 0 0;
        font-size: .9rem
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-username {
        color: #6c7293;
        padding: 0 .55rem 0 0;
        font-size: .9rem
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-wrapper img {
        max-height: 34px;
        margin: 0 .5rem 0 .2rem
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--search .kt-input-icon .kt-input-icon__icon i {
        color: #a7abc3
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--search .kt-input-icon .form-control {
        height: 34px;
        border: 1px solid #e7e8f4;
        color: #6c7293;
        border: 0
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--search .kt-input-icon .form-control::-moz-placeholder {
        color: #a7abc3;
        opacity: 1
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--search .kt-input-icon .form-control:-ms-input-placeholder {
        color: #a7abc3
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--search .kt-input-icon .form-control::-webkit-input-placeholder {
        color: #a7abc3
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--search .kt-input-icon .form-control:focus {
        border: 0
    }

    .kt-header__topbar .kt-header__topbar-item:last-child {
        padding-right: 0!important;
        margin-right: 0!important
    }
}

@media (min-width: 1025px) {
    .kt-header-menu {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100%;
        margin: 0
    }

    .kt-header-menu .kt-menu__nav {
        list-style: none;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-decoration: none;
        position: relative;
        vertical-align: middle;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        outline: none!important;
        text-decoration: none;
        cursor: pointer
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__link .kt-menu__link-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__link .kt-menu__link-badge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 0;
        white-space: nowrap
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__link .kt-menu__link-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__link .kt-menu__hor-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__link .kt-menu__ver-arrow {
        display: none
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__link:hover,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__link:active,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__link:focus {
        text-decoration: none
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link &gt; .kt-menu__link-text {
        width: auto
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--icon-only &gt; .kt-menu__link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--icon-only &gt; .kt-menu__link &gt; .kt-menu__link-icon {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform-style: preserve-3d;
        display: none;
        z-index: 99;
        position: absolute;
        top: 100%;
        border-radius: 4px;
        padding: 20px 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__scroll {
        position: relative;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__subnav {
        list-style: none!important;
        padding: 0;
        margin: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu {
        width: 275px;
        margin: 0 auto;
        left: auto;
        right: auto
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--full {
        margin: 0 auto;
        width: auto;
        left: 20px;
        right: 20px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed {
        left: auto;
        right: auto;
        width: auto
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--right {
        right: 0;
        left: auto
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--right.kt-menu__submenu--pull {
        margin-right: -40px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--left {
        right: auto;
        left: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--left.kt-menu__submenu--pull {
        margin-left: -40px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--center {
        margin: 0 auto;
        left: 0;
        right: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--submenu {
        position: relative;
        padding: 0;
        margin: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--submenu &gt; .kt-menu__submenu {
        top: 0;
        display: none;
        margin-top: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--submenu &gt; .kt-menu__submenu.kt-menu__submenu--left {
        right: 100%;
        left: auto
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--submenu &gt; .kt-menu__submenu.kt-menu__submenu--right {
        left: 100%;
        right: auto
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__content &gt; .kt-menu__item {
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__content &gt; .kt-menu__item:last-child {
        border-right: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0;
        text-decoration: none;
        position: relative
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__heading .kt-menu__link-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__heading .kt-menu__link-badge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__heading .kt-menu__link-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18px;
        padding: 0 10px 0 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__heading .kt-menu__hor-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 0 10px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__heading .kt-menu__ver-arrow {
        display: none
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        padding: 10px 20px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item .kt-menu__link,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item .kt-menu__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-decoration: none;
        position: relative
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item .kt-menu__link:hover,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item .kt-menu__link:active,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item .kt-menu__link:focus,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item .kt-menu__link:hover,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item .kt-menu__link:active,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item .kt-menu__link:focus {
        outline: none;
        text-decoration: none
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item .kt-menu__link .kt-menu__link-text,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item .kt-menu__link .kt-menu__link-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        font-size: 1rem;
        text-transform: initial
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item .kt-menu__link .kt-menu__link-badge,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item .kt-menu__link .kt-menu__link-badge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
        padding: 0 0 0 5px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item .kt-menu__link .kt-menu__link-icon,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item .kt-menu__link .kt-menu__link-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33px;
        flex: 0 0 33px;
        padding: 0;
        font-size: 1.4rem
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item .kt-menu__link .kt-menu__link-bullet,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item .kt-menu__link .kt-menu__link-bullet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item .kt-menu__link .kt-menu__hor-arrow,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item .kt-menu__link .kt-menu__hor-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 0 10px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner &gt; .kt-menu__item .kt-menu__link .kt-menu__ver-arrow,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__subnav &gt; .kt-menu__item .kt-menu__link .kt-menu__ver-arrow {
        display: none
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__inner {
        padding: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__submenu {
        margin-left: 1px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__submenu.kt-menu__submenu--left {
        margin-right: 1px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--submenu.kt-menu__item--tabs &gt; .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--submenu &gt; .kt-menu__submenu {
        top: 100%
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--submenu.kt-menu__item--tabs &gt; .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--submenu &gt; .kt-menu__submenu.kt-menu__submenu--left {
        right: 100%;
        left: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--submenu.kt-menu__item--tabs &gt; .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--submenu &gt; .kt-menu__submenu.kt-menu__submenu--right {
        left: 100%;
        right: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 .15rem;
        padding: 0 .15rem
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--rel {
        position: relative
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        cursor: pointer;
        padding: .25rem .5rem
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link:hover {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        font-size: 1.4rem;
        width: 30px;
        padding: 0;
        line-height: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg {
        height: 21px;
        width: 21px;
        margin-left: -2px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet {
        width: 20px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet &gt; span {
        vertical-align: middle;
        display: inline-block
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        width: 4px;
        height: 4px;
        border-radius: 100%
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        width: 5px;
        height: 1px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        font-weight: 600;
        font-size: 12px;
        text-transform: initial;
        line-height: 20px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-badge {
        padding: 0 0 0 5px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__hor-arrow {
        font-size: .8rem;
        width: 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__item-here {
        display: none
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu {
        padding: 0;
        border-radius: 4px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item {
        padding: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        cursor: pointer;
        padding: 11px 30px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link:hover {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        font-size: 1.4rem;
        width: 33px;
        padding: 0;
        line-height: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg {
        height: 21px;
        width: 21px;
        margin-left: -2px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet {
        width: 20px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet &gt; span {
        vertical-align: middle;
        display: inline-block
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        width: 4px;
        height: 4px;
        border-radius: 100%
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        width: 9px;
        height: 1px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        font-weight: 400;
        font-size: 1rem;
        text-transform: initial
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-badge {
        padding: 0 0 0 5px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__hor-arrow {
        font-size: .8rem;
        width: 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0 0 0 10px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__item-here {
        display: none
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content &gt; .kt-menu__item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content &gt; .kt-menu__item:last-child {
        border-right: 0!important
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__heading {
        padding: 30px 30px 10px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__heading &gt; .kt-menu__link-text {
        font-weight: 500;
        font-size: 1.07rem;
        text-transform: initial
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__heading &gt; .kt-menu__link-icon {
        font-size: 1.35rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        padding: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__heading .kt-menu__link-badge {
        padding: 0 0 0 5px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner {
        padding: 0 0 20px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item {
        padding: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        cursor: pointer;
        padding: 11px 30px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link:hover {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        font-size: 1.4rem;
        width: 33px;
        padding: 0;
        line-height: 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg {
        height: 21px;
        width: 21px;
        margin-left: -2px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet {
        width: 20px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet &gt; span {
        vertical-align: middle;
        display: inline-block
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        width: 4px;
        height: 4px;
        border-radius: 100%
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        width: 9px;
        height: 1px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        font-weight: 400;
        font-size: 1rem;
        text-transform: initial
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-badge {
        padding: 0 0 0 5px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__hor-arrow {
        font-size: .8rem;
        width: 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0 0 0 10px
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__item-here {
        display: none
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--classic {
        padding: 20px 0
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--inline &gt; .kt-menu__subnav &gt; .kt-menu__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 0
    }

    .kt-header-menu .kt-menu__nav .kt-menu__item.kt-menu__item--resize {
        display: none
    }

    .kt-header-menu .kt-menu__nav .kt-menu__item.kt-menu__item--active-tab .kt-menu__submenu,.kt-header-menu .kt-menu__nav .kt-menu__item.kt-menu__item--hover .kt-menu__submenu {
        display: block;
        -webkit-animation: kt-header-menu-submenu-fade-in .3s ease 1,kt-header-menu-submenu-move-down .3s ease-out 1;
        animation: kt-header-menu-submenu-fade-in .3s ease 1,kt-header-menu-submenu-move-down .3s ease-out 1
    }
}

@media screen\0 and (min-width: 1025px) {
    .kt-header-menu .kt-menu__nav .kt-menu__item.kt-menu__item--active-tab .kt-menu__submenu,.kt-header-menu .kt-menu__nav .kt-menu__item.kt-menu__item--hover .kt-menu__submenu {
        -webkit-animation:none;
        animation: none
    }
}

@media (min-width: 1025px) {
    .kt-header-menu .kt-menu__nav .kt-menu__item.kt-menu__item--active-tab .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover &gt; .kt-menu__submenu,.kt-header-menu .kt-menu__nav .kt-menu__item.kt-menu__item--hover .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover &gt; .kt-menu__submenu {
        display:block;
        -webkit-animation: kt-header-menu-submenu-fade-in .3s ease 1,kt-header-menu-submenu-move-up .3s ease-out 1;
        animation: kt-header-menu-submenu-fade-in .3s ease 1,kt-header-menu-submenu-move-up .3s ease-out 1
    }
}

@media screen\0 and (min-width: 1025px) {
    .kt-header-menu .kt-menu__nav .kt-menu__item.kt-menu__item--active-tab .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover &gt; .kt-menu__submenu,.kt-header-menu .kt-menu__nav .kt-menu__item.kt-menu__item--hover .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover &gt; .kt-menu__submenu {
        -webkit-animation:none;
        animation: none
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--full,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--auto,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--auto.kt-menu__submenu--mimimal-desktop-wide,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed-xl,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed-xxl {
        margin:0 auto;
        width: auto;
        left: 20px;
        right: 20px
    }
}

@media (min-width: 0) {
    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed-xs {
        width:-60px
    }
}

@media (min-width: 576px) {
    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed-sm {
        width:516px
    }
}

@media (min-width: 768px) {
    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed-md {
        width:708px
    }
}

@media (min-width: 1024px) {
    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed-lg {
        width:964px
    }
}

@media (min-width: 1399px) {
    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed-xl {
        width:1339px
    }
}

@-webkit-keyframes kt-header-menu-submenu-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes kt-header-menu-submenu-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes kt-header-menu-submenu-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes kt-header-menu-submenu-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes kt-header-menu-submenu-move-up {
    from {
        margin-top: -10px
    }

    to {
        margin-top: 0
    }
}

@keyframes kt-header-menu-submenu-move-up {
    from {
        margin-top: -10px
    }

    to {
        margin-top: 0
    }
}

@-webkit-keyframes kt-header-menu-submenu-move-down {
    from {
        margin-top: 10px
    }

    to {
        margin-top: 0
    }
}

@keyframes kt-header-menu-submenu-move-down {
    from {
        margin-top: 10px
    }

    to {
        margin-top: 0
    }
}

@media (min-width: 1025px) {
    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link {
        background-color:none
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        color: #b5b2c8
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #b5b2c8
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #b5b2c8
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #b5b2c8
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        color: #6c6e86
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__hor-arrow {
        color: #b5b2c8
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon {
        color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-text {
        color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link &gt; .kt-menu__hor-arrow {
        color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon {
        color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-text {
        color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link &gt; .kt-menu__hor-arrow {
        color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link {
        background-color: #232337
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg g [fill],.kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill],.kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-text,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-text {
        color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link &gt; .kt-menu__hor-arrow,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link &gt; .kt-menu__hor-arrow {
        color: #fff
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu {
        background-color: #fff;
        -webkit-box-shadow: 0 0 50px 0 rgba(82,63,105,0.15);
        box-shadow: 0 0 50px 0 rgba(82,63,105,0.15)
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        color: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        color: #5f6281
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__hor-arrow {
        color: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link &gt; .kt-menu__hor-arrow {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link &gt; .kt-menu__hor-arrow {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg g [fill],.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill],.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-text,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link &gt; .kt-menu__hor-arrow,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link &gt; .kt-menu__hor-arrow {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content &gt; .kt-menu__item {
        border-right: 1px solid #f6f6f9
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__heading &gt; .kt-menu__link-text {
        color: #5f6281
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__heading &gt; .kt-menu__link-icon {
        color: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        color: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        color: #5f6281
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__hor-arrow {
        color: #cacad2
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link &gt; .kt-menu__hor-arrow {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link &gt; .kt-menu__hor-arrow {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg g [fill],.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill],.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-text,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link &gt; .kt-menu__hor-arrow,.kt-header-menu .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu &gt; .kt-menu__subnav .kt-menu__content .kt-menu__inner &gt; .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) &gt; .kt-menu__link &gt; .kt-menu__hor-arrow {
        color: #9658DD
    }
}

@media (max-width: 1024px) {
    .kt-header-menu-mobile .kt-menu__nav {
        margin:0;
        list-style: none;
        padding: 30px 0
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__scroll {
        position: relative;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__subnav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0;
        margin: 0;
        list-style: none!important
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__inner,.kt-header-menu-mobile .kt-menu__nav .kt-menu__submenu {
        display: none;
        float: none;
        margin: 0;
        padding: 0;
        width: auto!important
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__inner .kt-menu__content,.kt-header-menu-mobile .kt-menu__nav .kt-menu__submenu .kt-menu__content {
        padding: 0;
        margin: 0
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__inner .kt-menu__content &gt; .kt-menu__item,.kt-header-menu-mobile .kt-menu__nav .kt-menu__submenu .kt-menu__content &gt; .kt-menu__item {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__inner .kt-menu__content &gt; .kt-menu__item.kt-menu--no-heading &gt; .kt-menu__inner,.kt-header-menu-mobile .kt-menu__nav .kt-menu__submenu .kt-menu__content &gt; .kt-menu__item.kt-menu--no-heading &gt; .kt-menu__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__inner .kt-menu__content &gt; .kt-menu__item.kt-menu--no-heading &gt; .kt-menu__inner &gt; li &gt; .kt-menu__link,.kt-header-menu-mobile .kt-menu__nav .kt-menu__submenu .kt-menu__content &gt; .kt-menu__item.kt-menu--no-heading &gt; .kt-menu__inner &gt; li &gt; .kt-menu__link {
        margin: 0
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        float: none;
        padding: 0
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0;
        padding: 0;
        text-decoration: none;
        position: relative;
        outline: none
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__heading:hover,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__link:hover {
        text-decoration: none;
        cursor: pointer
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-badge,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__link .kt-menu__link-badge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 0
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 0
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__link .kt-menu__ver-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        line-height: 0
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__heading .kt-menu__ver-arrow:before,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__link .kt-menu__ver-arrow:before {
        -webkit-transform: translate3d(0,0,0)
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__heading .kt-menu__hor-arrow,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item &gt; .kt-menu__link .kt-menu__hor-arrow {
        display: none
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading &gt; .kt-menu__ver-arrow:before,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link &gt; .kt-menu__ver-arrow:before {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    [direction="rtl"] .kt-header-menu-mobile .kt-menu__nav .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading &gt; .kt-menu__ver-arrow:before,[direction="rtl"] .kt-header-menu-mobile .kt-menu__nav .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link &gt; .kt-menu__ver-arrow:before {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item.kt-menu__item--open &gt; .kt-menu__submenu,.kt-header-menu-mobile .kt-menu__nav .kt-menu__item.kt-menu__item--open &gt; .kt-menu__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__item .kt-menu__submenu .kt-menu__item--parent {
        display: none
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 27px
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__section.kt-menu__section--first {
        margin-top: 0!important
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__section .kt-menu__section-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__section .kt-menu__section-icon {
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__separator {
        height: 0;
        overflow: hidden
    }

    .kt-header-menu-mobile .kt-menu__nav .kt-menu__separator.kt-menu__separator--marginles {
        margin: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item {
        position: relative;
        margin: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link {
        cursor: pointer;
        height: 44px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        font-weight: 400;
        font-size: 1.02rem;
        text-transform: initial
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35px;
        flex: 0 0 35px;
        font-size: 1.4rem
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon svg,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg {
        margin-left: -2px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet {
        vertical-align: middle;
        text-align: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet &gt; span {
        vertical-align: middle;
        display: inline-block
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        width: 4px;
        height: 4px;
        border-radius: 100%
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        width: 5px;
        height: 1px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-badge,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-badge {
        padding: 0 0 0 5px;
        text-align: right
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__ver-arrow {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
        font-size: .7rem
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__ver-arrow:before,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__ver-arrow:before {
        display: inline-block;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    [direction="rtl"] .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__ver-arrow:before,[direction="rtl"] .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__ver-arrow:before {
        content: "Ã¯â€žâ€˜"!important
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__item-here,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__item-here {
        display: none
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__ver-arrow:before,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__ver-arrow:before {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__subnav {
        margin: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item {
        margin: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link {
        cursor: pointer;
        height: 40px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        font-weight: 400;
        font-size: 1rem;
        text-transform: initial
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35px;
        flex: 0 0 35px;
        font-size: 1.35rem
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon svg,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg {
        margin-left: -2px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet {
        vertical-align: middle;
        text-align: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet &gt; span {
        vertical-align: middle;
        display: inline-block
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        width: 4px;
        height: 4px;
        border-radius: 100%
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        width: 5px;
        height: 1px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-badge,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-badge {
        padding: 0 0 0 5px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__ver-arrow {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
        font-size: .7rem
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__ver-arrow:before,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__ver-arrow:before {
        display: inline-block;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    [direction="rtl"] .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__ver-arrow:before,[direction="rtl"] .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__ver-arrow:before {
        content: "Ã¯â€žâ€˜"!important
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__item-here,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__item-here {
        display: none
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__ver-arrow:before,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__ver-arrow:before {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__section {
        margin: 20px 0 0;
        height: 40px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__section .kt-menu__section-text {
        font-size: .8rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: .3px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__separator {
        margin: 15px 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__separator .kt-menu__separator--marginles {
        margin: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__section {
        margin: 20px 0 0;
        height: 40px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__section .kt-menu__section-text {
        font-size: .83rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .3px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__separator {
        margin: 15px 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__separator .kt-menu__separator--marginles {
        margin: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link {
        padding: 9px 30px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav .kt-menu__content .kt-menu__heading {
        padding: 0 30px;
        padding-left: 45px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav .kt-menu__content .kt-menu__inner {
        padding: 0;
        margin: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav .kt-menu__content .kt-menu__inner .kt-menu__link {
        padding: 0 30px;
        padding-left: 60px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link {
        padding: 0 30px;
        padding-left: 45px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu {
        padding: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav {
        padding: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link {
        padding: 0 30px;
        padding-left: 60px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu {
        padding: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__link {
        padding: 0 30px;
        padding-left: 75px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__section {
        padding-left: 45px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu {
        padding: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__section {
        padding-left: 60px
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu {
        padding: 0
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__item &gt; .kt-menu__submenu .kt-menu__subnav &gt; .kt-menu__section {
        padding-left: 75px
    }
}

@media (max-width: 1024px) {
    .kt-header-menu-mobile {
        background-color:#fff
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        color: #5e6383
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        color: #a8aabb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon svg g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #a8aabb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon svg:hover g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #a8aabb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #a8aabb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link .kt-menu__ver-arrow {
        color: #a8aabb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-icon svg g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-icon svg:hover g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__ver-arrow {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__link-icon svg g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__link-icon svg:hover g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__ver-arrow {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-icon svg g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-icon svg:hover g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__ver-arrow {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link {
        background-color: unset
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-icon svg g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-icon svg:hover g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__ver-arrow {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__arrow {
        color: #fff
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__section .kt-menu__section-text {
        color: #a4a7bd
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__section .kt-menu__section-icon {
        color: #aaacc2
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__separator {
        border-bottom: 1px solid rgba(0,0,0,0.07)
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-text {
        color: #6b6f8d
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon {
        color: #a8aabb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon svg g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #a8aabb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-icon svg:hover g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #a8aabb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #a8aabb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item &gt; .kt-menu__link .kt-menu__ver-arrow {
        color: #a8aabb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-icon svg g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-icon svg:hover g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open &gt; .kt-menu__link .kt-menu__ver-arrow {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__link-icon svg g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__link-icon svg:hover g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-icon svg g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-icon svg:hover g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active &gt; .kt-menu__link .kt-menu__ver-arrow {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link {
        background-color: #f8f8fb
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-text,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-text {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-icon,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-icon {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-icon svg g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-icon svg g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-icon svg:hover g [fill],.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-icon svg:hover g [fill] {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--line &gt; span {
        background-color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__heading .kt-menu__ver-arrow,.kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover &gt; .kt-menu__link .kt-menu__ver-arrow {
        color: #9658DD
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__section .kt-menu__section-text {
        color: #a4a7bd
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__section .kt-menu__section-icon {
        color: #aaacc2
    }

    .kt-header-menu-mobile .kt-menu__nav &gt; .kt-menu__item .kt-menu__submenu .kt-menu__separator {
        border-bottom: 1px solid rgba(0,0,0,0.07)
    }
}

.kt-header-menu-wrapper-close {
    display: none
}

@media (max-width: 1024px) {
    .kt-header-menu-wrapper {
        z-index:1001;
        position: fixed;
        -webkit-overflow-scrolling: touch;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        -webkit-transform: translate3d(0,0,0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        width: 275px!important;
        -webkit-transition: left .3s ease,right .3s ease;
        transition: left .3s ease,right .3s ease;
        left: -295px
    }

    .kt-header-menu-wrapper.kt-header-menu-wrapper--on {
        -webkit-transition: left .3s ease,right .3s ease;
        transition: left .3s ease,right .3s ease;
        left: 0
    }
}

@media screen\0 and (max-width: 1024px) {
    .kt-header-menu-wrapper {
        -webkit-transition:none!important;
        transition: none!important
    }
}

@media (max-width: 1024px) {
    .kt-header-menu-wrapper--right .kt-header-menu-wrapper {
        right:-295px;
        left: auto
    }

    .kt-header-menu-wrapper--right .kt-header-menu-wrapper.kt-header-menu-wrapper--on {
        -webkit-transition: left .3s ease,right .3s ease;
        transition: left .3s ease,right .3s ease;
        right: 0;
        left: auto
    }

    .kt-header-menu-wrapper-close {
        width: 25px;
        height: 25px;
        top: 1px;
        z-index: 1002;
        -webkit-transition: left .3s ease,right .3s ease;
        transition: left .3s ease,right .3s ease;
        position: fixed;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 3px;
        cursor: pointer;
        outline: none!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: -25px
    }
}

@media screen\0 and (max-width: 1024px) {
    .kt-header-menu-wrapper-close {
        -webkit-transition:none!important;
        transition: none!important
    }
}

@media (max-width: 1024px) {
    .kt-header-menu-wrapper-close &gt; i {
        line-height:0;
        font-size: 1.4rem
    }

    .kt-header-menu-wrapper-close:hover {
        text-decoration: none
    }

    .kt-header-menu-wrapper--right .kt-header-menu-wrapper-close {
        left: auto;
        right: -25px
    }

    .kt-header-menu-wrapper--on .kt-header-menu-wrapper-close {
        -webkit-transition: left .3s ease,right .3s ease;
        transition: left .3s ease,right .3s ease;
        left: 249px
    }

    .kt-header-menu-wrapper--on.kt-header-menu-wrapper--right .kt-header-menu-wrapper-close {
        left: auto;
        right: 249px
    }

    .kt-header-menu-wrapper-overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
        z-index: 9;
        background: rgba(0,0,0,0.1);
        -webkit-animation: kt-animate-fade-in .3s linear 1;
        animation: kt-animate-fade-in .3s linear 1
    }

    .kt-header-menu-wrapper {
        background: #fff;
        -webkit-box-shadow: 0 1px 9px -3px rgba(0,0,0,0.75);
        box-shadow: 0 1px 9px -3px rgba(0,0,0,0.75)
    }

    .kt-header-menu-wrapper-overlay {
        background: rgba(0,0,0,0.1)
    }

    .kt-header-menu-wrapper-close {
        background-color: #e8e8f2
    }

    .kt-header-menu-wrapper-close &gt; i {
        color: #968ad4
    }

    .kt-header-menu-wrapper-close:hover {
        background-color: #9658DD
    }

    .kt-header-menu-wrapper-close:hover &gt; i {
        color: #fff
    }
}

@media (max-width: 325px) {
    .kt-header-menu-wrapper {
        width:90%!important
    }
}

.kt-header-menu-wrapper .kt-header-toolbar .btn.btn-custom {
    background-color: #e7e8ef;
    border-color: #e7e8ef;
    color: #68667f;
    font-size: .95rem;
    font-weight: 600;
    padding: .75rem 2rem;
    text-transform: uppercase
}

.show &gt; .kt-header-menu-wrapper .kt-header-toolbar .btn.btn-custom,.kt-header-menu-wrapper .kt-header-toolbar .btn.btn-custom.active,.kt-header-menu-wrapper .kt-header-toolbar .btn.btn-custom:active,.kt-header-menu-wrapper .kt-header-toolbar .btn.btn-custom:hover {
    background-color: #dedfe9;
    border-color: #dedfe9;
    color: #6f6d87
}

.kt-header-menu-wrapper .kt-header-toolbar .kt-quick-search {
    width: 200px;
    padding: 0
}

.kt-header-menu-wrapper .kt-header-toolbar .kt-quick-search .kt-quick-search__form .input-group {
    background-color: #252338;
    border-radius: 4px
}

@media (min-width: 1025px) {
    .kt-header-menu-wrapper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-shadow: 0 0 20px 0 rgba(103,92,139,0.05);
        box-shadow: 0 0 20px 0 rgba(103,92,139,0.05)
    }

    .kt-header-menu-wrapper .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__link {
        border-radius: 4px;
        padding: 10px 13px;
        margin-right: 2px
    }

    .kt-header-menu-wrapper .kt-header-menu .kt-menu__nav &gt; .kt-menu__item &gt; .kt-menu__submenu {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .kt-header-menu-wrapper .kt-header-toolbar {
        padding-left: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .kt-header-menu-wrapper .kt-quick-search {
        width: 200px;
        padding: 0;
        border-radius: 30px
    }

    .kt-header-menu-wrapper .kt-quick-search .kt-quick-search__form {
        border-radius: 30px
    }

    .kt-header-menu-wrapper .kt-quick-search .kt-quick-search__form .input-group {
        border-radius: 30px;
        background-color: #36344d
    }

    .kt-header-menu-wrapper .kt-quick-search .kt-quick-search__form .form-control {
        color: #807da1
    }

    .kt-header-menu-wrapper .kt-quick-search .kt-quick-search__form .form-control::-moz-placeholder {
        color: #6f6b94;
        opacity: 1
    }

    .kt-header-menu-wrapper .kt-quick-search .kt-quick-search__form .form-control:-ms-input-placeholder {
        color: #6f6b94
    }

    .kt-header-menu-wrapper .kt-quick-search .kt-quick-search__form .form-control::-webkit-input-placeholder {
        color: #6f6b94
    }

    .kt-header-menu-wrapper .kt-quick-search .kt-quick-search__form i {
        font-size: 1.3rem;
        color: #64688d
    }
}

@media (max-width: 1024px) {
    .kt-header-menu-wrapper .kt-header-menu .kt-menu__nav {
        margin-bottom:0;
        padding-bottom: 10px
    }

    .kt-header-menu-wrapper .kt-header-toolbar {
        padding-left: 30px
    }

    .kt-header-menu-wrapper .kt-quick-search {
        display: none
    }
}

@media (min-width: 1025px) {
    .kt-header-mobile {
        display:none
    }
}

@media (max-width: 1024px) {
    .kt-header-mobile {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 15px;
        height: 60px;
        background-color: #2c2d3a;
        -webkit-box-shadow: 0 1px 9px -3px rgba(0,0,0,0.2);
        box-shadow: 0 1px 9px -3px rgba(0,0,0,0.2);
        position: relative;
        z-index: 1
    }

    .kt-header__topbar--mobile-on .kt-header-mobile {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .kt-header-mobile--fixed .kt-header-mobile {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 98
    }

    .kt-header-mobile .kt-header-mobile__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .kt-header-mobile .kt-header-mobile__toolbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler {
        display: inline-block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        background: none;
        outline: none!important;
        width: 24px;
        height: 24px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span {
        display: block;
        position: absolute;
        top: 10px;
        height: 3px;
        min-height: 3px;
        width: 100%;
        border-radius: 3px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::before,.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 3px;
        min-height: 3px;
        content: "";
        border-radius: 3px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::before {
        top: -7px
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::after {
        bottom: -7px
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--left span:before {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        left: auto;
        right: 0;
        width: 50%
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--left span:after {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        left: auto;
        right: 0;
        width: 75%
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--left:hover span:after,.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--left:hover span:before {
        width: 100%;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--left.kt-header-mobile__toolbar-toggler--active span:before {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        left: 0;
        right: auto;
        width: 50%
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--left.kt-header-mobile__toolbar-toggler--active span:after {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        left: 0;
        right: auto;
        width: 75%
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--right span:before {
        left: 0;
        right: auto;
        width: 50%;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--right span:after {
        left: 0;
        right: auto;
        width: 75%;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--right:hover span:after,.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--right:hover span:before {
        width: 100%;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--right.kt-header-mobile__toolbar-toggler--active span:before {
        left: auto;
        right: 0;
        width: 50%;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--right.kt-header-mobile__toolbar-toggler--active span:after {
        left: auto;
        right: 0;
        width: 75%;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span {
        background: rgba(255,255,255,0.2)
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::before,.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::after {
        background: rgba(255,255,255,0.2)
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span {
        background: #9658DD
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span::before,.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span::after {
        background: #9658DD
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--active span {
        background: #9658DD
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--active span::before,.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler.kt-header-mobile__toolbar-toggler--active span::after {
        background: #9658DD
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler {
        margin: 0 0 0 1.5rem
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        background: none;
        outline: none!important;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 .5rem 0 1.25rem
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler i {
        font-size: 1.6rem;
        line-height: 0;
        color: rgba(255,255,255,0.2)
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler.kt-header-mobile__toolbar-topbar-toggler--active i,.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler:hover i {
        color: #9658DD
    }
}

@media (min-width: 1025px) {
    .kt-content {
        padding:30px 0
    }

    .kt-subheader--enabled.kt-subheader--transparent:not(.kt-subheader--fixed) .kt-content {
        padding-top: 0
    }

    .kt-footer--fixed .kt-content {
        padding-bottom: 60px
    }

    .kt-aside--enabled .kt-content {
        padding-left: 30px
    }
}

@media (max-width: 1024px) {
    .kt-content {
        padding:15px 0
    }

    .kt-subheader--enabled.kt-subheader--transparent .kt-content {
        padding-top: 0
    }
}

.kt-footer {
    padding: 0;
    margin: 0;
    background-size: cover;
    background-position: center center;
    background-color: #1e1e2d
}

.kt-footer .kt-footer__top {
    padding: 4rem 0
}

.kt-footer .kt-footer__top .kt-footer__section .kt-footer__title {
    color: #fff;
    padding-bottom: 1rem;
    font-size: 1.4rem
}

.kt-footer .kt-footer__top .kt-footer__section .kt-footer__content {
    display: block;
    color: rgba(169,167,188,0.8);
    font-size: 1rem;
    padding-bottom: .4rem
}

.kt-footer .kt-footer__top .kt-footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kt-footer .kt-footer__top .kt-footer__nav .kt-footer__nav-section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.kt-footer .kt-footer__top .kt-footer__nav .kt-footer__nav-section a {
    font-size: 1rem;
    font-weight: 400;
    color: #a9a7bc;
    margin-bottom: .5rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-footer .kt-footer__top .kt-footer__nav .kt-footer__nav-section a:hover {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #9658DD
}

.kt-footer .kt-footer__top .kt-footer__subscribe {
    background-color: rgba(0,0,0,0.2)
}

.kt-footer .kt-footer__top .kt-footer__subscribe .input-group {
    border-radius: .25rem;
    border: 0
}

.kt-footer .kt-footer__top .kt-footer__subscribe .input-group .form-control {
    padding: 2rem 0 2rem 2rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    background-color: transparent;
    border: 0;
    color: #68717b
}

.kt-footer .kt-footer__top .kt-footer__subscribe .input-group .form-control::-moz-placeholder {
    color: #616973;
    opacity: 1
}

.kt-footer .kt-footer__top .kt-footer__subscribe .input-group .form-control:-ms-input-placeholder {
    color: #616973
}

.kt-footer .kt-footer__top .kt-footer__subscribe .input-group .form-control::-webkit-input-placeholder {
    color: #616973
}

.kt-footer .kt-footer__top .kt-footer__subscribe .input-group .btn {
    padding: 0 1.5rem;
    border-top-left-radius: .25rem;
    margin: .7rem;
    border-bottom-left-radius: .25rem
}

.kt-footer .kt-footer__bottom {
    padding: 2rem 0;
    background-color: #181824
}

.kt-footer .kt-footer__bottom .kt-footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.kt-footer .kt-footer__bottom .kt-footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kt-footer .kt-footer__bottom .kt-footer__logo .kt-footer__copyright {
    margin: 0;
    padding: 0 1.25rem 0 1rem;
    font-size: 1rem;
    font-weight: 400;
    color: #6f7286
}

.kt-footer .kt-footer__bottom .kt-footer__logo .kt-footer__copyright &gt; a {
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-footer .kt-footer__bottom .kt-footer__logo .kt-footer__copyright &gt; a:hover {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #9658DD
}

.kt-footer .kt-footer__bottom .kt-footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0
}

.kt-footer .kt-footer__bottom .kt-footer__menu a {
    margin-left: 1rem;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #a9a7bc;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.kt-footer .kt-footer__bottom .kt-footer__menu a:hover {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #9658DD
}

@media (min-width: 1025px) {
    .kt-aside--enabled.kt-aside--fixed .kt-footer {
        position:relative;
        z-index: 98
    }

    .kt-footer .kt-footer__top .row {
        margin: 0
    }

    .kt-footer .kt-footer__top .row [class^="col-"],.kt-footer .kt-footer__top .row [class*=" col-"] {
        padding-right: 60px
    }

    .kt-footer .kt-footer__top .row [class^="col-"]:first-child,.kt-footer .kt-footer__top .row [class*=" col-"]:first-child {
        padding-left: 0
    }

    .kt-footer .kt-footer__top .row [class^="col-"]:last-child,.kt-footer .kt-footer__top .row [class*=" col-"]:last-child {
        padding-right: 0
    }
}

@media (max-width: 1024px) {
    .kt-footer .kt-footer__top {
        padding:2rem 0
    }

    .kt-footer .kt-footer__top .kt-footer__section {
        margin-bottom: 2rem
    }

    .kt-footer .kt-footer__top .kt-footer__section .kt-footer__items .kt-footer__item:last-child {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        padding-left: 1rem
    }

    .kt-footer .kt-footer__bottom {
        padding: 2rem 0
    }

    .kt-footer .kt-footer__bottom .kt-footer__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }

    .kt-footer .kt-footer__bottom .kt-footer__wrapper .kt-footer__logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0
    }

    .kt-footer .kt-footer__bottom .kt-footer__wrapper .kt-footer__menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0;
        margin-bottom: 1rem
    }

    .kt-footer .kt-footer__bottom .kt-footer__wrapper .kt-footer__menu a:first-child {
        padding-left: 0;
        margin-left: 0
    }
}

.kt-scroll.kt-scroll--pull {
    padding-right: 12px
}

.kt-scroll.kt-scroll--pull .ps__rail-y {
    right: -2px
}

.ps &gt; .ps__rail-y {
    width: 4px
}

.ps &gt; .ps__rail-y:hover,.ps &gt; .ps__rail-y:focus {
    width: 4px
}

.ps &gt; .ps__rail-y &gt; .ps__thumb-y {
    width: 4px;
    border-radius: 4px
}

.ps &gt; .ps__rail-y &gt; .ps__thumb-y:hover,.ps &gt; .ps__rail-y &gt; .ps__thumb-y:focus {
    width: 4px
}

.ps &gt; .ps__rail-x {
    height: 4px
}

.ps &gt; .ps__rail-x:hover,.ps &gt; .ps__rail-x:focus {
    height: 4px
}

.ps &gt; .ps__rail-x &gt; .ps__thumb-x {
    top: 0;
    height: 4px;
    border-radius: 4px
}

.ps &gt; .ps__rail-x &gt; .ps__thumb-x:hover,.ps &gt; .ps__rail-x &gt; .ps__thumb-x:focus {
    top: 0;
    height: 4px
}

.ps &gt; .ps__rail-x {
    background: transparent
}

.ps &gt; .ps__rail-x:hover,.ps &gt; .ps__rail-x:focus {
    opacity: 1;
    background: transparent
}

.ps &gt; .ps__rail-x:hover &gt; .ps__thumb-x,.ps &gt; .ps__rail-x:focus &gt; .ps__thumb-x {
    opacity: 1
}

.ps &gt; .ps__rail-x &gt; .ps__thumb-x {
    background: #d8dce6;
    opacity: 1
}

.ps &gt; .ps__rail-x &gt; .ps__thumb-x:hover,.ps &gt; .ps__rail-x &gt; .ps__thumb-x:focus {
    opacity: 1;
    background: #d8dce6
}

.ps &gt; .ps__rail-y {
    background: transparent
}

.ps &gt; .ps__rail-y:hover,.ps &gt; .ps__rail-y:focus {
    background: transparent;
    opacity: 1
}

.ps &gt; .ps__rail-y:hover &gt; .ps__thumb-y,.ps &gt; .ps__rail-y:focus &gt; .ps__thumb-y {
    opacity: 1
}

.ps &gt; .ps__rail-y &gt; .ps__thumb-y {
    background: #d8dce6;
    opacity: 1
}

.ps &gt; .ps__rail-y &gt; .ps__thumb-y:hover,.ps &gt; .ps__rail-y &gt; .ps__thumb-y:focus {
    opacity: 1;
    background: #d8dce6
}
</pre></body></html>