.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}
body
{
    direction:ltr;
}
    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline;
            list-style: none;
            padding: 0
        }

        .select2-container .select2-selection--multiple .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

    .select2-container .select2-search--inline .select2-search__field {
        box-sizing: border-box;
        border: none;
        font-size: 100%;
        margin-top: 5px;
        margin-left: 5px;
        padding: 0;
        max-width: 100%;
        resize: none;
        height: 18px;
        vertical-align: bottom;
        font-family: sans-serif;
        overflow: hidden;
        word-break: keep-all
    }

        .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        height: 26px;
        margin-right: 20px;
        padding-right: 0
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

    .select2-container--default .select2-selection--multiple.select2-selection--clearable {
        padding-right: 25px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        font-weight: 700;
        height: 20px;
        margin-right: 10px;
        margin-top: 5px;
        position: absolute;
        right: 0;
        padding: 1px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        box-sizing: border-box;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        padding: 0;
        padding-left: 20px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        background-color: transparent;
        border: none;
        border-right: 1px solid #aaa;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #999;
        cursor: pointer;
        font-size: 1em;
        font-weight: 700;
        padding: 0 4px;
        position: absolute;
        left: 0;
        top: 0
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
            background-color: #f1f1f1;
            color: #333;
            outline: none
        }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        height: 26px;
        margin-right: 20px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: 0 0;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888;
            border-width: 0 4px 5px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0%,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0%,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0%,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        padding: 0
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        background-color: transparent;
        border: none;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #888;
        cursor: pointer;
        font-size: 1em;
        font-weight: 700;
        padding: 0 4px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
            outline: none
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

.wpcf7-list-item-label:before, .wpcf7-list-item-label:after {
    content: " "
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

form.submitting .wpcf7-spinner {
    visibility: visible
}

.wpcf7-spinner:before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion:reduce) {
    .wpcf7-spinner:before {
        animation-name: blink;
        animation-duration: 2s
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.wpcf7 [inert] {
    opacity: .5
}

.wpcf7 input[type=file] {
    cursor: pointer
}

    .wpcf7 input[type=file]:disabled {
        cursor: default
    }

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type=url], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
    direction: ltr
}

.wpcf7-reflection > output {
    display: list-item;
    list-style: none
}

    .wpcf7-reflection > output[hidden] {
        display: none
    }

.wpcf7-not-valid-tip {
    direction: rtl
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    right: 1em
}

.wpcf7-list-item {
    margin: 0 1em 0 0
}

.whatsapp-name {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: .5
}

#whatsapp-chat {
    box-sizing: border-box !important;
    outline: none !important;
    position: fixed;
    width: 350px;
    border-radius: 10px;
    box-shadow: 0 1px 15px rgba(32,33,36,.28);
    bottom: 90px;
    left: 30px;
    overflow: hidden;
    z-index: 10001;
    animation-name: showchat;
    animation-duration: .1s;
    transform: scale(1)
}

a.blantershow-chat {
    background: #fff;
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 98;
    bottom: 25px;
    left: 30px;
    font-size: 15px;
    padding: 0;
    border-radius: 30px;
    box-shadow: 0 1px 15px rgba(32,33,36,.28)
}

    a.blantershow-chat svg {
        transform: scale(1.2);
        margin: 0
    }

.header-chat {
    background: #009688;
    background: #095e54;
    color: #fff;
    padding: 20px
}

    .header-chat h3 {
        margin: 0 0 10px
    }

    .header-chat p {
        font-size: 14px;
        line-height: 1.7;
        margin: 0
    }

.info-avatar {
    position: relative
}

    .info-avatar img {
        border-radius: 100%;
        width: 50px;
        float: left;
        margin: 0 10px 0 0;
        background-color: #fff
    }

a.informasi {
    padding: 20px;
    display: block;
    overflow: hidden;
    animation-name: showhide;
    animation-duration: .5s
}

    a.informasi:hover {
        background: #f1f1f1
    }

.info-chat span {
    display: block
}

#get-label, span.chat-label {
    font-size: 12px;
    color: #888
}

#get-nama, span.chat-nama {
    margin: 5px 0 0;
    font-size: 15px;
    font-weight: 700;
    color: #222
}

#get-label, #get-nama {
    color: #fff
}

span.my-number {
    display: none
}

textarea#chat-input {
    border: none;
    font-family: "Arial",sans-serif;
    width: 100%;
    height: 40px;
    outline: none;
    resize: none;
    padding: 10px;
    font-size: 13px;
    border-radius: 0
}

a#send-it {
    width: 40px;
    font-weight: 700;
    padding: 9px 10px 0;
    background: #eee;
    border-radius: 0
}

    a#send-it svg {
        fill: #a6a6a6;
        height: 24px;
        width: 24px
    }

.first-msg {
    background: 0 0;
    padding: 30px;
    text-align: center
}

    .first-msg span {
        background: #e2e2e2;
        color: #333;
        font-size: 14.2px;
        line-height: 1.7;
        border-radius: 10px;
        padding: 15px 20px;
        display: inline-block
    }

.start-chat .blanter-msg {
    display: flex
}

#get-number {
    display: none
}

a.close-chat {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    font-size: 30px;
    text-decoration: none
}

    a.close-chat:hover, a.close-chat:active, a.close-chat:focus {
        color: #b9b9b9
    }

@keyframes ZpjSY {
    0% {
        background-color: #b6b5ba
    }

    15% {
        background-color: #111
    }

    25% {
        background-color: #b6b5ba
    }
}

@keyframes hPhMsj {
    15% {
        background-color: #b6b5ba
    }

    25% {
        background-color: #111
    }

    35% {
        background-color: #b6b5ba
    }
}

@keyframes iUMejp {
    25% {
        background-color: #b6b5ba
    }

    35% {
        background-color: #111
    }

    45% {
        background-color: #b6b5ba
    }
}

@keyframes showhide {
    from {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes showchat {
    from {
        transform: scale(0);
        opacity: 0
    }
}

@media screen and (max-width:480px) {
    #whatsapp-chat {
        width: auto;
        left: 5%;
        right: 5%;
        font-size: 80%
    }
}

.cl-wc-hide {
    display: none;
    animation-name: showhide;
    animation-duration: .5s;
    transform: scale(1);
    opacity: 1
}

.cl-wc-show {
    display: block;
    animation-name: showhide;
    animation-duration: .5s;
    transform: scale(1);
    opacity: 1
}

.whatsapp-message-container {
    display: flex;
    z-index: 1
}

.whatsapp-message {
    padding: 7px 14px 6px;
    background-color: #fff;
    border-radius: 0 8px 8px;
    position: relative;
    transition: all .3s ease 0s;
    opacity: 0;
    transform-origin: center top 0px;
    z-index: 2;
    box-shadow: rgba(0,0,0,.13) 0px 1px .5px;
    margin-top: 4px;
    margin-left: -54px;
    max-width: calc(100% - 66px)
}

.whatsapp-chat-body {
    padding: 20px 20px 20px 10px;
    background-color: #e6ddd4;
    position: relative
}

    .whatsapp-chat-body:before {
        display: block;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 0;
        opacity: .08;
        background-image: url("../../plugins/courses-listing-whatsapp/assets/images/whatsapp.png")
    }

.dAbFpq {
    display: flex;
    z-index: 1
}

.eJJEeC {
    background-color: #fff;
    width: 52.5px;
    height: 32px;
    border-radius: 16px;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    margin-left: 10px;
    opacity: 0;
    transition: all .1s ease 0s;
    z-index: 1;
    box-shadow: rgba(0,0,0,.13) 0px 1px .5px
}

.hFENyl {
    position: relative;
    display: flex
}

.ixsrax {
    height: 5px;
    width: 5px;
    margin: 0 2px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0;
    background-color: #9e9da2;
    animation-name: ZpjSY
}

.dRvxoz {
    height: 5px;
    width: 5px;
    margin: 0 2px;
    background-color: #b6b5ba;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0;
    animation-name: hPhMsj
}

.kAZgZq {
    padding: 7px 14px 6px;
    background-color: #fff;
    border-radius: 0 8px 8px;
    position: relative;
    transition: all .3s ease 0s;
    opacity: 0;
    transform-origin: center top 0px;
    z-index: 2;
    box-shadow: rgba(0,0,0,.13) 0px 1px .5px;
    margin-top: 4px;
    margin-left: -54px;
    max-width: calc(100% - 66px)
}

    .kAZgZq:before {
        position: absolute;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        top: 0;
        left: -12px;
        width: 12px;
        height: 19px
    }

.bMIBDo {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0,0,0,.4)
}

.iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: #111
}

.iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: #111
}

.cqCDVm {
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: rgba(17,17,17,.5);
    margin-right: -8px;
    margin-bottom: -4px
}
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

    .ui-menu .ui-menu {
        position: absolute
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0
    }

    .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
        margin: -1px
    }

.ui-menu-icons {
    position: relative
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none
    }

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

        .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0;
        padding: 1px;
        height: 20px
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: 0 0;
        overflow: auto
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0
    }

    .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        -ms-filter: "alpha(opacity=25)";
        opacity: .25
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: 700;
            line-height: 1.5;
            padding: 2px .4em;
            margin: .5em 0 0;
            height: auto;
            border: 0
        }

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }

.ui-slider-horizontal {
    height: .8em
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

    .ui-widget-content a {
        color: #333
    }

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

    .ui-widget-header a {
        color: #333
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: 400;
        color: #454545
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
            color: #454545;
            text-decoration: none
        }

            .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
                border: 1px solid #ccc;
                background: #ededed;
                font-weight: 400;
                color: #2b2b2b
            }

                .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
                    color: #2b2b2b;
                    text-decoration: none
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

    .ui-icon-background, .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #fff
    }

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #fff;
        text-decoration: none
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #5f3f3f
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    background-image: none
}

    .ui-state-disabled .ui-icon {
        -ms-filter: "alpha(opacity=35)"
    }

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("../../../../ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("../../../../ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url("../../../../ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("../../../../ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
    background-image: url("../../../../ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("../../../../ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("../../../../ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/base/images/ui-icons_777777_256x240.png")
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    -ms-filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666
}

.flexdatalist-results {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #444;
    border-top: none;
    background: #fff;
    z-index: 100000;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 4px 5px rgba(0,0,0,.15);
    color: #333;
    list-style: none;
    margin: 0;
    padding: 0
}

    .flexdatalist-results li {
        border-bottom: 1px solid #ccc;
        padding: 8px 15px;
        font-size: 14px;
        line-height: 20px
    }

        .flexdatalist-results li span.highlight {
            font-weight: 700;
            text-decoration: underline
        }

        .flexdatalist-results li.active {
            background: #2b82c9;
            color: #fff;
            cursor: pointer
        }

        .flexdatalist-results li.no-results {
            font-style: italic;
            color: #888
        }

        .flexdatalist-results li.group {
            background: #f3f3f4;
            color: #666;
            padding: 8px
        }

        .flexdatalist-results li .group-name {
            font-weight: 700
        }

        .flexdatalist-results li .group-item-count {
            font-size: 85%;
            color: #777;
            display: inline-block;
            padding-left: 10px
        }

.flexdatalist-multiple:before {
    content: '';
    display: block;
    clear: both
}

.flexdatalist-multiple {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    cursor: text
}

    .flexdatalist-multiple.disabled {
        background-color: #eee;
        cursor: default
    }

    .flexdatalist-multiple:after {
        content: '';
        display: block;
        clear: both
    }

    .flexdatalist-multiple li {
        display: inline-block;
        position: relative;
        margin: 5px
    }

        .flexdatalist-multiple li.input-container, .flexdatalist-multiple li.input-container input {
            border: none;
            height: auto;
            padding: 0 0 0 4px;
            line-height: 24px;
            box-shadow: none
        }

        .flexdatalist-multiple li.value {
            padding: 2px 25px 2px 7px;
            background: #efefef;
            border-radius: 3px;
            color: #444;
            line-height: 20px;
            float: left
        }

        .flexdatalist-multiple li.toggle {
            cursor: pointer;
            transition: opacity ease-in-out .3s
        }

            .flexdatalist-multiple li.toggle.disabled {
                text-decoration: line-through;
                opacity: .80
            }

        .flexdatalist-multiple li.value span.fdl-remove {
            font-weight: 700;
            padding: 2px 5px;
            font-size: 20px;
            line-height: 20px;
            cursor: pointer;
            position: absolute;
            top: 0;
            right: 0;
            opacity: .70
        }

            .flexdatalist-multiple li.value span.fdl-remove:hover {
                opacity: 1
            }

.gcl-main-wrapper {
    border: 0 solid #000;
    display: grid;
    grid-gap: 5px;
    padding: 0
}

    .gcl-main-wrapper .gcl-item {
        position: relative;
        border: 1px solid #ddd;
        padding: 5px 5px 150px;
        min-height: 300px;
        margin-right: 5px;
        margin-bottom: 5px;
        box-shadow: 0 1px 2px rgba(0,0,0,.15);
        transition: box-shadow .3s ease-in-out;
        text-align: center;
        overflow: hidden
    }

        .gcl-main-wrapper .gcl-item:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,.3)
        }

        .gcl-main-wrapper .gcl-item img {
            border: 0 solid red;
            height: 150px;
            width: auto;
            margin: 0 auto 5px;
            display: block
        }

        .gcl-main-wrapper .gcl-item a {
            font-size: 16px;
            font-weight: 400;
            display: inline-block;
            border: 0 solid #000;
            text-decoration: none !important;
            width: 100%;
            outline: none;
            line-height: 22px;
            color: #242424;
            text-align: center;
            margin: 0;
            padding: 0
        }

            .gcl-main-wrapper .gcl-item a:hover {
                color: #999
            }

            .gcl-main-wrapper .gcl-item a.active {
                color: #242424
            }

            .gcl-main-wrapper .gcl-item a:active {
                outline: none;
                text-decoration: none !important
            }

        .gcl-main-wrapper .gcl-item .gcl-title {
            font-weight: 700;
            color: #b92025;
            margin-top: 5px
        }

        .gcl-main-wrapper .gcl-item .gcl-description-content {
            color: #242424;
            margin-top: 5px
        }

        .gcl-main-wrapper .gcl-item span {
            display: inline-block;
            position: absolute;
            bottom: 50px;
            left: 0;
            border: 0 solid #000;
            width: 100%;
            margin: 10px 0 0 !important;
            padding: 10px !important;
            line-height: 20px;
            text-align: left;
            background: #f8f8f8
        }

            .gcl-main-wrapper .gcl-item span label {
                font-weight: 700
            }

        .gcl-main-wrapper .gcl-item a.gcl-btn, .gcl-details-summary span a.gcl-btn {
            display: inline-block;
            position: absolute;
            bottom: 5px;
            left: 33%;
            margin: 0;
            margin-top: 5px;
            padding: 12px 15px;
            cursor: pointer;
            border-style: solid;
            -webkit-appearance: none;
            border-radius: 3px;
            white-space: nowrap;
            box-sizing: border-box;
            line-height: 14px;
            font-size: 14px;
            text-align: center;
            text-decoration: none !important;
            width: auto;
            color: #eaeaea;
            background: #b92025
        }

        .gcl-main-wrapper .gcl-item .gcl-ribbon {
            font-size: 14px;
            margin: 0;
            background: #8bc24a;
            color: #fff;
            padding: .2em 0;
            position: absolute;
            top: 0;
            right: 0;
            transform: translateX(30%) translateY(0%) rotate(45deg);
            transform-origin: top left
        }

            .gcl-main-wrapper .gcl-item .gcl-ribbon:before, .gcl-main-wrapper .gcl-item .gcl-ribbon:after {
                content: "";
                position: absolute;
                top: 0;
                margin: 0 -1px;
                width: 100%;
                height: 100%;
                background: #8bc24a
            }

            .gcl-main-wrapper .gcl-item .gcl-ribbon:before {
                right: 100%
            }

            .gcl-main-wrapper .gcl-item .gcl-ribbon:after {
                left: 100%
            }

        .gcl-main-wrapper .gcl-item .gcl-left-ribbon {
            font-size: 14px;
            margin: 0;
            background: #b92025;
            color: #fff;
            padding: .2em 0;
            position: absolute;
            top: 0;
            left: 0;
            transform: translateX(-30%) translateY(0%) rotate(-45deg);
            transform-origin: top right
        }

            .gcl-main-wrapper .gcl-item .gcl-left-ribbon:before, .gcl-main-wrapper .gcl-item .gcl-left-ribbon:after {
                content: "";
                position: absolute;
                top: 0;
                margin: 0 -1px;
                width: 100%;
                height: 100%;
                background: #b92025
            }

            .gcl-main-wrapper .gcl-item .gcl-left-ribbon:before {
                right: 100%
            }

            .gcl-main-wrapper .gcl-item .gcl-left-ribbon:after {
                left: 100%
            }

.gcl-pagination {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

    .gcl-pagination .page-numbers {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: 0 2px 0 0;
        border: 1px solid #eee;
        text-decoration: none;
        border-radius: 2px;
        font-weight: 600
    }

        .gcl-pagination .page-numbers.current, a.page-numbers:hover {
            background: #f9f9f9
        }

.gcl-search-container {
    border: 1px solid #ddd;
    width: 100%;
    display: grid;
    grid-gap: 0px;
    padding: 0;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    margin-bottom: 10px;
    background: #f2f2f2
}

    .gcl-search-container .gcl-search-item {
        border: 0 solid #090;
        padding: 10px 0 10px 10px;
        min-height: 50px;
        text-align: center
    }

    .gcl-search-container .gcl-search-submit-item {
        border: 0;
        padding: 13px;
        min-height: 50px;
        text-align: right
    }

    .gcl-search-container .gcl-search-item input, .gcl-search-container .gcl-search-item select {
        width: 100%;
        height: auto;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("../../plugins/courses-listing/assets/img/br_down.png") no-repeat scroll right 15px center;
        background-color: #fff;
        border: 1px solid #ddd;
        color: #333;
        font-size: 12px;
        line-height: 18px;
        padding: 13px;
        border-radius: 5px;
        cursor: pointer;
        outline: none;
        transition: all .3s linear;
        margin: 0
    }

        .gcl-search-container .gcl-search-item input[type=text] {
            background: #fff;
            padding: 15px 13px;
            line-height: 30px;
            height: 45px;
            color: #333 !important
        }

    .gcl-search-container .gcl-search-submit-item .submit-btn {
        width: 150px;
        background: #b92025;
        color: #fff;
        padding: 10px;
        font-size: 14px;
        line-height: 16px;
        border: none;
        border-radius: 5px;
        font-weight: 700;
        letter-spacing: .5px;
        cursor: pointer;
        box-shadow: 0 3px 0px .5px #801d20;
        transition: all .3s linear;
        transform: translateY(0);
        display: inline-block
    }

.gcl-details-wrapper {
    display: grid;
    grid-template-columns: 300px auto;
    grid-gap: 10px;
    min-height: 100px
}

    .gcl-details-wrapper .gcl-details-image {
        min-height: 100px;
        padding: 5px;
        margin-right: 20px;
        width: 100%
    }

        .gcl-details-wrapper .gcl-details-image img {
            width: 100%;
            height: auto;
            border: none
        }

    .gcl-details-wrapper .gcl-details-summary h5.gcl-details-course-title {
        margin-bottom: 10px;
        color: #242424;
        font-size: 24px;
        margin-top: 0
    }

    .gcl-details-wrapper .gcl-details-summary span {
        font-size: 14px;
        display: inline-block;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        margin-bottom: 10px !important
    }

        .gcl-details-wrapper .gcl-details-summary span b {
            color: #242424;
            width: 150px;
            display: inline-block
        }

    .gcl-details-wrapper .gcl-details-description {
        margin-top: 20px;
        font-size: 14px;
        grid-column-start: 1;
        grid-column-end: 3
    }

        .gcl-details-wrapper .gcl-details-description .gcl-details-description-title {
            border: 0 solid #090;
            padding: 0 8px
        }

            .gcl-details-wrapper .gcl-details-description .gcl-details-description-title hr {
                margin-bottom: 10px
            }

        .gcl-details-wrapper .gcl-details-description .gcl-details-description-content {
            padding: 0 8px
        }

.gcl-media-file-preview {
    text-align: center;
    vertical-align: top;
    display: inline-block;
    margin: 10px 10px 0 0;
    width: 130px
}

.gcl-planholder-dialog {
    background: #fff;
    padding: 20px 30px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative
}

    .gcl-planholder-dialog h2 {
        font-size: 24px
    }

.gcl-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.gcl-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.gcl-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.gcl-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.gcl-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.gcl-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.gcl-planholder-detail span {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 10px !important
}

    .gcl-planholder-detail span b {
        color: #242424;
        width: 120px;
        display: inline-block
    }

.gcl-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.gcl-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}

.gcl-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.gcl-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.gcl-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8
}

.gcl-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

.gcl-alert {
    padding: 20px !important;
    color: #fff
}

    .gcl-alert.success {
        background-color: #6abd6e
    }

    .gcl-alert.error {
        background-color: #f66358
    }

    .gcl-alert.warning {
        background-color: #ffaa2b
    }

    .gcl-alert.info {
        background-color: #47a8f5
    }

.gcl-content-protected {
    text-align: center
}

    .gcl-content-protected h1 {
        font-size: 32px
    }

    .gcl-content-protected, .gcl-content-protected form {
        width: 100%
    }

        .gcl-content-protected form .inner-form {
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center
        }

            .gcl-content-protected form .inner-form .input-field {
                height: 68px
            }

                .gcl-content-protected form .inner-form .input-field input {
                    height: 100%;
                    background: #fff;
                    border: 0;
                    display: block;
                    width: 100%;
                    padding: 10px 32px;
                    font-size: 16px;
                    color: #333;
                    border: 1px solid #e5e5e5
                }

                    .gcl-content-protected form .inner-form .input-field input.placeholder {
                        color: #9a9a9a;
                        font-size: 20px
                    }

                    .gcl-content-protected form .inner-form .input-field input:-moz-placeholder {
                        color: #9a9a9a;
                        font-size: 20px
                    }

                    .gcl-content-protected form .inner-form .input-field input::-webkit-input-placeholder {
                        color: #9a9a9a;
                        font-size: 20px
                    }

                    .gcl-content-protected form .inner-form .input-field input:hover, .gcl-content-protected form .inner-form .input-field input:focus {
                        box-shadow: none;
                        outline: 0
                    }

                .gcl-content-protected form .inner-form .input-field.first-wrap {
                    -ms-flex-positive: 1;
                    flex-grow: 1
                }

                    .gcl-content-protected form .inner-form .input-field.first-wrap input {
                        border-right: 0
                    }

                .gcl-content-protected form .inner-form .input-field.third-wrap {
                    width: 164px
                }

                    .gcl-content-protected form .inner-form .input-field.third-wrap .btn-submit {
                        height: 100%;
                        width: 100%;
                        white-space: nowrap;
                        font-size: 20px;
                        color: #fff;
                        border: 0;
                        cursor: pointer;
                        position: relative;
                        z-index: 0;
                        background: #b92025;
                        transition: all .2s ease-out,color .2s ease-out;
                        font-weight: 300
                    }

                        .gcl-content-protected form .inner-form .input-field.third-wrap .btn-submit:hover {
                            background: #8a1519
                        }

                        .gcl-content-protected form .inner-form .input-field.third-wrap .btn-submit:focus {
                            outline: 0;
                            box-shadow: none
                        }

form#gcl-login-form {
    max-width: 300px;
    margin: 20px auto
}

    form#gcl-login-form #gcl-login-form-submit, input#gcl_login_form_submit {
        background: #a80d1c;
        color: #fff;
        border: 0;
        cursor: pointer
    }

.gcl-plan-courses-listing-menu-item a {
    line-height: 30px !important;
    margin-top: 35px;
    border: 3px solid #a80d1c;
    color: #a80d1c !important;
    border-radius: 28px;
    padding: 0 15px !important
}

body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btLogoArea .menuPort nav > ul > li.gcl-plan-courses-listing-menu-item > a {
    margin-top: 12px
}

.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor.gcl-plan-courses-listing-menu-item > a:after, .btMenuHorizontal .menuPort nav > ul > li.current-menu-item.gcl-plan-courses-listing-menu-item > a:after {
    background-color: transparent
}

.venue-card {
    height: 15em;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    padding: 14px 80px 18px 36px;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat
}

    .venue-card .card-title {
        background: #00000000;
        text-decoration: none;
        font-weight: 600
    }

    .venue-card:hover {
        transform: scale(1.35);
        box-shadow: 0 10px 20px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);
        transition-duration: 1s
    }

a:hover, a:visited, a:link, a:active {
    text-decoration: none
}

.accreditation-card {
    height: 15em;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    padding: 14px 80px 18px 36px;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat
}

    .accreditation-card .card-title {
        background: #00000000;
        text-decoration: none;
        font-weight: 600
    }

    .accreditation-card:hover {
        transform: scale(1.05);
        box-shadow: 0 10px 20px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06)
    }

img.accreditation-logo {
    width: 5em;
    height: 5em;
    object-fit: scale-down;
    float: left
}

.blur-bg {
    height: 500px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    -webkit-filter: blur(5px);
    position: absolute;
    z-index: -1
}

.archive-hero-title {
    height: 500px
}

.jumbotron.course-header {
    border-radius: 10px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    color: #fff;
    height: 50vh
}

.circle {
    padding: 13px 20px;
    border-radius: 50%;
    background-color: #0d6efd;
    color: #fff;
    max-height: 50px;
    z-index: 2
}

.time-line.row .col-2 {
    align-self: stretch
}

    .time-line.row .col-2:after {
        content: "";
        position: absolute;
        border-left: 3px solid #0d6efd;
        z-index: 1
    }

.timeline div {
    padding: 0;
    height: 40px
}

.timeline hr {
    margin: 0;
    top: 17px;
    position: relative;
    color: #0d6efd;
    height: 3px !important
}

.timeline .col-2 {
    display: flex;
    overflow: hidden
}

.timeline .corner {
    border: 3px solid #0d6efd;
    width: 100%;
    position: relative;
    border-radius: 15px
}

.timeline .top-right {
    left: 50%;
    top: -50%
}

.timeline .left-bottom {
    left: -50%;
    top: calc(50% - 3px)
}

.timeline .top-left {
    left: -50%;
    top: -50%
}

.timeline .right-bottom {
    left: 50%;
    top: calc(50% - 3px)
}

.description-title {
    color: #0d6efd
}

.shadow {
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,.5);
    border-radius: 1em
}

.combination-filter {
    background-color: #062a46;
    color: #fff;
    position: relative
}

.cl-overlay {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 2
}

.cl-overlay-body {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: #fff;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.overlay-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

    .overlay-ripple div {
        position: absolute;
        border: 4px solid #fff;
        opacity: 1;
        border-radius: 50%;
        animation: overlay-ripple 1s cubic-bezier(0,.2,.8,1) infinite
    }

        .overlay-ripple div:nth-child(2) {
            animation-delay: -.5s
        }

@keyframes overlay-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0
    }

    4.9% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0
    }

    5% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0
    }
}

.category-venue-page .wpc-filters-section.wpc-filter-cl_format, .category-venue-page .wpc-filters-section.wpc-filter-cl_venues {
    display: none
}

.gcl-button-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -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;
    line-height: 1.3;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 40px;
    padding: 0;
    font-size: 14px;
    text-align: left
}

.gcl-button-aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    border-color: rgba(255,255,255,.5)
}

.gcl-button-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 1.602rem
}

.gcl-filters-area-line-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    align-content: space-between
}

    .gcl-filters-area-line-2 > .mb-10 {
        margin-bottom: 0 !Important
    }

.filters-download-buttons {
    margin-left: auto
}

.cl-notification {
    display: none;
    margin-bottom: 10px
}

.cl-error-not {
    background: #cb303d;
    color: #fff;
    padding: 5px 10px
}

.cl-downloading-spin {
    width: 1em;
    height: 1em;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: cl-rotation 1s linear infinite;
    transition: all .3s;
    transition-timing-function: ease-in
}

@keyframes cl-rotation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.header-button-download-pdf, .header-button-download-excel, .header-button-download-pdf:focus, .header-button-download-excel:focus {
    color: #fff;
    background-color: var(--bs-primary);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 8px;
    text-decoration: none;
    border: 0;
    opacity: .5;
    padding: 5px 15px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,.3);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.3);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.3)
}

    .header-button-download-pdf:hover, .header-button-download-excel:hover {
        opacity: 1
    }

.gcl-button-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -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;
    line-height: 1.3;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 40px;
    padding: 0;
    font-size: 14px;
    text-align: left
}

.gcl-button-aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    border-color: rgba(255,255,255,.5)
}

.gcl-button-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 1.602rem
}

.gcl-filters-area-line-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    align-content: space-between
}

    .gcl-filters-area-line-2 > .mb-10 {
        margin-bottom: 0 !Important
    }

.filters-download-buttons {
    margin-left: auto
}

#cl-courses .course-month {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%
}

#cl-courses.list-group .course-month {
    margin-top: 30px;
    margin-bottom: 10px
}

#cl-courses .course-month.session-loop-1 {
    margin-top: 0
}

.course-month div {
    border-bottom: 4px solid var(--bs-secondary);
    width: 100%
}

.course-month h4 {
    color: var(--bs-secondary);
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase
}

.course-month div {
    border-bottom: 2px solid var(--bs-secondary)
}

table.tables-list {
    font-size: 14px
}

    table.tables-list tr:nth-child(odd) {
        background-color: #eee
    }

    table.tables-list td {
        padding: 5px
    }

.cl-modal-1 {
    --bs-modal-zindex: 10001
}

    .cl-modal-1 .modal.show .modal-dialog {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .cl-modal-1 .modal-content {
        border: none;
        position: relative;
        padding: 0 !important;
        font-size: 14px;
        border-radius: 0;
        -webkit-box-shadow: 0 10px 34px -15px rgba(0,0,0,.24);
        -moz-box-shadow: 0 10px 34px -15px rgba(0,0,0,.24);
        box-shadow: 0 10px 34px -15px rgba(0,0,0,.24)
    }

        .cl-modal-1 .modal-content .modal-header {
            padding: 0;
            border: none
        }

            .cl-modal-1 .modal-content .modal-header button.close {
                border: 0;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                position: absolute;
                top: 0;
                right: 0;
                padding: 0;
                margin: 0;
                width: 40px;
                height: 40px;
                z-index: 1;
                text-shadow: none;
                background-color: transparent
            }

            .cl-modal-1 .modal-content .modal-header.modal-header-dark button.close {
                color: #000
            }

        .cl-modal-1 .modal-content .no-gutters {
            margin-right: 0;
            margin-left: 0
        }

            .cl-modal-1 .modal-content .no-gutters > .col, .cl-modal-1 .modal-content .no-gutters > [class*=col-] {
                padding-right: 0;
                padding-left: 0
            }

        .cl-modal-1 .modal-content .modal-body.color-1 {
            background: #97c93d
        }

        .cl-modal-1 .modal-content .modal-body.color-2 {
            background: var(--bs-primary)
        }

        .cl-modal-1 .modal-content .modal-body.modal-body-dark {
            color: rgba(255,255,255,.8)
        }

        .cl-modal-1 .modal-content .modal-body {
            border: none;
            position: relative;
            z-index: 0
        }

            .cl-modal-1 .modal-content .modal-body .icon-2 {
                position: absolute;
                top: 12px;
                left: 20px;
                font-size: 30px
            }

            .cl-modal-1 .modal-content .modal-body .label {
                text-transform: uppercase;
                font-size: 12px;
                letter-spacing: 1px
            }

#download-buttons-modal .modal-content .modal-body .form-control:not(.btn), #download-buttons-modal .modal-content .modal-body .form-select {
    border: none;
    border-radius: 0;
    padding: 0;
    height: 30px;
    border-bottom: 1px solid #0b
}

.cl-modal-1 .modal-content .modal-body textarea.form-control:not(.btn) {
    height: 100px
}

#download-buttons-modal .modal-content .modal-body .form-select:focus, #download-buttons-modal .modal-content .modal-body .select2-selection:focus {
    border-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid #96
}

.cl-modal-1 .modal-content .modal-body.modal-body-dark .form-control:not(.btn) {
    border-radius: 0;
    background: #f8f8f8;
    padding: 15px 10px;
    border: none;
    font-size: 15px
}

.form-control.wpcf7-not-valid, .wpcf7-form-control.wpcf7-not-valid {
    border-color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important
}

.form-select.wpcf7-not-valid {
    border-color: #dc3545
}

    .form-select.wpcf7-not-valid:not([multiple]):not([size]), .form-select.wpcf7-not-valid:not([multiple])[size="1"] {
        padding-right: 4.125rem !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
        background-position: right .75rem center,center right 2.25rem !important;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) !important
    }

textarea.form-control.wpcf7-not-valid, textarea.wpcf7-form-control.wpcf7-not-valid {
    padding-right: calc(1.5em + .75rem) !important;
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) !important
}

.wpcf7-form-control.wpcf7-not-valid label .form-check-input[type=checkbox], .wpcf7-form-control.wpcf7-not-valid label .form-check-input[type=radio] {
    border-color: #dc3545 !important;
    -webkit-appearance: inherit
}

.wpcf7-form-control.wpcf7-not-valid label .wpcf7-list-item-label {
    color: #dc3545 !important
}

#copy-to-billing-details {
    margin-top: 0
}

    #copy-to-billing-details span {
        font-size: 14px;
        background-color: #f0f8ff;
        display: inline-block;
        width: auto;
        cursor: pointer
    }

.form-heading-title {
    z-index: 0
}

.modal-dialog h6 {
    overflow: hidden;
    font-size: 16px;
    font-weight: 700
}

    .modal-dialog h6:after {
        background-color: #ebebeb;
        content: "";
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 100%;
        left: .5em;
        margin-right: -100%
    }

@media only screen and (min-width:1025px) {
    .gcl-main-wrapper.gcl-product-column-4 {
        grid-template-columns: repeat(4,1fr)
    }

    .gcl-main-wrapper.gcl-product-column-3 {
        grid-template-columns: repeat(3,1fr)
    }

    .gcl-main-wrapper.gcl-product-column-2 {
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (max-width:992px) {
    .gcl-content-protected form .inner-form .input-field {
        height: 60px
    }
}

@media (min-width:768px) {
    .gcl-button-main span {
        display: block;
        margin-top: 2px;
        font-weight: 400
    }

    #cat-tabs .nav-tabs .nav-link {
        width: 10%;
    }

}

@media only screen and (max-width:1024px) and (min-width:768px) {
    .gcl-main-wrapper {
        grid-template-columns: repeat(2,1fr)
    }

    .gcl-details-wrapper {
        width: 100%
    }

        .gcl-details-wrapper .gcl-details-image {
            width: 100%;
            display: inline-block;
            padding: 10px;
            margin-bottom: 30px;
            text-align: center
        }

            .gcl-details-wrapper .gcl-details-image img {
                width: 300px;
                margin: 0 auto
            }

        .gcl-details-wrapper .gcl-details-summary {
            padding: 10px
        }
}

@media only screen and (max-width:767px) {
    .gcl-main-wrapper.gcl-product-column-mobile-1 {
        grid-template-columns: repeat(1,1fr)
    }

    .gcl-main-wrapper.gcl-product-column-mobile-2 {
        grid-template-columns: repeat(2,1fr)
    }

    .gcl-details-wrapper {
        display: block;
        width: 100%
    }

        .gcl-details-wrapper .gcl-details-image {
            width: 100%;
            display: inline-block;
            padding: 10px
        }

        .gcl-details-wrapper .gcl-details-summary {
            padding: 10px
        }

    .gcl-search-container {
        display: inline-block;
        padding-bottom: 10px
    }

        .gcl-search-container .gcl-search-item, .gcl-search-container .gcl-search-submit-item {
            padding-right: 10px;
            padding-bottom: 0
        }

    .gcl-content-protected form .inner-form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px
    }

        .gcl-content-protected form .inner-form .input-field {
            margin-bottom: 20px
        }

            .gcl-content-protected form .inner-form .input-field input {
                padding: 10px 15px
            }

            .gcl-content-protected form .inner-form .input-field.first-wrap input {
                border-right: 1px solid #e5e5e5
            }

            .gcl-content-protected form .inner-form .input-field.first-wrap {
                width: 100%
            }

            .gcl-content-protected form .inner-form .input-field.third-wrap {
                margin-bottom: 0;
                width: 100%
            }

    .course-month h4 {
        font-size: 16px
    }
}

::-webkit-input-placeholder {
    font-style: italic
}

:-moz-placeholder {
    font-style: italic
}

::-moz-placeholder {
    font-style: italic
}

:-ms-input-placeholder {
    font-style: italic
}
/*!
   * Bootstrap  v5.2.3 (https://getbootstrap.com/)
   * Copyright 2011-2022 The Bootstrap Authors
   * Copyright 2011-2022 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #202020;
    --bs-secondary: #212815;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 32,32,32;
    --bs-secondary-rgb: 206,37,37;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0));
    --bs-body-font-family: HelveticaNeue;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0,0,0,.175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #212815;
    --bs-link-hover-color: #212815;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

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

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: HelveticaNeue;
    font-weight: 600;
    line-height: 1.2
}

h1, .h1 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    h1, .h1 {
        font-size: 2rem
    }
}

h2, .h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    h2, .h2 {
        font-size: 2rem
    }
}

h3, .h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
    h3, .h3 {
        font-size: 1.75rem
    }
}

h4, .h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    h4, .h4 {
        font-size: 1.5rem
    }
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1rem
}

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

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul {
    padding-left: 2rem
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small, .small {
    font-size: .875em
}

mark, .mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

    a:hover {
        color: var(--bs-link-hover-color)
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none
    }

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

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

    kbd kbd {
        padding: 0;
        font-size: 1em
    }

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
        cursor: pointer
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

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

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

    .blockquote > :last-child {
        margin-bottom: 0
    }

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

    .blockquote-footer:before {
        content: "— "
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container, .container-sm, .container-md {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-.5*var(--bs-gutter-x));
    margin-left: calc(-.5*var(--bs-gutter-x))
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x)*.5);
        padding-left: calc(var(--bs-gutter-x)*.5);
        margin-top: var(--bs-gutter-y)
    }

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

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

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

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

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

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

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

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

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

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

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

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

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

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

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: .25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: .25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: .5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: .5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

.g-6, .gx-6 {
    --bs-gutter-x: 4.5rem
}

.g-6, .gy-6 {
    --bs-gutter-y: 4.5rem
}

.g-7, .gx-7 {
    --bs-gutter-x: 6rem
}

.g-7, .gy-7 {
    --bs-gutter-y: 6rem
}

.g-8, .gx-8 {
    --bs-gutter-x: 7.5rem
}

.g-8, .gy-8 {
    --bs-gutter-y: 7.5rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

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

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }

    .g-sm-6, .gx-sm-6 {
        --bs-gutter-x: 4.5rem
    }

    .g-sm-6, .gy-sm-6 {
        --bs-gutter-y: 4.5rem
    }

    .g-sm-7, .gx-sm-7 {
        --bs-gutter-x: 6rem
    }

    .g-sm-7, .gy-sm-7 {
        --bs-gutter-y: 6rem
    }

    .g-sm-8, .gx-sm-8 {
        --bs-gutter-x: 7.5rem
    }

    .g-sm-8, .gy-sm-8 {
        --bs-gutter-y: 7.5rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

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

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

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

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

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

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

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

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }

    .g-md-6, .gx-md-6 {
        --bs-gutter-x: 4.5rem
    }

    .g-md-6, .gy-md-6 {
        --bs-gutter-y: 4.5rem
    }

    .g-md-7, .gx-md-7 {
        --bs-gutter-x: 6rem
    }

    .g-md-7, .gy-md-7 {
        --bs-gutter-y: 6rem
    }

    .g-md-8, .gx-md-8 {
        --bs-gutter-x: 7.5rem
    }

    .g-md-8, .gy-md-8 {
        --bs-gutter-y: 7.5rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

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

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }

    .g-lg-6, .gx-lg-6 {
        --bs-gutter-x: 4.5rem
    }

    .g-lg-6, .gy-lg-6 {
        --bs-gutter-y: 4.5rem
    }

    .g-lg-7, .gx-lg-7 {
        --bs-gutter-x: 6rem
    }

    .g-lg-7, .gy-lg-7 {
        --bs-gutter-y: 6rem
    }

    .g-lg-8, .gx-lg-8 {
        --bs-gutter-x: 7.5rem
    }

    .g-lg-8, .gy-lg-8 {
        --bs-gutter-y: 7.5rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

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

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

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

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

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

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

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

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }

    .g-xl-6, .gx-xl-6 {
        --bs-gutter-x: 4.5rem
    }

    .g-xl-6, .gy-xl-6 {
        --bs-gutter-y: 4.5rem
    }

    .g-xl-7, .gx-xl-7 {
        --bs-gutter-x: 6rem
    }

    .g-xl-7, .gy-xl-7 {
        --bs-gutter-y: 6rem
    }

    .g-xl-8, .gx-xl-8 {
        --bs-gutter-x: 7.5rem
    }

    .g-xl-8, .gy-xl-8 {
        --bs-gutter-y: 7.5rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

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

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }

    .g-xxl-6, .gx-xxl-6 {
        --bs-gutter-x: 4.5rem
    }

    .g-xxl-6, .gy-xxl-6 {
        --bs-gutter-y: 4.5rem
    }

    .g-xxl-7, .gx-xxl-7 {
        --bs-gutter-x: 6rem
    }

    .g-xxl-7, .gy-xxl-7 {
        --bs-gutter-y: 6rem
    }

    .g-xxl-8, .gx-xxl-8 {
        --bs-gutter-x: 7.5rem
    }

    .g-xxl-8, .gy-xxl-8 {
        --bs-gutter-y: 7.5rem
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0,0,0,.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0,0,0,.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0,0,0,.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

    .table > :not(caption) > * > * {
        padding: .5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

.table-group-divider {
    border-top: 2px solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #d2d2d2;
    --bs-table-border-color: #bdbdbd;
    --bs-table-striped-bg: #c8c8c8;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bdbdbd;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c2c2c2;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #f5d3d3;
    --bs-table-border-color: #ddbebe;
    --bs-table-striped-bg: #e9c8c8;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #ddbebe;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e3c3c3;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control, .widget_categories select, .widget_archive select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .375rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control, .widget_categories select, .widget_archive select {
        transition: none
    }
}

.form-control[type=file], .widget_categories select[type=file], .widget_archive select[type=file] {
    overflow: hidden
}

    .form-control[type=file]:not(:disabled):not([readonly]), .widget_categories select[type=file]:not(:disabled):not([readonly]), .widget_archive select[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

.form-control:focus, .widget_categories select:focus, .widget_archive select:focus {
    color: #212529;
    background-color: #fff;
    border-color: #909090;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 0 .25rem rgba(32,32,32,.25)
}

.form-control::-webkit-date-and-time-value, .widget_categories select::-webkit-date-and-time-value, .widget_archive select::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::placeholder, .widget_categories select::placeholder, .widget_archive select::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .widget_categories select:disabled, .widget_archive select:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button, .widget_categories select::file-selector-button, .widget_archive select::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button, .widget_categories select::file-selector-button, .widget_archive select::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button, .widget_categories select:hover:not(:disabled):not([readonly])::file-selector-button, .widget_archive select:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext:focus {
        outline: 0
    }

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

    .form-control-sm::file-selector-button {
        padding: .25rem .5rem;
        margin: -.25rem -.5rem;
        margin-inline-end: .5rem
    }

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

    .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        margin-inline-end: 1rem
    }

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: .375rem
    }

    .form-control-color::-webkit-color-swatch {
        border-radius: .375rem
    }

    .form-control-color.form-control-sm {
        height: calc(1.5em + .5rem + 2px)
    }

    .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + 2px)
    }

.form-select, .select2-selection {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select, .select2-selection {
        transition: none
    }
}

.form-select:focus, .select2-selection:focus {
    border-color: #909090;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 0 .25rem rgba(32,32,32,.25)
}

.form-select[multiple], .select2-selection[multiple], .form-select[size]:not([size="1"]), .select2-selection[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled, .select2-selection:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring, .select2-selection:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em
    }

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -1.5em;
        margin-left: 0
    }

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    appearance: none;
    print-color-adjust: exact;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-check-input {
        transition: none
    }
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #909090;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(32,32,32,.25)
}

.form-check-input:checked {
    background-color: #202020;
    border-color: #202020
}

    .form-check-input:checked[type=checkbox] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
    }

    .form-check-input:checked[type=radio] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
    }

.form-check-input[type=checkbox]:indeterminate {
    background-color: #202020;
    border-color: #202020;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
        cursor: default;
        opacity: .5
    }

.form-switch {
    padding-left: 2.5em
}

    .form-switch .form-check-input {
        width: 2em;
        margin-left: -2.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2em;
        transition: background-position .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23909090'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

    .form-switch.form-check-reverse .form-check-input {
        margin-right: -2.5em;
        margin-left: 0
    }

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

    .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
        pointer-events: none;
        filter: none;
        opacity: .65
    }

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

    .form-range:focus {
        outline: 0
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(32,32,32,.25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(32,32,32,.25)
        }

    .form-range::-moz-focus-outer {
        border: 0
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #202020;
        border: 0;
        border-radius: 1rem;
        box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        appearance: none
    }

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #bcbcbc
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075)
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #202020;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #bcbcbc
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075)
}

.form-range:disabled {
    pointer-events: none
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: #adb5bd
    }

.form-floating {
    position: relative
}

    .form-floating > .form-control, .widget_categories .form-floating > select, .widget_archive .form-floating > select, .form-floating > .form-control-plaintext, .form-floating > .form-select, .form-floating > .select2-selection {
        height: calc(3.5rem + 2px);
        line-height: 1.25
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 1rem .75rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control, .widget_categories .form-floating > select, .widget_archive .form-floating > select, .form-floating > .form-control-plaintext {
    padding: 1rem .75rem
}

    .form-floating > .form-control::placeholder, .widget_categories .form-floating > select::placeholder, .widget_archive .form-floating > select::placeholder, .form-floating > .form-control-plaintext::placeholder {
        color: transparent
    }

    .form-floating > .form-control:focus, .widget_categories .form-floating > select:focus, .widget_archive .form-floating > select:focus, .form-floating > .form-control:not(:placeholder-shown), .widget_categories .form-floating > select:not(:placeholder-shown), .widget_archive .form-floating > select:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control:-webkit-autofill, .widget_categories .form-floating > select:-webkit-autofill, .widget_archive .form-floating > select:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

.form-floating > .form-select, .form-floating > .select2-selection {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

    .form-floating > .form-control:focus ~ label, .widget_categories .form-floating > select:focus ~ label, .widget_archive .form-floating > select:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .widget_categories .form-floating > select:not(:placeholder-shown) ~ label, .widget_archive .form-floating > select:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label, .form-floating > .select2-selection ~ label {
        opacity: .65;
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

.form-floating > .form-control:-webkit-autofill ~ label, .widget_categories .form-floating > select:-webkit-autofill ~ label, .widget_archive .form-floating > select:-webkit-autofill ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .widget_categories .input-group > select, .widget_archive .input-group > select, .input-group > .form-select, .input-group > .select2-selection, .input-group > .form-floating {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group > .form-control:focus, .widget_categories .input-group > select:focus, .widget_archive .input-group > select:focus, .input-group > .form-select:focus, .input-group > .select2-selection:focus, .input-group > .form-floating:focus-within {
            z-index: 5
        }

    .input-group .btn {
        position: relative;
        z-index: 2
    }

        .input-group .btn:focus {
            z-index: 5
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .375rem
}

.input-group-lg > .form-control, .widget_categories .input-group-lg > select, .widget_archive .input-group-lg > select, .input-group-lg > .form-select, .input-group-lg > .select2-selection, .input-group-lg > .input-group-text, .input-group-lg > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.input-group-sm > .form-control, .widget_categories .input-group-sm > select, .widget_archive .input-group-sm > select, .input-group-sm > .form-select, .input-group-sm > .select2-selection, .input-group-sm > .input-group-text, .input-group-sm > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.input-group-lg > .form-select, .input-group-lg > .select2-selection, .input-group-sm > .form-select, .input-group-sm > .select2-selection {
    padding-right: 3rem
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .widget_categories .input-group:not(.has-validation) > .form-floating:not(:last-child) > select, .widget_archive .input-group:not(.has-validation) > .form-floating:not(:last-child) > select, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .widget_categories .input-group.has-validation > .form-floating:nth-last-child(n+3) > select, .widget_archive .input-group.has-validation > .form-floating:nth-last-child(n+3) > select, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group > .form-floating:not(:first-child) > .form-control, .widget_categories .input-group > .form-floating:not(:first-child) > select, .widget_archive .input-group > .form-floating:not(:first-child) > select, .input-group > .form-floating:not(:first-child) > .form-select, .input-group > .form-floating:not(:first-child) > .select2-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(25,135,84,.9);
    border-radius: .375rem
}

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .form-control:valid, .was-validated .widget_categories select:valid, .widget_categories .was-validated select:valid, .was-validated .widget_archive select:valid, .widget_archive .was-validated select:valid, .form-control.is-valid, .widget_categories select.is-valid, .widget_archive select.is-valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .was-validated .form-control:valid:focus, .was-validated .widget_categories select:valid:focus, .widget_categories .was-validated select:valid:focus, .was-validated .widget_archive select:valid:focus, .widget_archive .was-validated select:valid:focus, .form-control.is-valid:focus, .widget_categories select.is-valid:focus, .widget_archive select.is-valid:focus {
        border-color: #198754;
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:valid, .was-validated .select2-selection:valid, .form-select.is-valid, .is-valid.select2-selection {
    border-color: #198754
}

    .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .select2-selection:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .was-validated .select2-selection[size="1"]:not([multiple]):valid, .form-select.is-valid:not([multiple]):not([size]), .is-valid.select2-selection:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .is-valid.select2-selection[size="1"]:not([multiple]) {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .was-validated .form-select:valid:focus, .was-validated .select2-selection:valid:focus, .form-select.is-valid:focus, .is-valid.select2-selection:focus {
        border-color: #198754;
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

.was-validated .form-control-color:valid, .form-control-color.is-valid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: #198754
}

    .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
        background-color: #198754
    }

    .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

    .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
        color: #198754
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.was-validated .input-group > .form-control:not(:focus):valid, .was-validated .widget_categories .input-group > select:not(:focus):valid, .widget_categories .was-validated .input-group > select:not(:focus):valid, .was-validated .widget_archive .input-group > select:not(:focus):valid, .widget_archive .was-validated .input-group > select:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .widget_categories .input-group > select.is-valid:not(:focus), .widget_archive .input-group > select.is-valid:not(:focus), .was-validated .input-group > .form-select:not(:focus):valid, .was-validated .input-group > .select2-selection:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .input-group > .is-valid.select2-selection:not(:focus), .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .375rem
}

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid, .was-validated .widget_categories select:invalid, .widget_categories .was-validated select:invalid, .was-validated .widget_archive select:invalid, .widget_archive .was-validated select:invalid, .form-control.is-invalid, .widget_categories select.is-invalid, .widget_archive select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .was-validated .form-control:invalid:focus, .was-validated .widget_categories select:invalid:focus, .widget_categories .was-validated select:invalid:focus, .was-validated .widget_archive select:invalid:focus, .widget_archive .was-validated select:invalid:focus, .form-control.is-invalid:focus, .widget_categories select.is-invalid:focus, .widget_archive select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:invalid, .was-validated .select2-selection:invalid, .form-select.is-invalid, .is-invalid.select2-selection {
    border-color: #dc3545
}

    .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .select2-selection:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .select2-selection[size="1"]:not([multiple]):invalid, .form-select.is-invalid:not([multiple]):not([size]), .is-invalid.select2-selection:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .is-invalid.select2-selection[size="1"]:not([multiple]) {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .was-validated .form-select:invalid:focus, .was-validated .select2-selection:invalid:focus, .form-select.is-invalid:focus, .is-invalid.select2-selection:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
    }

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: #dc3545
}

    .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
        background-color: #dc3545
    }

    .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
    }

    .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
        color: #dc3545
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

.was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .widget_categories .input-group > select:not(:focus):invalid, .widget_categories .was-validated .input-group > select:not(:focus):invalid, .was-validated .widget_archive .input-group > select:not(:focus):invalid, .widget_archive .was-validated .input-group > select:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .widget_categories .input-group > select.is-invalid:not(:focus), .widget_archive .input-group > select.is-invalid:not(:focus), .was-validated .input-group > .form-select:not(:focus):invalid, .was-validated .input-group > .select2-selection:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .input-group > .is-invalid.select2-selection:not(:focus), .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .375rem;
    --bs-btn-font-family:;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 30px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    box-shadow: var(--bs-btn-box-shadow);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-box-shadow),var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-box-shadow),var(--bs-btn-focus-box-shadow)
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    box-shadow: var(--bs-btn-active-shadow)
}

    .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
        box-shadow: var(--bs-btn-active-shadow),var(--bs-btn-focus-box-shadow)
    }

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
    box-shadow: none
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #202020;
    --bs-btn-border-color: #202020;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1b1b1b;
    --bs-btn-hover-border-color: #1a1a1a;
    --bs-btn-focus-shadow-rgb: 65,65,65;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a1a1a;
    --bs-btn-active-border-color: #181818;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #202020;
    --bs-btn-disabled-border-color: #202020
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212815;
    --bs-btn-border-color: #212815;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #af1f1f;
    --bs-btn-hover-border-color: #a51e1e;
    --bs-btn-focus-shadow-rgb: 213,70,70;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a51e1e;
    --bs-btn-active-border-color: #9b1c1c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212815;
    --bs-btn-disabled-border-color: #212815
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #202020;
    --bs-btn-border-color: #202020;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #202020;
    --bs-btn-hover-border-color: #202020;
    --bs-btn-focus-shadow-rgb: 32,32,32;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #202020;
    --bs-btn-active-border-color: #202020;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #202020;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #202020;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #212815;
    --bs-btn-border-color: #212815;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212815;
    --bs-btn-hover-border-color: #212815;
    --bs-btn-focus-shadow-rgb: 206,37,37;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212815;
    --bs-btn-active-border-color: #212815;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #212815;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212815;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 65,65,65;
    text-decoration: underline
}

    .btn-link:focus-visible {
        color: var(--bs-btn-color)
    }

    .btn-link:hover {
        color: var(--bs-btn-hover-color)
    }

.btn-lg, .btn-group-lg > .btn {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 30px
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: 30px
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty:after {
        margin-left: 0
    }

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: .375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #202020;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
    box-shadow: var(--bs-dropdown-box-shadow)
}

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer)
    }

.dropdown-menu-start {
    --bs-position: start
}

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0
    }

.dropdown-menu-end {
    --bs-position: end
}

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto
    }

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-md-end {
        --bs-position: end
    }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle:after {
    display: none
}

.dropstart .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg)
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg)
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow:;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255,255,255,.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #202020;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto
    }

        .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
            z-index: 1
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group {
    border-radius: 30px
}

    .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) {
        margin-left: -1px
    }

    .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after, .dropend .dropdown-toggle-split:after {
        margin-left: 0
    }

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group.show .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

    .btn-group.show .dropdown-toggle.btn-link {
        box-shadow: none
    }

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px
        }

        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:hover, .nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: .375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(-1*var(--bs-nav-tabs-border-width));
        background: 0 0;
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            isolation: isolate;
            border-color: var(--bs-nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1*var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills {
    --bs-nav-pills-border-radius: .375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #202020
}

    .nav-pills .nav-link {
        background: 0 0;
        border: 0;
        border-radius: var(--bs-nav-pills-border-radius)
    }

        .nav-pills .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg)
        }

.nav-fill > .nav-link, .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified > .nav-link, .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

    .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
        width: 100%
    }

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: .5rem;
    --bs-navbar-color: rgba(0,0,0,.55);
    --bs-navbar-hover-color: rgba(0,0,0,.7);
    --bs-navbar-disabled-color: rgba(0,0,0,.3);
    --bs-navbar-active-color: rgba(0,0,0,.9);
    --bs-navbar-brand-padding-y: .3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0,0,0,.9);
    --bs-navbar-brand-hover-color: rgba(0,0,0,.9);
    --bs-navbar-nav-link-padding-x: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0,0,0,.1);
    --bs-navbar-toggler-border-radius: 30px;
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow .15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

    .navbar-brand:hover, .navbar-brand:focus {
        color: var(--bs-navbar-brand-hover-color)
    }

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
        color: var(--bs-navbar-active-color)
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

    .navbar-text a, .navbar-text a:hover, .navbar-text a:focus {
        color: var(--bs-navbar-active-color)
    }

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .navbar-expand-sm .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            box-shadow: none;
            transition: none
        }

            .navbar-expand-sm .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-sm .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            box-shadow: none;
            transition: none
        }

            .navbar-expand-md .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-md .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            box-shadow: none;
            transition: none
        }

            .navbar-expand-lg .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-lg .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .navbar-expand-xl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            box-shadow: none;
            transition: none
        }

            .navbar-expand-xl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none
        }

        .navbar-expand-xxl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            box-shadow: none;
            transition: none
        }

            .navbar-expand-xxl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xxl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        box-shadow: none;
        transition: none
    }

        .navbar-expand .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }

.navbar-dark {
    --bs-navbar-color: rgba(255,255,255,.55);
    --bs-navbar-hover-color: rgba(255,255,255,.75);
    --bs-navbar-disabled-color: rgba(255,255,255,.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255,255,255,.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: .5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: .375rem;
    --bs-card-box-shadow:;
    --bs-card-inner-border-radius: calc(.375rem - 1px);
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0,0,0,.03);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: .75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    box-shadow: var(--bs-card-box-shadow)
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    margin-top: calc(-.5*var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
    }

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
    }

.card-header-tabs {
    margin-right: calc(-.5*var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1*var(--bs-card-cap-padding-y));
    margin-left: calc(-.5*var(--bs-card-cap-padding-x));
    border-bottom: 0
}

    .card-header-tabs .nav-link.active {
        background-color: var(--bs-card-bg);
        border-bottom-color: var(--bs-card-bg)
    }

.card-header-pills {
    margin-right: calc(-.5*var(--bs-card-cap-padding-x));
    margin-left: calc(-.5*var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-top, .card-img-bottom {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group > .card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0
                }
}

.accordion {
    --bs-accordion-color: #212529;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: .375rem;
    --bs-accordion-inner-border-radius: calc(.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #212529;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231d1d1d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #909090;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(32,32,32,.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #1d1d1d;
    --bs-accordion-active-bg: #e9e9e9
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

    .accordion-button:not(.collapsed):after {
        background-image: var(--bs-accordion-btn-active-icon);
        transform: var(--bs-accordion-btn-icon-transform)
    }

.accordion-button:after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

    .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
            border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: var(--bs-accordion-border-radius);
            border-bottom-left-radius: var(--bs-accordion-border-radius)
        }

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

    .accordion-flush .accordion-item:first-child {
        border-top: 0
    }

    .accordion-flush .accordion-item:last-child {
        border-bottom: 0
    }

    .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
        border-radius: 0
    }

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg:;
    --bs-breadcrumb-border-radius:;
    --bs-breadcrumb-divider-color: #6c757d;
    --bs-breadcrumb-item-padding-x: .5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

    .breadcrumb-item + .breadcrumb-item:before {
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider,"../../../index.html")
    }

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: .75rem;
    --bs-pagination-padding-y: .375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: .375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(32,32,32,.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #202020;
    --bs-pagination-active-border-color: #202020;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.page-link.active, .active > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.page-link.disabled, .disabled > .page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: .75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: .5rem
}

.pagination-sm {
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-border-radius: .25rem
}

.badge {
    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: .75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: .375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: .375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem
    }

.alert-primary {
    --bs-alert-color: #131313;
    --bs-alert-bg: #d2d2d2;
    --bs-alert-border-color: #bcbcbc
}

    .alert-primary .alert-link {
        color: #0f0f0f
    }

.alert-secondary {
    --bs-alert-color: #7c1616;
    --bs-alert-bg: #f5d3d3;
    --bs-alert-border-color: #f0bebe
}

    .alert-secondary .alert-link {
        color: #631212
    }

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc
}

    .alert-success .alert-link {
        color: #0c4128
    }

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb
}

    .alert-info .alert-link {
        color: #04414d
    }

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5
}

    .alert-warning .alert-link {
        color: #523e02
    }

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7
}

    .alert-danger .alert-link {
        color: #6a1a21
    }

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe
}

    .alert-light .alert-link {
        color: #4f5050
    }

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf
}

    .alert-dark .alert-link {
        color: #101214
    }

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: .75rem;
    --bs-progress-bg: #e9ecef;
    --bs-progress-border-radius: .375rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #202020;
    --bs-progress-bar-transition: width .6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
    box-shadow: var(--bs-progress-box-shadow)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0,0,0,.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: .375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #202020;
    --bs-list-group-active-border-color: #202020;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

    .list-group-numbered > .list-group-item:before {
        content: counters(section,".") ". ";
        counter-increment: section
    }

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: var(--bs-list-group-action-hover-color);
        text-decoration: none;
        background-color: var(--bs-list-group-action-hover-bg)
    }

    .list-group-item-action:active {
        color: var(--bs-list-group-action-active-color);
        background-color: var(--bs-list-group-action-active-bg)
    }

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: var(--bs-list-group-disabled-color);
        pointer-events: none;
        background-color: var(--bs-list-group-disabled-bg)
    }

    .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color)
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: calc(-1*var(--bs-list-group-border-width));
            border-top-width: var(--bs-list-group-border-width)
        }

.list-group-horizontal {
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: calc(-1*var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: calc(-1*var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: calc(-1*var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: calc(-1*var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: calc(-1*var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

        .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: calc(-1*var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width)
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.list-group-item-primary {
    color: #131313;
    background-color: #d2d2d2
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #131313;
        background-color: #bdbdbd
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #131313;
        border-color: #131313
    }

.list-group-item-secondary {
    color: #7c1616;
    background-color: #f5d3d3
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #7c1616;
        background-color: #ddbebe
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #7c1616;
        border-color: #7c1616
    }

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #0f5132;
        background-color: #bcd0c7
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #0f5132;
        border-color: #0f5132
    }

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #055160;
        background-color: #badce3
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #055160;
        border-color: #055160
    }

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #664d03;
        background-color: #e6dbb9
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #664d03;
        border-color: #664d03
    }

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #842029;
        background-color: #dfc2c4
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #842029;
        border-color: #842029
    }

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #636464;
        background-color: #e5e5e5
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #636464;
        border-color: #636464
    }

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #141619;
        background-color: #bebebf
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #141619;
        border-color: #141619
    }

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(32,32,32,.25);
        opacity: 1
    }

    .btn-close:disabled, .btn-close.disabled {
        pointer-events: none;
        user-select: none;
        opacity: .25
    }

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: .75rem;
    --bs-toast-padding-y: .5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: .875rem;
    --bs-toast-color:;
    --bs-toast-bg: rgba(255,255,255,.85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: .375rem;
    --bs-toast-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    --bs-toast-header-color: #6c757d;
    --bs-toast-header-bg: rgba(255,255,255,.85);
    --bs-toast-header-border-color: rgba(0,0,0,.05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

    .toast.showing {
        opacity: 0
    }

    .toast:not(.show) {
        display: none
    }

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

    .toast-container > :not(:last-child) {
        margin-bottom: var(--bs-toast-spacing)
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

    .toast-header .btn-close {
        margin-right: calc(-.5*var(--bs-toast-padding-x));
        margin-left: var(--bs-toast-padding-x)
    }

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color:;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: .5rem;
    --bs-modal-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    --bs-modal-inner-border-radius: calc(.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg:;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin)*2)
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    box-shadow: var(--bs-modal-box-shadow);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity)
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);
        margin: calc(-.5*var(--bs-modal-header-padding-y)) calc(-.5*var(--bs-modal-header-padding-x)) calc(-.5*var(--bs-modal-header-padding-y)) auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

    .modal-footer > * {
        margin: calc(var(--bs-modal-footer-gap)*.5)
    }

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto
    }

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto
        }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-margin:;
    --bs-tooltip-font-size: .875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #000;
    --bs-tooltip-border-radius: .375rem;
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: HelveticaNeue;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: var(--bs-tooltip-opacity)
    }

    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height)
    }

        .tooltip .tooltip-arrow:before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: 0
}

    .bs-tooltip-top .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
        border-top-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-end .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
        border-right-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: 0
}

    .bs-tooltip-bottom .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-start .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg)
    }

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: .875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: .5rem;
    --bs-popover-inner-border-radius: calc(.5rem - 1px);
    --bs-popover-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color:;
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #212529;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: .5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: HelveticaNeue;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius);
    box-shadow: var(--bs-popover-box-shadow)
}

    .popover .popover-arrow {
        display: block;
        width: var(--bs-popover-arrow-width);
        height: var(--bs-popover-arrow-height)
    }

        .popover .popover-arrow:before, .popover .popover-arrow:after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
            border-width: 0
        }

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
    bottom: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-top > .popover-arrow:before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:before, .bs-popover-top > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:after {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
    }

    .bs-popover-top > .popover-arrow:before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-top > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:after {
        bottom: var(--bs-popover-border-width);
        border-top-color: var(--bs-popover-bg)
    }

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
    left: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-end > .popover-arrow:before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:before, .bs-popover-end > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:after {
        border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
    }

    .bs-popover-end > .popover-arrow:before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-end > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:after {
        left: var(--bs-popover-border-width);
        border-right-color: var(--bs-popover-bg)
    }

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
    top: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-bottom > .popover-arrow:before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:before, .bs-popover-bottom > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:after {
        border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
    }

    .bs-popover-bottom > .popover-arrow:before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-bottom > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:after {
        top: var(--bs-popover-border-width);
        border-bottom-color: var(--bs-popover-bg)
    }

.bs-popover-bottom .popover-header:before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5*var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
    right: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-start > .popover-arrow:before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:before, .bs-popover-start > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:after {
        border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
    }

    .bs-popover-start > .popover-arrow:before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-start > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg)
    }

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner:after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

    .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {
        transform: translateX(100%)
    }

    .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

    .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
        transition: none
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-prev, .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

.spinner-grow, .spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border, .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color:;
    --bs-offcanvas-bg: #fff;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: transform .3s ease-in-out
    }

        .offcanvas-sm.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-sm.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-sm.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-sm.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
            transform: none
        }

        .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
            visibility: visible
        }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-sm .offcanvas-header {
            display: none
        }

        .offcanvas-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: transform .3s ease-in-out
    }

        .offcanvas-md.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-md.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-md.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-md.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
            transform: none
        }

        .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
            visibility: visible
        }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-md .offcanvas-header {
            display: none
        }

        .offcanvas-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: transform .3s ease-in-out
    }

        .offcanvas-lg.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-lg.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-lg.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-lg.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
            transform: none
        }

        .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
            visibility: visible
        }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-lg .offcanvas-header {
            display: none
        }

        .offcanvas-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: transform .3s ease-in-out
    }

        .offcanvas-xl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-xl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-xl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-xl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
            transform: none
        }

        .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
            visibility: visible
        }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xl .offcanvas-header {
            display: none
        }

        .offcanvas-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        transition: transform .3s ease-in-out
    }

        .offcanvas-xxl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-xxl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-xxl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-xxl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
            transform: none
        }

        .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
            visibility: visible
        }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xxl .offcanvas-header {
            display: none
        }

        .offcanvas-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--bs-offcanvas-box-shadow);
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.showing, .offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .offcanvas-backdrop.fade {
        opacity: 0
    }

    .offcanvas-backdrop.show {
        opacity: .5
    }

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

    .offcanvas-header .btn-close {
        padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5);
        margin-top: calc(-.5*var(--bs-offcanvas-padding-y));
        margin-right: calc(-.5*var(--bs-offcanvas-padding-x));
        margin-bottom: calc(-.5*var(--bs-offcanvas-padding-y))
    }

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

    .placeholder.btn:before {
        display: inline-block;
        content: ""
    }

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    100% {
        mask-position: -200% 0%
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: rgba(32,32,32,var(--bs-bg-opacity,1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: rgba(206,37,37,var(--bs-bg-opacity,1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: rgba(25,135,84,var(--bs-bg-opacity,1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: rgba(13,202,240,var(--bs-bg-opacity,1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: rgba(255,193,7,var(--bs-bg-opacity,1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: rgba(220,53,69,var(--bs-bg-opacity,1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: rgba(248,249,250,var(--bs-bg-opacity,1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: rgba(33,37,41,var(--bs-bg-opacity,1)) !important
}

.link-primary {
    color: #202020 !important
}

    .link-primary:hover, .link-primary:focus {
        color: #1a1a1a !important
    }

.link-secondary {
    color: #212815 !important
}

    .link-secondary:hover, .link-secondary:focus {
        color: #a51e1e !important
    }

.link-success {
    color: #198754 !important
}

    .link-success:hover, .link-success:focus {
        color: #146c43 !important
    }

.link-info {
    color: #0dcaf0 !important
}

    .link-info:hover, .link-info:focus {
        color: #3dd5f3 !important
    }

.link-warning {
    color: #ffc107 !important
}

    .link-warning:hover, .link-warning:focus {
        color: #ffcd39 !important
    }

.link-danger {
    color: #dc3545 !important
}

    .link-danger:hover, .link-danger:focus {
        color: #b02a37 !important
    }

.link-light {
    color: #f8f9fa !important
}

    .link-light:hover, .link-light:focus {
        color: #f9fafb !important
    }

.link-dark {
    color: #212529 !important
}

    .link-dark:hover, .link-dark:focus {
        color: #1a1e21 !important
    }

.ratio {
    position: relative;
    width: 100%
}

    .ratio:before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: ""
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3/4*100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9/16*100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9/21*100%)
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden, .screen-reader-text, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

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

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

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

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

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

.d-block, .aligncenter {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

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

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

.d-flex {
    display: flex !important
}

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

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%,-50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-25 {
    min-height: 25vh !important
}

.min-vh-50 {
    min-height: 50vh !important
}

.min-vh-75 {
    min-height: 75vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

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

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

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

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

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

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

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-6 {
    margin: 4.5rem !important
}

.m-7 {
    margin: 6rem !important
}

.m-8 {
    margin: 7.5rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-6 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important
}

.mx-7 {
    margin-right: 6rem !important;
    margin-left: 6rem !important
}

.mx-8 {
    margin-right: 7.5rem !important;
    margin-left: 7.5rem !important
}

.mx-auto, .aligncenter {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-6 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important
}

.my-7 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important
}

.my-8 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-6 {
    margin-top: 4.5rem !important
}

.mt-7 {
    margin-top: 6rem !important
}

.mt-8 {
    margin-top: 7.5rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-6 {
    margin-right: 4.5rem !important
}

.me-7 {
    margin-right: 6rem !important
}

.me-8 {
    margin-right: 7.5rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-6 {
    margin-bottom: 4.5rem !important
}

.mb-7 {
    margin-bottom: 6rem !important
}

.mb-8 {
    margin-bottom: 7.5rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-6 {
    margin-left: 4.5rem !important
}

.ms-7 {
    margin-left: 6rem !important
}

.ms-8 {
    margin-left: 7.5rem !important
}

.ms-auto {
    margin-left: auto !important
}

.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.m-n6 {
    margin: -4.5rem !important
}

.m-n7 {
    margin: -6rem !important
}

.m-n8 {
    margin: -7.5rem !important
}

.mx-n1 {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important
}

.mx-n2 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
}

.mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important
}

.mx-n6 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important
}

.mx-n7 {
    margin-right: -6rem !important;
    margin-left: -6rem !important
}

.mx-n8 {
    margin-right: -7.5rem !important;
    margin-left: -7.5rem !important
}

.my-n1 {
    margin-top: -.25rem !important;
    margin-bottom: -.25rem !important
}

.my-n2 {
    margin-top: -.5rem !important;
    margin-bottom: -.5rem !important
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}

.my-n6 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important
}

.my-n7 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important
}

.my-n8 {
    margin-top: -7.5rem !important;
    margin-bottom: -7.5rem !important
}

.mt-n1 {
    margin-top: -.25rem !important
}

.mt-n2 {
    margin-top: -.5rem !important
}

.mt-n3 {
    margin-top: -1rem !important
}

.mt-n4 {
    margin-top: -1.5rem !important
}

.mt-n5 {
    margin-top: -3rem !important
}

.mt-n6 {
    margin-top: -4.5rem !important
}

.mt-n7 {
    margin-top: -6rem !important
}

.mt-n8 {
    margin-top: -7.5rem !important
}

.me-n1 {
    margin-right: -.25rem !important
}

.me-n2 {
    margin-right: -.5rem !important
}

.me-n3 {
    margin-right: -1rem !important
}

.me-n4 {
    margin-right: -1.5rem !important
}

.me-n5 {
    margin-right: -3rem !important
}

.me-n6 {
    margin-right: -4.5rem !important
}

.me-n7 {
    margin-right: -6rem !important
}

.me-n8 {
    margin-right: -7.5rem !important
}

.mb-n1 {
    margin-bottom: -.25rem !important
}

.mb-n2 {
    margin-bottom: -.5rem !important
}

.mb-n3 {
    margin-bottom: -1rem !important
}

.mb-n4 {
    margin-bottom: -1.5rem !important
}

.mb-n5 {
    margin-bottom: -3rem !important
}

.mb-n6 {
    margin-bottom: -4.5rem !important
}

.mb-n7 {
    margin-bottom: -6rem !important
}

.mb-n8 {
    margin-bottom: -7.5rem !important
}

.ms-n1 {
    margin-left: -.25rem !important
}

.ms-n2 {
    margin-left: -.5rem !important
}

.ms-n3 {
    margin-left: -1rem !important
}

.ms-n4 {
    margin-left: -1.5rem !important
}

.ms-n5 {
    margin-left: -3rem !important
}

.ms-n6 {
    margin-left: -4.5rem !important
}

.ms-n7 {
    margin-left: -6rem !important
}

.ms-n8 {
    margin-left: -7.5rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.p-6 {
    padding: 4.5rem !important
}

.p-7 {
    padding: 6rem !important
}

.p-8 {
    padding: 7.5rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.px-6 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important
}

.px-7 {
    padding-right: 6rem !important;
    padding-left: 6rem !important
}

.px-8 {
    padding-right: 7.5rem !important;
    padding-left: 7.5rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.py-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
}

.py-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

.py-8 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pt-6 {
    padding-top: 4.5rem !important
}

.pt-7 {
    padding-top: 6rem !important
}

.pt-8 {
    padding-top: 7.5rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pe-6 {
    padding-right: 4.5rem !important
}

.pe-7 {
    padding-right: 6rem !important
}

.pe-8 {
    padding-right: 7.5rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pb-6 {
    padding-bottom: 4.5rem !important
}

.pb-7 {
    padding-bottom: 6rem !important
}

.pb-8 {
    padding-bottom: 7.5rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.ps-6 {
    padding-left: 4.5rem !important
}

.ps-7 {
    padding-left: 6rem !important
}

.ps-8 {
    padding-left: 7.5rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.gap-6 {
    gap: 4.5rem !important
}

.gap-7 {
    gap: 6rem !important
}

.gap-8 {
    gap: 7.5rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

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

.fst-normal {
    font-style: normal !important
}

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

.fw-lighter {
    font-weight: lighter !important
}

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

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

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

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

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

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

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

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

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

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

.text-wrap {
    white-space: normal !important
}

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

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,.5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

    .min-vh-sm-25 {
        min-height: 25vh !important
    }

    .min-vh-sm-50 {
        min-height: 50vh !important
    }

    .min-vh-sm-75 {
        min-height: 75vh !important
    }

    .min-vh-sm-100 {
        min-height: 100vh !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

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

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

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

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

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        order: -1 !important
    }

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

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

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

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

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-6 {
        margin: 4.5rem !important
    }

    .m-sm-7 {
        margin: 6rem !important
    }

    .m-sm-8 {
        margin: 7.5rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-6 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

    .mx-sm-7 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-sm-8 {
        margin-right: 7.5rem !important;
        margin-left: 7.5rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-6 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

    .my-sm-7 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-sm-8 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-6 {
        margin-top: 4.5rem !important
    }

    .mt-sm-7 {
        margin-top: 6rem !important
    }

    .mt-sm-8 {
        margin-top: 7.5rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-6 {
        margin-right: 4.5rem !important
    }

    .me-sm-7 {
        margin-right: 6rem !important
    }

    .me-sm-8 {
        margin-right: 7.5rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-6 {
        margin-bottom: 4.5rem !important
    }

    .mb-sm-7 {
        margin-bottom: 6rem !important
    }

    .mb-sm-8 {
        margin-bottom: 7.5rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-6 {
        margin-left: 4.5rem !important
    }

    .ms-sm-7 {
        margin-left: 6rem !important
    }

    .ms-sm-8 {
        margin-left: 7.5rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .m-sm-n6 {
        margin: -4.5rem !important
    }

    .m-sm-n7 {
        margin: -6rem !important
    }

    .m-sm-n8 {
        margin: -7.5rem !important
    }

    .mx-sm-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-sm-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-sm-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-sm-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-sm-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .mx-sm-n6 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important
    }

    .mx-sm-n7 {
        margin-right: -6rem !important;
        margin-left: -6rem !important
    }

    .mx-sm-n8 {
        margin-right: -7.5rem !important;
        margin-left: -7.5rem !important
    }

    .my-sm-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-sm-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-sm-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-sm-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-sm-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .my-sm-n6 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important
    }

    .my-sm-n7 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important
    }

    .my-sm-n8 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important
    }

    .mt-sm-n1 {
        margin-top: -.25rem !important
    }

    .mt-sm-n2 {
        margin-top: -.5rem !important
    }

    .mt-sm-n3 {
        margin-top: -1rem !important
    }

    .mt-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mt-sm-n5 {
        margin-top: -3rem !important
    }

    .mt-sm-n6 {
        margin-top: -4.5rem !important
    }

    .mt-sm-n7 {
        margin-top: -6rem !important
    }

    .mt-sm-n8 {
        margin-top: -7.5rem !important
    }

    .me-sm-n1 {
        margin-right: -.25rem !important
    }

    .me-sm-n2 {
        margin-right: -.5rem !important
    }

    .me-sm-n3 {
        margin-right: -1rem !important
    }

    .me-sm-n4 {
        margin-right: -1.5rem !important
    }

    .me-sm-n5 {
        margin-right: -3rem !important
    }

    .me-sm-n6 {
        margin-right: -4.5rem !important
    }

    .me-sm-n7 {
        margin-right: -6rem !important
    }

    .me-sm-n8 {
        margin-right: -7.5rem !important
    }

    .mb-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-sm-n3 {
        margin-bottom: -1rem !important
    }

    .mb-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-sm-n5 {
        margin-bottom: -3rem !important
    }

    .mb-sm-n6 {
        margin-bottom: -4.5rem !important
    }

    .mb-sm-n7 {
        margin-bottom: -6rem !important
    }

    .mb-sm-n8 {
        margin-bottom: -7.5rem !important
    }

    .ms-sm-n1 {
        margin-left: -.25rem !important
    }

    .ms-sm-n2 {
        margin-left: -.5rem !important
    }

    .ms-sm-n3 {
        margin-left: -1rem !important
    }

    .ms-sm-n4 {
        margin-left: -1.5rem !important
    }

    .ms-sm-n5 {
        margin-left: -3rem !important
    }

    .ms-sm-n6 {
        margin-left: -4.5rem !important
    }

    .ms-sm-n7 {
        margin-left: -6rem !important
    }

    .ms-sm-n8 {
        margin-left: -7.5rem !important
    }

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

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .p-sm-6 {
        padding: 4.5rem !important
    }

    .p-sm-7 {
        padding: 6rem !important
    }

    .p-sm-8 {
        padding: 7.5rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-sm-6 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

    .px-sm-7 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-sm-8 {
        padding-right: 7.5rem !important;
        padding-left: 7.5rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-sm-6 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .py-sm-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-sm-8 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pt-sm-6 {
        padding-top: 4.5rem !important
    }

    .pt-sm-7 {
        padding-top: 6rem !important
    }

    .pt-sm-8 {
        padding-top: 7.5rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pe-sm-6 {
        padding-right: 4.5rem !important
    }

    .pe-sm-7 {
        padding-right: 6rem !important
    }

    .pe-sm-8 {
        padding-right: 7.5rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .pb-sm-6 {
        padding-bottom: 4.5rem !important
    }

    .pb-sm-7 {
        padding-bottom: 6rem !important
    }

    .pb-sm-8 {
        padding-bottom: 7.5rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .ps-sm-6 {
        padding-left: 4.5rem !important
    }

    .ps-sm-7 {
        padding-left: 6rem !important
    }

    .ps-sm-8 {
        padding-left: 7.5rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .gap-sm-6 {
        gap: 4.5rem !important
    }

    .gap-sm-7 {
        gap: 6rem !important
    }

    .gap-sm-8 {
        gap: 7.5rem !important
    }

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

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

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

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

    .min-vh-md-25 {
        min-height: 25vh !important
    }

    .min-vh-md-50 {
        min-height: 50vh !important
    }

    .min-vh-md-75 {
        min-height: 75vh !important
    }

    .min-vh-md-100 {
        min-height: 100vh !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

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

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

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

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

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        order: -1 !important
    }

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

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

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

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

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-6 {
        margin: 4.5rem !important
    }

    .m-md-7 {
        margin: 6rem !important
    }

    .m-md-8 {
        margin: 7.5rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-6 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

    .mx-md-7 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-md-8 {
        margin-right: 7.5rem !important;
        margin-left: 7.5rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-6 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

    .my-md-7 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-md-8 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-6 {
        margin-top: 4.5rem !important
    }

    .mt-md-7 {
        margin-top: 6rem !important
    }

    .mt-md-8 {
        margin-top: 7.5rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-6 {
        margin-right: 4.5rem !important
    }

    .me-md-7 {
        margin-right: 6rem !important
    }

    .me-md-8 {
        margin-right: 7.5rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-6 {
        margin-bottom: 4.5rem !important
    }

    .mb-md-7 {
        margin-bottom: 6rem !important
    }

    .mb-md-8 {
        margin-bottom: 7.5rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-6 {
        margin-left: 4.5rem !important
    }

    .ms-md-7 {
        margin-left: 6rem !important
    }

    .ms-md-8 {
        margin-left: 7.5rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .m-md-n6 {
        margin: -4.5rem !important
    }

    .m-md-n7 {
        margin: -6rem !important
    }

    .m-md-n8 {
        margin: -7.5rem !important
    }

    .mx-md-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-md-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-md-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-md-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-md-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .mx-md-n6 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important
    }

    .mx-md-n7 {
        margin-right: -6rem !important;
        margin-left: -6rem !important
    }

    .mx-md-n8 {
        margin-right: -7.5rem !important;
        margin-left: -7.5rem !important
    }

    .my-md-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-md-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-md-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-md-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-md-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .my-md-n6 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important
    }

    .my-md-n7 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important
    }

    .my-md-n8 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important
    }

    .mt-md-n1 {
        margin-top: -.25rem !important
    }

    .mt-md-n2 {
        margin-top: -.5rem !important
    }

    .mt-md-n3 {
        margin-top: -1rem !important
    }

    .mt-md-n4 {
        margin-top: -1.5rem !important
    }

    .mt-md-n5 {
        margin-top: -3rem !important
    }

    .mt-md-n6 {
        margin-top: -4.5rem !important
    }

    .mt-md-n7 {
        margin-top: -6rem !important
    }

    .mt-md-n8 {
        margin-top: -7.5rem !important
    }

    .me-md-n1 {
        margin-right: -.25rem !important
    }

    .me-md-n2 {
        margin-right: -.5rem !important
    }

    .me-md-n3 {
        margin-right: -1rem !important
    }

    .me-md-n4 {
        margin-right: -1.5rem !important
    }

    .me-md-n5 {
        margin-right: -3rem !important
    }

    .me-md-n6 {
        margin-right: -4.5rem !important
    }

    .me-md-n7 {
        margin-right: -6rem !important
    }

    .me-md-n8 {
        margin-right: -7.5rem !important
    }

    .mb-md-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-md-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-md-n3 {
        margin-bottom: -1rem !important
    }

    .mb-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-md-n5 {
        margin-bottom: -3rem !important
    }

    .mb-md-n6 {
        margin-bottom: -4.5rem !important
    }

    .mb-md-n7 {
        margin-bottom: -6rem !important
    }

    .mb-md-n8 {
        margin-bottom: -7.5rem !important
    }

    .ms-md-n1 {
        margin-left: -.25rem !important
    }

    .ms-md-n2 {
        margin-left: -.5rem !important
    }

    .ms-md-n3 {
        margin-left: -1rem !important
    }

    .ms-md-n4 {
        margin-left: -1.5rem !important
    }

    .ms-md-n5 {
        margin-left: -3rem !important
    }

    .ms-md-n6 {
        margin-left: -4.5rem !important
    }

    .ms-md-n7 {
        margin-left: -6rem !important
    }

    .ms-md-n8 {
        margin-left: -7.5rem !important
    }

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

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .p-md-6 {
        padding: 4.5rem !important
    }

    .p-md-7 {
        padding: 6rem !important
    }

    .p-md-8 {
        padding: 7.5rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-md-6 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

    .px-md-7 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-md-8 {
        padding-right: 7.5rem !important;
        padding-left: 7.5rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-md-6 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .py-md-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-md-8 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pt-md-6 {
        padding-top: 4.5rem !important
    }

    .pt-md-7 {
        padding-top: 6rem !important
    }

    .pt-md-8 {
        padding-top: 7.5rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pe-md-6 {
        padding-right: 4.5rem !important
    }

    .pe-md-7 {
        padding-right: 6rem !important
    }

    .pe-md-8 {
        padding-right: 7.5rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .pb-md-6 {
        padding-bottom: 4.5rem !important
    }

    .pb-md-7 {
        padding-bottom: 6rem !important
    }

    .pb-md-8 {
        padding-bottom: 7.5rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .ps-md-6 {
        padding-left: 4.5rem !important
    }

    .ps-md-7 {
        padding-left: 6rem !important
    }

    .ps-md-8 {
        padding-left: 7.5rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .gap-md-6 {
        gap: 4.5rem !important
    }

    .gap-md-7 {
        gap: 6rem !important
    }

    .gap-md-8 {
        gap: 7.5rem !important
    }

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

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

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

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

    .min-vh-lg-25 {
        min-height: 25vh !important
    }

    .min-vh-lg-50 {
        min-height: 50vh !important
    }

    .min-vh-lg-75 {
        min-height: 75vh !important
    }

    .min-vh-lg-100 {
        min-height: 100vh !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

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

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

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

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

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        order: -1 !important
    }

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

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

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

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

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-6 {
        margin: 4.5rem !important
    }

    .m-lg-7 {
        margin: 6rem !important
    }

    .m-lg-8 {
        margin: 7.5rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-6 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

    .mx-lg-7 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-lg-8 {
        margin-right: 7.5rem !important;
        margin-left: 7.5rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-6 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

    .my-lg-7 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-lg-8 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-6 {
        margin-top: 4.5rem !important
    }

    .mt-lg-7 {
        margin-top: 6rem !important
    }

    .mt-lg-8 {
        margin-top: 7.5rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-6 {
        margin-right: 4.5rem !important
    }

    .me-lg-7 {
        margin-right: 6rem !important
    }

    .me-lg-8 {
        margin-right: 7.5rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-6 {
        margin-bottom: 4.5rem !important
    }

    .mb-lg-7 {
        margin-bottom: 6rem !important
    }

    .mb-lg-8 {
        margin-bottom: 7.5rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-6 {
        margin-left: 4.5rem !important
    }

    .ms-lg-7 {
        margin-left: 6rem !important
    }

    .ms-lg-8 {
        margin-left: 7.5rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .m-lg-n6 {
        margin: -4.5rem !important
    }

    .m-lg-n7 {
        margin: -6rem !important
    }

    .m-lg-n8 {
        margin: -7.5rem !important
    }

    .mx-lg-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-lg-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-lg-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-lg-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-lg-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .mx-lg-n6 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important
    }

    .mx-lg-n7 {
        margin-right: -6rem !important;
        margin-left: -6rem !important
    }

    .mx-lg-n8 {
        margin-right: -7.5rem !important;
        margin-left: -7.5rem !important
    }

    .my-lg-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-lg-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-lg-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-lg-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-lg-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .my-lg-n6 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important
    }

    .my-lg-n7 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important
    }

    .my-lg-n8 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important
    }

    .mt-lg-n1 {
        margin-top: -.25rem !important
    }

    .mt-lg-n2 {
        margin-top: -.5rem !important
    }

    .mt-lg-n3 {
        margin-top: -1rem !important
    }

    .mt-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mt-lg-n5 {
        margin-top: -3rem !important
    }

    .mt-lg-n6 {
        margin-top: -4.5rem !important
    }

    .mt-lg-n7 {
        margin-top: -6rem !important
    }

    .mt-lg-n8 {
        margin-top: -7.5rem !important
    }

    .me-lg-n1 {
        margin-right: -.25rem !important
    }

    .me-lg-n2 {
        margin-right: -.5rem !important
    }

    .me-lg-n3 {
        margin-right: -1rem !important
    }

    .me-lg-n4 {
        margin-right: -1.5rem !important
    }

    .me-lg-n5 {
        margin-right: -3rem !important
    }

    .me-lg-n6 {
        margin-right: -4.5rem !important
    }

    .me-lg-n7 {
        margin-right: -6rem !important
    }

    .me-lg-n8 {
        margin-right: -7.5rem !important
    }

    .mb-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-lg-n3 {
        margin-bottom: -1rem !important
    }

    .mb-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-lg-n5 {
        margin-bottom: -3rem !important
    }

    .mb-lg-n6 {
        margin-bottom: -4.5rem !important
    }

    .mb-lg-n7 {
        margin-bottom: -6rem !important
    }

    .mb-lg-n8 {
        margin-bottom: -7.5rem !important
    }

    .ms-lg-n1 {
        margin-left: -.25rem !important
    }

    .ms-lg-n2 {
        margin-left: -.5rem !important
    }

    .ms-lg-n3 {
        margin-left: -1rem !important
    }

    .ms-lg-n4 {
        margin-left: -1.5rem !important
    }

    .ms-lg-n5 {
        margin-left: -3rem !important
    }

    .ms-lg-n6 {
        margin-left: -4.5rem !important
    }

    .ms-lg-n7 {
        margin-left: -6rem !important
    }

    .ms-lg-n8 {
        margin-left: -7.5rem !important
    }

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

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .p-lg-6 {
        padding: 4.5rem !important
    }

    .p-lg-7 {
        padding: 6rem !important
    }

    .p-lg-8 {
        padding: 7.5rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-lg-6 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

    .px-lg-7 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-lg-8 {
        padding-right: 7.5rem !important;
        padding-left: 7.5rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-lg-6 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .py-lg-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-lg-8 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pt-lg-6 {
        padding-top: 4.5rem !important
    }

    .pt-lg-7 {
        padding-top: 6rem !important
    }

    .pt-lg-8 {
        padding-top: 7.5rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pe-lg-6 {
        padding-right: 4.5rem !important
    }

    .pe-lg-7 {
        padding-right: 6rem !important
    }

    .pe-lg-8 {
        padding-right: 7.5rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .pb-lg-6 {
        padding-bottom: 4.5rem !important
    }

    .pb-lg-7 {
        padding-bottom: 6rem !important
    }

    .pb-lg-8 {
        padding-bottom: 7.5rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .ps-lg-6 {
        padding-left: 4.5rem !important
    }

    .ps-lg-7 {
        padding-left: 6rem !important
    }

    .ps-lg-8 {
        padding-left: 7.5rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .gap-lg-6 {
        gap: 4.5rem !important
    }

    .gap-lg-7 {
        gap: 6rem !important
    }

    .gap-lg-8 {
        gap: 7.5rem !important
    }

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

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

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

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

    .min-vh-xl-25 {
        min-height: 25vh !important
    }

    .min-vh-xl-50 {
        min-height: 50vh !important
    }

    .min-vh-xl-75 {
        min-height: 75vh !important
    }

    .min-vh-xl-100 {
        min-height: 100vh !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

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

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

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

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

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order: -1 !important
    }

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

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

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

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

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-6 {
        margin: 4.5rem !important
    }

    .m-xl-7 {
        margin: 6rem !important
    }

    .m-xl-8 {
        margin: 7.5rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-6 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

    .mx-xl-7 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-xl-8 {
        margin-right: 7.5rem !important;
        margin-left: 7.5rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-6 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

    .my-xl-7 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-xl-8 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-6 {
        margin-top: 4.5rem !important
    }

    .mt-xl-7 {
        margin-top: 6rem !important
    }

    .mt-xl-8 {
        margin-top: 7.5rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-6 {
        margin-right: 4.5rem !important
    }

    .me-xl-7 {
        margin-right: 6rem !important
    }

    .me-xl-8 {
        margin-right: 7.5rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-6 {
        margin-bottom: 4.5rem !important
    }

    .mb-xl-7 {
        margin-bottom: 6rem !important
    }

    .mb-xl-8 {
        margin-bottom: 7.5rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-6 {
        margin-left: 4.5rem !important
    }

    .ms-xl-7 {
        margin-left: 6rem !important
    }

    .ms-xl-8 {
        margin-left: 7.5rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .m-xl-n6 {
        margin: -4.5rem !important
    }

    .m-xl-n7 {
        margin: -6rem !important
    }

    .m-xl-n8 {
        margin: -7.5rem !important
    }

    .mx-xl-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-xl-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-xl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-xl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-xl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .mx-xl-n6 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important
    }

    .mx-xl-n7 {
        margin-right: -6rem !important;
        margin-left: -6rem !important
    }

    .mx-xl-n8 {
        margin-right: -7.5rem !important;
        margin-left: -7.5rem !important
    }

    .my-xl-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-xl-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-xl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-xl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-xl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .my-xl-n6 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important
    }

    .my-xl-n7 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important
    }

    .my-xl-n8 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important
    }

    .mt-xl-n1 {
        margin-top: -.25rem !important
    }

    .mt-xl-n2 {
        margin-top: -.5rem !important
    }

    .mt-xl-n3 {
        margin-top: -1rem !important
    }

    .mt-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xl-n5 {
        margin-top: -3rem !important
    }

    .mt-xl-n6 {
        margin-top: -4.5rem !important
    }

    .mt-xl-n7 {
        margin-top: -6rem !important
    }

    .mt-xl-n8 {
        margin-top: -7.5rem !important
    }

    .me-xl-n1 {
        margin-right: -.25rem !important
    }

    .me-xl-n2 {
        margin-right: -.5rem !important
    }

    .me-xl-n3 {
        margin-right: -1rem !important
    }

    .me-xl-n4 {
        margin-right: -1.5rem !important
    }

    .me-xl-n5 {
        margin-right: -3rem !important
    }

    .me-xl-n6 {
        margin-right: -4.5rem !important
    }

    .me-xl-n7 {
        margin-right: -6rem !important
    }

    .me-xl-n8 {
        margin-right: -7.5rem !important
    }

    .mb-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-xl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xl-n5 {
        margin-bottom: -3rem !important
    }

    .mb-xl-n6 {
        margin-bottom: -4.5rem !important
    }

    .mb-xl-n7 {
        margin-bottom: -6rem !important
    }

    .mb-xl-n8 {
        margin-bottom: -7.5rem !important
    }

    .ms-xl-n1 {
        margin-left: -.25rem !important
    }

    .ms-xl-n2 {
        margin-left: -.5rem !important
    }

    .ms-xl-n3 {
        margin-left: -1rem !important
    }

    .ms-xl-n4 {
        margin-left: -1.5rem !important
    }

    .ms-xl-n5 {
        margin-left: -3rem !important
    }

    .ms-xl-n6 {
        margin-left: -4.5rem !important
    }

    .ms-xl-n7 {
        margin-left: -6rem !important
    }

    .ms-xl-n8 {
        margin-left: -7.5rem !important
    }

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

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .p-xl-6 {
        padding: 4.5rem !important
    }

    .p-xl-7 {
        padding: 6rem !important
    }

    .p-xl-8 {
        padding: 7.5rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xl-6 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

    .px-xl-7 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-xl-8 {
        padding-right: 7.5rem !important;
        padding-left: 7.5rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xl-6 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .py-xl-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-xl-8 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pt-xl-6 {
        padding-top: 4.5rem !important
    }

    .pt-xl-7 {
        padding-top: 6rem !important
    }

    .pt-xl-8 {
        padding-top: 7.5rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pe-xl-6 {
        padding-right: 4.5rem !important
    }

    .pe-xl-7 {
        padding-right: 6rem !important
    }

    .pe-xl-8 {
        padding-right: 7.5rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .pb-xl-6 {
        padding-bottom: 4.5rem !important
    }

    .pb-xl-7 {
        padding-bottom: 6rem !important
    }

    .pb-xl-8 {
        padding-bottom: 7.5rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .ps-xl-6 {
        padding-left: 4.5rem !important
    }

    .ps-xl-7 {
        padding-left: 6rem !important
    }

    .ps-xl-8 {
        padding-left: 7.5rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .gap-xl-6 {
        gap: 4.5rem !important
    }

    .gap-xl-7 {
        gap: 6rem !important
    }

    .gap-xl-8 {
        gap: 7.5rem !important
    }

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

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

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

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

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

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

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

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

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

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

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

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

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

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

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

    .min-vh-xxl-25 {
        min-height: 25vh !important
    }

    .min-vh-xxl-50 {
        min-height: 50vh !important
    }

    .min-vh-xxl-75 {
        min-height: 75vh !important
    }

    .min-vh-xxl-100 {
        min-height: 100vh !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

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

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

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

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

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

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

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-6 {
        margin: 4.5rem !important
    }

    .m-xxl-7 {
        margin: 6rem !important
    }

    .m-xxl-8 {
        margin: 7.5rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-6 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

    .mx-xxl-7 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .mx-xxl-8 {
        margin-right: 7.5rem !important;
        margin-left: 7.5rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-6 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

    .my-xxl-7 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .my-xxl-8 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-6 {
        margin-top: 4.5rem !important
    }

    .mt-xxl-7 {
        margin-top: 6rem !important
    }

    .mt-xxl-8 {
        margin-top: 7.5rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-6 {
        margin-right: 4.5rem !important
    }

    .me-xxl-7 {
        margin-right: 6rem !important
    }

    .me-xxl-8 {
        margin-right: 7.5rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-6 {
        margin-bottom: 4.5rem !important
    }

    .mb-xxl-7 {
        margin-bottom: 6rem !important
    }

    .mb-xxl-8 {
        margin-bottom: 7.5rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-6 {
        margin-left: 4.5rem !important
    }

    .ms-xxl-7 {
        margin-left: 6rem !important
    }

    .ms-xxl-8 {
        margin-left: 7.5rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .m-xxl-n1 {
        margin: -.25rem !important
    }

    .m-xxl-n2 {
        margin: -.5rem !important
    }

    .m-xxl-n3 {
        margin: -1rem !important
    }

    .m-xxl-n4 {
        margin: -1.5rem !important
    }

    .m-xxl-n5 {
        margin: -3rem !important
    }

    .m-xxl-n6 {
        margin: -4.5rem !important
    }

    .m-xxl-n7 {
        margin: -6rem !important
    }

    .m-xxl-n8 {
        margin: -7.5rem !important
    }

    .mx-xxl-n1 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .mx-xxl-n2 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .mx-xxl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-xxl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-xxl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .mx-xxl-n6 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important
    }

    .mx-xxl-n7 {
        margin-right: -6rem !important;
        margin-left: -6rem !important
    }

    .mx-xxl-n8 {
        margin-right: -7.5rem !important;
        margin-left: -7.5rem !important
    }

    .my-xxl-n1 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .my-xxl-n2 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .my-xxl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-xxl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-xxl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .my-xxl-n6 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important
    }

    .my-xxl-n7 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important
    }

    .my-xxl-n8 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important
    }

    .mt-xxl-n1 {
        margin-top: -.25rem !important
    }

    .mt-xxl-n2 {
        margin-top: -.5rem !important
    }

    .mt-xxl-n3 {
        margin-top: -1rem !important
    }

    .mt-xxl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xxl-n5 {
        margin-top: -3rem !important
    }

    .mt-xxl-n6 {
        margin-top: -4.5rem !important
    }

    .mt-xxl-n7 {
        margin-top: -6rem !important
    }

    .mt-xxl-n8 {
        margin-top: -7.5rem !important
    }

    .me-xxl-n1 {
        margin-right: -.25rem !important
    }

    .me-xxl-n2 {
        margin-right: -.5rem !important
    }

    .me-xxl-n3 {
        margin-right: -1rem !important
    }

    .me-xxl-n4 {
        margin-right: -1.5rem !important
    }

    .me-xxl-n5 {
        margin-right: -3rem !important
    }

    .me-xxl-n6 {
        margin-right: -4.5rem !important
    }

    .me-xxl-n7 {
        margin-right: -6rem !important
    }

    .me-xxl-n8 {
        margin-right: -7.5rem !important
    }

    .mb-xxl-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-xxl-n2 {
        margin-bottom: -.5rem !important
    }

    .mb-xxl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xxl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xxl-n5 {
        margin-bottom: -3rem !important
    }

    .mb-xxl-n6 {
        margin-bottom: -4.5rem !important
    }

    .mb-xxl-n7 {
        margin-bottom: -6rem !important
    }

    .mb-xxl-n8 {
        margin-bottom: -7.5rem !important
    }

    .ms-xxl-n1 {
        margin-left: -.25rem !important
    }

    .ms-xxl-n2 {
        margin-left: -.5rem !important
    }

    .ms-xxl-n3 {
        margin-left: -1rem !important
    }

    .ms-xxl-n4 {
        margin-left: -1.5rem !important
    }

    .ms-xxl-n5 {
        margin-left: -3rem !important
    }

    .ms-xxl-n6 {
        margin-left: -4.5rem !important
    }

    .ms-xxl-n7 {
        margin-left: -6rem !important
    }

    .ms-xxl-n8 {
        margin-left: -7.5rem !important
    }

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

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .p-xxl-6 {
        padding: 4.5rem !important
    }

    .p-xxl-7 {
        padding: 6rem !important
    }

    .p-xxl-8 {
        padding: 7.5rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xxl-6 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

    .px-xxl-7 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .px-xxl-8 {
        padding-right: 7.5rem !important;
        padding-left: 7.5rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xxl-6 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .py-xxl-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .py-xxl-8 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pt-xxl-6 {
        padding-top: 4.5rem !important
    }

    .pt-xxl-7 {
        padding-top: 6rem !important
    }

    .pt-xxl-8 {
        padding-top: 7.5rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pe-xxl-6 {
        padding-right: 4.5rem !important
    }

    .pe-xxl-7 {
        padding-right: 6rem !important
    }

    .pe-xxl-8 {
        padding-right: 7.5rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .pb-xxl-6 {
        padding-bottom: 4.5rem !important
    }

    .pb-xxl-7 {
        padding-bottom: 6rem !important
    }

    .pb-xxl-8 {
        padding-bottom: 7.5rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .ps-xxl-6 {
        padding-left: 4.5rem !important
    }

    .ps-xxl-7 {
        padding-left: 6rem !important
    }

    .ps-xxl-8 {
        padding-left: 7.5rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .gap-xxl-6 {
        gap: 4.5rem !important
    }

    .gap-xxl-7 {
        gap: 6rem !important
    }

    .gap-xxl-8 {
        gap: 7.5rem !important
    }

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

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

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

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

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

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

    .d-print-grid {
        display: grid !important
    }

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

    .d-print-table-row {
        display: table-row !important
    }

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

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

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

    .d-print-none {
        display: none !important
    }
}

.sticky, .gallery-caption, .bypostauthor {
    font-size: inherit
}

.wrapper#wrapper-sticky {
    border-bottom: 1px solid #dee2e6
}

#wrapper-footer-full, #wrapper-static-hero {
    background-color: #e9ecef
}

.wp-caption {
    font-size: inherit
}

.wp-caption-text {
    font-size: inherit
}

.alignleft {
    display: block;
    margin-bottom: 1.5em
}

.alignright {
    display: block;
    margin-bottom: 1.5em
}

@media (min-width:576px) {
    .alignleft {
        float: left;
        margin-right: 1.5em
    }

    .alignright {
        float: right;
        margin-left: 1.5em
    }
}

img.wp-post-image, article img, figure, img, #secondary img {
    max-width: 100%;
    height: auto
}

a.skip-link {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0
}

.navbar-dark .navbar-nav .dropdown-menu .nav-link {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529 !important;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.navbar-light .navbar-brand a {
    color: rgba(0,0,0,.9)
}

.navbar-dark .navbar-brand a {
    color: #fff
}

.navbar h1, .navbar .h1 {
    font-weight: 400
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.rfs-1 {
    font-size: .15rem
}

.rfs-2 {
    font-size: .3rem
}

.rfs-3 {
    font-size: .45rem
}

.rfs-4 {
    font-size: .6rem
}

.rfs-5 {
    font-size: .75rem
}

.rfs-6 {
    font-size: .9rem
}

.rfs-7 {
    font-size: 1.05rem
}

.rfs-8 {
    font-size: 1.2rem
}

.rfs-9 {
    font-size: calc(1.26rem + .12vw)
}

@media (min-width:1200px) {
    .rfs-9 {
        font-size: 1.35rem
    }
}

.rfs-10 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    .rfs-10 {
        font-size: 1.5rem
    }
}

.rfs-11 {
    font-size: calc(1.29rem + .48vw)
}

@media (min-width:1200px) {
    .rfs-11 {
        font-size: 1.65rem
    }
}

.rfs-12 {
    font-size: calc(1.305rem + .66vw)
}

@media (min-width:1200px) {
    .rfs-12 {
        font-size: 1.8rem
    }
}

.rfs-13 {
    font-size: calc(1.32rem + .84vw)
}

@media (min-width:1200px) {
    .rfs-13 {
        font-size: 1.95rem
    }
}

.rfs-14 {
    font-size: calc(1.335rem + 1.02vw)
}

@media (min-width:1200px) {
    .rfs-14 {
        font-size: 2.1rem
    }
}

.rfs-15 {
    font-size: calc(1.35rem + 1.2vw)
}

@media (min-width:1200px) {
    .rfs-15 {
        font-size: 2.25rem
    }
}

.rfs-16 {
    font-size: calc(1.365rem + 1.38vw)
}

@media (min-width:1200px) {
    .rfs-16 {
        font-size: 2.4rem
    }
}

.rfs-17 {
    font-size: calc(1.38rem + 1.56vw)
}

@media (min-width:1200px) {
    .rfs-17 {
        font-size: 2.55rem
    }
}

.rfs-18 {
    font-size: calc(1.395rem + 1.74vw)
}

@media (min-width:1200px) {
    .rfs-18 {
        font-size: 2.7rem
    }
}

.rfs-19 {
    font-size: calc(1.41rem + 1.92vw)
}

@media (min-width:1200px) {
    .rfs-19 {
        font-size: 2.85rem
    }
}

.rfs-20 {
    font-size: calc(1.425rem + 2.1vw)
}

@media (min-width:1200px) {
    .rfs-20 {
        font-size: 3rem
    }
}

.rfs-21 {
    font-size: calc(1.44rem + 2.28vw)
}

@media (min-width:1200px) {
    .rfs-21 {
        font-size: 3.15rem
    }
}

.rfs-22 {
    font-size: calc(1.455rem + 2.46vw)
}

@media (min-width:1200px) {
    .rfs-22 {
        font-size: 3.3rem
    }
}

.rfs-23 {
    font-size: calc(1.47rem + 2.64vw)
}

@media (min-width:1200px) {
    .rfs-23 {
        font-size: 3.45rem
    }
}

.rfs-24 {
    font-size: calc(1.485rem + 2.82vw)
}

@media (min-width:1200px) {
    .rfs-24 {
        font-size: 3.6rem
    }
}

.rfs-25 {
    font-size: calc(1.5rem + 3vw)
}

@media (min-width:1200px) {
    .rfs-25 {
        font-size: 3.75rem
    }
}

.rfs-26 {
    font-size: calc(1.515rem + 3.18vw)
}

@media (min-width:1200px) {
    .rfs-26 {
        font-size: 3.9rem
    }
}

.rfs-27 {
    font-size: calc(1.53rem + 3.36vw)
}

@media (min-width:1200px) {
    .rfs-27 {
        font-size: 4.05rem
    }
}

.rfs-28 {
    font-size: calc(1.545rem + 3.54vw)
}

@media (min-width:1200px) {
    .rfs-28 {
        font-size: 4.2rem
    }
}

.rfs-29 {
    font-size: calc(1.56rem + 3.72vw)
}

@media (min-width:1200px) {
    .rfs-29 {
        font-size: 4.35rem
    }
}

.rfs-30 {
    font-size: calc(1.575rem + 3.9vw)
}

@media (min-width:1200px) {
    .rfs-30 {
        font-size: 4.5rem
    }
}

.rfs-31 {
    font-size: calc(1.59rem + 4.08vw)
}

@media (min-width:1200px) {
    .rfs-31 {
        font-size: 4.65rem
    }
}

.rfs-32 {
    font-size: calc(1.605rem + 4.26vw)
}

@media (min-width:1200px) {
    .rfs-32 {
        font-size: 4.8rem
    }
}

.rfs-33 {
    font-size: calc(1.62rem + 4.44vw)
}

@media (min-width:1200px) {
    .rfs-33 {
        font-size: 4.95rem
    }
}

.rfs-34 {
    font-size: calc(1.635rem + 4.62vw)
}

@media (min-width:1200px) {
    .rfs-34 {
        font-size: 5.1rem
    }
}

.rfs-35 {
    font-size: calc(1.65rem + 4.8vw)
}

@media (min-width:1200px) {
    .rfs-35 {
        font-size: 5.25rem
    }
}

.rfs-36 {
    font-size: calc(1.665rem + 4.98vw)
}

@media (min-width:1200px) {
    .rfs-36 {
        font-size: 5.4rem
    }
}

.rfs-37 {
    font-size: calc(1.68rem + 5.16vw)
}

@media (min-width:1200px) {
    .rfs-37 {
        font-size: 5.55rem
    }
}

.rfs-38 {
    font-size: calc(1.695rem + 5.34vw)
}

@media (min-width:1200px) {
    .rfs-38 {
        font-size: 5.7rem
    }
}

.rfs-39 {
    font-size: calc(1.71rem + 5.52vw)
}

@media (min-width:1200px) {
    .rfs-39 {
        font-size: 5.85rem
    }
}

.rfs-40 {
    font-size: calc(1.725rem + 5.7vw)
}

@media (min-width:1200px) {
    .rfs-40 {
        font-size: 6rem
    }
}

.rfs-41 {
    font-size: calc(1.74rem + 5.88vw)
}

@media (min-width:1200px) {
    .rfs-41 {
        font-size: 6.15rem
    }
}

.rfs-42 {
    font-size: calc(1.755rem + 6.06vw)
}

@media (min-width:1200px) {
    .rfs-42 {
        font-size: 6.3rem
    }
}

.rfs-43 {
    font-size: calc(1.77rem + 6.24vw)
}

@media (min-width:1200px) {
    .rfs-43 {
        font-size: 6.45rem
    }
}

.rfs-44 {
    font-size: calc(1.785rem + 6.42vw)
}

@media (min-width:1200px) {
    .rfs-44 {
        font-size: 6.6rem
    }
}

.rfs-45 {
    font-size: calc(1.8rem + 6.6vw)
}

@media (min-width:1200px) {
    .rfs-45 {
        font-size: 6.75rem
    }
}

.rfs-46 {
    font-size: calc(1.815rem + 6.78vw)
}

@media (min-width:1200px) {
    .rfs-46 {
        font-size: 6.9rem
    }
}

.rfs-47 {
    font-size: calc(1.83rem + 6.96vw)
}

@media (min-width:1200px) {
    .rfs-47 {
        font-size: 7.05rem
    }
}

.rfs-48 {
    font-size: calc(1.845rem + 7.14vw)
}

@media (min-width:1200px) {
    .rfs-48 {
        font-size: 7.2rem
    }
}

.rfs-49 {
    font-size: calc(1.86rem + 7.32vw)
}

@media (min-width:1200px) {
    .rfs-49 {
        font-size: 7.35rem
    }
}

.rfs-50 {
    font-size: calc(1.875rem + 7.5vw)
}

@media (min-width:1200px) {
    .rfs-50 {
        font-size: 7.5rem
    }
}

.rws-1 {
    width: 1.15rem
}

.rws-2 {
    width: calc(1.355rem + 1.26vw)
}

.rws-3 {
    width: calc(1.47rem + 2.64vw)
}

.rws-4 {
    width: calc(1.585rem + 4.02vw)
}

.rws-5 {
    width: calc(1.7rem + 5.4vw)
}

.rws-6 {
    width: calc(1.815rem + 6.78vw)
}

.rws-7 {
    width: calc(1.93rem + 8.16vw)
}

.rws-8 {
    width: calc(2.045rem + 9.54vw)
}

.rws-9 {
    width: calc(2.16rem + 10.92vw)
}

.rws-10 {
    width: calc(2.275rem + 12.3vw)
}

.rws-11 {
    width: calc(2.39rem + 13.68vw)
}

.rws-12 {
    width: calc(2.505rem + 15.06vw)
}

.rws-13 {
    width: calc(2.62rem + 16.44vw)
}

.rws-14 {
    width: calc(2.735rem + 17.82vw)
}

.rws-15 {
    width: calc(2.85rem + 19.2vw)
}

.rws-16 {
    width: calc(2.965rem + 20.58vw)
}

.rws-17 {
    width: calc(3.08rem + 21.96vw)
}

.rws-18 {
    width: calc(3.195rem + 23.34vw)
}

.rws-19 {
    width: calc(3.31rem + 24.72vw)
}

.rws-20 {
    width: calc(3.425rem + 26.1vw)
}

.rws-21 {
    width: calc(3.54rem + 27.48vw)
}

.rws-22 {
    width: calc(3.655rem + 28.86vw)
}

.rws-23 {
    width: calc(3.77rem + 30.24vw)
}

.rws-24 {
    width: calc(3.885rem + 31.62vw)
}

.rws-25 {
    width: calc(4rem + 33vw)
}

.rws-26 {
    width: calc(4.115rem + 34.38vw)
}

.rws-27 {
    width: calc(4.23rem + 35.76vw)
}

.rws-28 {
    width: calc(4.345rem + 37.14vw)
}

.rws-29 {
    width: calc(4.46rem + 38.52vw)
}

.rws-30 {
    width: calc(4.575rem + 39.9vw)
}

.rws-31 {
    width: calc(4.69rem + 41.28vw)
}

.rws-32 {
    width: calc(4.805rem + 42.66vw)
}

.rws-33 {
    width: calc(4.92rem + 44.04vw)
}

.rws-34 {
    width: calc(5.035rem + 45.42vw)
}

.rws-35 {
    width: calc(5.15rem + 46.8vw)
}

.rws-36 {
    width: calc(5.265rem + 48.18vw)
}

.rws-37 {
    width: calc(5.38rem + 49.56vw)
}

.rws-38 {
    width: calc(5.495rem + 50.94vw)
}

.rws-39 {
    width: calc(5.61rem + 52.32vw)
}

.rws-40 {
    width: calc(5.725rem + 53.7vw)
}

.bg-primary-100 {
    background-color: #d2d2d2 !important
}

.text-primary-100 {
    color: #d2d2d2 !important
}

.bg-primary-200 {
    background-color: #a6a6a6 !important
}

.text-primary-200 {
    color: #a6a6a6 !important
}

.bg-primary-300 {
    background-color: #797979 !important
}

.text-primary-300 {
    color: #797979 !important
}

.bg-primary-400 {
    background-color: #4d4d4d !important
}

.text-primary-400 {
    color: #4d4d4d !important
}

.bg-primary-500 {
    background-color: #202020 !important
}

.text-primary-500 {
    color: #202020 !important
}

.bg-primary-600 {
    background-color: #1a1a1a !important
}

.text-primary-600 {
    color: #1a1a1a !important
}

.bg-primary-700 {
    background-color: #131313 !important
}

.text-primary-700 {
    color: #131313 !important
}

.bg-primary-800 {
    background-color: #0d0d0d !important
}

.text-primary-800 {
    color: #0d0d0d !important
}

.bg-primary-900 {
    background-color: #060606 !important
}

.text-primary-900 {
    color: #060606 !important
}

.bg-secondary-100 {
    background-color: #f5d3d3 !important
}

.text-secondary-100 {
    color: #f5d3d3 !important
}

.bg-secondary-200 {
    background-color: #eba8a8 !important
}

.text-secondary-200 {
    color: #eba8a8 !important
}

.bg-secondary-300 {
    background-color: #e27c7c !important
}

.text-secondary-300 {
    color: #e27c7c !important
}

.bg-secondary-400 {
    background-color: #d85151 !important
}

.text-secondary-400 {
    color: #d85151 !important
}

.bg-secondary-500 {
    background-color: #212815 !important
}

.text-secondary-500 {
    color: #212815 !important
}

.bg-secondary-600 {
    background-color: #a51e1e !important
}

.text-secondary-600 {
    color: #a51e1e !important
}

.bg-secondary-700 {
    background-color: #7c1616 !important
}

.text-secondary-700 {
    color: #7c1616 !important
}

.bg-secondary-800 {
    background-color: #520f0f !important
}

.text-secondary-800 {
    color: #520f0f !important
}

.bg-secondary-900 {
    background-color: #290707 !important
}

.text-secondary-900 {
    color: #290707 !important
}

.bg-success-100 {
    background-color: #d1e7dd !important
}

.text-success-100 {
    color: #d1e7dd !important
}

.bg-success-200 {
    background-color: #a3cfbb !important
}

.text-success-200 {
    color: #a3cfbb !important
}

.bg-success-300 {
    background-color: #75b798 !important
}

.text-success-300 {
    color: #75b798 !important
}

.bg-success-400 {
    background-color: #479f76 !important
}

.text-success-400 {
    color: #479f76 !important
}

.bg-success-500 {
    background-color: #198754 !important
}

.text-success-500 {
    color: #198754 !important
}

.bg-success-600 {
    background-color: #146c43 !important
}

.text-success-600 {
    color: #146c43 !important
}

.bg-success-700 {
    background-color: #0f5132 !important
}

.text-success-700 {
    color: #0f5132 !important
}

.bg-success-800 {
    background-color: #0a3622 !important
}

.text-success-800 {
    color: #0a3622 !important
}

.bg-success-900 {
    background-color: #051b11 !important
}

.text-success-900 {
    color: #051b11 !important
}

.bg-danger-100 {
    background-color: #f8d7da !important
}

.text-danger-100 {
    color: #f8d7da !important
}

.bg-danger-200 {
    background-color: #f1aeb5 !important
}

.text-danger-200 {
    color: #f1aeb5 !important
}

.bg-danger-300 {
    background-color: #ea868f !important
}

.text-danger-300 {
    color: #ea868f !important
}

.bg-danger-400 {
    background-color: #e35d6a !important
}

.text-danger-400 {
    color: #e35d6a !important
}

.bg-danger-500 {
    background-color: #dc3545 !important
}

.text-danger-500 {
    color: #dc3545 !important
}

.bg-danger-600 {
    background-color: #b02a37 !important
}

.text-danger-600 {
    color: #b02a37 !important
}

.bg-danger-700 {
    background-color: #842029 !important
}

.text-danger-700 {
    color: #842029 !important
}

.bg-danger-800 {
    background-color: #58151c !important
}

.text-danger-800 {
    color: #58151c !important
}

.bg-danger-900 {
    background-color: #2c0b0e !important
}

.text-danger-900 {
    color: #2c0b0e !important
}

.bg-warning-100 {
    background-color: #fff3cd !important
}

.text-warning-100 {
    color: #fff3cd !important
}

.bg-warning-200 {
    background-color: #ffe69c !important
}

.text-warning-200 {
    color: #ffe69c !important
}

.bg-warning-300 {
    background-color: #ffda6a !important
}

.text-warning-300 {
    color: #ffda6a !important
}

.bg-warning-400 {
    background-color: #ffcd39 !important
}

.text-warning-400 {
    color: #ffcd39 !important
}

.bg-warning-500 {
    background-color: #ffc107 !important
}

.text-warning-500 {
    color: #ffc107 !important
}

.bg-warning-600 {
    background-color: #cc9a06 !important
}

.text-warning-600 {
    color: #cc9a06 !important
}

.bg-warning-700 {
    background-color: #997404 !important
}

.text-warning-700 {
    color: #997404 !important
}

.bg-warning-800 {
    background-color: #664d03 !important
}

.text-warning-800 {
    color: #664d03 !important
}

.bg-warning-900 {
    background-color: #332701 !important
}

.text-warning-900 {
    color: #332701 !important
}

.bg-info-100 {
    background-color: #cff4fc !important
}

.text-info-100 {
    color: #cff4fc !important
}

.bg-info-200 {
    background-color: #9eeaf9 !important
}

.text-info-200 {
    color: #9eeaf9 !important
}

.bg-info-300 {
    background-color: #6edff6 !important
}

.text-info-300 {
    color: #6edff6 !important
}

.bg-info-400 {
    background-color: #3dd5f3 !important
}

.text-info-400 {
    color: #3dd5f3 !important
}

.bg-info-500 {
    background-color: #0dcaf0 !important
}

.text-info-500 {
    color: #0dcaf0 !important
}

.bg-info-600 {
    background-color: #0aa2c0 !important
}

.text-info-600 {
    color: #0aa2c0 !important
}

.bg-info-700 {
    background-color: #087990 !important
}

.text-info-700 {
    color: #087990 !important
}

.bg-info-800 {
    background-color: #055160 !important
}

.text-info-800 {
    color: #055160 !important
}

.bg-info-900 {
    background-color: #032830 !important
}

.text-info-900 {
    color: #032830 !important
}

body.clt_header_navbar_position_fixed-top section[id] {
    scroll-margin-top: 63px
}

body.clt_header_navbar_position_fixed-top:not(.clt_header_navbar_color_choice_bg-transparent) {
    padding-top: 58px
}

body.clt_header_navbar_position_fixed-top #wpadminbar {
    opacity: .1
}

    body.clt_header_navbar_position_fixed-top #wpadminbar:hover {
        opacity: 1
    }

.custom-logo-link img[src$=".svg"] {
    width: 100%
}

#backToTop {
    visibility: hidden;
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 99999;
    opacity: .6;
    padding: 3px 11px 7px
}

    #backToTop:hover {
        cursor: pointer
    }

body.scroll-position-at-top #wrapper-navbar .navbar {
    padding-top: 2rem;
    padding-bottom: 2rem
}

body.scroll-position-not-at-top #wrapper-navbar .navbar, body.scroll-position-at-top #wrapper-navbar .navbar {
    transition: all .5s ease-out
}

:root {
    --bodyColor: #222;
    --bodyBg: #fbfbfb;
    --bodyBg1: #f7f7f7;
    --whiteColor: #fff;
    --whitegrey: #6a7c92;
    --whitegrey1: #ededed;
    --whitegrey2: #f2f6f7;
    --whitegrey3: #e7deff;
    --headingColor: #222;
    --contentColor: #5f6c76;
    --contentColor2: #5c727d;
    --primaryColor: #212815;
    --secondaryColor: #0080c7;
    --secondaryColor2: #008dd9;
    --secondaryColor3: #00a6ff;
    --blackColor: #000;
    --blackColor2: #191b1e;
    --darkblack: #0c0e2b;
    --darkcolor: #263546;
    --darkgray: #9fa2ce;
    --deepgray: #202942;
    --lightGrey: #7b8696;
    --lightGrey2: #7b8697;
    --lightGrey3: #7e858b;
    --lightGrey4: #a2a9b6;
    --lightGrey5: #f0f0f5;
    --lightGrey8: #f0f1f3;
    --lightGrey6: #6d6e75;
    --lightGrey7: #f3f4fd;
    --lightGrey9: #9f98b2;
    --lightGrey10: #f5f5fe;
    --lightGrey11: #f7f8fd;
    --lightGrey12: #f0f4f7;
    --greenlight: #f2f9e8;
    --greencolor: #44cea9;
    --greencolor2: #1ec902;
    --greencolor3: #2ec14a;
    --orange: #fe2323;
    --borderColor: #eee;
    --borderColor1: #e5e5e5;
    --borderColor2: #ddd;
    --borderColor3: #f8f8f8;
    --borderColor4: #cacaca;
    --darkdeep1: #170f2f;
    --darkdeep2: #37404e;
    --darkdeep3: #f4f4f8;
    --darkdeep4: #949392;
    --darkdeep5: #62605d;
    --darkdeep6: #7e8285;
    --darkdeep7: #c4c4c4;
    --indigo: #b13bff;
    --deepgreen: #133344;
    --deepblue: #505975;
    --deepred: #dc164d;
    --skycolor: #03a9f4;
    --yellow: #ff912c;
    --yellow1: #f0b410;
    --blue: #2864ff;
    --naveBlue: #17093e;
    --borderRadius: 4px;
    --borderRadius2: 20px;
    --borderRadius3: 10px;
    --transition: .3s;
    --bodyFont: "Montserrat";
    --headingFont: "Montserrat";
    --contentFont: "Montserrat"
}

.is_dark {
    --bodyColor: #fff;
    --bodyBg: #0c0e2b;
    --bodyBg1: #0c0e2b;
    --headingColor: #fff;
    --blackColor: #fff;
    --blackColor2: #fff;
    --whiteColor: #0c0e2b;
    --darkdeep2: #fff;
    --darkblack: #fff;
    --lightGrey: #0c0e2b;
    --lightGrey7: #170f2f;
    --lightGrey10: #170f2f;
    --lightGrey11: #170f2f;
    --contentColor: #fff;
    --darkdeep5: #fff;
    --borderColor: #312a57;
    --whitegrey: #fff;
    --whitegrey1: #312a57;
    --whitegrey2: #312a57;
    --deepgray: #fff;
    --borderColor2: #fff;
    --darkdeep3: #17093e;
    --contentColor2: #fff;
    --deepgreen: #fff
}

.breadcrumbarea {
    padding-top: 162px;
    padding-bottom: 150px;
    background: var(--greenlight);
    position: relative
}

@media (min-width:992px) and (max-width:1365px) {
    .breadcrumbarea {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .breadcrumbarea {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (max-width:767px) {
    .breadcrumbarea {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.breadcrumbarea--2 {
    padding-top: 50px;
    padding-bottom: 50px
}

.breadcrumbarea--3 {
    padding-bottom: 0;
    padding-top: 50px
}

.breadcrumb__content__wraper {
    text-align: center;
    position: relative;
    z-index: 9
}

    .breadcrumb__content__wraper .breadcrumb__title h2, .breadcrumb__content__wraper .breadcrumb__title .h2 {
        font-weight: 700;
        font-size: 55px;
        line-height: 72px;
        color: var(--blackColor2);
        margin: 0
    }

@media (min-width:992px) and (max-width:1365px) {
    .breadcrumb__content__wraper .breadcrumb__title h2, .breadcrumb__content__wraper .breadcrumb__title .h2 {
        font-size: 40px;
        line-height: 60px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .breadcrumb__content__wraper .breadcrumb__title h2, .breadcrumb__content__wraper .breadcrumb__title .h2 {
        font-size: 40px;
        line-height: 60px
    }
}

@media (max-width:767px) {
    .breadcrumb__content__wraper .breadcrumb__title h2, .breadcrumb__content__wraper .breadcrumb__title .h2 {
        font-size: 36px
    }
}

.widget_wpc_sorting_widget span.select2-selection.select2-selection--single, select.wpc-orderby-select {
    content: url(../../../../glomacs.com/wp-content/uploads/2023/05/sort-a-z.png);
    width: 1.5em;
    object-fit: contain;
    border: none !important;
    box-shadow: none !important;
    opacity: .5;
    z-index: 100;
    position: absolute;
    top: -1.25em;
    right: 3em
}

.cl-courses-top-view .cl-view-selected {
    display: none
}

#wpc_sorting_widget-2 > form > span {
    width: unset !important;
    min-width: unset !important
}

.wpc-after-sorting-form span.select2-dropdown.select2-dropdown--below {
    left: -10em;
    top: 3em
}

@media (max-width:768px) {
    .wpc-after-sorting-form span.select2-dropdown.select2-dropdown--below {
        left: -5em
    }
}

.shape__icon__2 .shape__icon__img {
    position: absolute
}

    .shape__icon__2 .shape__icon__img.shape__icon__img__1 {
        bottom: 60px;
        left: 165px;
        animation: 3s linear 0s infinite normal none running move5
    }

@media (min-width:992px) and (max-width:1365px) {
    .shape__icon__2 .shape__icon__img.shape__icon__img__1 {
        bottom: 21px;
        left: 50px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .shape__icon__2 .shape__icon__img.shape__icon__img__1 {
        bottom: 0;
        left: 14px
    }
}

@media (max-width:767px) {
    .shape__icon__2 .shape__icon__img.shape__icon__img__1 {
        bottom: 0;
        left: 0
    }
}

.shape__icon__2 .shape__icon__img.shape__icon__img__2 {
    top: 100px;
    left: 50px;
    animation: cir-anim 6s linear 0s infinite alternate
}

@media (min-width:768px) and (max-width:991px) {
    .shape__icon__2 .shape__icon__img.shape__icon__img__2 {
        top: 0;
        left: 0
    }
}

@media (max-width:767px) {
    .shape__icon__2 .shape__icon__img.shape__icon__img__2 {
        top: 0;
        left: 0
    }
}

.shape__icon__2 .shape__icon__img.shape__icon__img__3 {
    top: 80px;
    right: 575px;
    animation: 3s linear 0s infinite alternate none running dot-anim
}

@media (min-width:992px) and (max-width:1365px) {
    .shape__icon__2 .shape__icon__img.shape__icon__img__3 {
        top: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .shape__icon__2 .shape__icon__img.shape__icon__img__3 {
        top: 0;
        right: 0
    }
}

@media (max-width:767px) {
    .shape__icon__2 .shape__icon__img.shape__icon__img__3 {
        top: 0;
        right: 0
    }
}

.shape__icon__2 .shape__icon__img.shape__icon__img__4 {
    top: 100px;
    right: 45px;
    animation: 3s linear 0s infinite alternate none running dot-anim-2
}

@media (min-width:768px) and (max-width:991px) {
    .shape__icon__2 .shape__icon__img.shape__icon__img__4 {
        top: 157px;
        right: 0
    }
}

@media (max-width:767px) {
    .shape__icon__2 .shape__icon__img.shape__icon__img__4 {
        top: 212px;
        right: 0
    }
}

.breadcrumb__inner ul li {
    font-size: 18px;
    line-height: 22px;
    color: var(--blackColor2);
    font-weight: 400;
    list-style: none;
    display: inline-block
}

    .breadcrumb__inner ul li a {
        position: relative;
        padding-right: 26px;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: var(--blackColor2)
    }

        .breadcrumb__inner ul li a:hover {
            color: var(--primaryColor)
        }

        .breadcrumb__inner ul li a:after {
            position: absolute;
            content: "";
            font-family: "icofont";
            top: 0;
            right: 3px
        }

.breadcrumbarea--3 .blogarae__img__2.course__details__img__2 {
    margin-bottom: 0
}

.course__sidebar__wraper {
    border: 1px solid var(--borderColor);
    padding: 40px 25px 33px 20px;
    margin-bottom: 10px
}

@media (min-width:992px) and (max-width:1365px) {
    .course__sidebar__wraper {
        padding: 30px 15px 23px 10px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .course__sidebar__wraper {
        padding: 30px 15px 23px 10px;
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .course__sidebar__wraper {
        padding: 30px 15px 23px 10px;
        margin-bottom: 30px
    }
}

.course__heading h5, .course__heading .h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px
}

.course__input {
    position: relative
}

    .course__input input {
        width: 100%;
        font-weight: 500;
        font-size: 14px;
        line-height: 26px;
        height: 46px;
        padding-left: 13px;
        border: none;
        background: rgba(245,245,245,.71)
    }

    .course__input .search__button {
        position: absolute;
        top: 23%;
        right: 12px
    }

        .course__input .search__button button {
            background: 0 0;
            border: none
        }

            .course__input .search__button button:hover {
                color: var(--secondaryColor)
            }

.course__categories__list ul li {
    display: block
}

    .course__categories__list ul li:last-child a {
        margin: 0
    }

    .course__categories__list ul li a {
        font-weight: 500;
        font-size: 14px;
        line-height: 26px;
        border: 1px solid var(--borderColor);
        width: 100%;
        padding: 8px 13px;
        display: block;
        margin-bottom: 15px
    }

        .course__categories__list ul li a:hover {
            background: var(--primaryColor);
            color: var(--whiteColor)
        }

        .course__categories__list ul li a span {
            float: right
        }

.course__tag__list ul li {
    display: block;
    margin-bottom: 23px
}

    .course__tag__list ul li:last-child {
        margin-bottom: 0
    }

    .course__tag__list ul li a {
        display: flex;
        align-items: center
    }

        .course__tag__list ul li a .course__check__box {
            height: 15px;
            width: 14px;
            border: 1px solid var(--darkdeep6);
            margin-right: 13px
        }

            .course__tag__list ul li a .course__check__box:hover {
                background: var(--primaryColor);
                border: 1px solid var(--borderColor)
            }

            .course__tag__list ul li a .course__check__box.active {
                background: var(--primaryColor);
                border: 1px solid var(--borderColor)
            }

        .course__tag__list ul li a span {
            font-weight: 500;
            font-size: 15px;
            line-height: 26px
        }

            .course__tag__list ul li a span.active {
                color: var(--primaryColor)
            }

.course__skill__list ul li {
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
    display: block
}

    .course__skill__list ul li:last-child {
        margin: 0
    }

.course__text__wraper {
    border: 1px solid var(--borderColor);
    display: flex;
    justify-content: space-between;
    padding: 10px 13px;
    align-items: center;
    margin-bottom: 30px
}

@media (max-width:767px) {
    .course__text__wraper {
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .course__text__wraper .course__text {
        margin-bottom: 20px
    }
}

.course__text__wraper .course__text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--blackColor);
    margin: 0
}

.course__text__wraper .course__icon ul li.short__by__new {
    padding-left: 80px;
    padding-right: 10px
}

@media (min-width:320px) and (max-width:575px) {
    .course__text__wraper .course__icon ul li.short__by__new {
        padding-left: 50px
    }
}

.course__text__wraper .course__icon ul li.short__by__new .form-select, .course__text__wraper .course__icon ul li.short__by__new .select2-selection {
    border: none;
    background-color: none;
    appearance: down
}

.course__text__wraper .course__icon ul li a {
    margin-right: 11px
}

    .course__text__wraper .course__icon ul li a.active {
        color: var(--primaryColor)
    }

@media (min-width:768px) and (max-width:991px),(max-width:767px) {
    .with__sidebar__content .gridarea__wraper.gridarea__course__list {
        padding-right: 15px
    }
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__img {
    width: 40%
}

@media (min-width:768px) and (max-width:991px),(max-width:767px) {
    .with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content {
    width: 60%;
    padding-left: 30px
}

@media (min-width:768px) and (max-width:991px),(max-width:767px) {
    .with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content {
        width: 100%;
        padding-left: 0
    }
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading h3, .with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading .h3 {
    font-size: 30px;
    line-height: 33px
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__list ul li {
    width: 30%
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading h3, .with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading .h3 {
    font-size: 26px;
    line-height: 30px
}

.course__button__wraper {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    justify-content: space-between
}

.course__button a {
    height: 26px;
    width: 114px;
    background: var(--primaryColor);
    color: var(--whiteColor);
    display: inline-block;
    text-align: center;
    line-height: 23px;
    font-weight: 600;
    font-size: 14px;
    margin-right: 20px;
    border-radius: var(--borderRadius);
    border: 1px solid var(--primaryColor)
}

    .course__button a:hover {
        background-color: var(--whiteColor);
        color: var(--primaryColor);
        border: 1px solid var(--primaryColor)
    }

    .course__button a.course__2 {
        background: var(--indigo);
        border: 1px solid var(--indigo)
    }

        .course__button a.course__2:hover {
            background-color: var(--whiteColor);
            color: var(--indigo);
            border: 1px solid var(--indigo)
        }

.course__date p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin: 0
}

    .course__date p span {
        color: var(--blackColor)
    }

.course__details__heading h1, .course__details__heading .h1, .course__details__heading h3, .course__details__heading .h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 58px;
    color: var(--blackColor)
}

@media (max-width:767px) {
    .course__details__heading h1, .course__details__heading .h1, .course__details__heading h3, .course__details__heading .h3 {
        font-size: 26px;
        line-height: 32px
    }
}

.course__details__price {
    margin-bottom: 30px
}

    .course__details__price ul li {
        margin-right: 20px
    }

        .course__details__price ul li .course__price {
            font-weight: 500;
            font-size: 21px;
            line-height: 25px;
            color: var(--primaryColor)
        }

            .course__details__price ul li .course__price del {
                font-weight: 500;
                font-size: 13px;
                line-height: 16px;
                color: var(--lightGrey4)
            }

        .course__details__price ul li .course__details__date {
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: var(--blackColor)
        }

            .course__details__price ul li .course__details__date i {
                color: var(--primaryColor)
            }

        .course__details__price ul li .course__star i {
            font-weight: 400;
            font-size: 15px;
            line-height: 15px;
            color: var(--yellow)
        }

        .course__details__price ul li .course__star span {
            color: var(--blackColor)
        }

.course__details__paragraph {
    margin-bottom: 30px
}

    .course__details__paragraph p {
        font-weight: 400;
        font-size: 18px;
        line-height: 30px
    }

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

.course__details__wraper {
    background: var(--darkdeep3);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px
}

    .course__details__wraper ul {
        width: 50%;
        border-right: 2px solid var(--borderColor);
        padding: 55px 70px 55px 50px
    }

@media (min-width:992px) and (max-width:1365px) {
    .course__details__wraper ul {
        padding: 35px 30px
    }
}

@media (max-width:767px) {
    .course__details__wraper ul {
        padding: 10px;
        width: 100%
    }
}

.course__details__wraper ul:last-child {
    border: none
}

.course__details__wraper ul li {
    color: var(--contentColor2);
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

    .course__details__wraper ul li:last-child {
        margin-bottom: 0
    }

    .course__details__wraper ul li span {
        color: var(--deepgreen);
        font-weight: 500
    }

@media (min-width:992px) and (max-width:1365px) {
    .course__details__wraper ul li span {
        font-size: 14px
    }
}

.course__details__tab__wrapper {
    margin-bottom: 40px
}

.content__cirriculum__wrap .accordion-button {
    font-size: 20px;
    color: var(--headingColor);
    font-weight: 500;
    box-shadow: none
}

.content__cirriculum__wrap .accordion-body {
    padding: 10px 30px
}

@media (max-width:767px) {
    .content__cirriculum__wrap .accordion-body {
        padding: 10px
    }
}

.content__cirriculum__wrap .accordion-button:focus {
    box-shadow: none
}

@media (max-width:767px) {
    .content__cirriculum__wrap .accordion-button {
        font-size: 16px
    }
}

.scc__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--borderColor);
    padding: 15px 0;
    flex-wrap: wrap
}

    .scc__wrap:last-child {
        border-bottom: none
    }

.scc__info {
    display: flex;
    align-items: center
}

    .scc__info h5, .scc__info .h5 {
        margin: 0;
        font-size: 16px;
        font-weight: 300
    }

    .scc__info i {
        margin-right: 10px;
        font-size: 16px
    }

    .scc__info h5 span, .scc__info .h5 span {
        font-weight: 500
    }

.scc__wrap .question {
    display: inline-block;
    height: 24px;
    line-height: 23px;
    color: var(--whiteColor);
    padding: 0 10px;
    border-radius: var(--borderRadius);
    background: var(--primaryColor);
    margin-left: 20px
}

.scc__meta {
    font-size: 14px
}

.content__cirriculum__wrap .accordion-item {
    margin-bottom: 25px;
    border: 1px solid var(--borderColor)
}

.course__tap__wrap {
    margin-bottom: 30px
}

    .course__tap__wrap li {
        border-right: 2px solid var(--borderColor)
    }

        .course__tap__wrap li:last-child {
            border: none
        }

        .course__tap__wrap li:hover button {
            background: var(--primaryColor);
            color: var(--whiteColor)
        }

        .course__tap__wrap li button {
            padding: 15px 45px;
            border: none;
            background: var(--whiteColor);
            color: var(--blackColor);
            box-shadow: 0 0 50px 10px rgba(95,45,237,.1)
        }

@media (min-width:992px) and (max-width:1365px) {
    .course__tap__wrap li button {
        padding: 12px 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .course__tap__wrap li button {
        padding: 15px 25px
    }
}

@media (max-width:767px) {
    .course__tap__wrap li button {
        padding: 10px
    }
}

.course__tap__wrap li button i {
    margin-right: 8px
}

.course__tap__wrap li button.active {
    background: var(--primaryColor);
    color: var(--whiteColor)
}

.experence__heading h5, .experence__heading .h5 {
    font-weight: 700;
    font-size: 26px;
    line-height: 56px;
    color: var(--blackColor)
}

@media (max-width:767px) {
    .experence__heading h5, .experence__heading .h5 {
        font-size: 20px;
        line-height: 30px
    }
}

.experence__description {
    margin-bottom: 20px
}

    .experence__description ul {
        list-style-type: none;
        padding: 0
    }

        .experence__description ul li {
            font-weight: 400;
            line-height: 30px;
            font-size: 18px;
            color: var(--darkdeep4);
            margin-bottom: .3rem;
            padding-left: 40px
        }

            .experence__description ul li:before {
                content: "";
                font-family: IcoFont !important;
                width: 31px;
                height: 33px;
                line-height: 31px;
                text-align: center;
                background: rgba(95,45,237,.04);
                color: var(--primaryColor);
                transition: var(--transition);
                display: inline-block;
                margin-right: 9px;
                margin-left: -40px;
                speak: none;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                white-space: nowrap;
                word-wrap: normal;
                direction: ltr;
                -webkit-font-feature-settings: "liga";
                -webkit-font-smoothing: antialiased
            }

            .experence__description ul li:hover:before {
                color: var(--whiteColor);
                background: var(--primaryColor)
            }

    .experence__description p {
        font-weight: 400;
        line-height: 30px;
        font-size: 18px;
        color: var(--darkdeep4);
        margin-bottom: 20px
    }

@media (min-width:992px) and (max-width:1365px) {
    .experence__description p {
        font-size: 14px;
        line-height: 27px
    }
}

@media (max-width:767px) {
    .experence__description p {
        font-size: 14px;
        line-height: 27px
    }
}

.course__list__wraper .blog__details__list__2 {
    margin-bottom: 20px
}

.course__details__populer__list li {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

    .course__details__populer__list li .course__details__populer__content {
        margin-left: 20px
    }

        .course__details__populer__list li .course__details__populer__content span {
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: var(--primaryColor)
        }

        .course__details__populer__list li .course__details__populer__content h6, .course__details__populer__list li .course__details__populer__content .h6 {
            margin: 0;
            font-weight: 600;
            font-size: 16px;
            line-height: 22px
        }

            .course__details__populer__list li .course__details__populer__content h6 a, .course__details__populer__list li .course__details__populer__content .h6 a {
                color: var(--blackColor)
            }

                .course__details__populer__list li .course__details__populer__content h6 a:hover, .course__details__populer__list li .course__details__populer__content .h6 a:hover {
                    color: var(--primaryColor)
                }

.review__box {
    background: var(--whiteColor);
    box-shadow: 0px 10px 25px rgba(0,0,0,.07);
    border-radius: 5px;
    text-align: center;
    min-width: 200px;
    padding: 29px 10px
}

    .review__box .review__number {
        font-weight: 800;
        font-size: 72px;
        line-height: 90px;
        color: var(--blackColor)
    }

    .review__box .review__icon i {
        color: var(--secondaryColor)
    }

    .review__box span {
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        color: var(--blackColor)
    }

.grw-btns {
    transform: rotate(180deg)
}

.review__wrapper .single__progress__bar {
    position: relative
}

    .review__wrapper .single__progress__bar .rating__text {
        display: inline-block;
        position: relative;
        top: 19px
    }

        .review__wrapper .single__progress__bar .rating__text i {
            color: var(--secondaryColor)
        }

    .review__wrapper .single__progress__bar .progress {
        max-width: 85%;
        margin-left: 38px;
        height: 10px;
        background: var(--borderColor)
    }

@media (max-width:767px) {
    .review__wrapper .single__progress__bar .progress {
        margin-right: 25px
    }
}

.review__wrapper .single__progress__bar .progress .progress-bar {
    background-color: var(--secondaryColor)
}

.review__wrapper .single__progress__bar span {
    position: absolute;
    right: 0;
    top: 50%
}

.property__comment .property__comment__list {
    list-style: none;
    border-top: 1px solid var(--borderColor2);
    padding-top: 35px;
    position: relative;
    margin-top: 35px
}

    .property__comment .property__comment__list:first-child {
        margin-top: 0
    }

    .property__comment .property__comment__list .property__comment__img {
        max-width: 100px;
        margin-right: 30px;
        float: left
    }

        .property__comment .property__comment__list .property__comment__img img {
            width: 100%;
            border-radius: 100%
        }

    .property__comment .property__comment__list .property__comment__comment h6, .property__comment .property__comment__list .property__comment__comment .h6 {
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: 600
    }

        .property__comment .property__comment__list .property__comment__comment h6 a, .property__comment .property__comment__list .property__comment__comment .h6 a {
            color: var(--headingColor)
        }

            .property__comment .property__comment__list .property__comment__comment h6 a:hover, .property__comment .property__comment__list .property__comment__comment .h6 a:hover {
                color: var(--secondaryColor)
            }

    .property__comment .property__comment__list .property__comment__comment .property__sidebar__icon ul li i {
        color: var(--secondaryColor)
    }

    .property__comment .property__comment__list .property__comment__comment p {
        font-size: 14px;
        margin: 0
    }

    .property__comment .property__comment__list .property__comment__comment span {
        position: absolute;
        padding: 0 25px 0;
        border: 2px solid var(--borderColor2);
        display: inline-block;
        border-radius: 25px;
        font-size: 14px;
        font-weight: 700;
        height: 40px;
        line-height: 36px;
        top: 27px;
        right: 0;
        transition: .3s
    }

@media (min-width:320px) and (max-width:575px) {
    .property__comment .property__comment__list .property__comment__comment span {
        top: 172px
    }
}

.property__comment .property__comment__list .property__comment__comment span:hover {
    border-color: var(--secondaryColor)
}

.add__a__review__wrapper {
    padding: 50px;
    background-color: var(--lightGrey12);
    margin-bottom: 50px
}

@media (max-width:767px) {
    .add__a__review__wrapper {
        padding: 20px
    }
}

.add__a__review__wrapper h4, .add__a__review__wrapper .h4 {
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px
}

.add__a__review__wrapper .add__a__review {
    margin-bottom: 30px;
    display: flex;
    align-items: center
}

    .add__a__review__wrapper .add__a__review h6, .add__a__review__wrapper .add__a__review .h6 {
        margin: 0;
        margin-right: 15px
    }

    .add__a__review__wrapper .add__a__review .property__sidebar__icon ul li i {
        color: var(--secondaryColor)
    }

        .add__a__review__wrapper .add__a__review .property__sidebar__icon ul li i:hover {
            color: var(--primaryColor)
        }

.add__a__review__wrapper .add__a__review__input {
    margin-bottom: 30px
}

    .add__a__review__wrapper .add__a__review__input input {
        padding: 15px 20px;
        min-height: 65px;
        width: 100%;
        border: 2px solid var(--whiteColor);
        font-size: 15px
    }

    .add__a__review__wrapper .add__a__review__input textarea {
        padding: 15px 20px;
        min-height: 150px;
        width: 100%;
        border: 2px solid var(--whiteColor);
        font-size: 15px;
        position: relative
    }

.add__a__review__wrapper .add__a__review__button {
    margin-top: 30px
}

.property__facts__feature.property__facts__feature__2 {
    margin-top: 60px;
    margin-bottom: 40px
}

.property__facts__feature h4, .property__facts__feature .h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    border-left: 2px solid var(--secondaryColor);
    padding-left: 10px
}

.property__facts__feature .single__grid__details__icon {
    margin-bottom: 25px
}

    .property__facts__feature .single__grid__details__icon li {
        width: 33.33%
    }

.property__facts__feature p {
    margin: 24px 0;
    font-size: 16px
}

.event__details__icon i {
    font-size: 22px
}

.event__details__date a {
    color: var(--contentColor);
    font-weight: 700
}

    .event__details__date a:hover {
        color: var(--secondaryColor)
    }

.course__details__top--2 {
    padding-top: 50px;
    position: relative;
    z-index: 9
}

@media (max-width:767px) {
    .course__details__top--2 {
        text-align: center
    }

        .course__details__top--2 h5, .course__details__top--2 .h5 {
            font-size: 16px;
            font-weight: 400
        }
}

.course__details__sidebar--2 {
    position: relative;
    top: -200px;
    margin-bottom: -200px;
    z-index: 10
}

@media (min-width:768px) and (max-width:991px),(max-width:767px) {
    .course__details__sidebar--2 {
        top: 0;
        margin-bottom: 0;
        z-index: unset
    }
}

.course__details__sidebar--2 .event__details__date {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.course__details__sidebar--2 .event__details__list ul li {
    padding-bottom: 18px;
    margin-bottom: 18px;
    color: var(--blackColor)
}

@media (min-width:992px) and (max-width:1365px) {
    .eventarea {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .eventarea {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media (max-width:767px) {
    .eventarea {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.eventlistarea .container {
    position: relative
}

@media (min-width:992px) and (max-width:1365px) {
    .eventlistarea {
        padding-top: 50px;
        padding-bottom: 80px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .eventlistarea {
        padding-top: 60px;
        padding-bottom: 50px
    }
}

@media (max-width:767px) {
    .eventlistarea {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.eventlistarea__bg svg {
    position: absolute;
    left: -135px;
    top: 20%;
    animation: 3s linear 0s infinite alternate none running dot-anim-2
}

.eventarea__wraper {
    align-items: center
}

.eventarea__section__title {
    max-width: 70%
}

@media (min-width:768px) and (max-width:991px) {
    .eventarea__section__title {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .eventarea__section__title {
        max-width: 100%
    }
}

.eventarea__content p {
    position: relative;
    margin-bottom: 0
}

    .eventarea__content p:before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background: var(--darkdeep7);
        left: -30px
    }

.single__event__wraper {
    padding: 20px;
    box-shadow: 0px 30px 40px 0px rgba(1,11,60,.06);
    display: flex;
    background: var(--whiteColor);
    margin-bottom: 24px;
    transition: var(--transition);
    border-radius: var(--borderRadius)
}

    .single__event__wraper:last-child {
        margin-bottom: 0
    }

@media (min-width:768px) and (max-width:991px) {
    .single__event__wraper {
        padding: 20px
    }
}

@media (max-width:767px) {
    .single__event__wraper {
        padding: 15px;
        flex-wrap: wrap
    }
}

.single__event__wraper:hover {
    background: var(--primaryColor)
}

    .single__event__wraper:hover .eventarea__content__wraper .eventarea__list ul li {
        color: var(--whiteColor)
    }

        .single__event__wraper:hover .eventarea__content__wraper .eventarea__list ul li i {
            color: var(--whiteColor)
        }

        .single__event__wraper:hover .eventarea__content__wraper .eventarea__list ul li a {
            color: var(--whiteColor)
        }

            .single__event__wraper:hover .eventarea__content__wraper .eventarea__list ul li a:hover {
                color: var(--secondaryColor)
            }

    .single__event__wraper:hover .eventarea__content__wraper .single__event__heading h4 a, .single__event__wraper:hover .eventarea__content__wraper .single__event__heading .h4 a {
        color: var(--whiteColor)
    }

        .single__event__wraper:hover .eventarea__content__wraper .single__event__heading h4 a:hover, .single__event__wraper:hover .eventarea__content__wraper .single__event__heading .h4 a:hover {
            color: var(--secondaryColor)
        }

    .single__event__wraper:hover .eventarea__content__wraper .single__event__button a {
        color: var(--whiteColor)
    }

        .single__event__wraper:hover .eventarea__content__wraper .single__event__button a:hover {
            color: var(--secondaryColor)
        }

.single__event__wraper.single__event__wraper__2 {
    justify-content: space-between;
    padding-left: 45px
}

@media (max-width:767px) {
    .single__event__wraper.single__event__wraper__2 {
        padding-left: 15px
    }
}

.single__event__wraper.single__event__wraper__2 .eventarea__img {
    margin-right: 0;
    margin-left: 45px
}

@media (min-width:768px) and (max-width:991px) {
    .single__event__wraper.single__event__wraper__2 .eventarea__img {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .single__event__wraper.single__event__wraper__2 .eventarea__img {
        margin-left: 0;
        width: 100%
    }
}

.single__event__wraper.single__award {
    padding: 15px;
    margin-bottom: 30px
}

    .single__event__wraper.single__award .eventarea__content__wraper {
        padding: 0
    }

.single__event__wraper .eventarea__img {
    margin-right: 40px;
    text-align: center
}

@media (min-width:768px) and (max-width:991px) {
    .single__event__wraper .eventarea__img {
        margin-right: 30px
    }
}

@media (max-width:767px) {
    .single__event__wraper .eventarea__img {
        margin-right: 0;
        width: 100%
    }
}

.single__event__wraper .eventarea__content__wraper {
    padding: 18px 0
}

    .single__event__wraper .eventarea__content__wraper .eventarea__list {
        margin-bottom: 10px
    }

        .single__event__wraper .eventarea__content__wraper .eventarea__list ul li {
            font-size: 14px;
            margin-right: 18px;
            color: var(--blackColor)
        }

            .single__event__wraper .eventarea__content__wraper .eventarea__list ul li i {
                color: var(--primaryColor);
                margin-right: 4px
            }

            .single__event__wraper .eventarea__content__wraper .eventarea__list ul li span {
                color: var(--primaryColor)
            }

            .single__event__wraper .eventarea__content__wraper .eventarea__list ul li a {
                color: var(--primaryColor)
            }

    .single__event__wraper .eventarea__content__wraper .single__event__heading {
        margin-bottom: 15px
    }

        .single__event__wraper .eventarea__content__wraper .single__event__heading h4, .single__event__wraper .eventarea__content__wraper .single__event__heading .h4 {
            font-size: 24px;
            font-weight: 600;
            margin-right: 40px
        }

@media (min-width:768px) and (max-width:991px) {
    .single__event__wraper .eventarea__content__wraper .single__event__heading h4, .single__event__wraper .eventarea__content__wraper .single__event__heading .h4 {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .single__event__wraper .eventarea__content__wraper .single__event__heading h4, .single__event__wraper .eventarea__content__wraper .single__event__heading .h4 {
        font-size: 15px
    }
}

.single__event__wraper .eventarea__content__wraper .single__event__button a {
    color: var(--blackColor);
    font-size: 16px
}

@media (min-width:768px) and (max-width:991px) {
    .single__event__wraper .eventarea__content__wraper .single__event__button a {
        font-size: 14px
    }
}

.single__event__wraper .eventarea__content__wraper .single__event__button a:hover {
    color: var(--primaryColor)
}

.single__event__wraper .eventarea__content__wraper .single__event__button a i {
    position: relative;
    top: 1px
}

.tab__button__wrap {
    margin-bottom: 43px
}

@media (max-width:767px) {
    .tab__button__wrap {
        margin-top: 30px
    }
}

.tab__button__wrap li {
    transition: var(--transition)
}

    .tab__button__wrap li.nav-item {
        width: 20%;
        padding-right: 10px
    }

@media (max-width:767px) {
    .tab__button__wrap li.nav-item {
        width: 50%
    }
}

.tab__button__wrap li.nav-item:last-child {
    padding-right: 0
}

.tab__button__wrap li button {
    border: none;
    padding: 18px 0;
    background: var(--lightGrey7);
    margin-right: 11px;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--headingFont);
    color: var(--blackColor);
    width: 100%;
    border-radius: var(--borderRadius);
    position: relative;
    transition: var(--transition)
}

@media (min-width:768px) and (max-width:991px) {
    .tab__button__wrap li button {
        padding: 7px 0;
        font-size: 18px
    }
}

@media (max-width:767px) {
    .tab__button__wrap li button {
        font-size: 18px;
        padding: 7px 0;
        margin-bottom: 10px
    }
}

.tab__button__wrap li button:hover {
    box-shadow: 0px 4px 4px rgba(0,0,0,.05);
    background: var(--whiteColor)
}

    .tab__button__wrap li button:hover:after {
        width: 100%
    }

.tab__button__wrap li button:after {
    position: absolute;
    content: "";
    height: 4px;
    width: 0;
    background: var(--primaryColor);
    top: 0;
    left: 0;
    transition: var(--transition);
    border-radius: 0 0 2px 2px
}

.tab__button__wrap li button:hover {
    color: var(--primaryColor)
}

.tab__button__wrap li button.active {
    box-shadow: 0px 4px 4px rgba(0,0,0,.05);
    background: var(--whiteColor)
}

    .tab__button__wrap li button.active:after {
        width: 100%
    }

@media (min-width:992px) and (max-width:1365px) {
    .pricingarea {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .pricingarea {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media (max-width:767px) {
    .pricingarea {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.pricingarea__content__wraper {
    padding: 50px 40px 40px;
    background: var(--lightGrey10);
    transition: var(--transition);
    border-radius: var(--borderRadius3)
}

@media (min-width:768px) and (max-width:991px) {
    .pricingarea__content__wraper {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .pricingarea__content__wraper {
        margin-bottom: 30px
    }
}

.pricingarea__content__wraper:hover {
    background: var(--whiteColor);
    box-shadow: 0px 4px 49px rgba(0,0,0,.05)
}

.pricingarea__content__wraper .pricingarea__heading {
    margin-bottom: 55px
}

    .pricingarea__content__wraper .pricingarea__heading h6, .pricingarea__content__wraper .pricingarea__heading .h6 {
        font-weight: 600;
        font-size: 28px;
        line-height: 45px;
        color: var(--blackColor)
    }

    .pricingarea__content__wraper .pricingarea__heading .pricingarea__number {
        align-items: center
    }

        .pricingarea__content__wraper .pricingarea__heading .pricingarea__number h1, .pricingarea__content__wraper .pricingarea__heading .pricingarea__number .h1 {
            font-weight: 500;
            font-size: 48px;
            color: var(--blackColor)
        }

            .pricingarea__content__wraper .pricingarea__heading .pricingarea__number h1 .price__currency, .pricingarea__content__wraper .pricingarea__heading .pricingarea__number .h1 .price__currency {
                font-size: 58px;
                padding-right: 3px
            }

            .pricingarea__content__wraper .pricingarea__heading .pricingarea__number h1 .price__durition, .pricingarea__content__wraper .pricingarea__heading .pricingarea__number .h1 .price__durition {
                font-weight: 500;
                font-size: 22px;
                line-height: 35px;
                color: var(--contentColor2);
                padding-left: 3px
            }

    .pricingarea__content__wraper .pricingarea__heading p {
        line-height: 19px;
        color: var(--blackColor);
        font-weight: 400;
        margin-bottom: 0
    }

.pricingarea__content__wraper .pricingarea__list ul li {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--deepblue);
    margin-bottom: 30px
}

    .pricingarea__content__wraper .pricingarea__list ul li i {
        height: 20px;
        width: 20px;
        line-height: 21px;
        text-align: center;
        border-radius: 50px;
        background: var(--secondaryColor);
        color: var(--whiteColor);
        margin-right: 15px;
        font-size: 12px;
        display: inline-block
    }

        .pricingarea__content__wraper .pricingarea__list ul li i.close__button {
            background: var(--lightGrey6)
        }

        .pricingarea__content__wraper .pricingarea__list ul li i.dark__color__2 {
            background: var(--lightGrey6)
        }

.pricingarea__content__wraper .pricingarea__plan__type {
    position: relative
}

    .pricingarea__content__wraper .pricingarea__plan__type img {
        position: absolute;
        top: -30px;
        right: 0;
        max-width: 70%
    }

.pricingarea__content__wraper .pricingarea__button {
    margin-bottom: 25px
}

    .pricingarea__content__wraper .pricingarea__button a {
        width: 100%
    }

    .pricingarea__content__wraper .pricingarea__button.pricingarea__button__2 a {
        background: var(--secondaryColor);
        border: 1px solid var(--secondaryColor)
    }

        .pricingarea__content__wraper .pricingarea__button.pricingarea__button__2 a:hover {
            background: var(--whiteColor);
            color: var(--secondaryColor);
            border: 1px solid var(--secondaryColor)
        }

.pricingarea__content__wraper .pricingarea__text p {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center
}

.eventarea__details__small__button {
    margin-bottom: 30px
}

    .eventarea__details__small__button a {
        height: 25px;
        width: 98px;
        background: var(--indigo);
        font-weight: 500;
        font-size: 14px;
        line-height: 25px;
        color: var(--whiteColor);
        display: inline-block;
        text-align: center;
        border-radius: var(--borderRadius)
    }

.event__details__heading h3, .event__details__heading .h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 54px
}

@media (max-width:767px) {
    .event__details__heading h3, .event__details__heading .h3 {
        font-size: 30px;
        line-height: 44px
    }
}

.eventarea__details__list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

    .eventarea__details__list ul li {
        margin-right: 76px
    }

@media (max-width:767px) {
    .eventarea__details__list ul li {
        margin-right: 26px
    }
}

.eventarea__details__list ul li .event__details__small__img {
    display: flex;
    align-items: center
}

.event__details__text span {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: var(--blackColor)
}

@media (min-width:768px) and (max-width:991px) {
    .event__details__text span {
        font-size: 11px
    }
}

.event__details__text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) and (max-width:991px) {
    .event__details__text p {
        font-size: 12px
    }
}

.event__details__inner {
    margin-top: 35px
}

@media (min-width:768px) and (max-width:991px) {
    .event__details__inner {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .event__details__inner {
        margin-bottom: 30px
    }
}

.event__details__inner .event__details__img__2 {
    margin-bottom: 35px
}

    .event__details__inner .event__details__img__2 img {
        width: 100%
    }

.event__details__inner .event__details__content {
    margin-bottom: 20px
}

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

    .event__details__inner .event__details__content p {
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        color: var(--darkdeep4)
    }

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

.event__details__list__2 ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

    .event__details__list__2 ul li i {
        color: var(--primaryColor);
        margin-right: 3px
    }

    .event__details__list__2 ul li p {
        margin: 0
    }

.event__sidebar__wraper {
    background: var(--whiteColor);
    box-shadow: 0px 5px 20px rgba(94,122,193,.14);
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 30px
}

    .event__sidebar__wraper .event__price__wraper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 50px
    }

        .event__sidebar__wraper .event__price__wraper .event__price {
            font-weight: 700;
            font-size: 21px;
            line-height: 25px;
            color: var(--primaryColor)
        }

            .event__sidebar__wraper .event__price__wraper .event__price del {
                font-weight: 600;
                font-size: 14px;
                line-height: 17px;
                color: var(--lightGrey4)
            }

        .event__sidebar__wraper .event__price__wraper .event__Price__button a {
            width: 81px;
            height: 27px;
            display: inline-block;
            background: var(--whitegrey1);
            color: var(--secondaryColor2);
            font-weight: 600;
            font-size: 14px;
            line-height: 27px;
            text-align: center
        }

.event__details__list ul {
    margin: 0;
    padding: 0
}

    .event__details__list ul li {
        display: flex;
        align-items: center;
        padding-bottom: 20px;
        margin-bottom: 25px;
        border-bottom: 1px solid var(--borderColor)
    }

        .event__details__list ul li .event__details__icon {
            margin-right: 10px
        }

.event__details__date p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

    .event__details__date p span {
        color: var(--blackColor);
        margin-right: 7px
    }

.event__details__button a {
    padding: 10px 56px
}

@media (min-width:992px) and (max-width:1365px) {
    .event__details__button a {
        padding: 10px 48px;
        font-size: 14px
    }
}

.event__details__sidebar__heading h6, .event__details__sidebar__heading .h6 {
    font-weight: 700;
    font-size: 21px;
    line-height: 25px;
    color: var(--blackColor)
}

.event__details__img__2 {
    margin-top: 25px;
    margin-bottom: 30px
}

.event__thomas {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
    color: var(--contentColor)
}

.event__details__share {
    display: flex;
    align-items: center;
    margin-top: 20px
}

    .event__details__share span {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin-right: 7px;
        color: var(--contentColor)
    }

    .event__details__share .event__details__share__list ul li {
        margin-right: 11px
    }

@media (min-width:992px) and (max-width:1365px) {
    .event__details__share .event__details__share__list ul li {
        margin-right: 9px
    }
}

.event__details__share .event__details__share__list ul li a {
    width: 40px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    text-align: center;
    background: var(--whitegrey2);
    border-radius: 3px;
    font-weight: 400;
    font-size: 16px;
    color: var(--skycolor)
}

    .event__details__share .event__details__share__list ul li a:hover {
        color: var(--whiteColor);
        background: var(--primaryColor)
    }

    .event__details__share .event__details__share__list ul li a.sky__color {
        background-color: var(--whitegrey2);
        color: var(--skycolor)
    }

        .event__details__share .event__details__share__list ul li a.sky__color:hover {
            color: var(--whiteColor);
            background: var(--primaryColor)
        }

    .event__details__share .event__details__share__list ul li a.deep__red {
        background-color: var(--whitegrey1);
        color: var(--deepred)
    }

        .event__details__share .event__details__share__list ul li a.deep__red:hover {
            color: var(--whiteColor);
            background: var(--primaryColor)
        }

.single__blog__wraper {
    box-shadow: 0 0 50px 10px rgba(95,45,237,.1)
}

.blogarea__content__wraper {
    box-shadow: 0px 3px 40px rgba(14,37,49,.078);
    border-radius: var(--borderRadius);
    margin-bottom: 30px
}

    .blogarea__content__wraper:hover .blogarea__img img {
        transform: scale(1.05)
    }

    .blogarea__content__wraper .blogarea__img {
        position: relative;
        overflow: hidden
    }

        .blogarea__content__wraper .blogarea__img img {
            width: 100%
        }

        .blogarea__content__wraper .blogarea__img .blogarea__date {
            position: absolute;
            top: 20px;
            left: 20px;
            background: var(--primaryColor);
            display: inline-block;
            text-align: center;
            font-weight: 600;
            line-height: 36px;
            color: var(--whiteColor);
            border-radius: var(--borderRadius);
            font-family: var(--contentFont);
            font-size: 30px;
            padding: 8px 24px
        }

@media (max-width:767px) {
    .blogarea__content__wraper .blogarea__img .blogarea__date {
        line-height: 20px;
        font-size: 16px;
        padding: 5px 15px
    }
}

.blogarea__content__wraper .blogarea__img .blogarea__date.small__date {
    line-height: 30px;
    font-size: 24px;
    padding: 7px 22px
}

@media (max-width:767px) {
    .blogarea__content__wraper .blogarea__img .blogarea__date.small__date {
        line-height: 20px;
        font-size: 16px;
        padding: 5px 15px
    }
}

.blogarea__content__wraper .blogarea__img .blogarea__date span {
    display: block
}

.blogarea__content__wraper .blogarea__text__wraper {
    padding: 40px 35px 35px
}

@media (max-width:767px) {
    .blogarea__content__wraper .blogarea__text__wraper {
        padding: 20px
    }
}

.blogarea__content__wraper .blogarea__text__wraper.blogarea__text__wraper__2 {
    padding: 25px 20px
}

    .blogarea__content__wraper .blogarea__text__wraper.blogarea__text__wraper__2 h3, .blogarea__content__wraper .blogarea__text__wraper.blogarea__text__wraper__2 .h3 {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 0
    }

@media (max-width:767px) {
    .blogarea__content__wraper .blogarea__text__wraper.blogarea__text__wraper__2 h3, .blogarea__content__wraper .blogarea__text__wraper.blogarea__text__wraper__2 .h3 {
        font-size: 24px;
        line-height: 30px
    }
}

.blogarea__content__wraper .blogarea__text__wraper h3, .blogarea__content__wraper .blogarea__text__wraper .h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 53px
}

@media (max-width:767px) {
    .blogarea__content__wraper .blogarea__text__wraper h3, .blogarea__content__wraper .blogarea__text__wraper .h3 {
        font-size: 24px;
        line-height: 30px
    }
}

.blogarea__content__wraper .blogarea__text__wraper h3 a, .blogarea__content__wraper .blogarea__text__wraper .h3 a {
    color: var(--blackColor)
}

    .blogarea__content__wraper .blogarea__text__wraper h3 a:hover, .blogarea__content__wraper .blogarea__text__wraper .h3 a:hover {
        color: var(--primaryColor)
    }

.blogarea__content__wraper .blogarea__text__wraper .blogarea__para p {
    line-height: 29px
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px
}

    .blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person {
        display: flex;
        align-items: center
    }

        .blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person .blogarea__img {
            width: 44px;
            height: 44px;
            margin-right: 12px
        }

            .blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person .blogarea__img img {
                width: 100%
            }

        .blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person .blogarea__name {
            font-weight: 400;
            font-size: 18px;
            line-height: 29px;
            color: var(--blackColor)
        }

@media (max-width:767px) {
    .blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person .blogarea__name {
        font-size: 13px;
        line-height: 21px
    }
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person .blogarea__name span {
    color: var(--darkdeep5)
}

@media (max-width:767px) {
    .blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__list ul li {
        margin-bottom: 3px
    }
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__list ul li a {
    height: 41px;
    width: 41px;
    line-height: 41px;
    border: 1px solid var(--borderColor);
    border-radius: var(--transition);
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: var(--darkdeep4);
    border-radius: var(--borderRadius)
}

@media (max-width:767px) {
    .blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__list ul li a {
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 12px
    }
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__list ul li a:hover {
    color: var(--primaryColor)
}

.single__blog__img {
    position: relative
}

    .single__blog__img img {
        width: 100%
    }

.single__blog__button {
    position: absolute;
    bottom: 30px;
    left: 30px
}

    .single__blog__button a {
        padding: 10px 48px;
        background: var(--blackColor2);
        border: 1px solid var(--blackColor2);
        border-radius: 114px;
        font-size: 15px;
        line-height: 18px
    }

        .single__blog__button a:hover {
            border: 1px solid var(--blackColor2);
            color: var(--blackColor2)
        }

.single__blog__content {
    padding: 40px 20px 40px 30px
}

@media (min-width:992px) and (max-width:1365px) {
    .single__blog__content {
        padding: 30px 10px 40px 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .single__blog__content {
        padding: 20px 10px
    }
}

.single__blog__content p {
    font-weight: 700;
    line-height: 18px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--primaryColor)
}

.single__blog__content h4 a, .single__blog__content .h4 a {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: var(--blackColor2)
}

@media (min-width:992px) and (max-width:1365px) {
    .single__blog__content h4 a, .single__blog__content .h4 a {
        font-size: 20px;
        line-height: 27px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .single__blog__content h4 a, .single__blog__content .h4 a {
        font-size: 20px;
        line-height: 23px
    }
}

.single__blog__content h4 a:hover, .single__blog__content .h4 a:hover {
    color: var(--primaryColor)
}

.single__blog__content .single__blog__bottom__button a {
    font-weight: 500;
    line-height: 19px;
    color: var(--blackColor2);
    text-transform: uppercase
}

    .single__blog__content .single__blog__bottom__button a:hover {
        color: var(--primaryColor)
    }

.blogarea__bottom__button {
    text-align: center;
    margin-top: 50px
}

    .blogarea__bottom__button a {
        padding: 15px 47px
    }

.blog__content__wraper__2 {
    margin-bottom: 35px;
    box-shadow: 0 0 50px 10px rgba(95,45,237,.05)
}

    .blog__content__wraper__2 .blogarea__text__wraper__2 {
        padding: 26px 30px 20px
    }

        .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3, .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 .h3 {
            margin: 0
        }

            .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 a, .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 .h3 a {
                font-weight: 700;
                font-size: 34px;
                line-height: 54px;
                color: var(--blackColor2)
            }

@media (min-width:992px) and (max-width:1365px) {
    .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 a, .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 .h3 a {
        font-size: 28px;
        line-height: 40px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 a, .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 .h3 a {
        font-size: 32px;
        line-height: 40px
    }
}

@media (max-width:767px) {
    .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 a, .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 .h3 a {
        font-size: 24px;
        line-height: 34px
    }
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 a:hover, .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 .h3 a:hover {
    color: var(--primaryColor)
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__list__2 {
    padding-bottom: 19px;
    border-bottom: 1px solid var(--borderColor2);
    margin-bottom: 14px
}

    .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__list__2 ul li {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        margin-right: 12px;
        position: relative
    }

        .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__list__2 ul li:after {
            position: absolute;
            content: "";
            height: 11px;
            width: 1px;
            background: var(--borderColor);
            right: -9px;
            bottom: 3px
        }

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__paragraph {
    margin-bottom: 17px
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__button__2 {
    display: flex;
    justify-content: space-between
}

    .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__button__2 a {
        font-weight: 500;
        line-height: 19px;
        color: var(--primaryColor)
    }

        .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__button__2 a:hover {
            color: var(--secondaryColor)
        }

    .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__button__2 .blogarea__icon__2 i {
        height: 28px;
        width: 32px;
        background: var(--whitegrey1);
        border-radius: 2px;
        display: inline-block;
        text-align: center;
        line-height: 28px;
        transition: var(--transition)
    }

        .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__button__2 .blogarea__icon__2 i:hover {
            background: var(--primaryColor);
            color: var(--whiteColor)
        }

.blogarae__img__2 {
    position: relative
}

    .blogarae__img__2.course__details__img__2 {
        margin-bottom: 20px;
        height: 160px
    }

    .blogarae__img__2 img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 2px
    }

.main__pagination__wrapper {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px
}

    .main__pagination__wrapper ul li {
        margin-right: 10px
    }

        .main__pagination__wrapper ul li a {
            height: 50px;
            width: 50px;
            background: var(--whitegrey1);
            color: var(--blackColor2);
            display: inline-block;
            line-height: 50px;
            text-align: center
        }

            .main__pagination__wrapper ul li a.active {
                background: var(--primaryColor);
                color: var(--whiteColor)
            }

            .main__pagination__wrapper ul li a:hover {
                background: var(--primaryColor);
                color: var(--whiteColor)
            }

            .main__pagination__wrapper ul li a.disable {
                cursor: not-allowed
            }

.blogsidebar__content__wraper__2 {
    padding: 30px 35px 30px 30px;
    border: 1px solid var(--borderColor2);
    box-shadow: 0px 5px 10px rgba(0,0,0,.02);
    margin-bottom: 30px
}

    .blogsidebar__content__wraper__2.tab__instructor {
        border: none;
        box-shadow: 5px 5px 20px 5px rgba(0,0,0,.03)
    }

        .blogsidebar__content__wraper__2.tab__instructor .blogsidebar__content__inner__2 {
            display: flex;
            text-align: left
        }

@media (max-width:767px) {
    .blogsidebar__content__wraper__2.tab__instructor .blogsidebar__content__inner__2 {
        flex-wrap: wrap
    }
}

.blogsidebar__content__wraper__2.tab__instructor .blogsidebar__content__inner__2 .blogsidebar__img__2 {
    margin-right: 20px
}

@media (min-width:992px) and (max-width:1365px) {
    .blogsidebar__content__wraper__2 {
        padding: 20px
    }
}

@media (max-width:767px) {
    .blogsidebar__content__wraper__2 {
        padding: 20px
    }
}

.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 {
    text-align: center
}

    .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__img__2 {
        margin-bottom: 30px
    }

    .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 {
        margin-bottom: 12px
    }

        .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 h5, .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 .h5 {
            font-weight: 700;
            font-size: 20px;
            line-height: 25px;
            color: var(--blackColor2);
            margin: 0;
            margin-bottom: 7px
        }

            .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 h5 a, .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 .h5 a {
                color: var(--blackColor2)
            }

                .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 h5 a:hover, .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 .h5 a:hover {
                    color: var(--primaryColor)
                }

        .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 p {
            font-weight: 400;
            font-size: 12px;
            line-height: 15px;
            color: var(--contentColor2);
            margin: 0
        }

    .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blog__sidebar__text__2 p {
        line-height: 26px;
        font-size: 14px
    }

    .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul li {
        margin-right: 6px
    }

        .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul li a {
            width: 35px;
            height: 35px;
            line-height: 32px;
            display: inline-block;
            border: 1px solid var(--borderColor2);
            border-radius: var(--borderRadius);
            transition: var(--transition);
            text-align: center
        }

            .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul li a:hover {
                background: var(--primaryColor);
                color: var(--whiteColor);
                border: 1px solid var(--primaryColor)
            }

.blogsidebar__content__wraper__2 form .blogsudebar__input__area {
    position: relative
}

    .blogsidebar__content__wraper__2 form .blogsudebar__input__area input {
        width: 100%;
        border: none;
        background: var(--lightGrey10);
        padding: 15px 16px;
        font-size: 14px;
        line-height: 26px;
        color: var(--contentColor)
    }

    .blogsidebar__content__wraper__2 form .blogsudebar__input__area .blogsidebar__input__icon {
        position: absolute;
        position: absolute;
        top: 20%;
        right: 20px;
        border: none;
        background: 0 0;
        color: var(--contentColor)
    }

        .blogsidebar__content__wraper__2 form .blogsudebar__input__area .blogsidebar__input__icon:hover {
            color: var(--primaryColor)
        }

.sidebar__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    padding-left: 8px;
    margin-bottom: 25px
}

    .sidebar__title:before {
        position: absolute;
        content: "";
        width: 2px;
        height: 21px;
        background: var(--primaryColor);
        left: 0;
        bottom: 5px
    }

.blogsidebar__content__wraper__2 .categorie__list li {
    display: block;
    border: 1px solid var(--borderColor2);
    margin-bottom: 16px;
    padding: 8px 16px;
    transition: var(--transition)
}

    .blogsidebar__content__wraper__2 .categorie__list li:hover {
        background: var(--primaryColor)
    }

        .blogsidebar__content__wraper__2 .categorie__list li:hover a {
            color: var(--whiteColor)
        }

    .blogsidebar__content__wraper__2 .categorie__list li a {
        font-weight: 500;
        font-size: 14px;
        line-height: 26px
    }

        .blogsidebar__content__wraper__2 .categorie__list li a span {
            float: right
        }

.blogsidebar__content__wraper__2 .recent__list li {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

    .blogsidebar__content__wraper__2 .recent__list li .recent__img {
        position: relative;
        padding-right: 20px;
        width: 40%
    }

        .blogsidebar__content__wraper__2 .recent__list li .recent__img img {
            width: 100%
        }

        .blogsidebar__content__wraper__2 .recent__list li .recent__img .recent__number {
            position: absolute;
            top: -4px;
            left: 0
        }

            .blogsidebar__content__wraper__2 .recent__list li .recent__img .recent__number span {
                height: 24px;
                width: 23px;
                line-height: 24px;
                color: var(--whiteColor);
                background: var(--primaryColor);
                font-weight: 500;
                font-size: 12px;
                display: inline-block;
                text-align: center
            }

    .blogsidebar__content__wraper__2 .recent__list li .recent__text {
        width: 60%
    }

        .blogsidebar__content__wraper__2 .recent__list li .recent__text .recent__date a {
            font-weight: 500;
            line-height: 15px;
            font-size: 14px
        }

        .blogsidebar__content__wraper__2 .recent__list li .recent__text h6 a, .blogsidebar__content__wraper__2 .recent__list li .recent__text .h6 a {
            font-weight: 700;
            line-height: 22px;
            color: var(--blackColor2)
        }

            .blogsidebar__content__wraper__2 .recent__list li .recent__text h6 a:hover, .blogsidebar__content__wraper__2 .recent__list li .recent__text .h6 a:hover {
                color: var(--primaryColor)
            }

.blogsidebar__content__wraper__2 .photo__gallery__img {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(3,1fr)
}

    .blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img {
        position: relative
    }

        .blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img:before {
            position: absolute;
            content: "";
            height: 100%;
            width: 100%;
            transition: var(--transition)
        }

        .blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img:hover:before {
            background: rgba(0,0,0,.5)
        }

        .blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img:hover .gallery__icon a {
            opacity: 1
        }

        .blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img img {
            width: 100%
        }

        .blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img .gallery__icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

            .blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img .gallery__icon a {
                color: var(--whiteColor);
                opacity: 0
            }

.blogsidebar__content__wraper__2 .get__touch__input input {
    border: none;
    border-bottom: 1px solid var(--borderColor2);
    width: 100%;
    background: 0 0;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: var(--contentColor)
}

.blogsidebar__content__wraper__2 .get__touch__input a {
    padding: 13px 55px
}

.blogsidebar__content__wraper__2 .populer__tag__list ul li {
    margin: 5px
}

    .blogsidebar__content__wraper__2 .populer__tag__list ul li a {
        padding: 3px 19px;
        border: 1px solid var(--borderColor2);
        display: block;
        font-weight: 500;
        font-size: 12px;
        line-height: 30px;
        text-align: center;
        text-transform: uppercase
    }

        .blogsidebar__content__wraper__2 .populer__tag__list ul li a:hover {
            color: var(--whiteColor);
            background: var(--primaryColor)
        }

.blogsidebar__content__wraper__2 .follow__icon ul li {
    margin-right: 14px
}

@media (min-width:992px) and (max-width:1365px) {
    .blogsidebar__content__wraper__2 .follow__icon ul li {
        margin-right: 6px
    }
}

@media (max-width:767px) {
    .blogsidebar__content__wraper__2 .follow__icon ul li {
        margin-right: 6px
    }
}

.blogsidebar__content__wraper__2 .follow__icon ul li a {
    width: 39px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background: var(--whitegrey2);
    color: var(--blackColor2);
    display: inline-block;
    border-radius: var(--borderRadius)
}

    .blogsidebar__content__wraper__2 .follow__icon ul li a:hover {
        color: var(--whiteColor);
        background: var(--primaryColor)
    }

@media (min-width:768px) and (max-width:991px) {
    .blog__details__content__wraper {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .blog__details__content__wraper {
        margin-bottom: 30px
    }
}

.blog__details__content__wraper .blog__details__img {
    margin-bottom: 30px
}

    .blog__details__content__wraper .blog__details__img img {
        width: 100%
    }

.blog__details__content__wraper .blog__details__content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--darkdeep4)
}

    .blog__details__content__wraper .blog__details__content p.content__1 {
        margin-bottom: 25px
    }

    .blog__details__content__wraper .blog__details__content p.content__2 {
        margin-bottom: 20px
    }

    .blog__details__content__wraper .blog__details__content p.content__3 {
        margin-bottom: 20px
    }

    .blog__details__content__wraper .blog__details__content p.content__4 {
        margin-bottom: 30px
    }

    .blog__details__content__wraper .blog__details__content p.content__5 {
        margin-bottom: 35px
    }

    .blog__details__content__wraper .blog__details__content p.content__6 {
        margin-bottom: 30px
    }

    .blog__details__content__wraper .blog__details__content p.content__7 {
        margin-bottom: 30px
    }

    .blog__details__content__wraper .blog__details__content p.content__9 {
        margin-bottom: 30px
    }

.blog__details__content__wraper .blog__details__content .blog__details__heading h5, .blog__details__content__wraper .blog__details__content .blog__details__heading .h5 {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px
}

.blog__details__content__wraper .blog__details__content .blockquate__wraper {
    background: var(--blackColor2);
    padding: 55px 40px 60px 70px;
    position: relative;
    margin-bottom: 43px
}

@media (min-width:320px) and (max-width:575px) {
    .blog__details__content__wraper .blog__details__content .blockquate__wraper {
        padding: 20px
    }
}

.blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content h3, .blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content .h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: var(--whiteColor)
}

@media (min-width:992px) and (max-width:1365px) {
    .blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content h3, .blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content .h3 {
        font-size: 28px;
        line-height: 38px
    }
}

@media (max-width:767px) {
    .blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content h3, .blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content .h3 {
        font-size: 19px;
        line-height: 36px
    }
}

.blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content a {
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    color: var(--whiteColor);
    position: relative;
    padding-left: 60px
}

    .blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content a:before {
        position: absolute;
        content: "";
        height: 2px;
        width: 45px;
        background: var(--whiteColor);
        left: 0;
        top: 40%
    }

.blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__img img {
    position: absolute;
    left: 37%;
    top: 14%
}

@media (max-width:767px) {
    .blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__img img {
        left: 22%;
        top: 22%
    }
}

.blog__details__content__wraper .blog__details__list__2 ul li {
    display: flex;
    margin-bottom: 0
}

    .blog__details__content__wraper .blog__details__list__2 ul li i {
        width: 31px
    }

    .blog__details__content__wraper .blog__details__list__2 ul li p {
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        width: 508px
    }

@media (min-width:992px) and (max-width:1365px) {
    .blog__details__content__wraper .blog__details__list__2 ul li p {
        font-size: 12px;
        line-height: 21px;
        margin-bottom: 7px
    }
}

.blog__details__content__wraper .blog__details__comment {
    border-top: 1px solid var(--borderColor2);
    padding-top: 50px
}

    .blog__details__content__wraper .blog__details__comment .blog__details__comment__heading h5, .blog__details__content__wraper .blog__details__comment .blog__details__comment__heading .h5 {
        font-weight: 700;
        font-size: 24px;
        line-height: 30px
    }

    .blog__details__content__wraper .blog__details__comment .blog__details__comment__inner {
        display: flex
    }

        .blog__details__content__wraper .blog__details__comment .blog__details__comment__inner .author__img {
            margin-right: 30px
        }

        .blog__details__content__wraper .blog__details__comment .blog__details__comment__inner .author__content .author__name h6, .blog__details__content__wraper .blog__details__comment .blog__details__comment__inner .author__content .author__name .h6 {
            font-weight: 600;
            font-size: 18px;
            line-height: 25px;
            margin: 0
        }

        .blog__details__content__wraper .blog__details__comment .blog__details__comment__inner .author__content .author__name p {
            font-weight: 600;
            font-size: 12px;
            line-height: 29px;
            text-transform: uppercase;
            margin: 0;
            margin-bottom: 5px
        }

        .blog__details__content__wraper .blog__details__comment .blog__details__comment__inner .author__content .author__text p {
            font-weight: 400;
            font-size: 14px;
            line-height: 23px
        }

@media (min-width:992px) and (max-width:1365px) {
    .blog__details__img__2 {
        margin-bottom: 30px
    }
}

.blog__details__img__2 img {
    width: 100%
}

@media (max-width:767px) {
    .blog__details__heading__2 {
        margin-top: 20px
    }
}

.blog__details__heading__2 h5, .blog__details__heading__2 .h5 {
    font-weight: 700;
    font-size: 24px;
    line-height: 38px
}

.blog__details__margin {
    margin-bottom: 50px
}

.blog__details__tag {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--borderColor2);
    border-bottom: 1px solid var(--borderColor2);
    padding: 40px 0;
    margin-bottom: 40px
}

@media (max-width:767px) {
    .blog__details__tag {
        flex-wrap: wrap
    }
}

@media (min-width:320px) and (max-width:575px) {
    .blog__details__tag ul.share__list {
        margin-top: 10px
    }
}

.blog__details__tag ul.share__list li a {
    height: 38px;
    width: 41px;
    border-radius: var(--borderRadius)
}

.blog__details__tag ul li {
    margin-right: 5px
}

    .blog__details__tag ul li.heading__tag {
        font-weight: 700;
        font-size: 22px;
        line-height: 30px;
        color: var(--blackColor)
    }

@media (max-width:767px) {
    .blog__details__tag ul li.heading__tag {
        font-size: 18px;
        line-height: 28px
    }
}

.blog__details__tag ul li a {
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    border: 1px solid var(--borderColor2);
    padding: 9px 12px;
    border-radius: var(--borderRadius)
}

@media (max-width:767px) {
    .blog__details__tag ul li a {
        font-size: 11px;
        padding: 5px 8px
    }
}

.blog__details__tag ul li a:hover {
    background: var(--primaryColor);
    color: var(--whiteColor);
    border-color: var(--primaryColor)
}

.blog__details__comment {
    border-top: 1px solid var(--borderColor2);
    padding-top: 50px;
    border-bottom: 1px solid var(--borderColor2);
    padding-bottom: 15px
}

    .blog__details__comment .blog__details__comment__heading {
        margin-bottom: 30px
    }

        .blog__details__comment .blog__details__comment__heading h5, .blog__details__comment .blog__details__comment__heading .h5 {
            font-weight: 700;
            font-size: 24px;
            line-height: 30px
        }

    .blog__details__comment .blog__details__comment__inner {
        display: flex;
        position: relative;
        margin-bottom: 40px
    }

        .blog__details__comment .blog__details__comment__inner.author__padding__left {
            padding-left: 100px
        }

@media (min-width:768px) and (max-width:991px) {
    .blog__details__comment .blog__details__comment__inner.author__padding__left {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .blog__details__comment .blog__details__comment__inner.author__padding__left {
        padding-left: 0
    }
}

.blog__details__comment .blog__details__comment__inner .author__img {
    margin-right: 30px
}

@media (max-width:767px) {
    .blog__details__comment .blog__details__comment__inner .author__img {
        margin-right: 20px
    }
}

.blog__details__comment .blog__details__comment__inner .author__content .author__name h6, .blog__details__comment .blog__details__comment__inner .author__content .author__name .h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    margin: 0
}

    .blog__details__comment .blog__details__comment__inner .author__content .author__name h6 a, .blog__details__comment .blog__details__comment__inner .author__content .author__name .h6 a {
        color: var(--blackColor)
    }

        .blog__details__comment .blog__details__comment__inner .author__content .author__name h6 a:hover, .blog__details__comment .blog__details__comment__inner .author__content .author__name .h6 a:hover {
            color: var(--primaryColor)
        }

.blog__details__comment .blog__details__comment__inner .author__content .author__name p {
    font-weight: 600;
    font-size: 12px;
    line-height: 29px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 5px
}

.blog__details__comment .blog__details__comment__inner .author__content .author__text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 23px
}

.blog__details__comment .author__icon {
    position: absolute;
    right: 0
}

    .blog__details__comment .author__icon button {
        border: none;
        background: 0 0
    }

        .blog__details__comment .author__icon button:hover path {
            fill: var(--primaryColor)
        }

.blog__details__form {
    padding-top: 50px
}

    .blog__details__form .blog__details__input__heading {
        padding-bottom: 30px
    }

        .blog__details__form .blog__details__input__heading h5, .blog__details__form .blog__details__input__heading .h5 {
            font-weight: 600;
            font-size: 26px;
            line-height: 30px
        }

    .blog__details__form .blog__details__input {
        margin-bottom: 10px
    }

        .blog__details__form .blog__details__input input {
            border: 1px solid var(--borderColor2);
            width: 100%;
            margin-bottom: 30px;
            padding-left: 20px;
            height: 60px;
            background: 0 0;
            font-weight: 500;
            font-size: 14px;
            line-height: 26px;
            border-radius: var(--borderRadius);
            color: var(--contentColor)
        }

        .blog__details__form .blog__details__input textarea {
            height: 209px;
            padding-left: 20px;
            width: 100%;
            border: 1px solid var(--borderColor2);
            padding-top: 20px;
            background: 0 0;
            font-weight: 500;
            font-size: 14px;
            line-height: 26px;
            border-radius: var(--borderRadius);
            color: var(--contentColor)
        }

.blog__check__box {
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    padding-left: 150px;
    color: var(--contentColor)
}

@media (min-width:992px) and (max-width:1365px) {
    .blog__check__box {
        padding-left: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .blog__check__box {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .blog__check__box {
        padding-left: 0
    }
}

.blog__details__button {
    text-align: center;
    margin-top: 30px
}

    .blog__details__button a {
        padding: 13px 70px
    }

@media (min-width:992px) and (max-width:1365px) {
    .blogarea__2 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .blogarea__2 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (max-width:767px) {
    .blogarea__2 {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.blogarae__img__2 .registerarea__content .registerarea__video a, .blog__details__img__2 .registerarea__content .registerarea__video a {
    margin-right: 0
}

.aboutarea__list__2 ul li {
    margin-bottom: 22px;
    color: var(--blackColor);
    font-weight: 500;
    display: block
}

@media (min-width:768px) and (max-width:991px) {
    .aboutarea__list__2 ul li {
        margin-bottom: 12px
    }
}

@media (max-width:767px) {
    .aboutarea__list__2 ul li {
        margin-bottom: 8px;
        font-size: 13px
    }
}

.aboutarea__list__2 ul li:hover i {
    color: var(--whiteColor);
    background: var(--primaryColor)
}

.aboutarea__list__2 ul li i {
    width: 31px;
    height: 33px;
    line-height: 31px;
    text-align: center;
    background: rgba(95,45,237,.04);
    color: var(--primaryColor);
    transition: var(--transition);
    display: inline-block;
    margin-right: 15px
}

.navbar .mega-menu-title {
    font-weight: 600;
    text-transform: uppercase;
    color: #145f7b;
    position: relative;
    margin-right: 5px;
    margin-top: 20px
}

    .navbar .mega-menu-title:after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 93%;
        content: "";
        border-bottom: 1px solid #145f7b
    }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    width: 1000px;
    margin: auto;
    float: unset
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu#mega-menu-item-3956 > ul.mega-sub-menu > li.mega-menu-row {
    width: 1000px
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    text-decoration: underline
}

#logo-tagline-wrap {
    max-width: 170px
}

@media (min-width:992px) {
    .navbar-expand-lg .navbar-nav {
        margin-left: 45px
    }
}

.single-cl_courses .course-desc-content ul {
    list-style: none;
    padding: 0;
    padding-left: 30px
}

    .single-cl_courses .course-desc-content ul li:before {
        content: "•";
        color: var(--bs-secondary);
        font-weight: 700;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        font-size: 20px
    }

.single-cl_courses .desc-gray-bg {
    background: #f2f2f2
}

.single-cl_courses .call-me-back-form {
    background-color: var(--bs-primary);
    padding: 20px;
    color: #fff;
    border-radius: .375rem
}

.single-cl_courses .course-enquire {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: .375rem
}

.single-cl_courses .course-inhouse-request {
    background: linear-gradient(rgba(0,52,82,.6) 100%,rgba(0,52,82,.5) 100%),url(/wp-content/themes/courses-listing/css-output/images/single-course/home-about-03.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px;
    color: #fff;
    border-radius: .375rem
}

.course-objectives h5, .course-objectives .h5, .course-attend h5, .course-attend .h5, .course-outline h5, .course-outline .h5, .course-accreditation h5, .course-accreditation .h5 {
    margin: 25px 0 30px
}

    .course-objectives h5:before, .course-objectives .h5:before, .course-attend h5:before, .course-attend .h5:before, .course-outline h5:before, .course-outline .h5:before, .course-accreditation h5:before, .course-accreditation .h5:before {
        content: "";
        width: 30px;
        height: 30px;
        background-image: url(/wp-content/themes/courses-listing/css-output/images/single-course/objectives.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #fff;
        background-size: 60%;
        border-radius: 5px;
        padding: 15px 25px;
        margin: 0 7px 0 0
    }

    .course-attend h5:before, .course-attend .h5:before {
        background-image: url(/wp-content/themes/courses-listing/css-output/images/single-course/who-should-attend.png)
    }

    .course-outline h5:before, .course-outline .h5:before {
        background-image: url(/wp-content/themes/courses-listing/css-output/images/single-course/outline.png);
        background-color: var(--bs-primary)
    }

    .course-accreditation h5:before, .course-accreditation .h5:before {
        background-image: url(/wp-content/themes/courses-listing/css-output/images/single-course/certificate.png);
        background-color: var(--bs-primary)
    }

.course-accreditation .single-accreditation-image {
    border: 1px solid #cbcbcb !important;
    padding: 30px;
    text-align: center
}

@media (max-width:991px) {
    .course-accreditation .single-accreditation-image {
        padding: 5px
    }
}

@media (max-width:767px) {
    .course-accreditation .single-accreditation-image {
        padding: 15px;
        max-width: 50%;
        margin: auto
    }
}

h4.day-title, .day-title.h4 {
    text-align: left;
    font-size: 15px;
    color: #555
}

.outline-module-heading h6, .outline-module-heading .h6 {
    font-size: 1.1rem;
    margin: 10px 0;
    color: var(--bs-secondary)
}

.outline-day-heading h6, .outline-day-heading .h6 {
    margin: 10px 0 5px;
    color: var(--bs-secondary)
}

.course-methodology img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.course-sessions-title {
    color: var(--bs-secondary);
    font-size: 1.1rem
}

.gcl-header-download-buttons {
    visibility: hidden;
    height: 0
}

.write-up-section .nav-tabs .nav-link {
    font-size: .9em
}

@media (min-width:768px) {
    .write-up-section .nav-tabs .nav-link {
        padding: .8em 1em
    }
}

.course-sessions {
    border: 1px solid #707070;
    padding: 15px;
    margin-bottom: 40px
}

    .course-sessions .course-session, .course-sessions .course-session-heading {
        position: relative;
        background-color: #f8f8f8;
        padding: 5px 10px;
        border-bottom: 1px solid #ededed
    }

        .course-sessions .course-session .course-session-url, .course-sessions .course-session-heading .course-session-url {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 1
        }

        .course-sessions .course-session .course-session-venue, .course-sessions .course-session .course-session-date, .course-sessions .course-session .course-session-fee, .course-sessions .course-session .course-session-credit, .course-sessions .course-session-heading .course-session-venue, .course-sessions .course-session-heading .course-session-date, .course-sessions .course-session-heading .course-session-fee, .course-sessions .course-session-heading .course-session-credit {
            font-size: .9rem
        }

        .course-sessions .course-session .course-session-venue, .course-sessions .course-session-heading .course-session-venue {
            width: 20%
        }

            .course-sessions .course-session .course-session-venue span, .course-sessions .course-session-heading .course-session-venue span {
                display: none
            }

@media (max-width:550px) {
    .course-sessions .course-session .course-session-venue, .course-sessions .course-session-heading .course-session-venue {
        width: 100%
    }

        .course-sessions .course-session .course-session-venue span, .course-sessions .course-session-heading .course-session-venue span {
            display: inline-block;
            margin-right: 5px
        }
}

.course-sessions .course-session .course-session-date, .course-sessions .course-session-heading .course-session-date {
    width: 40%
}

    .course-sessions .course-session .course-session-date span, .course-sessions .course-session-heading .course-session-date span {
        display: none
    }

@media (max-width:550px) {
    .course-sessions .course-session .course-session-date, .course-sessions .course-session-heading .course-session-date {
        width: 100%;
        font-weight: 600
    }

        .course-sessions .course-session .course-session-date span, .course-sessions .course-session-heading .course-session-date span {
            display: inline-block;
            margin-right: 5px
        }
}

.course-sessions .course-session .course-session-fee, .course-sessions .course-session-heading .course-session-fee {
    width: 20%;
    text-align: center
}

    .course-sessions .course-session .course-session-fee span, .course-sessions .course-session-heading .course-session-fee span {
        display: none
    }

        .course-sessions .course-session .course-session-fee span.us-text, .course-sessions .course-session-heading .course-session-fee span.us-text {
            display: inline-block
        }

@media (max-width:550px) {
    .course-sessions .course-session .course-session-fee, .course-sessions .course-session-heading .course-session-fee {
        width: 100%;
        text-align: left
    }

        .course-sessions .course-session .course-session-fee span, .course-sessions .course-session-heading .course-session-fee span {
            display: inline-block;
            margin-right: 5px
        }
}

.course-sessions .course-session .course-session-credit, .course-sessions .course-session-heading .course-session-credit {
    width: 20%;
    text-align: center
}

    .course-sessions .course-session .course-session-credit span, .course-sessions .course-session-heading .course-session-credit span {
        display: none
    }

@media (max-width:550px) {
    .course-sessions .course-session .course-session-credit, .course-sessions .course-session-heading .course-session-credit {
        width: 100%;
        text-align: left
    }

        .course-sessions .course-session .course-session-credit span, .course-sessions .course-session-heading .course-session-credit span {
            display: inline-block;
            margin-right: 5px
        }
}

.course-sessions .course-session .session-info-ligne, .course-sessions .course-session-heading .session-info-ligne {
    flex: 1
}

@media (max-width:550px) {
    .course-sessions .course-session .session-info-ligne, .course-sessions .course-session-heading .session-info-ligne {
        flex-direction: column
    }
}

@media (max-width:550px) {
    .course-sessions .course-session .course-session-register .btn, .course-sessions .course-session-heading .course-session-register .btn {
        font-size: 0;
        width: 30px;
        height: 30px;
        padding: 0
    }

        .course-sessions .course-session .course-session-register .btn:after, .course-sessions .course-session-heading .course-session-register .btn:after {
            width: 26px;
            font-size: 24px
        }
}

@media (max-width:1399px) {
    .course-sessions .course-session .course-session-venue, .course-sessions .course-session .course-session-fee, .course-sessions .course-session .course-session-credit, .course-sessions .course-session-heading .course-session-venue, .course-sessions .course-session-heading .course-session-fee, .course-sessions .course-session-heading .course-session-credit {
        font-size: .8rem
    }
}

.course-sessions .course-session-heading {
    background-color: var(--bs-primary);
    color: #fff
}

    .course-sessions .course-session-heading .course-session-register {
        width: 122px
    }

@media (max-width:550px) {
    .course-sessions .course-session-heading .course-session-register {
        width: 30px
    }
}

@media (max-width:550px) {
    .course-sessions .course-session-heading {
        display: none
    }
}

.course-desc-heading {
    color: var(--bs-secondary)
}

.course__other__format {
    padding-top: 30px;
    font-size: .9rem
}

#breadcrumbs {
    font-size: .8rem;
    color: var(--bs-gray-500);
    text-align: left !important
}

    #breadcrumbs a {
        color: #000
    }

        #breadcrumbs a:hover {
            color: var(--bs-secondary)
        }

.course__copyright {
    font-size: .8rem;
    font-style: italic;
    color: #afafaf;
    margin-bottom: 20px
}

    .course__copyright p {
        margin-bottom: .5rem
    }

.course-card {
    padding: 10px;
    width: 100%;
    padding: 0;
    border-radius: 0
}

    .course-card:hover img {
        transform: scale(1.05)
    }

    .course-card .course-image {
        height: 180px;
        width: 100%;
        position: relative;
        overflow: hidden
    }

        .course-card .course-image img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            border-radius: 0;
            transition: all .3s ease-out 0s;
            position: absolute
        }

    .course-card h2, .course-card .h2 {
        font-size: 16px;
        height: 65px
    }

        .course-card h2 a, .course-card .h2 a {
            color: var(--bs-secondary)
        }

            .course-card h2 a:hover, .course-card .h2 a:hover {
                color: var(--blackColor)
            }

    .course-card .card-body {
        color: var(--bs-primary);
        font-size: .9rem
    }

        .course-card .card-body label {
            font-weight: 600
        }

        .course-card .card-body .list-course-date {
            padding-top: 5px;
            margin-top: auto
        }

    .course-card .venue-date-list {
        margin-bottom: 15px
    }

        .course-card .venue-date-list ul {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin: 0;
            padding: 0
        }

            .course-card .venue-date-list ul li {
                font-size: 14px;
                width: 50%;
                color: var(--blackColor);
                list-style: none;
                display: inline-block;
                transition: all var(--transition) ease-out 0s
            }

                .course-card .venue-date-list ul li i {
                    font-size: 18px;
                    color: var(--primaryColor);
                    margin-right: 5px
                }

                .course-card .venue-date-list ul li:nth-child(n+2) {
                    text-align: right;
                    min-width: 55%;
                    font-size: 13px
                }

    .course-card .course-card-btn {
        margin-top: 20px;
        font-size: .8rem;
        color: #fff;
        background-color: var(--bs-secondary);
        text-align: center;
        padding: 10px
    }

        .course-card .course-card-btn i {
            display: none
        }

#cl-courses {
    border: solid 1px #d3d3d3;
    border-radius: 0
}

.cl-courses-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 5px 10px
}

@media (max-width:767px) {
    .cl-courses-top-bar {
        margin-top: -1.25em
    }
}

@media (max-width:767px) {
    .cl-courses-top-bar .cl-courses-top-text {
        font-size: .8rem
    }
}

.cl-courses-top-bar .cl-courses-top-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

    .cl-courses-top-bar .cl-courses-top-inner .cl-courses-top-view {
        display: flex;
        gap: 5px
    }

        .cl-courses-top-bar .cl-courses-top-inner .cl-courses-top-view svg {
            cursor: pointer;
            opacity: .5
        }

        .cl-courses-top-bar .cl-courses-top-inner .cl-courses-top-view .cl-view-selected {
            opacity: 1 !important
        }

    .cl-courses-top-bar .cl-courses-top-inner .cl-courses-top-sorting {
        padding-right: 10px
    }

        .cl-courses-top-bar .cl-courses-top-inner .cl-courses-top-sorting .select2-selection:focus {
            box-shadow: none
        }

@media (max-width:991px) {
    .cl-courses-top-bar .cl-courses-top-inner .cl-courses-top-sorting {
        max-width: 170px
    }
}

.list-group-header {
    display: none !important
}

#cl-courses.list-group .course-item {
    width: 100%;
    margin: 0
}

#cl-courses.list-group .course-card {
    display: flex;
    flex-direction: row;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    border-radius: 0;
    font-size: 14px;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 0
}

    #cl-courses.list-group .course-card:hover * {
        color: #212815
    }

    #cl-courses.list-group .course-card .card-body {
        flex-direction: row !important;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 0;
        border-left: 0;
        border-right: 0
    }

        #cl-courses.list-group .course-card .card-body .course-title {
            font-family: "HelveticaNeue";
            font-weight: 400;
            font-size: .9rem;
            margin: 0;
            width: 65%;
            text-align: start
        }

        #cl-courses.list-group .course-card .card-body .list-course-date {
            display: revert;
            font-size: .8rem;
            color: #707070;
            width: 165px;
            text-align: center;
            border-top: 0;
            padding-top: 0;
            margin-top: 0
        }

        #cl-courses.list-group .course-card .card-body .list-course-venue {
            display: revert;
            font-size: .8rem;
            color: #707070;
            width: 130px;
            text-align: center
        }

        #cl-courses.list-group .course-card .card-body .list-course-duration {
            display: revert;
            font-size: .8rem;
            color: #707070;
            width: 64px;
            text-align: center
        }

        #cl-courses.list-group .course-card .card-body .course-card-fee {
            font-size: .8rem;
            color: #707070
        }

        #cl-courses.list-group .course-card .card-body .venue-date-list {
            display: none !important
        }

        #cl-courses.list-group .course-card .card-body label {
            display: none
        }

@media (max-width:991px) {
    #cl-courses.list-group .course-card .card-body .list-course-duration {
        display: none
    }
}

@media (max-width:767px) {
    #cl-courses.list-group .course-card .card-body {
        flex-wrap: wrap;
        justify-content: space-between
    }

        #cl-courses.list-group .course-card .card-body .course-title {
            width: 100%;
            flex: auto;
            font-size: 1rem;
            margin-bottom: 10px
        }

        #cl-courses.list-group .course-card .card-body .list-course-date {
            text-align: left;
            width: 150px
        }

        #cl-courses.list-group .course-card .card-body .list-course-venue {
            flex: 1;
            text-align: left
        }
}

#cl-courses.list-group .course-card .course-card-btn {
    font-size: 0;
    color: var(--bs-primary);
    background-color: transparent;
    text-align: right;
    width: 50px;
    margin: 0;
    padding: 0
}

    #cl-courses.list-group .course-card .course-card-btn i {
        display: inline-block;
        font-size: 20px
    }

#cl-courses.list-group .course-card .course-image {
    display: none !important
}

    #cl-courses.list-group .course-card .course-image img {
        display: none !important
    }

@media (max-width:767px) {
    #cl-courses.list-group .course-card {
        border: 1px solid #04537c;
        border-radius: 8px;
        padding: 10px;
        margin-bottom: 10px !important
    }

        #cl-courses.list-group .course-card .course-card-btn {
            margin: 0 !important;
            padding: 0;
            display: grid
        }
}

#cl-courses.list-group .list-group-header {
    display: flex !important;
    background: var(--bs-primary)
}

    #cl-courses.list-group .list-group-header .course-card {
        background: var(--bs-primary);
        color: #fff;
        border-bottom: 0;
        padding: 10px 0
    }

        #cl-courses.list-group .list-group-header .course-card .card-body {
            color: #fff;
            font-weight: 700
        }

@media (max-width:767px) {
    #cl-courses.list-group .list-group-header {
        display: none !important
    }
}

a.next.page-link, a.prev.page-link {
    transform: rotate(180deg)
}

.wpc-filter-selected-values {
    display: none
}

.wpc-filter-collapsible.wpc-closed .wpc-filter-selected-values {
    display: block;
    font-weight: 400;
    text-align: right
}

span.select2-dropdown.select2-dropdown--below {
    min-width: 140px
}

.dropbtn {
    background-color: #04aa6d;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,.2);
    z-index: 1
}

    .dropdown-content a {
        color: #000;
        padding: 12px 16px;
        text-decoration: none;
        display: block
    }

        .dropdown-content a:hover {
            background-color: #ddd
        }

.dropdown:hover .dropdown-content {
    display: block
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41
}

.page-title-area.taxonomy {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.page-title-area h1, .page-title-area .h1 {
    font-weight: 600;
    font-size: 34px
}

@media (max-width:767px) {
    .page-title-area h1, .page-title-area .h1 {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.page-title-area h2, .page-title-area .h2 {
    font-size: 1.3rem
}

@media (max-width:767px) {
    .page-title-area h2, .page-title-area .h2 {
        text-align: center;
        font-size: 1.1rem;
        margin-bottom: 30px
    }
}

.bg-dark .page-title-area {
    color: #fff
}

    .bg-dark .page-title-area h1, .bg-dark .page-title-area .h1 {
        text-shadow: 2px 2px 2px #000
    }

    .bg-dark .page-title-area h2, .bg-dark .page-title-area .h2 {
        text-shadow: 2px 2px 2px #000
    }

.bg-light .page-title-area {
    color: #022b46
}

    .bg-light .page-title-area h1, .bg-light .page-title-area .h1 {
        text-shadow: 2px 2px 2px #fff
    }

    .bg-light .page-title-area h2, .bg-light .page-title-area .h2 {
        text-shadow: 2px 2px 2px #fff
    }

.bg-white .page-title-area {
    color: var(--bs-secondary)
}

    .bg-white .page-title-area h1, .bg-white .page-title-area .h1 {
        text-shadow: 2px 2px 2px #fff
    }

    .bg-white .page-title-area h2, .bg-white .page-title-area .h2 {
        text-shadow: 2px 2px 2px #fff
    }

.header-page-bg-dark {
    background-color: var(--bs-primary) !important;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5)
}

.header-bg-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

    .header-bg-image:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,.7)
    }

.header-image-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    position: relative
}

    .header-image-title .header-image {
        position: absolute;
        width: 170px;
        height: 100%;
        background: var(--bs-primary);
        border-radius: 5px;
        padding: 15px;
        display: flex;
        justify-content: center
    }

        .header-image-title .header-image img {
            height: 100%;
            width: auto;
            object-fit: cover;
            -webkit-transform: translate3d(0,0,1px);
            transform: translate3d(0,0,1px)
        }

@media (max-width:767px) {
    .header-image-title .header-image {
        display: none
    }
}

.header-image-title .title-area-with-image {
    flex: 1;
    padding-left: 200px
}

@media (max-width:767px) {
    .header-image-title .title-area-with-image #breadcrumbs, .header-image-title .title-area-with-image .gcl-header-download-buttons {
        text-align: center
    }
}

@media (max-width:767px) {
    .header-image-title .title-area-with-image {
        padding-left: 0
    }
}

.bg-dark .header-image-title .header-image {
    padding: 0
}

    .bg-dark .header-image-title .header-image img {
        width: 100%;
        border-radius: 5px
    }

#wrapper-footer-widgets {
    background-color: #212815;
    color: #fff;
    font-size: .8rem
}

    #wrapper-footer-widgets p {
        margin-bottom: 12px
    }

    #wrapper-footer-widgets input[type=text], #wrapper-footer-widgets input[type=email], #wrapper-footer-widgets input[type=tel] {
        width: 100%;
        padding: 8px 10px;
        border: 0;
        border-radius: 4px;
        font-size: 13px;
        margin-top: 10px;
        background-color: #fff;
        outline: 0
    }

    #wrapper-footer-widgets button.wpcf7-form-control.wpcf7-submit {
        margin: 0;
        padding: 0;
        cursor: pointer;
        color: #212815 !important;
        background-color: transparent;
        font-size: 14px;
        text-decoration: none;
        border: none;
        text-transform: uppercase;
        display: inline-block;
        border-radius: 0 !important;
        text-align: left !important;
        margin-top: 10px
    }

    #wrapper-footer-widgets .footer-logo {
        max-width: 150px
    }

    #wrapper-footer-widgets a {
        text-decoration: none;
        color: #fff
    }

        #wrapper-footer-widgets a:hover {
            text-decoration: underline;
            color: #fff
        }

    #wrapper-footer-widgets h3, #wrapper-footer-widgets .h3 {
        font-size: 1.2rem;
        font-weight: 600
    }

    #wrapper-footer-widgets ul {
        margin: 0;
        padding: 0
    }

        #wrapper-footer-widgets ul li {
            margin: 0;
            padding: 0;
            line-height: 1.5rem;
            list-style-type: none
        }

    #wrapper-footer-widgets .wpcf7-submit {
        margin-top: 10px
    }

    #wrapper-footer-widgets ul.footer-social {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #fff;
        padding-bottom: 15px;
        margin-bottom: 20px
    }

        #wrapper-footer-widgets ul.footer-social li {
            list-style: none;
            display: inline-block;
            padding: 0 7px 0 0
        }

            #wrapper-footer-widgets ul.footer-social li a {
                font-size: 20px;
                background: #eb0028;
                border-radius: 100%;
                width: 35px;
                height: 35px;
                line-height: 35px;
                display: block;
                text-align: center
            }

                #wrapper-footer-widgets ul.footer-social li a:hover {
                    text-decoration: none
                }

@media (max-width:767px) {
    #wrapper-footer-widgets .footer-widget {
        margin-bottom: 20px
    }
}

.wpcf7 form .wpcf7-response-output {
    margin: 15px 0 0;
    padding: .2em 1em;
    border: 0;
    background-color: #d74343;
    color: #fff
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #fedb9b;
    color: #95661c
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #00c03f;
    background-color: #212815
}

.wpc-filters-main-wrap .wpc-filters-section {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 1em
}

    .wpc-filters-main-wrap .wpc-filters-section .wpc-filter-title {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        font-weight: 600;
        font-size: 14px
    }

    .wpc-filters-main-wrap .wpc-filters-section a {
        color: var(--bs-gray-700);
        font-size: .9rem
    }

.wpc-filters-main-wrap .wpc-filter-layout-submit-button {
    border-bottom: 0
}

.wrapper-topbar a.text-reset {
    font-size: .85em
}

#wrapper-footer-colophon {
    background-color: #fff;
    color: #212815;
    font-size: .7rem
}

#backToTop {
    background-color: #212815 !important
}

.courses-listing-courses-carousel-item {
    display: flex;
    flex: 1 0 auto;
    height: 100%
}

    .courses-listing-courses-carousel-item .card {
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: stretch
    }

@media (max-width:991px) {
    .wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-filters-open-button-container, body .wpc-hidden, li.wpc-chip-reset-all .wpc-chip-remove-icon {
        display: block !important
    }
}

.wpc-orderby-select {
    max-width: 180px !important
}

.navbar-collapse {
    flex-grow: unset
}

.mobmenu-left-panel .mobmenu-content .wp-mobile-menu li {
    border-bottom: 1px solid #043657;
    padding-left: 0
}

.mobmenu-left-panel .mobmenu-content .wp-mobile-menu .sub-menu li {
    border-bottom: 1px solid #032d49 !important
}

    .mobmenu-left-panel .mobmenu-content .wp-mobile-menu .sub-menu li .sub-menu {
        background-color: #01121e !important
    }

        .mobmenu-left-panel .mobmenu-content .wp-mobile-menu .sub-menu li .sub-menu li {
            border-bottom: 1px solid #012137 !important
        }

            .mobmenu-left-panel .mobmenu-content .wp-mobile-menu .sub-menu li .sub-menu li a {
                padding-left: 40px
            }

    .mobmenu-left-panel .mobmenu-content .wp-mobile-menu .sub-menu li a {
        padding-left: 30px;
        font-size: 17px !important
    }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    position: absolute;
    right: 0
}

.mob-menu-logo-holder .mob-standard-logo, .mob-menu-logo-holder .mob-retina-logo {
    margin-top: 14px
}

@media (max-width:991px) {
    .pagination .page-link {
        padding: .4rem 0
    }
}

@media (max-width:991px) {
    #wrapper-navbar .navbar {
        display: none
    }
}

@media (max-width:991px) {
    .theiaStickySidebar .wrapper {
        background-color: transparent !important;
        padding: .25rem 0 !important
    }

        .theiaStickySidebar .wrapper .wpc-filters-open-button-container {
            margin-top: 0;
            margin-bottom: 0
        }
}

#mega-menu-3956-0-0 .mega-sub-menu .mega-menu-item-object-cl_venues {
    float: left !important;
    width: 50% !important
}

.hero {
    position: relative;
    overflow: hidden;
    height: 300px
}

    .hero .overlay {
        background: linear-gradient(to top,#000,transparent 150%);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

.videoWrapper #hero-video {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -50px;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media screen and (min-width:992px) {
    .hero {
        height: 420px
    }
}

.heroText {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

    .heroText p {
        color: #eee;
        font-size: 18px;
        margin: 0 0 20px;
        text-align: justify
    }

@media (max-width:767px) {
    .heroText p {
        text-align: center
    }
}

.heroText h1, .heroText .h1 {
    font-size: 30px;
    text-transform: capitalize;
    color: #fff;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 700
}

    .heroText h1 span, .heroText .h1 span {
        display: block
    }

@media (max-width:767px) {
    .heroText h1, .heroText .h1 {
        text-align: center
    }
}

.heroText .hero-button {
    margin-top: 20px
}

@media (max-width:991px) {
    .heroText h1, .heroText .h1 {
        font-size: 26px
    }
}

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

.btn-secondary {
    color: #fff
}

    .btn-secondary:hover {
        color: #fff
    }

    .btn-secondary:active {
        color: #fff
    }

    .btn-secondary:focus {
        color: #fff
    }

    .btn-secondary:focus-visible {
        color: #fff
    }

:not(.btn-check) + .btn-secondary:active, .btn.btn-secondary:first-child:active {
    color: #fff
}

.btn.btn-secondary:disabled {
    color: #003757
}

.btn-arrow {
    position: relative;
    padding-right: 35px
}

    .btn-arrow:after {
        /*  content: "";*/
        content: "<";
        font-family: IcoFont !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        width: 30px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        transform: rotate(180deg)
    }

[class^=select2] {
    border-radius: .375rem !important
}

.select2-selection:focus, .form-control:focus, .widget_categories select:focus, .widget_archive select:focus {
    box-shadow: none
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5
}

span.select2-selection.select2-selection {
    min-height: 38px !important;
    background-image: none
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    left: 1em !important
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-left: 1px solid #6d6d6d;
        border-top: 1px solid #6d6d6d;
        width: 8px;
        height: 8px;
        font-size: 16px;
        transform: rotate(-135deg);
        right: 10px;
        top: calc(50% + -6px);
        left: auto;
        margin: 0;
        display: block;
        border-right: none;
        border-bottom: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(45deg);
    border-left: 1px solid #6d6d6d;
    border-top: 1px solid #6d6d6d;
    top: calc(50% + -2px)
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: none
}

.home-course-filters {
    padding: 2rem 0;
    background: #0082ca
}

.cl-select2-checkboxes .select2-results__option {
    padding-right: 20px;
    vertical-align: middle
}

    .cl-select2-checkboxes .select2-results__option:before {
        content: "";
        display: inline-block;
        position: relative;
        height: 20px;
        width: 20px;
        border: 2px solid #e9e9e9;
        border-radius: 0;
        background-color: #fff;
        margin-right: 10px;
        vertical-align: middle
    }

    .cl-select2-checkboxes .select2-results__option.select2-results__option--selected:before {
        font-family: IcoFont !important;
        content: "";
        color: #fff;
        background-color: #212815;
        border: 0;
        display: inline-block;
        padding-left: 3px;
        line-height: 22px
    }

.cl-select2-checkboxes.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff
}

.cl-select2-checkboxes.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727
}

.cl-select2-checkboxes.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 0
}

.cl-select2-checkboxes.select2-container--open .select2-dropdown--below {
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

.cl-select2-checkboxes.select2-selection .select2-selection--multiple:after {
    content: "hhghgh"
}

.cl-select2-checkboxes.select2-container--open .select2-selection__rendered {
    border: none
}

.cl-select2-checkboxes.select2-container .select2-search--inline .select2-search__field {
    vertical-align: initial;
    margin-top: 0
}

.cl-select2-checkboxes.select2-container.select2-container--below .select2-search--inline .select2-search__field {
    vertical-align: bottom
}

.course-related-courses {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #f2f2f2
}

    .course-related-courses .owl-nav button {
        background: #212815 !important;
        border-radius: 40px;
        width: 4rem;
        font-size: 12px !important;
        height: 2rem
    }

    .course-related-courses .owl-carousel .owl-nav button.owl-next, .course-related-courses .owl-carousel .owl-nav button.owl-prev {
        color: #fff
    }

    .course-related-courses .owl-carousel button.owl-dot {
        color: #212815
    }

    .course-related-courses .owl-carousel:hover .owl-nav button {
        background: #212815 !important
    }

.owl-carousel.inHouseCarousel .owl-nav button {
    background: 0 0 !important;
    color: #fff !important
}

.owl-carousel.inHouseCarousel:hover .owl-nav button {
    background: 0 0 !important;
    color: #fff !important
}

.home-training-formats {
    padding-top: 3rem;
    padding-bottom: 3rem
}

    .home-training-formats .card {
        border: 0
    }

    .home-training-formats img {
        max-height: 130px
    }

    .home-training-formats .formats-image {
        margin-bottom: 10px
    }

    .home-training-formats h3, .home-training-formats .h3 {
        color: #212815;
        font-size: 18px;
        font-weight: 700
    }

    .home-training-formats p {
        color: #212815;
        font-size: 14px;
        padding: 0 20px
    }

@media (min-width:992px) {
    .home-training-formats .col-lg-4:not(:last-of-type) {
        border-right: 1px solid #8080802e
    }
}

.home-h2 {
    color: #0082ca
}

.card-icon {
    flex-direction: row;
    min-height: 66px;
    border: 0;
    background-color: #212815;
    color: #fff;
    box-shadow: 0 7px 7px rgba(0,0,0,.18)
}

    .card-icon:hover {
        background: #0082ca
    }

    .card-icon img {
        max-width: 15%;
        margin: auto;
        padding: .5em;
        border-radius: .7em
    }

@media (max-width:575px) {
    .card-icon img {
        max-width: none;
        width: 60px
    }
}

.card-icon .card-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    padding-left: 0;
    padding-right: 10px
}

@media (max-width:575px) {
    .card-icon .card-body {
        padding-right: 0
    }
}

.card-icon .text-section {
    width: 95%;
    margin: auto;
    margin-left: 0;
    margin-right: 0
}

    .card-icon .text-section .card-title {
        font-size: 14px;
        margin-bottom: 0
    }

@media (max-width:575px) {
    .card-icon .text-section {
        width: 100%;
        text-align: center
    }
}

.card-icon .cta-section {
    width: 5%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    margin: auto;
    margin-right: 0
}

    .card-icon .cta-section a {
        font-size: 0;
        margin-right: 0
    }

@media (max-width:575px) {
    .card-icon .cta-section {
        width: 0
    }
}

@media (max-width:575px) {
    .card-icon {
        flex-direction: column
    }
}

.card-icon.red-bg {
    background: #eb0028
}

.home-subjects {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #f2f2f2
}

    .home-subjects .text-for-right-ligne {
        width: 80%;
        height: 100%;
        float: left
    }

@media (max-width:767px) {
    .home-subjects .text-for-right-ligne {
        width: 100%
    }
}

.home-subjects .right-ligne {
    width: 10%;
    float: left;
    height: 100%
}

.home-subjects .single__blog__img {
    height: 200px;
    position: relative
}

    .home-subjects .single__blog__img:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.4)
    }

    .home-subjects .single__blog__img img {
        -webkit-transform: scale(1);
        transform: scale(1);
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.home-subjects .single__blog__button {
    width: 100%;
    padding: 0 10px;
    left: 0;
    z-index: 1
}

    .home-subjects .single__blog__button a {
        padding: 5px 10px;
        display: block;
        text-align: center;
        width: 100%;
        background: #191b1eeb;
        border: 0;
        font-size: 15px;
        line-height: 18px;
        color: #fff;
        border-radius: 0
    }

.home-venues {
    padding-top: 3rem;
    padding-bottom: 3rem
}

    .home-venues p {
        color: #212815;
        text-align: justify
    }

.home-upcoming-courses {
    padding-top: 3rem;
    padding-bottom: 3rem
}

    .home-upcoming-courses p {
        color: #212815;
        text-align: justify
    }

    .home-upcoming-courses .owl-nav button {
        background: #212815 !important;
        border-radius: 40px;
        width: 4rem;
        font-size: 12px !important;
        height: 2rem
    }

    .home-upcoming-courses .owl-carousel .owl-nav button.owl-next, .home-upcoming-courses .owl-carousel .owl-nav button.owl-prev {
        color: #fff
    }

    .home-upcoming-courses .owl-carousel button.owl-dot {
        color: #212815
    }

    .home-upcoming-courses .owl-carousel:hover .owl-nav button {
        background: #212815 !important
    }

.carousel-single-course .course-title {
    width: 100%;
    height: 150px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 15px;
    display: table
}

    .carousel-single-course .course-title h5, .carousel-single-course .course-title .h5 {
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        padding: 0;
        margin: 0;
        display: table-cell;
        vertical-align: bottom
    }

.carousel-single-course .course-info {
    padding: 10px;
    border-top: none;
    border-bottom: none
}

    .carousel-single-course .course-info ul {
        padding: 0;
        margin: 0
    }

        .carousel-single-course .course-info ul li {
            list-style: none;
            padding: 5px 0 0;
            font-size: 14px;
            text-align: left;
            direction: ltr
        }

.carousel-single-course .course-action {
    background: #0082ca;
    padding: 8px;
    text-align: center
}

    .carousel-single-course .course-action a {
        text-decoration: none;
        color: #fff;
        font-size: 14px
    }

.home-our-expertise {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #fff;
    background: #0082ca
}

    .home-our-expertise .years-of-experience {
        border-right: 1px solid #fff;
        padding-right: 20px
    }

.modal-backdrop.show {
    opacity: .8
}

.modal-backdrop {
    background-color: #022b46
}

.combination-filter {
    background-color: #f4f4f4;
    color: #fff
}

    .combination-filter h5, .combination-filter .h5 {
        color: #000;
        font-size: 1.25em;
        margin-bottom: 1em
    }

@media (max-width:992px) {
    .combination-filter h5, .combination-filter .h5 {
        font-size: 1em
    }
}

.home-certificates {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #f2f2f2
}

    .home-certificates p {
        color: #212815;
        text-align: justify
    }

.certificate_card .certificate_url {
    position: relative;
    text-decoration: none;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid silver;
    height: 80px;
    justify-content: space-between;
    background: linear-gradient(90deg,#eaeaea 90px,#fff 90px)
}

    .certificate_card .certificate_url .certificate_img {
        width: 100px;
        height: 100%;
        padding: 5px
    }

        .certificate_card .certificate_url .certificate_img img {
            -webkit-transform: scale(1);
            transform: scale(1);
            width: 100%;
            height: 100%;
            object-fit: contain
        }

    .certificate_card .certificate_url .certificate_title {
        flex: auto;
        z-index: 1
    }

        .certificate_card .certificate_url .certificate_title h3, .certificate_card .certificate_url .certificate_title .h3 {
            font-size: 16px;
            font-weight: 700;
            color: #022b46;
            padding-left: 10px
        }

    .certificate_card .certificate_url .certificate_arrow {
        width: 20px
    }

    .certificate_card .certificate_url:before {
        content: "";
        position: absolute;
        border-top: 39px solid transparent;
        border-left: 40px solid #eaeaea;
        border-bottom: 39px solid transparent;
        top: 0;
        left: 90px
    }

.certificate_card2 .certificate_url {
    position: relative;
    text-decoration: none
}

    .certificate_card2 .certificate_url .certificate_img {
        padding: 5px;
        background-color: #fff;
        margin-bottom: 10px
    }

        .certificate_card2 .certificate_url .certificate_img img {
            -webkit-transform: scale(1);
            transform: scale(1);
            width: 100%;
            height: 120px;
            object-fit: contain
        }

    .certificate_card2 .certificate_url .certificate_title {
        flex: auto;
        z-index: 1
    }

        .certificate_card2 .certificate_url .certificate_title h3, .certificate_card2 .certificate_url .certificate_title .h3 {
            font-size: 16px;
            font-weight: 700;
            color: #022b46;
            padding-left: 10px;
            color: #212815
        }

    .certificate_card2 .certificate_url .certificate_arrow {
        width: 20px
    }

.home-training-solutions {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #f2f2f2
}

    .home-training-solutions p {
        color: #212815;
        text-align: justify
    }

.home-testimonials {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.page-about-us {
    padding-top: 3rem;
    padding-bottom: 3rem
}

    .page-about-us .company-profile-pdf {
        border: 1px solid gray;
        padding: 40px 20px 60px
    }

        .page-about-us .company-profile-pdf img {
            max-height: 200px
        }

        .page-about-us .company-profile-pdf a {
            color: inherit
        }

            .page-about-us .company-profile-pdf a span {
                color: var(--bs-secondary);
                display: block;
                margin-top: 10px
            }

    .page-about-us .about-four {
        background: #f2f2f2;
        padding: 80px 0
    }

        .page-about-us .about-four .col-lg-6 {
            border-right: 1px solid #80808040;
            border-bottom: 1px solid #80808040
        }

            .page-about-us .about-four .col-lg-6:nth-child(2), .page-about-us .about-four .col-lg-6:nth-child(4) {
                border-right: none
            }

            .page-about-us .about-four .col-lg-6:nth-child(3), .page-about-us .about-four .col-lg-6:nth-child(4) {
                border-bottom: none
            }

        .page-about-us .about-four .single-about {
            margin: 0;
            padding: 30px;
            display: flex;
            flex-direction: row
        }

            .page-about-us .about-four .single-about .bg-single-about {
                width: 80px;
                height: 80px;
                max-height: 100%;
                background-position: center;
                background-size: cover;
                border-radius: 5px;
                margin: 0 10px 120px 0
            }

            .page-about-us .about-four .single-about .single-about-content {
                flex: 1
            }

                .page-about-us .about-four .single-about .single-about-content h6, .page-about-us .about-four .single-about .single-about-content .h6 {
                    color: var(--bs-secondary)
                }

                .page-about-us .about-four .single-about .single-about-content p, .page-about-us .about-four .single-about .single-about-content li {
                    font-size: 14px
                }

@media (max-width:991px) {
    .page-about-us .about-four .single-about {
        display: block;
        padding: 0
    }

        .page-about-us .about-four .single-about .bg-single-about {
            width: 100%;
            height: 150px;
            margin: 0 0 20px
        }
}

@media (max-width:991px) {
    .page-about-us .about-four .col-lg-6 {
        border: 0
    }
}

.page-about-us .about-five {
    padding: 50px 0
}

    .page-about-us .about-five img {
        width: 18%;
        float: left;
        margin: 0 5px 0 0
    }

    .page-about-us .about-five h6, .page-about-us .about-five .h6 {
        color: var(--bs-secondary);
        margin: 10px 0 25px
    }

    .page-about-us .about-five .col-lg-4 {
        border-right: 1px solid #e7e7e7
    }

        .page-about-us .about-five .col-lg-4:nth-child(3) {
            border: none
        }

@media (max-width:991px) {
    .page-about-us .about-five .col-lg-4 {
        border: 0
    }
}

.dir-rtl {
    direction: rtl;
    font-family: "Tajawal";
    font-weight: 400
}

    .dir-rtl h1, .dir-rtl .h1, .dir-rtl h2, .dir-rtl .h2, .dir-rtl h3, .dir-rtl .h3, .dir-rtl h4, .dir-rtl .h4, .dir-rtl h5, .dir-rtl .h5, .dir-rtl h6, .dir-rtl .h6 {
        font-family: "Almarai"
    }

.page-about-us-arabic .about-four .col-lg-6 {
    border-left: 1px solid #80808040;
    border-right: 0
}

    .page-about-us-arabic .about-four .col-lg-6:nth-child(2), .page-about-us-arabic .about-four .col-lg-6:nth-child(4) {
        border-left: none
    }

.page-about-us-arabic .about-four .single-about .bg-single-about {
    margin: 0 0 120px 10px
}

@media (max-width:991px) {
    .page-about-us-arabic .about-four .single-about .bg-single-about {
        margin: 0 0 20px
    }
}

.page-about-us-arabic .about-five img {
    width: 18%;
    float: right;
    margin: 0 0 0 5px
}

.page-about-us-arabic .about-five .col-lg-4 {
    border-left: 1px solid #e7e7e7;
    border-right: 0
}

.home-clients {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.client-home-card {
    padding: 5px;
    border-radius: 0;
    border: 1px solid #f2f2f2;
    height: 120px;
    justify-content: center
}

.client-loop-card {
    padding: 10px;
    border-radius: 0 !important;
    border: 1px solid #212815;
    height: 220px;
    justify-content: center
}

    .client-loop-card img {
        max-height: 100%
    }

.blog-posts .card img {
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-posts .card .card-body h2, .blog-posts .card .card-body .h2 {
    font-size: 1.2rem;
    font-weight: 700
}

.blog-posts .card .card-body .text-end {
    margin-bottom: 0
}

.blog-posts .article-card img {
    height: 100px
}

.blog-posts .article-card .card-title {
    color: var(--bs-secondary);
    font-size: 16px
}

.blog-posts .article-card .card-text {
    font-size: 16px
}

.wpp-cards-compact li .wpp-post-title {
    font-size: 1rem !important
}

.wpp-post-title {
    font-size: 1rem !important
}

.owl-carousel {
    position: relative
}

    .owl-carousel .owl-item {
        position: relative;
        overflow: hidden
    }

.owl-nav {
    display: block
}

    .owl-nav .owl-prev {
        position: absolute;
        top: 50%;
        left: -25px;
        right: -1.5em;
        margin-top: -1.65em
    }

    .owl-nav .owl-next {
        position: absolute;
        top: 50%;
        right: -25px;
        margin-top: -1.65em
    }

@media (max-width:480px) {
    .owl-nav .owl-prev {
        left: -10px
    }

    .owl-nav .owl-next {
        right: -10px
    }
}

.owl-nav button {
    display: block;
    font-size: 1.3rem !important;
    line-height: 2em;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background: rgba(255,255,255,.8) !important;
    border: 1px solid #cdcdcd !important;
    z-index: 99;
    box-shadow: 0 4px 15px rgba(67,67,67,.15)
}

    .owl-nav button:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

.owl-carousel:hover .owl-nav button {
    background: #fff !important;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    animation: sonarEffect 1.3s ease-out 75ms
}

.owl-nav > div i {
    margin: 0
}

.owl-carousel.owl-drag .owl-item {
    left: 0 !important;
    right: 0
}

.owl-carousel .owl-dots {
    margin: 0 auto;
    text-align: center
}

.owl-carousel button.owl-dot {
    margin: 10px 10px 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    text-align: center;
    display: inline-block;
    border: none
}

.owl-carousel-icons5 .owl-nav .owl-prev {
    position: absolute;
    top: 42%;
    left: auto;
    right: -24px;
    margin-top: -1.65em
}

.owl-carousel-icons5 .owl-nav .owl-next {
    position: absolute;
    top: 58%;
    left: auto;
    right: -24px;
    margin-top: -1.65em
}

.owl-carousel-icons4.owl-carousel .owl-item img {
    margin: 0 auto
}

#carousel-controls.owl-carousel .owl-item img, #exzoom {
    width: 100%
}

@media (max-width:575.98px) {
    .owl-carousel.slider .owl-nav button.owl-prev, .owl-carousel.slider .owl-nav button.owl-next {
        display: none !important
    }
}

.venues-card-1 {
    overflow: hidden;
    background: rgba(0,0,0,.7)
}

    .venues-card-1 .venues-card-item {
        position: relative
    }

        .venues-card-1 .venues-card-item:before {
            content: "";
            display: block;
            position: absolute;
            background: linear-gradient(to top,#000,transparent 60%);
            width: 100%;
            height: 100%;
            right: 0;
            top: 0;
            z-index: 1
        }

        .venues-card-1 .venues-card-item .card {
            border: 0
        }

        .venues-card-1 .venues-card-item .card-img {
            height: 250px
        }

            .venues-card-1 .venues-card-item .card-img img {
                height: 100%;
                width: 100%;
                object-fit: cover;
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transition: .3s ease-in-out;
                transition: .3s ease-in-out;
                background-size: cover !important;
                position: relative
            }

        .venues-card-1 .venues-card-item .item-card-text {
            position: absolute;
            left: 0;
            right: 0;
            text-align: center;
            color: #fff;
            z-index: 2;
            bottom: 0;
            top: 70%;
            padding: 10px 15px;
            background: 0 0;
            height: 30%;
            text-align: left
        }

            .venues-card-1 .venues-card-item .item-card-text h4, .venues-card-1 .venues-card-item .item-card-text .h4 {
                font-weight: 700;
                font-size: 18px;
                margin: 0;
                text-shadow: 2px 2px 2px #000
            }

            .venues-card-1 .venues-card-item .item-card-text span {
                text-shadow: 2px 2px 2px #000;
                font-size: 14px
            }

    .venues-card-1:hover .venues-card-item {
        position: relative
    }

        .venues-card-1:hover .venues-card-item:before {
            background: linear-gradient(to top,#212815,transparent 40%)
        }

    .venues-card-1:hover .card-img img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

.venues-card-2 {
    overflow: hidden
}

    .venues-card-2 .venues-card-item .card {
        border: 0
    }

    .venues-card-2 .venues-card-item .card-img {
        height: 210px
    }

        .venues-card-2 .venues-card-item .card-img img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            background-size: cover !important;
            position: relative
        }

    .venues-card-2 .venues-card-item .item-card-text {
        border: 1px solid #e7e7e7;
        border-bottom-right-radius: var(--bs-card-inner-border-radius);
        border-bottom-left-radius: var(--bs-card-inner-border-radius);
        padding: 10px;
        z-index: 1;
        background: #fff
    }

        .venues-card-2 .venues-card-item .item-card-text h4, .venues-card-2 .venues-card-item .item-card-text .h4 {
            font-size: 16px;
            color: var(--bs-primary)
        }

        .venues-card-2 .venues-card-item .item-card-text span {
            font-size: 14px
        }

    .venues-card-2:hover .card-img img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

.categories-card-2 .classroom-link, .categories-card-2 .online-link {
    font-size: .8rem;
    font-weight: 600
}

.categories-card-2 .classroom-link {
    float: left
}

.categories-card-2 .online-link {
    float: right
}

@media only screen and (min-width:768px) {
    .p-md-11 {
        padding: 3rem !important
    }
}

@media only screen and (min-width:992px) {
    .p-lg-14 {
        padding: 4.5rem !important
    }
}

.header-button-area {
    margin-top: 30px
}

.page-inhouse h4, .page-inhouse .h4 {
    font-weight: 700;
    color: #212815;
    margin-bottom: 20px
}

.page-inhouse .single-choose {
    padding: 20px
}

.page-inhouse .why-choose img {
    float: left;
    margin: 0 10px 0 0;
    width: 10%
}

.page-inhouse .why-choose h6, .page-inhouse .why-choose .h6 {
    font-weight: 700;
    color: #0082ca;
    margin: 10px 0 0
}

.page-inhouse .why-choose p {
    margin: 10px 0 0
}

.page-inhouse .whats-next img {
    max-width: 100%;
    margin: auto;
    display: block;
    border-radius: 10px
}

.page-inhouse .whats-next h4, .page-inhouse .whats-next .h4 {
    font-weight: 700;
    color: #212815
}

.page-inhouse .download-in-house {
    background: #212815;
    color: #fff
}

    .page-inhouse .download-in-house h4, .page-inhouse .download-in-house .h4 {
        font-weight: 700;
        color: #fff
    }

.page-inhouse .in-house-brochure {
    border: 1px solid #fff;
    padding: 15px;
    border-radius: 10px;
    height: 100%;
    cursor: pointer
}

.page-inhouse .footer-download-section .card {
    border-radius: 5px
}

.page-inhouse .footer-download-section img {
    max-height: 170px
}

.page-inhouse .footer-download-section .card h2 a, .page-inhouse .footer-download-section .card .h2 a {
    font-weight: 700;
    color: #fff;
    line-height: 20px
}

    .page-inhouse .footer-download-section .card h2 a span, .page-inhouse .footer-download-section .card .h2 a span {
        display: block
    }

.page-inhouse .advantages-ih h4, .page-inhouse .advantages-ih .h4 {
    font-weight: 700;
    color: #212815;
    margin-bottom: 20px
}

.page-inhouse .advantages-ih img {
    float: left
}

.page-inhouse .advantages-ih h6, .page-inhouse .advantages-ih .h6 {
    font-weight: 700;
    color: #212815;
    font-size: 13px
}

.page-inhouse .certain-ih h4, .page-inhouse .certain-ih .h4 {
    font-weight: 700;
    color: #212815;
    margin-bottom: 20px
}

.page-inhouse .certain-ih ul {
    padding: 0;
    margin: 0
}

.page-inhouse .certain-ih li {
    list-style: none
}

@media (min-width:768px) {
    .page-inhouse .border-right {
        border-right: 1px solid #97c93d !important
    }
}

.page-inhouse #inhouse-breaker-wrapper {
    background: #212815
}

.page-inhouse form {
    border: 1px solid #ababab;
    padding: 10px 20px;
    border-radius: 10px
}

h2.underline, .underline.h2 {
    position: relative;
    margin-bottom: 40px;
    font-size: 21px;
    color: #145f7b;
    font-weight: 600
}

    h2.underline:after, .underline.h2:after {
        content: " ";
        position: absolute;
        display: block;
        width: 80px;
        margin: 10px 0;
        border: 2px solid #212815;
        left: 0;
        background: #212815
    }

.img-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.owl-carousel .owl-stage {
    display: flex
}

.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto
}

    .owl-carousel .owl-item .carousel-single-course, .owl-carousel .owl-item .item {
        min-width: 100%;
        max-width: 100%
    }

.card-2 {
    border: 0;
    padding: 0
}

    .card-2 .wrapper {
        background-color: #fff;
        min-height: 340px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 3px 5px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2)
    }

        .card-2 .wrapper:hover .data {
            transform: translateY(0)
        }

        .card-2 .wrapper:before {
            content: "";
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(to top,#000,transparent 80%)
        }

    .card-2 .data {
        position: absolute;
        bottom: 0;
        width: 100%;
        transform: translateY(calc(70px + 4em));
        transition: transform .3s
    }

        .card-2 .data .content {
            padding: 1em;
            position: relative;
            z-index: 1
        }

    .card-2 .title {
        margin-top: 10px;
        font-weight: 700
    }

    .card-2 .text {
        height: 70px;
        margin: 0;
        color: #fff
    }

    .card-2 .button {
        display: block;
        width: 100px;
        margin: 2em auto 1em;
        text-align: center;
        font-size: 12px;
        line-height: 1;
        position: relative;
        font-weight: 700
    }

        .card-2 .button:after {
            content: "→";
            opacity: 0;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(0,-50%);
            transition: all .3s
        }

        .card-2 .button:hover:after {
            transform: translate(5px,-50%);
            opacity: 1
        }

.form-check-input {
    border: 0
}

.wpcf7-not-valid {
    border: 1px solid #d00
}

.wpcf7-not-valid-tip {
    display: none
}

#ss-floating-bar .ss-hide-floating-bar {
    opacity: .5 !important
}

.html-sitemap h2, .html-sitemap .h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px
}

.html-sitemap h3, .html-sitemap .h3 {
    font-size: 18px;
    margin: 20px 0 20px 10px;
    font-weight: 700;
    margin-bottom: 20px
}

.html-sitemap ul {
    margin: 0;
    padding-left: 1.5rem
}

    .html-sitemap ul li a {
        color: #595959
    }

.html-sitemap hr {
    margin: 1rem 0 2rem
}

body.clt_header_navbar_position_fixed-top:not(.clt_header_navbar_color_choice_bg-transparent) {
    padding-top: 0
}

.modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog, .modal.modal-top .modal-dialog, .modal.modal-bottom .modal-dialog {
    -webkit-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0)
}

.modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 500px;
    max-width: 100%;
    height: 100%
}

.modal.modal-left .modal-header, .modal.modal-right .modal-header {
    border-bottom: 0
}

.modal.modal-left .modal-content, .modal.modal-right .modal-content {
    height: 100%;
    overflow-y: auto
}

.modal.modal-left .modal-body, .modal.modal-right .modal-body {
    padding: 0 15px 15px
}

.modal.modal-left.fade .modal-dialog {
    left: -500px;
    -webkit-transition: opacity .3s linear,left .3s ease-out;
    -moz-transition: opacity .3s linear,left .3s ease-out;
    -o-transition: opacity .3s linear,left .3s ease-out;
    transition: opacity .3s linear,left .3s ease-out
}

.modal.modal-left.fade.show .modal-dialog {
    left: 0
}

.modal.modal-right.fade .modal-dialog {
    right: -500px;
    -webkit-transition: opacity .3s linear,right .3s ease-out;
    -moz-transition: opacity .3s linear,right .3s ease-out;
    -o-transition: opacity .3s linear,right .3s ease-out;
    transition: opacity .3s linear,right .3s ease-out
}

.modal.modal-right.fade.show .modal-dialog {
    right: 0
}

.modal.modal-left .modal-content, .modal.modal-right .modal-content, .modal.modal-top .modal-content, .modal.modal-bottom .modal-content, .modal.modal-full .modal-content {
    border-radius: 0;
    border: none
}

.modal.modal-left .modal-dialog.modal-sm, .modal.modal-right .modal-dialog.modal-sm {
    width: 300px
}

.modal.modal-left .modal-dialog.modal-lg, .modal.modal-right .modal-dialog.modal-lg {
    width: 800px
}

.modal.modal-left .modal-dialog.modal-xl, .modal.modal-right .modal-dialog.modal-xl {
    width: 1140px
}

.modal.modal-top .modal-dialog, .modal.modal-bottom .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: auto
}

.modal.modal-top .modal-content, .modal.modal-bottom .modal-content {
    height: auto;
    overflow-y: auto
}

.modal.modal-top .modal-body, .modal.modal-bottom .modal-body {
    padding: 15px
}

.modal.modal-top.fade .modal-dialog {
    top: -100%;
    -webkit-transition: opacity .3s linear,top .3s ease-out;
    -moz-transition: opacity .3s linear,top .3s ease-out;
    -o-transition: opacity .3s linear,top .3s ease-out;
    transition: opacity .3s linear,top .3s ease-out
}

.modal.modal-top.fade.show .modal-dialog {
    top: 0
}

.modal.modal-bottom.fade .modal-dialog {
    bottom: -100%;
    -webkit-transition: opacity .3s linear,bottom .3s ease-out;
    -moz-transition: opacity .3s linear,bottom .3s ease-out;
    -o-transition: opacity .3s linear,bottom .3s ease-out;
    transition: opacity .3s linear,bottom .3s ease-out
}

.modal.modal-bottom.fade.show .modal-dialog {
    bottom: 0
}

.modal.modal-bottom.fade .modal-dialog {
    bottom: -100%
}

.modal.modal-full .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: 100%;
    left: 0
}

.modal.modal-full .modal-content {
    height: 100%;
    overflow-y: auto
}

.modal.modal-full .close-modal {
    position: fixed;
    top: 0;
    right: 3rem
}

.modal-footer-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-radius: 0
}

.modal.modal-left.xs .modal-body, .modal.modal-right.xs .modal-body {
    padding: 15px
}

a.has-sub:after {
    font-family: "FontAwesome"
}

a.has-sub:after {
    content: "";
    margin-left: 1rem
}

a.has-sub[aria-expanded=true]:after {
    content: ""
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    padding: 0 .75em !important;
    margin-left: unset !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .widget_categories .input-group:not(.has-validation) > .form-floating:not(:last-child) > select, .widget_archive .input-group:not(.has-validation) > .form-floating:not(:last-child) > select, .widget_categories .input-group:not(.has-validation) > .form-floating:not(:last-child) > select, .widget_archive .input-group:not(.has-validation) > .form-floating:not(:last-child) > select, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .select2-selection, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .select2-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

@media screen and (max-width:767px) {
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
        font-weight: 600
    }
}

@media screen and (max-width:1199px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: 13px
    }
}

.grecaptcha-badge {
    display: none !important
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li#mega-menu-item-5678 ul.mega-sub-menu {
    left: auto;
    right: 100%
}

.testimonial-loop-card {
    border: 0;
    padding: 20px
}

    .testimonial-loop-card .loop-header {
        display: flex;
        flex-direction: row
    }

        .testimonial-loop-card .loop-header .loop-image {
            width: 100px;
            padding-right: .5em
        }

        .testimonial-loop-card .loop-header h6, .testimonial-loop-card .loop-header .h6 {
            width: 100%;
            margin: auto;
            color: #212815;
            font-weight: 700;
            font-size: 18px
        }

    .testimonial-loop-card .loop-body p {
        font-size: 14px;
        margin: 15px 0 10px
    }

    .testimonial-loop-card .loop-body ul {
        margin: 0
    }

        .testimonial-loop-card .loop-body ul li {
            font-weight: 600
        }

            .testimonial-loop-card .loop-body ul li a {
                font-weight: 600;
                color: #212815
            }

    .testimonial-loop-card .loop-body .course-date {
        margin-left: 30px;
        font-size: 14px
    }

.carousel-home-testimonials .card {
    padding: 20px;
    background: #ececec;
    border: 0
}

    .carousel-home-testimonials .card .testimonial-content {
        font-size: 14px;
        margin-bottom: 20px
    }

        .carousel-home-testimonials .card .testimonial-content p {
            margin: 0
        }

    .carousel-home-testimonials .card .testimonial-title {
        font-size: 13px
    }

    .carousel-home-testimonials .card .testimonial-course-title {
        font-size: 14px;
        color: var(--bs-link-color)
    }

    .carousel-home-testimonials .card .testimonial-date-venue {
        font-size: 13px
    }

#download-buttons-modal .modal-content .modal-body .form-control:not(.btn), #download-buttons-modal .modal-content .modal-body .widget_categories select:not(.btn), .widget_categories #download-buttons-modal .modal-content .modal-body select:not(.btn), #download-buttons-modal .modal-content .modal-body .widget_archive select:not(.btn), .widget_archive #download-buttons-modal .modal-content .modal-body select:not(.btn), #download-buttons-modal .modal-content .modal-body .form-select, #download-buttons-modal .modal-content .modal-body .select2-selection {
    border: none;
    border-radius: inherit;
    padding: 15px 10px;
    height: inherit;
    border-bottom: inherit
}

.footer-download-section .card {
    flex-direction: row;
    border: 1px solid #fff;
    border-radius: 0;
    background-color: transparent
}

    .footer-download-section .card h2, .footer-download-section .card .h2 {
        line-height: 14px;
        margin: 0
    }

        .footer-download-section .card h2 a, .footer-download-section .card .h2 a {
            font-size: 14px
        }

.footer-download-section .card-body {
    margin: auto
}

.footer-download-section img {
    max-height: 90px
}

.stay-tuned {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: var(--bs-secondary);
    color: #fff
}

@media (max-width:767px) {
    .stay-tuned .stay-tuned-text {
        text-align: center;
        padding-bottom: 20px
    }
}

@media (max-width:767px) {
    .stay-tuned .stay-tuned-form {
        padding-bottom: 20px
    }
}

.stay-tuned input {
    border-radius: 0;
    font-size: 14px;
    padding: 7px 12px
}

@media (max-width:767px) {
    .stay-tuned input {
        border-radius: 20px;
        margin: 0 0 5px
    }
}

.stay-tuned .nl-your-name {
    padding-right: 0
}

    .stay-tuned .nl-your-name input {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px
    }

@media (max-width:767px) {
    .stay-tuned .nl-your-name {
        padding-right: calc(var(--bs-gutter-x)*0.5)
    }
}

.stay-tuned .nl-your-email {
    padding-left: 0;
    padding-right: 0
}

@media (max-width:767px) {
    .stay-tuned .nl-your-email {
        padding-right: calc(var(--bs-gutter-x)*0.5);
        padding-left: calc(var(--bs-gutter-x)*0.5)
    }
}

.stay-tuned .nl-submit {
    padding-left: 0
}

@media (max-width:767px) {
    .stay-tuned .nl-submit {
        padding-left: calc(var(--bs-gutter-x)*0.5)
    }
}

.stay-tuned button {
    display: block;
    position: absolute;
    background: #212815;
    border: none;
    color: #fff;
    padding: 8px 21px;
    border-radius: 20px;
    font-size: 14px;
    margin: 0 -29px
}

@media (max-width:767px) {
    .stay-tuned button {
        margin: 0;
        position: unset;
        width: 100%
    }
}

.stay-tuned p {
    margin-bottom: .5rem
}

.stay-tuned .share-buttons {
    border-left: 1px solid #fff
}

@media (max-width:767px) {
    .stay-tuned .share-buttons {
        border-left: 0;
        text-align: center
    }
}

.stay-tuned ul.newsletter-social {
    padding: 0;
    margin: 0
}

    .stay-tuned ul.newsletter-social li {
        list-style: none;
        display: inline-block;
        padding: 0 7px 0 0
    }

        .stay-tuned ul.newsletter-social li a {
            font-size: 20px;
            background: var(--bs-primary);
            color: #fff;
            border-radius: 100%;
            width: 35px;
            height: 35px;
            line-height: 35px;
            display: block;
            text-align: center
        }

            .stay-tuned ul.newsletter-social li a:hover {
                text-decoration: none
            }

.bg-dark .course-title-area, .bg-dark .course-info-area {
    color: #fff
}

.single-course-header .course-title-area h2, .single-course-header .course-title-area .h2 {
    text-shadow: 2px 2px 2px #000;
    font-size: 1.1rem
}

.single-course-header .course-title-area h1, .single-course-header .course-title-area .h1 {
    text-shadow: 2px 2px 2px #000
}

@media (min-width:1200px) {
    .single-course-header .course-title-area h1, .single-course-header .course-title-area .h1 {
        font-size: 1.7rem
    }
}

@media (max-width:992px) {
    .single-course-header .course-title-area {
        text-align: center
    }

        .single-course-header .course-title-area h1, .single-course-header .course-title-area .h1 {
            margin: 30px 0
        }
}

.single-course-header .header-image {
    height: 100%
}

    .single-course-header .header-image img {
        height: 100%;
        width: 100%;
        max-height: 260px;
        object-fit: cover
    }

.single-course-header .course-info-area {
    background: var(--bs-secondary)
}

    .single-course-header .course-info-area .course-info-content {
        padding: 0 15px
    }

        .single-course-header .course-info-area .course-info-content ul {
            list-style-type: none;
            padding: 0;
            margin: 0
        }

            .single-course-header .course-info-area .course-info-content ul li {
                margin-bottom: 10px
            }

.course-breadcrumb #breadcrumbs {
    margin: 10px 0
}

div#cl-courses.row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1em;
    border: none
}

    div#cl-courses.row .col.d-flex.align-items-stretch.course-item {
        flex: 0 0 33%
    }

div#cl-courses.list-group {
    border: 1px solid #d3d3d3;
    row-gap: 0
}

    div#cl-courses.list-group i {
        display: none
    }

    div#cl-courses.list-group .course-card-format {
        display: none
    }

    div#cl-courses.list-group h2.course-title, div#cl-courses.list-group .course-title.h2 {
        height: unset
    }

        div#cl-courses.list-group h2.course-title a, div#cl-courses.list-group .course-title.h2 a {
            color: var(--blackColor)
        }

            div#cl-courses.list-group h2.course-title a:hover, div#cl-courses.list-group .course-title.h2 a:hover {
                color: var(--bs-secondary)
            }

    div#cl-courses.list-group .course-card {
        border-radius: 0 !important
    }

.contact-us-info {
    background: linear-gradient(to top,#0082cabf,#0082ca70 100%),url(/wp-content/themes/courses-listing/css-output/images/euromatech-24_7-contact-service.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff
}

    .contact-us-info .contact-us-make-call, .contact-us-info .contact-us-whatsapp {
        background: #fff;
        border-radius: 5px;
        color: initial;
        text-align: center;
        padding: 15px 5px;
        position: relative
    }

        .contact-us-info .contact-us-make-call a, .contact-us-info .contact-us-whatsapp a {
            color: var(--bs-primary)
        }

            .contact-us-info .contact-us-make-call a i, .contact-us-info .contact-us-whatsapp a i {
                font-size: 2rem
            }

.contact-info-section h4, .contact-info-section .h4 {
    color: var(--bs-primary)
}

.contact-info-section ul {
    padding: 0;
    margin: 0
}

    .contact-info-section ul li {
        list-style: none
    }

.menu-quick-search input {
    padding: 2px 10px;
    border-color: var(--bs-secondary)
}

@media (max-width:992px) {
    .menu-quick-search {
        display: none
    }
}

.accreditations-page .certificate_card .certificate_url {
    border: 0;
    height: 95px;
    background: var(--bs-secondary);
    border-radius: 5px;
    color: #fff
}

    .accreditations-page .certificate_card .certificate_url .certificate_img img {
        background: #fff;
        border-radius: 5px
    }

    .accreditations-page .certificate_card .certificate_url .certificate_title h3, .accreditations-page .certificate_card .certificate_url .certificate_title .h3 {
        color: #fff
    }

    .accreditations-page .certificate_card .certificate_url:before {
        display: none
    }

.accreditations-page h2, .accreditations-page .h2 {
    font-weight: 700;
    color: var(--bs-primary);
    margin-bottom: 20px
}

.accreditations-page .associations-section img {
    width: auto;
    max-height: 130px
}

.accreditations-page .associations-section h4, .accreditations-page .associations-section .h4 {
    color: var(--bs-secondary)
}

img.error-404 {
    max-width: 400px
}

.sidebar-popular-articles .gspw-posts .entry-title {
    margin-bottom: .5em;
    font-size: 14px
}

.find-course-sidebar {
    font-size: 14px
}

    .find-course-sidebar img {
        background: #212815;
        width: 25%;
        margin-bottom: 20px;
        padding: 8px;
        border-radius: 7px
    }

    .find-course-sidebar h6, .find-course-sidebar .h6 {
        font-weight: 700;
        color: var(--bs-secondary)
    }

.sticky-enroll-now {
    padding-top: .5em;
    padding-bottom: .5em;
    position: sticky;
    top: 4em;
    margin: auto;
    background-color: var(--bs-primary);
    box-shadow: 0px 5px 10px 0px #000;
    display: none;
    z-index: 5;
    color: #fff
}

    .sticky-enroll-now .enroll-now-title {
        text-shadow: 2px 2px 2px #000;
        font-weight: 700
    }

@media (max-width:992px) {
    .sticky-enroll-now {
        top: 5em
    }
}

.vip-series-page {
    padding-top: 3rem
}

    .vip-series-page h4, .vip-series-page .h4 {
        font-size: 36px;
        color: #8080803b;
        font-weight: 900
    }

    .vip-series-page h5, .vip-series-page .h5 {
        color: var(--bs-primary)
    }

    .vip-series-page .why-opt {
        padding-top: 3rem;
        padding-bottom: 3rem;
        background: var(--bs-primary);
        text-align: center;
        color: #fff
    }

        .vip-series-page .why-opt img {
            width: 60px;
            height: 60px
        }

        .vip-series-page .why-opt h6, .vip-series-page .why-opt .h6 {
            font-size: 12px;
            margin-top: 10px
        }

    .vip-series-page .bg-vip {
        padding-top: 3rem;
        padding-bottom: 3rem;
        color: #fff;
        background: linear-gradient(rgba(0,52,82,.7) 100%,rgba(0,52,82,.5) 100%),url(/wp-content/themes/courses-listing/css-output/images/vip-series/vip-series.jpg);
        background-size: cover;
        background-position: center
    }

@media (max-width:992px) {
    .vip-series-page h4, .vip-series-page .h4 {
        font-size: 28px
    }
}

.page-downloads .card {
    flex-direction: column;
    text-align: center
}

    .page-downloads .card img {
        max-height: 200px
    }

    .page-downloads .card h2 a, .page-downloads .card .h2 a {
        font-size: initial
    }

.careers-page {
    margin-top: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #f2f2f2
}

    .careers-page h4, .careers-page .h4 {
        margin-bottom: 2rem
    }

    .careers-page .career-loop-card h2, .careers-page .career-loop-card .h2 {
        font-size: 1.4rem;
        color: var(--bs-primary);
        margin-bottom: 20px
    }

    .careers-page .career-loop-card .career-content {
        text-align: justify;
        border-right: 1px solid #cecece
    }

    .careers-page .career-loop-card label {
        font-weight: 700
    }

    .careers-page .career-loop-card .career-posted-date, .careers-page .career-loop-card .career-location, .careers-page .career-loop-card .career-send-email {
        margin-bottom: .5rem
    }

    .careers-page .not-last-in-loop {
        border-bottom: 1px solid #cecece
    }

.float-linkedin.no-print {
    position: fixed;
    bottom: 85px;
    left: 10px;
    z-index: 99
}

@media (max-width:767px) {
    .float-linkedin.no-print {
        bottom: 160px
    }
}

@font-face {
    font-family: "b koodak";
    src: url("/wp-content/themes/courses-listing/css-output/fonts/BKoodakBold.eot?#") format("eot"),url("/wp-content/themes/courses-listing/css-output/fonts/BKoodakBold.woff") format("woff"),url("/wp-content/themes/courses-listing/css-output/fonts/BKoodakBold.ttf") format("truetype")
}

@font-face {
    font-family: "HelveticaNeueBold";
    font-weight: 700;
    src: url("../wp-content/themes/courses-listing/css-output/fonts/HelveticaNeueW23forSKY-Bd.eot") format("embedded-opentype")
    ,url("../wp-content/themes/courses-listing/css-output/fonts/HelveticaNeueW23forSKY-Bd.woff") format("woff")
    ,url("../wp-content/themes/courses-listing/css-output/fonts/HelveticaNeueW23forSKY-Bd.ttf") format("truetype")
    ,url("../wp-content/themes/courses-listing/css-output/fonts/HelveticaNeueW23forSKY-Bd.svg") format("svg")
}

@font-face {
    font-family: "HelveticaNeue";
    font-style: normal;
    font-weight: 400;
    src: url("Fonts/HelveticaNeueW23forSKY-Reg.eot?#iefix") format("embedded-opentype"),url("Fonts/HelveticaNeueW23forSKY-Reg.woff") format("woff"),url("Fonts/HelveticaNeueW23forSKY-Reg.ttf") format("truetype"),url("Fonts/HelveticaNeueW23forSKY-Reg.svg#HelveticaNeueLTArabic55Roman") format("svg")
}

@font-face {
    font-family: "Conv_AvenirLTStd-Medium";
    src: url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Medium.eot?#iefix");
    src: local("☺"),url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Medium.woff") format("woff"),url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Medium.ttf") format("truetype"),url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Medium.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "AvenirLTStd-Light";
    src: url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Light.eot") format("embedded-opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Conv_AvenirLTStd-Black";
    src: url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Black.eot?#iefix");
    src: local("☺"),url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Black.woff") format("woff"),url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Black.ttf") format("truetype"),url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Black.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Conv_AvenirLTStd-Book";
    src: url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Book.eot?#iefix");
    src: local("☺"),url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Book.woff") format("woff"),url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Book.ttf") format("truetype"),url("/wp-content/themes/courses-listing/css-output/fonts/AvenirLTStd-Book.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Lato-Black";
    src: url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Black.eot?#iefix") format("embedded-opentype"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Black.woff") format("woff"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Black.ttf") format("truetype"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Black.svg#Lato-Black") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "HelveticaNeueBold";
    src: url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Bold.woff") format("woff"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Bold.ttf") format("truetype"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Bold.svg#Lato-Bold") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "HelveticaNeue";
    src: url("../wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Light.eot?#iefix") format("embedded-opentype"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Light.woff") format("woff"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Light.ttf") format("truetype"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Light.svg#Lato-Light") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Lato-Medium";
    src: url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Medium.eot?#iefix") format("embedded-opentype"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Medium.woff") format("woff"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Medium.ttf") format("truetype"),url("/wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Medium.svg#Lato-Medium") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "HelveticaNeue";
    src: url("../wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("../wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Regular.woff") format("woff"),url("../wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Regular.ttf") format("truetype"),url("../wp-content/themes/courses-listing/css-output/fonts/lato/Lato-Regular.svg#Lato-Regular") format("svg");
    font-weight: 400;
    font-style: normal
}

#breadcrumbs-wrapper {
    text-align: left
}

@media screen and (min-width:768px) {
    #breadcrumbs-wrapper {
        margin: 0 5em
    }
}

.breadcrumbs-con {
    margin: 0 auto;
    max-width: 1124px;
    width: 100%;
    padding: 10px 0 0;
    text-align: left;
}

.breadcrumbs {
    display: inline-block;
    color: gray
}

    .breadcrumbs a {
        float: right;
        font-size: 13px;
        color: maroon;
        text-decoration: none
    }

        .breadcrumbs a:last-child {
            margin-right: 0
        }

        .breadcrumbs a.inactive {
            color: #333
        }

        .breadcrumbs a:hover {
            text-decoration: underline
        }

        .breadcrumbs a.inactive:hover {
            text-decoration: none
        }

@media screen and (max-width:930px) {
    .breadcrumbs-con {
        width: 90%
    }

    .breadcrumbs a {
        font-size: 12px;
        line-height: 17px;
        display: contents
    }
}

.hide {
    display: none !important
}

::placeholder {
    opacity: 1
}

:-ms-input-placeholder {
    opacity: 1
}

::-ms-input-placeholder {
    opacity: 1
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    padding: 0;
    margin: 0;
    background: 0 0
}

.hidden {
    text-indent: -999em;
    overflow: hidden
}

hr.hide-line {
    padding: 0;
    margin: 0;
    display: none
}

.clear {
    clear: both
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

.arabictext {
    font-family: "HelveticaNeue" !important;
    direction: rtl !important
}

    .arabictext span {
        font-style: normal !important
    }

.hide-robot {
    display: none
}

.stay {
    display: block !important
}

#loading-topic {
    display: none;
    font-size: 13px;
    color: #fff
}

.left-btn {
    text-align: right
}

    .left-btn a {
        border-radius: 2px;
        display: inline-block;
        text-align: center;
        font-size: 13px;
        color: #fff;
        background: #202020;
        padding: 7px 15px;
        text-decoration: none
    }

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

    .center-btn a {
        border-radius: 2px;
        display: inline-block;
        text-align: center;
        font-size: 13px;
        color: #fff;
        background: #202020;
        padding: 8px 15px;
        text-decoration: none
    }

#a00, #a0, #a1, #a2, #a3, #a4, #a5, #a6, #a7 {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden
}

html {
    scroll-behavior: smooth
}

.color-red {
    color: #212815 !important
}

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

.bg-red {
    background: #212815 !important
}

.bg-black {
    background: #202020 !important
}

.bg-silver {
    background: #e9e9e9 !important
}

.bg-white {
    background: #fff !important
}

.bg-classroom {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/new/Glomacs_Training.jpg)
}

.bg-online-cat {
    background: #212815;
    background: radial-gradient(circle,#212815 0%,#212815 15%,#950404 100%,#212815 100%);
    color: #fff
}

.bg-venue-wrapper {
    background: linear-gradient(to right,#e9e9e9,rgba(255,255,255,.2));
    padding: 40px 0
}

.bg-venue {
    background-color: #e9e9e9;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0 !important
}

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

.color-black {
    color: #202020 !important
}

.clearfix, .show-btn {
    display: block
}

.float-linkedin {
    position: fixed;
    bottom: 60px;
    left: 10px
}

.title_lines {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    font-size: 16px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    color: #202020;
    margin-bottom: 30px
}

    .title_lines:before, .title_lines:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 48%;
        height: 1px;
        content: " ";
        background-color: #212815;
        margin-left: 2%
    }

    .title_lines:before {
        margin-left: -50%;
        text-align: right
    }

.hide-desktop {
    display: none !important
}

.hide-desktop2 {
    display: none !important
}

.hide-btn-desktop {
    display: none !important
}

img {
    border: none
}

.row {
    width: 100%;
    display: inline-block
}

.col2 {
    width: 45%;
    margin: 0 2.5%
}

.col4 {
    width: 23%;
    margin: 0 1%;
    display: inline-block
}

.full {
    max-width: 984px !important;
    padding: 0 20px !important
}

.tRight {
    text-align: right !important
}

.tLeft {
    text-align: left !important
}

.tCenter {
    text-align: center !important
}

.mTop20 {
    margin-top: 20px !important
}

.mTopBtm20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.pTop0 {
    padding-top: 0 !important
}

.p0 {
    padding: 0 !important
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.vAlignTop {
    vertical-align: top
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

img.alignleft {
    margin: 5px 20px 5px 0
}

.wp-caption.alignleft {
    margin: 5px 10px 5px 0
}

img.alignright {
    margin: 5px 0 5px 20px
}

.wp-caption.alignright {
    margin: 5px 0 5px 10px
}

img.aligncenter {
    margin: 5px auto
}

img.alignnone {
    margin: 5px 0
}

.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
    color: #220e10;
    font-size: 18px;
    font-style: normal;
    font-weight: 300
}

img.wp-smiley, .rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.wp-caption.alignleft + ul, .wp-caption.alignleft + ol {
    list-style-position: inside
}

#content a, .courseCon a {
    color: #b6124a
}

    #content a:hover, .courseCon a:hover {
        color: red
    }

.logo-mobile {
    float: left !important;
    margin: 8px !important;
    height: 35px !important
}

.ui-widget, .ui-accordion-header {
    font-family: "Conv_AvenirLTStd-Book" !important
}

.desktopOff, #mobile-only {
    display: none !important
}

.show-btn {
    display: block !important
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #800b1d !important
}

.def-wrapper {
    width: 100%;
    margin: 0;
    padding: 0
}

.def-con {
    max-width: 1124px;
    margin: 0 auto;
    padding: 60px 0;
    display: inline-block;
    width: 100%;
    text-align: center
}

body {
    font-family: "HelveticaNeue";
    background: #fff !important;
    margin: 0;
    padding: 0;
    color: #333
}

    body p, body ul li {
        font-size: 16px;
        line-height: 24px
    }

#contactForm, #contactForm2, #contactForm3, .statusMessage {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 9999;
    text-align: left
}

#contactForm, .statusMessage, #contactForm2, #contactForm3 {
    color: #fff;
    border: 1px solid #aaa;
    background: #000;
    -moz-box-shadow: 0 0 1em rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1em rgba(0,0,0,.5);
    box-shadow: 0 0 1em rgba(0,0,0,.5);
    opacity: .95
}

    #contactForm p, .statusMessage p, #contactForm2 p, #contactForm3 p, #contactForm label, #contactForm2 label, #contactForm3 label {
        color: #fff !important
    }

#contactForm, #contactForm2, #contactForm3 {
    max-width: 40em;
    height: 38em;
    padding: 15px 20px !important;
    margin: 0 auto
}

    #contactForm p, #contactForm2 p, #contactForm3 p {
        font-size: 10px !important;
        line-height: 13px !important;
        margin: 5px 0 !important
    }

    #contactForm.positioned, #contactForm2.positioned, #contactForm3.positioned {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: auto;
        margin-bottom: auto
    }

.statusMessage {
    display: none;
    margin: auto;
    max-width: 35em;
    height: 3em;
    padding: 1.5em;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

    .statusMessage p {
        text-align: center;
        margin: 0;
        padding: 0
    }

#contactForm ul, #contactForm2 ul, #contactForm3 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

    #contactForm ul li, #contactForm2 ul li, #contactForm3 ul li {
        margin: .9em 0 0;
        padding: 0;
        list-style-type: none
    }

#contactForm input, #contactForm label, #contactForm2 input, #contactForm2 label, #contactForm3 input, #contactForm3 label {
    line-height: 1em
}

    #contactForm input[type=text], #contactForm2 input[type=text], #contactForm3 input[type=text] {
        width: 100%;
        color: #000 !important
    }

    #contactForm input[type=email], #contactForm2 input[type=email], #contactForm3 input[type=email] {
        width: 100%;
        color: #000 !important
    }

#contactForm *:focus, #contactForm2 *:focus, #contactForm3 *:focus {
    border: 1px solid #66f;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

#contactForm #input:valid, textarea:valid, #contactForm2 #input:valid, #contactForm3 #input:valid {
    background: #f7f7f7
}

#contactForm .wideBox, #contactForm2 .wideBox, #contactForm3 .wideBox {
    clear: both;
    text-align: center;
    margin: 70px;
    padding: 10px;
    background: #ebedf2;
    border: 1px solid #333
}

    #contactForm .wideBox h1, #contactForm .wideBox .h1, #contactForm2 .wideBox h1, #contactForm2 .wideBox .h1, #contactForm3 .wideBox h1, #contactForm3 .wideBox .h1 {
        font-weight: 700;
        margin: 20px;
        color: #666;
        font-size: 1.5em
    }

.widget ul li {
    margin: 5px 0
}

    .widget ul li a {
        text-decoration: none;
        color: #c10000;
        font-size: 12px
    }

        .widget ul li a:hover {
            text-decoration: underline
        }

.entry-meta {
    margin: 20px 0;
    color: #666
}

.assistive-text, .site .screen-reader-text {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px)
}

.main-navigation .assistive-text:focus {
    background: #fff;
    border: 2px solid #333;
    border-radius: 3px;
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 12px;
    padding: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 100000
}

.comments-title {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5;
    font-weight: 400
}

.comments-area article {
    margin: 24px 0;
    margin: 1.714285714rem 0
}

    .comments-area article header {
        margin: 0 0 20px;
        overflow: hidden;
        position: relative
    }

        .comments-area article header img {
            float: left;
            padding: 0;
            line-height: 0
        }

        .comments-area article header cite, .comments-area article header time {
            display: block;
            margin-left: 85px;
            margin-left: 6.071428571rem
        }

        .comments-area article header cite {
            font-style: normal;
            font-size: 15px;
            font-size: 1.071428571rem;
            line-height: 1.42857143
        }

.comments-area cite b {
    font-weight: 400
}

.comments-area article header time {
    line-height: 1.714285714;
    text-decoration: none;
    font-size: 12px;
    font-size: .857142857rem;
    color: #5e5e5e
}

.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e
}

    .comments-area article header a:hover {
        color: #21759b
    }

.comments-area article header cite a {
    color: #444
}

    .comments-area article header cite a:hover {
        text-decoration: underline
    }

.comments-area article header h4, .comments-area article header .h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    padding: .428571429rem .857142857rem;
    font-size: 12px;
    font-size: .857142857rem;
    font-weight: 400;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#009cee,#0088d0);
    background-image: -ms-linear-gradient(top,#009cee,#0088d0);
    background-image: -webkit-linear-gradient(top,#009cee,#0088d0);
    background-image: -o-linear-gradient(top,#009cee,#0088d0);
    background-image: linear-gradient(top,#009cee,#0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd
}

.comments-area .bypostauthor cite span {
    position: absolute;
    margin-left: 5px;
    margin-left: .357142857rem;
    padding: 2px 5px;
    padding: .142857143rem .357142857rem;
    font-size: 10px;
    font-size: .714285714rem
}

.comments-area .bypostauthor cite b {
    font-weight: 700
}

a.comment-reply-link, a.comment-edit-link {
    color: #686868;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846
}

    a.comment-reply-link:hover, a.comment-edit-link:hover {
        color: #21759b
    }

.commentlist .pingback {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.commentlist {
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    padding: 20px 10px
}

    .commentlist #respond {
        margin-top: 30px
    }

#respond h3#reply-title, #respond #reply-title.h3 {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5
}

    #respond h3#reply-title #cancel-comment-reply-link, #respond #reply-title.h3 #cancel-comment-reply-link {
        margin-left: 10px;
        margin-left: .714285714rem;
        font-weight: 400;
        font-size: 12px;
        font-size: .857142857rem
    }

#respond form {
    margin: 24px 0;
    margin: 20px 0
}

    #respond form p {
        margin: 11px 0;
        margin: .785714286rem 0
    }

        #respond form p.logged-in-as {
            margin-bottom: 24px;
            margin-bottom: 1.714285714rem
        }

    #respond form label {
        display: block;
        line-height: 1.714285714
    }

    #respond form input[type=text], #respond form textarea {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 12px;
        font-size: .857142857rem;
        line-height: 1.714285714;
        padding: 10px;
        padding: .714285714rem;
        width: 100%
    }

    #respond form p.form-allowed-tags {
        margin: 0;
        font-size: 12px;
        font-size: .857142857rem;
        line-height: 2;
        color: #5e5e5e
    }

.required {
    color: red
}

.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden
}

#nav-above {
    padding: 24px 0;
    padding: 1.714285714rem 0
}

#nav-above {
    display: none
}

.paged #nav-above {
    display: block
}

.nav-previous, .previous-image {
    float: left;
    width: 50%;
    font-size: 12px;
    padding-top: 10px
}

.nav-next, .next-image {
    float: right;
    text-align: right;
    width: 50%;
    font-size: 12px;
    padding-top: 10px
}

.nav-single + .comments-area, #comment-nav-above {
    margin: 48px 0;
    margin: 3.428571429rem 0
}

.author .archive-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.author-info {
    border-top: 1px solid #ededed;
    margin: 24px 0;
    margin: 1.714285714rem 0;
    padding-top: 24px;
    padding-top: 1.714285714rem;
    overflow: hidden
}

.author-description p {
    color: #757575;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846
}

.author.archive .author-info {
    border-top: 0;
    margin: 0 0 48px;
    margin: 0 0 3.428571429rem
}

.author.archive .author-avatar {
    margin-top: 0
}

.pagination {
    font-size: 13px
}

    .pagination a, .pagination span {
        margin: 0 2px;
        background: #ccc;
        padding: 3px
    }

    .pagination .current {
        background: #000;
        padding: 3px
    }

    .pagination .next1, .pagination .prev1 {
        background: 0 0 !important;
        margin: 0 2px
    }

.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
    color: #fff !important;
    text-decoration: none
}

.navigation li {
    display: inline
}

    .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
        background-color: #000;
        border-radius: 3px;
        cursor: pointer;
        padding: 8px
    }

        .navigation li a:hover, .navigation li.active a {
            background-color: #888
        }

#webinar-wrapper {
    text-align: center;
    background: #fefefe
}

#webinar-wrapper-inside {
    text-align: center;
    background: #fff
}

.webinar-con {
    margin: 0 auto;
    padding: 10px 10px 30px;
    text-align: center;
    max-width: 1024px;
    width: 100%;
    display: inline-block
}

    .webinar-con .webinar-box {
        vertical-align: top;
        margin: 0 10px 30px;
        width: 300px;
        padding: 0;
        display: inline-block
    }

        .webinar-con .webinar-box .webinar-image {
            background-image: url(/wp-content/themes/courses-listing/css-output/images/reasons/online-1.jpg);
            position: relative;
            width: 100%;
            height: 150px;
            display: block;
            background-size: cover
        }

.webinar-image .online-icon {
    position: absolute;
    left: 15px;
    bottom: 35px
}

.webinar-image .web-type {
    position: absolute;
    background: #fff;
    left: 15px;
    bottom: 70px;
    padding: 5px 10px;
    font-size: 14px;
    color: #000;
    width: -moz-fit-content
}

.webinar-image .web-duration {
    position: absolute;
    background: #fff;
    left: 15px;
    bottom: 30px;
    padding: 5px 10px;
    font-size: 14px;
    color: #000;
    width: -moz-fit-content
}

.webinar-con .webinarcontent {
    min-height: 210px;
    margin: -30px 15px 0;
    background: #fff;
    padding: 20px 10px 10px;
    position: relative;
    z-index: 9;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1)
}

.webinar-title {
    color: #ec1c2d;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: auto;
    padding: 0 0 10px;
    min-height: 50px
}

.webinar-acc-logo {
    text-align: center;
    margin-bottom: 15px
}

.webinar-certified {
    min-height: 270px !important
}

.webinar-acc-logo img {
    display: inline-block;
    height: 40px;
    margin: 0 5px
}

.webinarcontent .moreBtn {
    position: absolute;
    position: absolute;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0;
    width: 130px
}

.webinar-con .webinar-box .webinar-presenter {
    margin: 0 0 10px;
    font-size: 14px
}

.webinar-con .webinar-box .webinar-date {
    margin: 5px 0;
    font-size: 13px;
    color: #000;
    font-weight: 700
}

.webinar-con .webinar-box .webinar-timing {
    margin: 0 0 5px;
    font-size: 13px;
    color: #666
}

.webinar-con .webinar-box .webinar-fee {
    margin: 0;
    font-size: 13px;
    color: #666;
    font-weight: 400
}

.webinar-con .webinar-box .webin ar-desc {
    font-size: 13px;
    line-height: 23px;
    color: #777
}

.webinar-con a {
    margin: 20px 15px !important
}

.webinar-con h2, .webinar-con .h2 {
    color: #ec1c2d;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 25px 15px
}

.webinar-con-inside {
    margin: 0 auto;
    padding: 30px 10px 30px;
    text-align: left;
    max-width: 1024px;
    width: 100%;
    display: inline-block
}

.left-webinar {
    width: 58%;
    float: left;
    margin-right: 2%
}

.left-webinar-text {
    font-size: 13px;
    line-height: 21px;
    margin: 25px 0
}

.left-webinar .formBox {
    width: 100%;
    padding: 0;
    background: #eee
}

    .left-webinar .formBox input[type=text] {
        width: 98%;
        padding: 5px 1%;
        border: 1px solid #eee;
        color: #333
    }

    .left-webinar .formBox select {
        width: 100%;
        padding: 8px 0;
        margin-bottom: 10px;
        border: 1px solid #eee;
        color: #888;
        height: inherit !important
    }

.right-webinar {
    width: 36%;
    float: right;
    padding: 10px 2%;
    background: #eee
}

    .right-webinar .photo-con {
        margin: 10px;
        text-align: center
    }

        .right-webinar .photo-con img {
            height: 100px
        }

    .right-webinar h2, .right-webinar .h2 {
        font-size: 20px !important;
        margin: 10px 0 !important;
        text-align: center !important
    }

    .right-webinar p {
        font-size: 12px;
        line-height: 17px
    }

.webinar-con-inside h2, .webinar-con-inside .h2 {
    border-bottom: 1px solid #e30000;
    font-size: 21px;
    padding-bottom: 10px;
    font-weight: 500;
    color: #e30000;
    margin-bottom: 15px
}

.webinar-con-inside h3, .webinar-con-inside .h3 {
    font-size: 14px;
    margin-bottom: 10px
}

.noti {
    text-align: center;
    padding: 20px;
    color: red;
    background: #eee;
    border: 1px solid silver;
    border-radius: 10px
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.moreBtn {
    display: inline-block;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 8px 12px;
    text-decoration: none !important
}

    .moreBtn:hover {
        text-decoration: none;
        background: #ec1c2d;
        color: #fff
    }

.pagnation {
    margin-bottom: 30px
}

.controls a {
    padding: 3px;
    border: 1px solid gray;
    margin: 3px !important;
    color: #000;
    text-decoration: none;
    cursor: pointer
}

    .controls a.active {
        background: maroon;
        color: #fff !important
    }

.moreBtn5 {
    display: inline-block;
    background: #bf0000;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 8px 12px;
    text-decoration: none !important
}

.default-top-margin {
    margin-top: 40px !important
}

.default-container {
    max-width: 1124px;
    margin: 0 auto 40px;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: center
}

.default-tagline {
    margin-top: 0;
    line-height: inherit !important;
    font-size: 35px !important;
    font-family: "HelveticaNeue";
    color: #222
}

.default-btn-red {
    display: inline-block;
    font-size: 15px;
    background: #212815;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px
}

.default-btn-black {
    display: inline-block;
    font-size: 15px;
    background: #000;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px
}

    .default-btn-red .fa, .default-btn-black .fa {
        margin-left: 10px
    }

#venue-box-wrapper {
    background: #f4f4f4
}

.venue-box-con {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 30px 0;
    width: 100%;
    text-align: center
}

.venue-box {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    margin: 10px 5px 30px;
    text-align: left
}

.venue-box-img {
    background-size: cover;
    width: 200px;
    height: 144px;
    background-position: center center
}

.venue-box-text {
    font-size: 15px;
    margin: 20px 0;
    min-height: 40px
}

.venue-box-link {
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #2a2a2a;
    padding: 8px 15px;
    border-radius: 5px
}

    .venue-box-link:hover {
        background: #212815
    }

.filter-con {
    max-width: 900px;
    margin: 0 auto;
    display: inline-block;
    padding: 65px 0 50px;
    width: 100%;
    text-align: center
}

.filter-text {
    margin-bottom: 30px;
    font-size: 25px;
    font-family: "HelveticaNeue";
    color: #666
}

.filter-btn a {
    display: inline-block;
    text-align: left;
    border-radius: 2px;
    background: #212815;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    padding: 10px 15px;
    text-decoration: none;
    min-width: 180px
}

    .filter-btn a .fa {
        float: right
    }

#default-wrapper {
    padding: 40px 0
}

.center-title {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: center
}

    .center-title h3, .center-title .h3 {
        color: #202020;
        font-size: 25px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .center-title h3 span, .center-title .h3 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

    .center-title p {
        font-size: 16px;
        font-family: "HelveticaNeue";
        color: #686868
    }

.left-title {
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: right
}

    .left-title h3, .left-title .h3 {
        color: #202020;
        font-size: 25px;
        line-height: 30px;
        font-family: "HelveticaNeueBold";
        position: relative;
        text-align: center;
        direction: ltr;
    }

        .left-title h3 span, .left-title .h3 span {
            color: #000
        }

.sub-phrase {
    font-size: 16px;
    text-align: center;
    direction: ltr;
}

.sub-phrase-action {
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.outline-con {
    display: inline-block
}

@media screen and (max-width:768px) {
    .outline-con {
        display: flex;
        flex-direction: column-reverse
    }
}

.n-section-title {
    display: inline-block;
    font-size: 20px;
    font-style: normal;
    font-family: "HelveticaNeue";
    margin: 35px 0 0;
    width: 100%
}

.icon-bg {
    color: #fff !important;
    font-size: 15px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #212815;
    margin-right: 10px;
    min-width: 12px;
    text-align: center
}

.w-border {
    border: 1px solid #c2c2c2
}

.multiple-col {
    display: inline-block
}

    .multiple-col h2, .multiple-col .h2 {
        margin-bottom: 20px
    }

.col-50 {
    width: 50%;
    float: right
}

.outline-left {
    float: left;
    width: 75.5%
}

.outline-text {
    padding: 30px 5%
}

.outline-row {
    border-top: 1px solid #212815;
    padding: 30px 0 20px
}

    .outline-row:first-child {
        border: none;
        padding-top: 0
    }

.outline-text h2, .outline-text .h2 {
    text-align: left;
    font-size: 15px;
    font-family: "HelveticaNeueBold";
    text-transform: uppercase;
    color: #555
}

.outline-right {
    float: left;
    width: 22%;
    margin-left: 2.5%
}

@media screen and (min-width:768px) {
    .outline-right.sticky {
        position: sticky;
        top: 5em
    }
}

.side-btn {
    padding: 20px 0
}

.side-btn-row button {
    font-size: 14px;
    margin-bottom: 15px;
    border-radius: 5px;
    background: #2a2a2a;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    text-align: left;
    display: block;
    border: none;
    width: 100%
}

.side-btn-red button {
    background: #212815;
    text-align:left;
}

.side-btn-row button .fa {
    float: right
}

.side-pdf {
    background: #e9e9e9;
    padding: 20px
}

.side-pdf-left {
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

    .side-pdf-left img {
        width: 95px;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.75);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.75);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,.75)
    }

.side-pdf-right {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-left: 5px
}

.dl-text {
    font-size: 13px;
    color: #2a2a2a
}

.side-pdf-right button {
    margin-top: 10px;
    padding: 5px 8px;
    font-size: italic;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    text-align: left;
    background: #2a2a2a
}

    .side-pdf-right button .fa {
        text-align: right;
        margin-left: 5px;
        border-radius: 5px
    }

.ol-black {
    background-color: #000 !important
}

.mTop0 {
    margin-top: 0 !important
}

.mBottom0 {
    margin-top: 0 !important
}

.pBottom0 {
    padding-bottom: 0 !important
}

#loading {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999999;
    background-color: rgba(255,255,255,.7);
    display: none
}

.post-related {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0
}

    .post-related dl {
        margin: 0;
        padding: 0;
        display: inline-block
    }

        .post-related dl dd {
            float: left;
            margin: 10px 15px;
            text-align: center;
            width: 200px;
            line-height: 14px;
            min-height: 230px
        }

            .post-related dl dd img {
                width: 200px;
                height: 150px;
                border: 1px solid #999
            }

            .post-related dl dd a {
                text-decoration: none;
                font-size: 11px
            }

.certificate-con {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center
}

.certificate-box {
    display: inline-block;
    width: 30%;
    margin: 10px;
    vertical-align: text-top
}

.box4 {
    width: 20%
}

.certificate-logo, .certificate-logo2 {
    border: 1px solid #b7b7b7;
    text-align: center
}

    .certificate-logo img, .no-image {
        margin: 5% 0;
        height: 80px;
        line-height: 80px
    }

.certificate-logo2 {
    height: 80px;
    display: flex;
    align-items: center;
    text-align: center
}

    .certificate-logo2 img {
        margin: 10px auto;
        width: 200px
    }

.certificate-title {
    text-align: left;
    margin: 30px 0 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "HelveticaNeue";
    color: #000
}

.certificate-text {
    text-align: left
}

    .certificate-text p {
        font-size: 12px !important;
        line-height: 19px !important
    }

.certificate-btn {
    text-align: left
}

.company-logo {
    display: block;
    margin: 20px 0 0;
    text-align: center
}

    .company-logo a {
        display: inline-block !important;
        margin: 10px !important
    }

.ietc-page {
    background: url(/wp-content/themes/courses-listing/css-output/images/banners/ietc.jpg) center center no-repeat !important;
    background-size: cover
}

.petro-page {
    background: url(/wp-content/themes/courses-listing/css-output/images/banners/petroknowledge.jpg) center center no-repeat !important;
    background-size: cover
}

.webinar-bg {
    background: url(/wp-content/themes/courses-listing/css-output/images/banners/webinar.jpg) center center no-repeat !important;
    background-size: cover
}

.webinar-bg2 {
    background: url(/wp-content/themes/courses-listing/css-output/images/banners/Distant-Learning.jpg) center center no-repeat !important;
    background-size: cover
}

.sectors-div {
    padding: 0;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    text-align: center
}

    .sectors-div h2, .sectors-div .h2 {
        text-align: center;
        margin: 30px 0
    }

    .sectors-div .sectors-con {
        display: inline-block;
        width: 300px;
        height: 250px;
        text-align: center;
        vertical-align: top;
        border-radius: 2px;
        margin: 10px 0
    }

    .sectors-div a {
        width: 280px;
        height: 210px;
        display: block;
        text-decoration: none;
        padding: 20px 10px;
        border-radius: 2px
    }

    .sectors-div .box-up {
        background: url(/wp-content/themes/courses-listing/css-output/images/box-bg/home/Business.jpg) center no-repeat;
        background-size: cover
    }

    .sectors-div .box-mid {
        background: url(/wp-content/themes/courses-listing/css-output/images/box-bg/home/Technical.jpg) center no-repeat;
        background-size: cover;
        margin-left: 20px;
        margin-right: 20px
    }

    .sectors-div .box-down {
        background: url(/wp-content/themes/courses-listing/css-output/images/box-bg/home/Certificate.jpg) center no-repeat;
        background-size: cover
    }

    .sectors-div .box-up2 {
        background: url(/wp-content/themes/courses-listing/css-output/images/box-bg/home/Upstream.jpg) center no-repeat;
        background-size: cover
    }

    .sectors-div .box-mid2 {
        background: url(/wp-content/themes/courses-listing/css-output/images/box-bg/home/Midstream.jpg) center no-repeat;
        background-size: cover;
        margin-left: 20px;
        margin-right: 20px
    }

    .sectors-div .box-down2 {
        background: url(/wp-content/themes/courses-listing/css-output/images/box-bg/home/Downstream.jpg) center no-repeat;
        background-size: cover
    }

    .sectors-div .box-up a {
        background: rgba(0,0,0,.7) none repeat scroll 0 0
    }

    .sectors-div .box-mid a {
        background: rgba(235,0,41,.7) none repeat scroll 0 0
    }

    .sectors-div .box-down a {
        background: rgba(34,34,34,.7) none repeat scroll 0 0
    }

    .sectors-div .box-up a:hover {
        background: rgba(0,0,0,.9) none repeat scroll 0 0
    }

    .sectors-div .box-mid a:hover {
        background: rgba(235,0,41,.9) none repeat scroll 0 0
    }

    .sectors-div .box-down a:hover {
        background: rgba(34,34,34,.9) none repeat scroll 0 0
    }

    .sectors-div .box-up2 a {
        background: rgba(0,0,0,.7) none repeat scroll 0 0
    }

    .sectors-div .box-mid2 a {
        background: rgba(235,0,41,.7) none repeat scroll 0 0
    }

    .sectors-div .box-down2 a {
        background: rgba(34,34,34,.7) none repeat scroll 0 0
    }

    .sectors-div .box-up2 a:hover {
        background: rgba(0,0,0,.9) none repeat scroll 0 0
    }

    .sectors-div .box-mid2 a:hover {
        background: rgba(235,0,41,.9) none repeat scroll 0 0
    }

    .sectors-div .box-down2 a:hover {
        background: rgba(34,34,34,.9) none repeat scroll 0 0
    }

    .sectors-div .sectors-con .sector-title {
        color: #fff;
        font-size: 30px;
        font-family: "Conv_AvenirLTStd-Black";
        margin: 30px 10px 10px;
        display: inline-block;
        text-shadow: 0 0 5px rgba(0,0,0,.5)
    }

    .sectors-div .sectors-con .sector-subtitle {
        color: #fff;
        font-size: 18px;
        margin-bottom: 20px;
        display: inline-block
    }

    .sectors-div .sectors-con .sector-btn {
        color: #eee;
        border: 1px solid #eee;
        padding: 8px 10px;
        font-size: 13px;
        margin: 10px auto 0;
        width: 140px
    }

#jobContent, #applyForm {
    display: none
}

    #jobContent table {
        width: 100%;
        border-collapse: collapse;
        font-size: 13px
    }

        #jobContent table td {
            border-bottom: 2px solid silver;
            padding: 8px 10px
        }

        #jobContent table th {
            border-bottom: 2px solid #bf0000;
            font-weight: 600;
            padding: 8px 10px
        }

        #jobContent table th {
            font-weight: 700
        }

    #jobContent a {
        font-size: 13px
    }

.contact-add-con {
    margin: 0 auto;
    display: inline-block;
    padding: 0 0 30px;
    width: 100%;
    text-align: center
}

    .contact-add-con h2, .contact-add-con .h2 {
        color: #212815;
        text-align: left;
        font-size: 36px;
        position: relative;
        margin: 0 0 30px
    }

        .contact-add-con h2 span, .contact-add-con .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

.contact-add-box {
    display: inline-block;
    margin: 5px;
    text-align: right;
    width: 32%;
    vertical-align: top
}

    .contact-add-box h4, .contact-add-box .h4 {
        font-family: "HelveticaNeue";
        font-style: normal;
        font-size: 19px
    }

.contact-box-details {
    border: 1px solid #686868;
    padding: 10px;
    min-height: 210px;
    text-align:left;
}

.contact-add-box h4 .fa, .contact-add-box .h4 .fa {
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    background: #212815;
    margin-left: 15px
}

.contact-add-box a {
    color: #212815;
    text-decoration: none
}

.bg-single-blog {
    background-size: cover;
    background-position: center;
    height: 270px !important;
    padding: 0 !important
}

.articles-con {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff
}

.archive.category .row.d-flex {
    flex-direction: column-reverse
}

.articles-box {
    width: 30%;
    margin: 10px;
    display: inline-block;
    height: 240px;
    vertical-align: bottom;
    text-align: left;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    position: relative
}

@media screen and (max-width:991px) {
    .articles-box {
        margin: 2px 0
    }
}

.articles-con .tint {
    padding: 0 15px 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7) !important
}

.articles-title {
    font-size: 18px;
    min-height: 60px;
    width: 100%
}

.articles-date {
    font-size: 13px;
    color: #eee;
    position: absolute;
    border-bottom: 30px;
    bottom: 70px;
    left: 15px
}

.articles-text {
    color: #fff;
    min-height: 90px
}

    .articles-text p {
        line-height: 14px !important;
        color: #fff !important;
        font-size: 10px !important
    }

    .articles-text a {
        color: #fff;
        text-decoration: none
    }

.articles-btn {
    position: absolute;
    bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: block;
    text-decoration: none;
    background: #fff;
    padding: 7px 10px;
    font-family: "HelveticaNeue";
    font-size: 13px;
    font-style: normal;
    cursor: pointer;
    color: #686868;
    border-radius: 2px;
    width: 80%;
    max-width: 200px;
    text-align: left
}

.select2-results__option {
    text-align: right
}

form.wpcf7-form {
    direction: rtl
}

.articles-btn .fa {
    float: right
}

.side-articles {
    background: #e9e9e9;
    margin-bottom: 30px;
    text-align: right
}

span.wpcf7-form-control-wrap[data-name=course-code] {
    width: 50%
}

.side-articles h3, .side-articles .h3 {
    background: #493f3f;
    text-align: right;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
    font-style: normal;
    font-family: "HelveticaNeue"
}

.side-articles ul {
    margin-right: 15px
}

.n-content-right .entry-header {
    margin-bottom: 30px
}

.n-content-right .nav-single a {
    text-decoration: none;
    color: #212815
}

.downloads-con-row {
    display: inline-block
}

    .downloads-con-row ul {
        display: inline-block;
        margin: 0;
        padding: 0
    }

        .downloads-con-row ul li {
            list-style-type: none;
            float: left;
            width: 140px;
            margin: 20px 10px;
            padding: 0
        }

.download-image {
    margin-bottom: 10px;
    height: 180px
}

.downloads-con-row ul li img {
    width: 140px;
    height: 180px
}

.testimonial-con {
    margin: 20px 0;
    padding: 0;
    width: 100%
}

.m-testi-header {
    font-size: 37px;
    font-family: "HelveticaNeue";
    color: #686868;
    font-style: normal;
    margin-bottom: 30px
}

    .m-testi-header strong {
        font-family: "HelveticaNeueBold";
        color: #212815;
        font-style: normal;
        font-size: 45px
    }

.m-testi-wrapper-face {
    margin: 20px 0 30px;
    padding: 0 0 0 60px;
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/icon-testi-4.png);
    background-position: top left;
    background-repeat: no-repeat
}

.m-testi-wrapper-qt {
    padding: 0 60px 0 0;
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/icon-testi-5.png);
    background-position: bottom right;
    background-repeat: no-repeat
}

.m-testi-name {
    font-size: 16px;
    font-family: "HelveticaNeueBold";
    color: #000;
    font-weight: 600
}

.m-testi-title a {
    text-decoration: none;
    color: #212815;
    font-size: 12px
}

.m-testi-date {
    text-decoration: none;
    color: gray;
    font-size: 12px
}

.m-testi-text {
    font-size: 13px
}

.m-testi-wrapper-qt .list-unstyled {
    padding-right: 0
}

.mconbg-red {
    background: linear-gradient(to right,#212815 84%,#fff 84%)
}

    .mconbg-red p {
        color: #fff !important
    }

.mconbg-silver {
    background: linear-gradient(to left,#e9e9e9 84%,#fff 84%)
}

.mconbg-silver2 {
    background: linear-gradient(to left,#e9e9e9 84%,#fff 84%)
}

.photoG {
    display: block;
    text-align: center;
    margin: 20px 0
}

    .photoG dd {
        display: inline-block;
        vertical-align: middle;
        margin: 8px auto;
        width: 137px;
        height: 86px
    }

.ol-mconleft {
    width: 100%;
    display: inline-block;
    vertical-align: text-top
}

.ol-mconleft-left {
    float: right;
    width: 60%;
    text-align: right;
    color: #fff;
    padding: 5%
}

    .ol-mconleft-left h2, .ol-mconleft-left .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-mconleft-left h2 span, .ol-mconleft-left .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            margin-left: 50px;
            font-style: normal;
            font-weight: 400
        }

    .ol-mconleft-left p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-mconleft-right {
    float: left;
    width: 40%;
    padding: 2% 0
}

    .ol-mconleft-right img {
        width: 100%;
        max-height: 30em;
        object-fit: contain;
        position: relative
    }

.ol-mconright {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-mconright-left {
    float: left;
    width: 40%;
    padding: 8% 0
}

.ol-mconright-right {
    float: right;
    width: 40%;
    text-align: left;
    color: #fff;
    padding: 8% 10%
}

    .ol-mconright-right h2, .ol-mconright-right .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-mconright-right h2 span, .ol-mconright-right .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

    .ol-mconright-right p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-mconright-left img {
    width: 100%;
    max-height: 380px
}

.ol-mcon-center {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: center
}

.reason-con {
    margin: 30px 0 8%;
    padding: 0;
    width: 100%;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    display: flex;
    align-items: center;
    align-content: center
}

.reason-box {
    display: inline-block;
    margin: 10px;
    max-width: 170px;
    max-height: 170px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.reason-con a {
    background: rgba(35,35,35,.4);
    display: block;
    width: 150px;
    height: 150px;
    padding: 10px;
    text-decoration: none;
    color: #fff
}

    .reason-con a h3, .reason-con a .h3 {
        margin-top: 35%;
        font-size: 12px;
        text-transform: uppercase
    }

.ol-mconeq {
    max-width: 1124px;
    margin: 40px auto 30px;
    width: 100%
}

.ol-mconeq-left {
    display: inline-block;
    width: 45%;
    text-align: right;
    color: #fff;
    vertical-align: middle;
    margin-right: 5%
}

    .ol-mconeq-left h2, .ol-mconeq-left .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-mconeq-left h2 span, .ol-mconeq-left .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            margin-left: 50px;
            font-style: normal;
            font-weight: 400
        }

    .ol-mconeq-left p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-mconeq-right {
    display: inline-block;
    width: 44%;
    text-align: left;
    color: #fff;
    vertical-align: middle;
    margin-left: 5%
}

    .ol-mconeq-right .img-con {
        width: 99%;
        border: 1px solid #ddd;
        text-align: center;
        padding: 20px 0
    }

    .ol-mconeq-right img {
        height: 100%;
        max-height: 290px;
        font-style: normal;
        font-family: "HelveticaNeue"
    }

#ol-breaker-wrapper {
    background: linear-gradient(to left,#e9e9e9 84%,#fff 84%);
    margin: 60px 0
}

.ol-breaker-con {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 60px 0;
    width: 100%;
    text-align: left
}

    .ol-breaker-con h2, .ol-breaker-con .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative;
        text-align: right
    }

        .ol-breaker-con h2 span, .ol-breaker-con .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

.ol-breaker-left {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    margin-right: 2%
}

.ol-breaker-right {
    display: inline-block;
    width: 75%;
    vertical-align: middle;
    margin-left: 2%
}

.ol-inhouse-con {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 60px 0;
    width: 100%;
    text-align: left
}

    .ol-inhouse-con h2, .ol-inhouse-con .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-inhouse-con h2 span, .ol-inhouse-con .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            margin-left: 50px;
            font-style: normal;
            font-weight: 400
        }

.inhouse-reason {
    width: 100%;
    display: inline-block;
    margin-top: 30px
}

.inhouse-box {
    width: 22%;
    float: left
}

.ol-btn-white {
    cursor: pointer;
    text-decoration: none;
    background-color: #fff;
    color: #212815 !important;
    font-style: normal;
    font-size: 14px;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 20px 0
}

    .ol-btn-white .fa, .ol-btn-red .fa {
        margin-left: 10px
    }

.ol-btn-black .fa {
    margin-left: 10px
}

.ol-btn-red {
    cursor: pointer;
    text-decoration: none;
    background-color: #212815;
    color: #fff !important;
    font-size: 14px;
    display: inline-block;
    padding: 10px 10px 10px 15px;
    border-radius: 5px;
    margin: 20px 0
}

.ol-btn-black {
    cursor: pointer;
    text-decoration: none;
    background-color: #000;
    color: #fff !important;
    font-size: 14px;
    display: inline-block;
    padding: 10px 10px 10px 15px;
    border-radius: 5px;
    margin: 20px 0
}

.ol-btn-white {
    cursor: pointer;
    text-decoration: none;
    background-color: #fff;
    color: #333 !important;
    font-size: 14px;
    display: inline-block;
    padding: 10px 10px 10px 15px;
    border-radius: 5px;
    margin: 20px 0
}

.ol-btn-white-ar {
    cursor: pointer;
    text-decoration: none;
    background-color: #fff;
    color: #212815 !important;
    font-size: 14px;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 20px 0
}

    .ol-btn-white-ar .fa {
        margin-right: 15px
    }

.multi-btn a {
    display: inline-block;
    font-size: 11px;
    color: #fff !important;
    background: #212815;
    padding: 7px 10px;
    margin: 5px;
    border-radius: 5px
}

.ol-top {
    margin: 0;
    padding: 0
}

    .ol-top img {
        height: 30px
    }

    .ol-top a {
        display: block;
        padding: 5px 0
    }

#ol-wrapper-main {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/banners/home.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.ol-m-filter-con {
    position: relative;
    vertical-align: bottom;
    max-width: 900px;
    margin: 0 auto;
    display: inline-block;
    padding: 40px 0;
    width: 100%;
    text-align: center
}

.ol-m-filter-con-left {
    margin: 0 15px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    color: #fff;
    font-style: normal;
    font-family: "HelveticaNeue"
}

.ol-m-filter-con-right {
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle
}

    .ol-m-filter-con-right a {
        display: inline-block;
        font-size: 16px;
        background: #212815;
        color: #fff;
        font-style: normal;
        padding: 13px 20px;
        text-decoration: none;
        border-radius: 3px
    }

        .ol-m-filter-con-right a .fa {
            margin-left: 50px
        }

#ol-numbers-wrapper {
    margin: 0;
    padding: 0
}

.ol-numbers {
    margin: 0 auto;
    max-width: 1400px
}

.ol-numbers-con {
    background: url(/wp-content/themes/courses-listing/css-output/images/main-page/bg-logos.png) #212815 repeat;
    max-width: 900px;
    margin: 0;
    padding: 30px 30px 30px 15%;
    color: #fff
}

.ol-numbers-box {
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    margin: 0 25px
}

.ol-numbers-no {
    margin-bottom: 10px
}

.ol-numbers-no-plus {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px
}

.ol-numbers-no-no {
    display: inline-block;
    vertical-align: middle;
    font-size: 55px;
    line-height: 55px
}

.ol-nubmers-text {
    font-size: 20px;
    font-style: normal;
    margin-bottom: 10px
}

.ol-numbers-link a {
    text-decoration: none;
    background-color: #fff;
    color: #333;
    font-style: normal;
    font-size: 13px;
    display: inline-block;
    padding: 10px;
    border-radius: 5px
}

    .ol-numbers-link a .fa {
        margin-left: 10px
    }

#ol-title-v1 {
    margin: 0;
    padding: 0
}

.ol-title-v1-con {
    display: inline-block;
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 0 20px;
    text-align: center;
    width: 100%
}

.ol-title-v1-left, .ol-title-v1-right {
    width: 45%;
    vertical-align: middle
}

.ol-title-v1-right {
    float: right
}

.ol-title-v1-left {
    float: left
}

.ol-title-v1-right {
    margin-left: 5%
}

.ol-title-v1-con h3, .ol-title-v1-con .h3 {
    color: #212815;
    font-size: 36px;
    line-height: 36px;
    font-family: "HelveticaNeueBold";
    position: relative
}

    .ol-title-v1-con h3 span, .ol-title-v1-con .h3 span {
        font-family: "HelveticaNeue";
        color: #686868;
        font-style: normal;
        font-weight: 400
    }

.ol-title-v1-con p {
    font-size: 16px;
    font-family: "HelveticaNeue";
    color: #686868
}

    .ol-title-v1-con p:first-child {
        margin-top: 0
    }

.ol-cat-con {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: center
}

.ol-cat-box {
    display: inline-block;
    width: 22%;
    vertical-align: top;
    margin: 20px 15px;
    text-align: left
}

    .ol-cat-box h3, .ol-cat-box .h3 {
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-family: "HelveticaNeue"
    }

.italicfont {
    text-transform: inherit !important;
    font-size: 20px !important;
    color: #000;
    font-weight: 400 !important;
    font-family: "HelveticaNeue" !important
}

.ol-cat-box .cat-icon {
    height: 15px;
    width: 15px;
    text-align: center;
    display: inline-block;
    background: #212815;
    font-size: 16px;
    color: #212815;
    vertical-align: bottom
}

.ol-cat-box ul {
    margin: 0;
    padding: 0
}

    .ol-cat-box ul li {
        list-style-type: none;
        margin: 5px 0;
        padding: 0
    }

        .ol-cat-box ul li a {
            display: inline-block;
            text-decoration: none;
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-size: 13px;
            padding: 7px 10px;
            background-color: #f8f8f8
        }

#ol-cat-wrapper .truncate:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34px;
    background: linear-gradient(to bottom,rgba(255,255,255,.4) 0%,#fff 100%)
}

.cat-row {
    margin: 0;
    padding: 30px 0;
    display: inline-block;
    display: block;
    text-align: left
}

    .cat-row:last-child {
        border: none
    }

    .cat-row h3, .cat-row .h3 {
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-family: "HelveticaNeue";
        display: flex;
        align-items: center
    }

    .cat-row .cat-icon {
        margin-right: 10px;
        width: 25px;
        height: 25px;
        text-align: center;
        display: inline-block;
        padding: 0;
        background: #212815;
        font-size: 16px;
        color: #212815;
        vertical-align: bottom
    }

.cat-row-box {
    display: inline-block
}

    .cat-row-box ul {
        margin: 0;
        padding: 0
    }

        .cat-row-box ul li {
            vertical-align: top;
            width: 200px;
            list-style: none;
            display: inline-block;
            margin: 5px;
            text-align: center
        }

            .cat-row-box ul li a {
                display: table-cell;
                vertical-align: middle;
                height: 40px;
                width: 180px;
                line-height: 19px;
                text-decoration: none;
                font-family: "HelveticaNeue";
                color: #493f3f !important;
                font-size: 13px;
                padding: 5px 10px;
                background-color: #f8f8f8
            }

.cat-row-box2 {
    display: inline-block
}

    .cat-row-box2 ul {
        margin: 0;
        padding: 0
    }

        .cat-row-box2 ul li {
            vertical-align: top;
            width: 200px;
            list-style: none;
            display: inline-block;
            margin: 5px;
            text-align: center
        }

            .cat-row-box2 ul li a {
                display: table-cell;
                vertical-align: middle;
                height: 40px;
                width: 180px;
                line-height: 19px;
                text-decoration: none;
                font-family: "HelveticaNeue";
                color: #493f3f !important;
                font-size: 13px;
                padding: 5px 10px;
                background-color: #fff
            }

.cat-row-box3 {
    display: block
}

    .cat-row-box3 ul {
        margin: 0;
        padding: 0
    }

        .cat-row-box3 ul li {
            vertical-align: top;
            list-style: none;
            display: block;
            margin: 10px;
            text-align: center
        }

            .cat-row-box3 ul li a {
                line-height: 19px;
                background-color: #fff;
                width: 95%;
                padding: 2.5%;
                display: block;
                border: 1px solid silver;
                font-size: 13px;
                text-decoration: none;
                color: #222
            }

.cat-table {
    width: 100%
}

.cat-table {
    vertical-align: top;
    width: 100%
}

    .cat-table a {
        vertical-align: top;
        display: flex;
        align-items: center;
        margin: 10px .5%;
        width: 22.5%;
        padding: 10px 1%;
        display: inline-block;
        box-shadow: 0px 0px 5px -1px rgba(0,0,0,.75);
        text-decoration: none;
        background: #fff;
        text-decoration: none;
        color: #000 !important;
        font-size: 13px;
        border: 1px solid #eee;
        border-radius: .5em
    }

        .cat-table a:hover {
            background: #e7e7e7
        }

    .cat-table .catbox {
        display: flex;
        align-items: center;
        direction:ltr;
    }

    .cat-table .catbox-icon {
        height: 25px;
        width: 25px;
        background-size: cover;
        background-position: center center;
        margin-right: 15px
    }

    .cat-table .catbox-text {
        width: 80%;
        min-height: 3em;
        display: flex;
        align-items: center;
        text-align: right
    }

#new-cat-row {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: top
}

    #new-cat-row h3, #new-cat-row .h3 {
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-family: "HelveticaNeue";
        text-align: left
    }

    #new-cat-row .cat-icon {
        margin-right: 10px;
        min-width: 20px;
        text-align: center;
        display: inline-block;
        padding: 5px;
        background: #212815;
        font-size: 16px;
        color: #fff;
        vertical-align: bottom
    }

.new-cat-img {
    width: 30%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 390px
}

.new-cat-img-tint {
    min-height: 390px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.cat-right {
    background: #fff
}

    .cat-right .cat-table div a {
        background: #e9e9e9
    }

    .cat-right .new-cat-box {
        float: right;
        width: 66%;
        margin: 4% 3% 4% 1%
    }

        .cat-right .new-cat-box .cat-table div {
            display: inherit !important;
            float: left
        }

    .cat-right .new-cat-img .new-cat-img {
        float: left
    }

    .cat-right .new-cat-title h3, .cat-right .new-cat-title .h3 {
        text-align: left
    }

.cat-left .new-cat-box {
    float: left;
    width: 66%;
    margin: 4% 1% 4% 3%
}

    .cat-left .new-cat-box .cat-table div {
        display: inherit !important;
        float: right
    }

.cat-left .new-cat-img {
    float: right
}

.cat-left .new-cat-title h3, .cat-left .new-cat-title .h3 {
    text-align: right !important
}

#new-cat-row .management .new-cat-img-tint {
    background: rgba(0,0,0,.5)
}

    #new-cat-row .management .new-cat-img-tint h3, #new-cat-row .management .new-cat-img-tint .h3 {
        color: #fff;
        font-size: 25px;
        font-family: "HelveticaNeueBold"
    }

        #new-cat-row .management .new-cat-img-tint h3 span, #new-cat-row .management .new-cat-img-tint .h3 span {
            font-family: "HelveticaNeue"
        }

#new-cat-row .functional .new-cat-img-tint {
    background: rgba(255,255,255,.5)
}

    #new-cat-row .functional .new-cat-img-tint h3, #new-cat-row .functional .new-cat-img-tint .h3 {
        color: #000;
        font-size: 25px;
        font-family: "HelveticaNeueBold"
    }

        #new-cat-row .functional .new-cat-img-tint h3 span, #new-cat-row .functional .new-cat-img-tint .h3 span {
            font-family: "HelveticaNeue"
        }

#new-cat-row .technical .new-cat-img-tint {
    background: rgba(225,37,45,.5)
}

    #new-cat-row .technical .new-cat-img-tint h3, #new-cat-row .technical .new-cat-img-tint .h3 {
        color: #fff;
        font-size: 25px;
        font-family: "HelveticaNeueBold"
    }

        #new-cat-row .technical .new-cat-img-tint h3 span, #new-cat-row .technical .new-cat-img-tint .h3 span {
            font-family: "HelveticaNeue"
        }

#new-cat-row .industry-sector-specific .new-cat-img-tint {
    background: rgba(31,31,31,.5)
}

    #new-cat-row .industry-sector-specific .new-cat-img-tint h3, #new-cat-row .industry-sector-specific .new-cat-img-tint .h3 {
        color: #fff;
        font-size: 25px;
        font-family: "HelveticaNeueBold"
    }

        #new-cat-row .industry-sector-specific .new-cat-img-tint h3 span, #new-cat-row .industry-sector-specific .new-cat-img-tint .h3 span {
            font-family: "HelveticaNeue"
        }

.ol-ven-con {
    max-width: 1124px;
    margin: 0 auto 30px;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: center
}

    .ol-ven-con ul {
        padding: 0
    }

.ven-slider div {
    float: left;
    background-size: cover;
    background-position: center
}

    .ven-slider div a {
        padding: 80px 10px;
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        font-size: 16px
    }

#ol-ven-wrapper #tabs {
    width: 100%
}

#ol-ven-wrapper a {
    cursor: pointer
}

#ol-ven-wrapper #tabs ul {
    width: 100%
}

#ol-ven-wrapper #tabs li {
    float: left;
    list-style: none;
    text-align: left;
    background-image: url(/wp-content/themes/courses-listing/css-output/images/new/tab-bg-venue.jpg);
    background-position: left center;
    background-color: #888;
    background-repeat: repeat-y
}

    #ol-ven-wrapper #tabs li:first-child {
        border: none
    }

    #ol-ven-wrapper #tabs li a {
        text-transform: uppercase;
        font-size: 15px;
        padding: 10px 20px;
        display: flex;
        align-items: center
    }

        #ol-ven-wrapper #tabs li a.inactive {
            background-image: url(/wp-content/themes/courses-listing/css-output/images/new/tab-bg-venue.jpg);
            background-position: left center;
            background-color: #888;
            background-repeat: repeat-y;
            color: #fff
        }

    #ol-ven-wrapper #tabs li a {
        background: #f4f4f4;
        font-weight: 700
    }

        #ol-ven-wrapper #tabs li a .fa {
            position: absolute;
            right: 25px;
            top: 20px
        }

        #ol-ven-wrapper #tabs li a .tab-icon {
            height: 25px;
            width: 25px;
            margin-right: 10px
        }

        #ol-ven-wrapper #tabs li a, #ol-ven-wrapper #tabs li a:hover, #ol-ven-wrapper #tabs li a.inactive:hover {
            color: #fff;
            background: #212815
        }

    #ol-ven-wrapper #tabs li.tabs1 a.inactive .tab-icon {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/europe-icon-white.png) center center no-repeat;
        background-size: contain
    }

    #ol-ven-wrapper #tabs li.tabs2 a.inactive .tab-icon {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/america-icon-white.png) center center no-repeat;
        background-size: contain
    }

    #ol-ven-wrapper #tabs li.tabs4 a.inactive .tab-icon {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/asia-icon-white.png) center center no-repeat;
        background-size: contain
    }

    #ol-ven-wrapper #tabs li.tabs6 a.inactive .tab-icon {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/africa-icon-white.png) center center no-repeat;
        background-size: contain
    }

    #ol-ven-wrapper #tabs li.tabs1 a .tab-icon, #ol-ven-wrapper #tabs li.tabs1 a:hover .tab-icon {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/europe-icon-white.png) center center no-repeat;
        background-size: contain
    }

    #ol-ven-wrapper #tabs li.tabs2 a .tab-icon, #ol-ven-wrapper #tabs li.tabs2 a:hover .tab-icon {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/america-icon-white.png) center center no-repeat;
        background-size: contain
    }

    #ol-ven-wrapper #tabs li.tabs4 a .tab-icon, #ol-ven-wrapper #tabs li.tabs4 a:hover .tab-icon {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/asia-icon-white.png) center center no-repeat;
        background-size: contain
    }

    #ol-ven-wrapper #tabs li.tabs6 a .tab-icon, #ol-ven-wrapper #tabs li.tabs6 a:hover .tab-icon {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/africa-icon-white.png) center center no-repeat;
        background-size: contain
    }

#ol-ven-wrapper .container {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    min-height: 200px
}

.lSSlideOuter .lSPager.lSpg {
    text-align: left
}

.ven-con {
    display: none
}

.venue-slider {
    display: inline-block;
    margin: 30px 0 0
}

.venue-slider-box {
    float: left;
    min-width: 160px
}

    .venue-slider-box a {
        display: block;
        text-decoration: none;
        color: #202020;
        border: 1px solid silver
    }

.venue-slider-box-img {
    height: 100px;
    background-size: cover
}

.venue-slider-box-title {
    font-size: 13px;
    margin: 15px 0 0
}

.venue-silder-box-btn {
    margin: 10px 0 15px;
    border-radius: 2px;
    display: inline-block;
    background: #202020;
    color: #fff;
    padding: 5px 7px;
    font-size: 10px;
    text-align: center
}

.course-slider {
    margin-top: 30px
}

.course-slider-box {
    background-color: #fff;
    border-radius: 2px;
    width: 30%
}

@media screen and (max-width:768px) {
    .course-slider-box {
        width: 50%
    }
}

.course-slider-box:hover {
    background-color: #e5e5e5
}

.course-slider-box a {
    display: block;
    text-decoration: none;
    text-align: right;
    color: #202020
}

.course-slider-img {
    position: relative;
    background-image: url(/wp-content/themes/courses-listing/css-output/images/reasons/reason-4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 120px
}

.course-slider-cert {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center
}

.course-slider-logo {
    background: #fff;
    padding: 2px;
    margin: 0 5px
}

    .course-slider-logo img {
        height: 30px
    }

.course-slider-title {
    margin: 15px 10px;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    min-height: 55px
}

.course-slider-date {
    font-size: 13px;
    margin: 0 10px 5px
}

.course-slider-venue {
    font-size: 13px;
    margin: 0 10px 5px
}

.course-slider-fee {
    font-size: 13px;
    margin: 0 10px 15px;
    line-height: 18px
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: silver !important
}

#ol-wrapper-conm {
    background: linear-gradient(to left,#212815 84%,#fff 84%)
}

.ol-conm {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-conm-left {
    float: left;
    width: 40%;
    padding: 8% 0
}

.ol-conm-right {
    float: right;
    width: 40%;
    text-align: left;
    color: #fff;
    padding: 8% 10%
}

    .ol-conm-right h2, .ol-conm-right .h2 {
        color: #fff;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-conm-right h2 span, .ol-conm-right .h2 span {
            font-family: "HelveticaNeue";
            color: #fff;
            font-style: normal;
            font-weight: 400
        }

    .ol-conm-right p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #eee;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-conm-left img {
    width: 100%;
    max-height: 380px
}

#numbers-wrapper {
    margin-top: 30px
}

.numbers-con {
    max-width: 1124px;
    margin: 0 auto;
    padding: 45px 0;
    display: block;
    width: 100%;
    text-align: center
}

.numbers-title {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 30px
}

    .numbers-title h2, .numbers-title .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold"
    }

        .numbers-title h2 span, .numbers-title .h2 span {
            font-family: "HelveticaNeue";
            color: #686868 !important;
            font-style: italic !important;
            font-weight: 400 !important
        }

.numbers-container {
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.numbers-box {
    display: inline-block;
    margin: 10px 30px
}

    .numbers-box a {
        display: block;
        text-decoration: none
    }

.numbers {
    font-size: 50px;
    color: #686868;
    line-height: 50px
}

    .numbers small, .numbers .small {
        font-size: 25px
    }

.numbers-text {
    font-size: 20px;
    font-style: normal;
    color: #686868
}

#numbers-wrapper2 {
    margin-top: 30px;
    background: #2a2a2a
}

.numbers-con2 {
    max-width: 1124px;
    margin: 0 auto;
    padding: 45px 0;
    display: block;
    width: 100%;
    text-align: center
}

.numbers-title2 {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 30px
}

    .numbers-title2 h2, .numbers-title2 .h2 {
        color: #fff;
        font-size: 36px;
        font-family: "HelveticaNeueBold"
    }

        .numbers-title2 h2 span, .numbers-title2 .h2 span {
            font-family: "HelveticaNeue";
            color: #eee !important;
            font-style: italic !important;
            font-weight: 400 !important
        }

.numbers-container2 {
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.numbers-box2 {
    display: inline-block;
    margin: 10px 30px
}

    .numbers-box2 a {
        display: block;
        text-decoration: none
    }

.numbers2 {
    font-size: 35px;
    color: #fff;
    line-height: 35px
}

    .numbers2 small, .numbers2 .small {
        font-size: 25px
    }

.no-icon img {
    margin-bottom: 10px
}

.numbers-text2 {
    font-size: 20px;
    font-style: normal;
    color: #fff
}

#center-divider {
    max-width: 1124px;
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center
}

.center-divider-con {
    display: inline-block;
    width: 100%
}

.divider-left {
    width: 30%;
    float: left
}

.divider-img {
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/backclassroom.jpg);
    background-size: cover;
    background-position: center;
    min-height: 94px
}

.divider-right {
    width: 60%;
    float: left;
    padding: 35px 5%;
    background: #000
}

    .divider-right p {
        margin: 0;
        margin: 0;
        font-size: 30px;
        font-style: normal;
        font-family: "HelveticaNeue";
        color: #fff
    }

.divider-btn {
    text-align: right;
    margin: 0;
    line-height: 13px !important
}

#ol-wrapper-featured .lSAction > a {
    top: 30% !important
}

.ol-featured-con {
    max-width: 1124px;
    margin: 80px auto 30px;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: center
}

.ol-featured-left {
    float: left;
    vertical-align: bottom;
    width: 25%;
    text-align: left
}

    .ol-featured-left h3, .ol-featured-left .h3 {
        color: #212815;
        font-size: 30px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-featured-left h3 span, .ol-featured-left .h3 span {
            color: #686868;
            color: #000
        }

    .ol-featured-left p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 20px 0
    }

.ol-featured-right {
    float: right;
    vertical-align: bottom;
    width: 70%;
    margin-left: 5%
}

#ol-wrapper-featured .upcoming-slider-box {
    margin: inherit
}

.format-row {
    width: 100%
}

.format-row {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.format-col {
    border-radius: 5px;
    width: 33%;
    margin: 10px 1%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

    .format-col a {
        border-radius: 5px;
        display: block;
        padding: 40px 2.5%;
        background: rgba(0,0,0,.6);
        text-decoration: none;
        color: #fff;
        font-size: 18px
    }

.fomat-title {
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px
}

.fomat-subtitle {
    font-size: 13px
}

.bg-f-classroom {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/bg-f-classroom.jpg)
}

.bg-f-online {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/bg-f-online.jpg)
}

.bg-f-inhouse {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/bg-f-inhouse.jpg)
}

.bg-f-arabic {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/bg-f-arabic.jpg)
}

#cert-wrapper {
    background: #e3e3e3
}

.cert-row {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto
}

.cert-left {
    width: 40%
}

.cert-right {
    width: 100%;
    padding: 60px 0
}

.cert-img {
    height: 640px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.cert-box-con {
    width: 100%;
    text-align: center;
    max-width: 1124px;
    margin: 10px auto 0
}

.cert-box {
    display: inline-block;
    width: 150px;
    margin: 20px;
    vertical-align: top
}

    .cert-box a {
        display: block;
        width: 100%;
        text-decoration: none;
        color: #202020
    }

.cert-logo {
    height: 60px;
    background: #fff;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.75)
}

    .cert-logo img {
        height: 50px
    }

.cert-title {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 19px
}

.about-row {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    flex-direction: row-reverse
}

.about-left {
    width: 50%
}

.about-right {
    width: 40%;
    padding: 5%
}

.about-img {
    height: 400px;
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-about-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.trusted-row {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto
}

.trusted-left {
    width: 45%;
    padding-left: 1%
}

.trusted-right {
    width: 54%
}

#ol-wrapper-cona {
    background: #fff
}

.ol-cona {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-cona-left {
    float: left;
    width: 40%;
    padding: 2% 0
}

.ol-cona-right {
    float: right;
    width: 40%;
    text-align: left;
    color: #686868;
    padding: 2% 10%
}

    .ol-cona-right h2, .ol-cona-right .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-cona-right h2 span, .ol-cona-right .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

    .ol-cona-right p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-cona-left img {
    width: 100%;
    max-height: 380px
}

.two-row {
    width: 100%;
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    text-align: left
}

.two-col {
    width: 49%;
    float: left
}

.right-border {
    border-right: 1px solid #707070
}

.home-about {
    margin-right: 40px
}

    .home-about img {
        width: 100%;
        margin: 20px 0 0
    }

    .home-about p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.home-partners {
    margin-left: 40px
}

.home-partners-row {
    margin-top: 20px;
    display: inline-block
}

    .home-partners-row a {
        border: 1px solid #9a9a9a;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 10px;
        padding-right: 10px;
        height: 80px;
        margin: 10px 20px 10px 0
    }

    .home-partners-row img {
        width: 180px
    }

.ol-client-con {
    max-width: 1124px;
    margin: 40px auto 30px;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: center
}

.ol-client-left {
    float: left;
    vertical-align: bottom;
    width: 25%;
    text-align: left
}

    .ol-client-left h3, .ol-client-left .h3 {
        color: #212815;
        font-size: 30px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-client-left h3 span, .ol-client-left .h3 span {
            color: #000
        }

    .ol-client-left p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 20px 0
    }

.ol-client-right {
    float: right;
    vertical-align: bottom;
    width: 70%;
    margin-left: 5%
}

.ol-client-logos {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0
}

    .ol-client-logos dd {
        display: inline-block;
        text-align: center;
        margin: 5px
    }

        .ol-client-logos dd img {
            width: 100px;
            height: auto
        }

.ol-testi-con {
    max-width: 1124px;
    margin: 40px auto 30px;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: center
}

.ol-testi-left {
    float: left;
    vertical-align: bottom;
    width: 47.5%;
    text-align: left
}

.ol-testi-right {
    float: right;
    vertical-align: bottom;
    width: 47.5%;
    text-align: left
}

    .ol-testi-right h2, .ol-testi-right .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-testi-right h2 span, .ol-testi-right .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

    .ol-testi-right p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-testi-content {
    display: inline-block;
    position: relative
}

.ol-testi-wrapper-left {
    background: url(/wp-content/themes/courses-listing/css-output/images/main-page/icon-testi-1.png) top left no-repeat;
    padding-left: 75px
}

.ol-testi-wrapper-right {
    background: url(/wp-content/themes/courses-listing/css-output/images/main-page/icon-testi-2.png) bottom right no-repeat;
    padding-right: 75px
}

.ol-testi-slider div {
    background: url(/wp-content/themes/courses-listing/css-output/images/main-page/icon-testi-3.png) 0 15px no-repeat;
    display: block;
    border-bottom: 1px solid #212815;
    padding: 15px 0 15px 55px
}

.ol-testi-content:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom,rgba(255,255,255,.4) 0%,#fff 100%);
    z-index: 2
}

.ol-testi-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.04) 100%);
    z-index: 2
}

#ol-testi-wrapper .lslide {
    height: auto !important;
    width: auto !important
}

.ol-testi-slider .testi-text {
    margin: 0 0 10px;
    font-size: 14px;
    color: 14px;
    font-family: "HelveticaNeue";
    color: #686868;
    line-height: 21px
}

.ol-testi-slider .testi-course {
    margin: 0 0 5px;
    font-size: 13px;
    font-weight: 700
}

    .ol-testi-slider .testi-course a {
        text-decoration: none;
        color: #000
    }

.ol-testi-slider .testi-name {
    margin: 0 0 5px;
    font-size: 13px;
    font-weight: 400;
    font-family: "HelveticaNeue";
    color: #333;
    font-style: normal
}

#ol-wrapper {
    background: url(/wp-content/themes/courses-listing/css-output/images/online-page/header-bg.jpg) #202020 bottom center repeat-x
}

#ol-wrapper2 {
    background: url(/wp-content/themes/courses-listing/css-output/images/online-page/header-bg.jpg) top center repeat-x
}

#ol-con {
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: right
}

#ol-back-btn {
    padding: 30px 0 20px
}

    #ol-back-btn a {
        text-decoration: none;
        background-color: #fff;
        color: #000;
        font-style: normal;
        font-size: 14px;
        display: inline-block;
        padding: 10px 25px 10px 15px;
        border-radius: 5px
    }

        #ol-back-btn a .fa {
            margin-right: 10px
        }

#ol-header-wrapper {
    text-align: center
}

#ol-header {
    display: inline-block;
    width: 100%;
    padding: 0;
    vertical-align: top;
    position: relative;
    margin: 10px 0
}

.ol-header-left {
    float: left;
    display: inline-block;
    overflow: hidden
}

.ol-top-left {
    height: 30px;
    padding: 10px;
    vertical-align: bottom;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    float: left;
    background: #212815;
    text-align: center
}

    .ol-top-left a {
        display: block;
        padding: 5px 0 0
    }

        .ol-top-left a img {
            height: 20px
        }

.ol-top-right {
    text-align: left !important;
    height: 30px;
    vertical-align: bottom;
    background: #fff;
    float: left;
    font-size: 10px;
    color: #000;
    padding: 7px 10px 13px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

    .ol-top-right span {
        color: #212815
    }

.ol-header-right {
    float: right;
    padding: 0;
    vertical-align: text-top
}

.ol-header-right {
    display: inline-block;
    width: auto;
    vertical-align: bottom
}

    .ol-header-right .ol-top-back {
        float: left;
        border-radius: 2px;
        height: 55px;
        display: inline-block;
        background: #fff;
        font-size: 12px;
        padding: 0 10px;
        width: 100px
    }

        .ol-header-right .ol-top-back a {
            color: #222;
            text-decoration: none;
            display: block
        }

        .ol-header-right .ol-top-back .fa {
            font-size: 20px;
            margin-right: 10px
        }

        .ol-header-right .ol-top-back span {
            line-height: 13px;
            font-size: 12px;
            padding: 5px 0;
            text-align: left;
            font-style: normal
        }

        .ol-header-right .ol-top-back .fa, .ol-header-right .ol-top-back span {
            display: inline-block;
            vertical-align: middle
        }

    .ol-header-right .ol-top-searchbox {
        margin-top: 5px;
        float: left;
        border-radius: 2px;
        display: inline-block;
        background: #212815;
        color: #fff;
        font-size: 16px;
        padding: 10px;
        cursor: pointer
    }

.ol-nav {
    margin: 0 30px 0 0;
    padding: 0;
    text-align: right;
    float: left
}

    .ol-nav ul.ol-menu {
        margin: 0;
        padding: 0;
        display: inline-block;
        text-align: left
    }

        .ol-nav ul.ol-menu li {
            float: left;
            list-style-type: none
        }

            .ol-nav ul.ol-menu li a.ol-main-link {
                text-decoration: none;
                font-size: 13px;
                text-transform: uppercase;
                color: #202020;
                display: block;
                margin: 0 15px;
                line-height: 40px
            }

.ol-menu-child {
    z-index: 9999;
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 96%;
    background: #f7f7f7;
    padding: 2%
}

.ol-sub-menu-wide:hover .ol-menu-child {
    display: block
}

.ol-sub-menu-short {
    position: relative
}

    .ol-sub-menu-short ul {
        display: none;
        position: absolute;
        left: 0;
        width: 200px;
        background: #f7f7f7;
        padding: 0;
        z-index: 9999
    }

.mid-size-sub-menu {
    width: 250px !important
}

.ol-sub-menu-short:hover ul {
    display: block;
    padding: 10px
}

.ol-sub-menu-short ul li {
    list-style: none
}

    .ol-sub-menu-short ul li a {
        font-size: 13px !important;
        text-transform: inherit !important;
        line-height: inherit !important;
        margin: 0 !important;
        display: block;
        padding: 3px 10px !important;
        text-decoration: none !important;
        color: #4a4a4a !important
    }

.ol-menu-child-con {
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block
}

.ol-nav ul.ol-menu li a:hover, .ol-sub-menu-wide:hover .ol-main-link {
    color: #212815 !important
}

.menu-row {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

.menu-col {
    float: left;
    vertical-align: bottom
}

.col100 {
    width: 100%
}

.col80 {
    width: 80%
}

.col70 {
    width: 70%
}

.col60 {
    width: 60%
}

.col50 {
    width: 50%
}

.col40 {
    width: 40%
}

.col30 {
    width: 30%
}

.col20 {
    width: 17.5%;
    padding-left: 2.5%
}

.col10 {
    width: 10%
}

.mid-border {
    padding: 0 2.5% !important;
    width: 24% !important;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.left-border20 {
    border-left: 1px solid #e5e5e5;
    width: 16.5% !important
}

.left-border30 {
    border-left: 1px solid #e5e5e5;
    padding-left: 2.5%;
    width: 26.5% !important
}

.ol-menu-child-text {
    margin: 0 0 20px;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #b7b7b7;
    color: #4a4a4a;
    padding-bottom: 5px
}

.ol-menu-child-text-mobile {
    margin: 20px 0 10px -20px !important;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #212815;
    border: none !important
}

.child-list {
    margin: 0;
    padding: 0
}

    .child-list li {
        margin: 8px 0;
        padding: 0;
        float: none !important;
        line-height: 18px
    }

        .child-list li:first-child {
            margin-top: 0
        }

        .child-list li a {
            font-size: 13px !important;
            text-transform: inherit !important;
            line-height: inherit !important;
            margin: 0 !important;
            padding: 0 !important;
            text-decoration: none !important;
            color: #4a4a4a !important
        }

.two-columns {
    width: 95%;
    -moz-column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
    column-count: 2;
    column-gap: 50px
}

.ol-menu-acc {
    margin: 0;
    padding: 0;
    display: inline-block
}

    .ol-menu-acc .image-holder {
        margin: 5px 5px 5px 0;
        text-align: center;
        padding: 3px 5px;
        border: 1px solid #eee;
        float: left
    }

.image-holder img {
    height: 20px
}

.menu-btn {
    background: #212815;
    margin: 10px 0;
    padding: 5px 10px;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    color: #fff;
    text-decoration: none;
    border-radius: 2px
}

.menu-pdf img {
    height: 100%;
    max-height: 200px;
    border: 1px solid #ddd
}

    .menu-pdf img.img-small {
        max-height: 150px;
        border: 1px solid #ddd
    }

.menu-ven-con {
    width: 100%;
    display: inline-block
}

.menu-cat-box {
    width: 23%;
    float: left;
    margin-left: 2.5%
}

    .menu-cat-box:first-child {
        margin-left: inherit !important
    }

.menu-ven-box {
    width: 23%;
    float: left;
    margin-left: 2.5%
}

    .menu-ven-box:first-child {
        margin-left: inherit !important
    }

.nav-filter {
    width: 100%
}

    .nav-filter p {
        font-family: "HelveticaNeue";
        font-size: 16px;
        font-style: normal
    }

    .nav-filter select {
        width: 100%;
        margin: 8px 0;
        padding-top: 5px 0;
        border: 1px solid #989898
    }

#cat-ven-btn {
    display: none
}

.menu-cert-con {
    width: 100%;
    display: block;
    text-align: left
}

.menu-cert-box {
    display: inline-block;
    margin: 8px 30px 8px 0;
    min-width: 310px
}

    .menu-cert-box a {
        text-decoration: none;
        font-size: 14px;
        color: #222
    }

.menu-cert-box-left {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

    .menu-cert-box-left img {
        height: 30px;
        border: 1px solid #eee;
        padding: 2px
    }

.menu-cert-box-right {
    display: inline-block;
    vertical-align: middle
}

#ol-title {
    margin: 0;
    padding: 0
}

.ol-title-con {
    max-width: 900px;
    margin: 0 auto;
    display: inline-block;
    padding: 65px 0;
    width: 100%;
    text-align: center
}

.ol-title-con2 {
    max-width: 900px;
    margin: 0 auto 90px;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: center
}

h2.ol-title-header, .ol-title-header.h2 {
    color: #666;
    overflow: hidden;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-family: "HelveticaNeue"
}

    h2.ol-title-header:before, .ol-title-header.h2:before, h2.ol-title-header:after, .ol-title-header.h2:after {
        background-color: #212815;
        content: "";
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 50%
    }

    h2.ol-title-header:before, .ol-title-header.h2:before {
        right: .5em;
        margin-left: -50%
    }

    h2.ol-title-header:after, .ol-title-header.h2:after {
        left: .5em;
        margin-right: -50%
    }

#ol-wrapper-con1 {
    background: linear-gradient(to right,#e9e9e9 84%,#fff 84%)
}

.ol-con1 {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-con1-left {
    float: left;
    width: 40%;
    text-align: right;
    color: #fff;
    padding: 8% 10%
}

    .ol-con1-left h2, .ol-con1-left .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-con1-left h2 span, .ol-con1-left .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            margin-left: 50px;
            font-style: normal;
            font-weight: 400
        }

    .ol-con1-left p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-con1-right {
    float: right;
    width: 40%;
    padding: 8% 0
}

    .ol-con1-right img {
        width: 100%;
        max-height: 380px;
        font-style: normal;
        font-family: "HelveticaNeue"
    }

.ol-con1-left h2:after, .ol-con1-left .h2:after {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/dotted-line.png);
    position: absolute;
    right: -130px;
    top: 70px;
    height: 2px;
    width: 110px;
    background-position: bottom;
    background-repeat: no-repeat
}

#ol-wrapper-con2 {
    background: linear-gradient(to left,#212815 84%,#fff 84%)
}

.ol-con2 {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-con2-left {
    float: left;
    width: 40%;
    padding: 8% 0
}

.ol-con2-right {
    float: right;
    width: 40%;
    text-align: left;
    color: #fff;
    padding: 8% 10%
}

    .ol-con2-right h2, .ol-con2-right .h2 {
        color: #fff;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-con2-right h2 span, .ol-con2-right .h2 span {
            font-family: "HelveticaNeue";
            color: #fff;
            font-style: normal;
            font-weight: 400
        }

    .ol-con2-right p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #eee;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-con2-left img {
    width: 100%;
    max-height: 380px
}

.ol-con2-right h2:after, .ol-con2-right .h2:after {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/dotted-line-L-white.png);
    position: absolute;
    right: -20px;
    top: -220px;
    height: 250px;
    width: 255px;
    background-position: bottom right
}

.ol-con2-right h2:before, .ol-con2-right .h2:before {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/dotted-line-white.png);
    position: absolute;
    left: -130px;
    top: 25px;
    height: 2px;
    width: 103px;
    background-position: bottom
}

#ol-wrapper-con3 {
    background: linear-gradient(to right,#e9e9e9 84%,#fff 84%)
}

.ol-con3 {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-con3-left {
    float: left;
    width: 40%;
    text-align: right;
    color: #fff;
    padding: 8% 10%
}

    .ol-con3-left h2, .ol-con3-left .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-con3-left h2 span, .ol-con3-left .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

    .ol-con3-left p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-con3-right {
    float: right;
    width: 40%;
    padding: 8% 0
}

    .ol-con3-right img {
        width: 100%;
        max-height: 380px
    }

.ol-con3-left h2:before, .ol-con3-left .h2:before {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/line-L.png);
    position: absolute;
    left: 0;
    top: -280px;
    height: 305px;
    width: 170px;
    background-position: bottom left
}

.ol-con3-left h2:after, .ol-con3-left .h2:after {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/dotted-line.png);
    position: absolute;
    right: -130px;
    top: 25px;
    height: 2px;
    width: 105px;
    background-position: bottom
}

#ol-wrapper-con4 {
    background: #fff
}

.ol-con4 {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-con4-left {
    float: left;
    width: 40%;
    padding: 8% 0
}

.ol-con4-right {
    float: right;
    width: 40%;
    text-align: left;
    color: #fff;
    padding: 8% 10%
}

    .ol-con4-right h2, .ol-con4-right .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-con4-right h2 span, .ol-con4-right .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

    .ol-con4-right p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-con4-left img {
    width: 100%;
    max-height: 380px
}

.ol-con4-right h2:after, .ol-con4-right .h2:after {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/line-L2.png);
    position: absolute;
    right: -24px;
    top: -235px;
    height: 265px;
    width: 209px;
    background-position: bottom right
}

.ol-con4-right h2:before, .ol-con4-right .h2:before {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/dotted-line.png);
    position: absolute;
    left: -130px;
    top: 25px;
    height: 2px;
    width: 103px;
    background-position: bottom
}

#ol-wrapper-con5 {
    background: linear-gradient(to right,#e9e9e9 84%,#fff 84%)
}

.ol-con5 {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-con5-left {
    float: left;
    width: 40%;
    text-align: right;
    color: #fff;
    padding: 8% 10%
}

    .ol-con5-left h2, .ol-con5-left .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative;
        line-height: 47px
    }

        .ol-con5-left h2 span, .ol-con5-left .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

    .ol-con5-left p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-con5-right {
    float: right;
    width: 40%;
    padding: 8% 0
}

    .ol-con5-right img {
        width: 100%;
        max-height: 380px
    }

.ol-con5-left h2:before, .ol-con5-left .h2:before {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/line-L.png);
    position: absolute;
    left: 0;
    top: -217px;
    height: 288px;
    width: 50px;
    background-position: bottom left;
    background-repeat: no-repeat
}

.ol-con5-left h2:after, .ol-con5-left .h2:after {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/dotted-line.png);
    position: absolute;
    right: -135px;
    top: 70px;
    height: 2px;
    width: 105px;
    background-position: bottom
}

#ol-wrapper-con6 {
    background: linear-gradient(to left,#e9e9e9 84%,#fff 84%)
}

.ol-con6 {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-con6-left {
    float: left;
    width: 40%;
    padding: 8% 0
}

.ol-con6-right {
    float: right;
    width: 40%;
    text-align: left;
    color: #fff;
    padding: 8% 10%
}

    .ol-con6-right h2, .ol-con6-right .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-con6-right h2 span, .ol-con6-right .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

    .ol-con6-right p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-con6-left img {
    width: 100%;
    max-height: 380px
}

#ol-wrapper-con7 {
    background: linear-gradient(to left,#212815 84%,#fff 84%)
}

.ol-con7 {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-con7-left {
    float: left;
    width: 40%;
    padding: 8% 0
}

.ol-con7-right {
    float: right;
    width: 40%;
    text-align: left;
    color: #fff;
    padding: 8% 10%
}

    .ol-con7-right h2, .ol-con7-right .h2 {
        color: #fff;
        font-size: 36px;
        line-height: 45px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-con7-right h2 span, .ol-con7-right .h2 span {
            font-family: "HelveticaNeue";
            color: #fff;
            font-style: normal;
            font-weight: 400
        }

    .ol-con7-right p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #eee;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-con7-left img {
    width: 100%;
    max-height: 380px
}

.ol-con7-right h2:after, .ol-con7-right .h2:after {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/dotted-line-L-white.png);
    position: absolute;
    right: -24px;
    top: -225px;
    height: 255px;
    width: 100px;
    background-position: bottom right
}

.ol-con7-right h2:before, .ol-con7-right .h2:before {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/dotted-line-white.png);
    position: absolute;
    left: -130px;
    top: 25px;
    height: 2px;
    width: 103px;
    background-position: bottom
}

#ol-wrapper-con8 {
    background: linear-gradient(to right,#e9e9e9 84%,#fff 84%)
}

.ol-con8 {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    vertical-align: text-top
}

.ol-con8-left {
    float: left;
    width: 40%;
    text-align: right;
    color: #fff;
    padding: 8% 10%
}

    .ol-con8-left h2, .ol-con8-left .h2 {
        color: #212815;
        font-size: 36px;
        font-family: "HelveticaNeueBold";
        position: relative
    }

        .ol-con8-left h2 span, .ol-con8-left .h2 span {
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            font-weight: 400
        }

    .ol-con8-left p {
        font-size: 14px;
        font-family: "HelveticaNeue";
        color: #686868;
        line-height: 21px;
        margin: 30px 0 20px
    }

.ol-con8-right {
    float: right;
    width: 40%;
    padding: 8% 0
}

    .ol-con8-right img {
        width: 100%;
        max-height: 380px
    }

.ol-con8-left h2:before, .ol-con8-left .h2:before {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/line-L.png);
    position: absolute;
    left: 0;
    top: -220px;
    height: 245px;
    width: 220px;
    background-position: bottom left
}

.ol-con8-left h2:after, .ol-con8-left .h2:after {
    content: " ";
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/dotted-line.png);
    position: absolute;
    right: -130px;
    top: 25px;
    height: 2px;
    width: 105px;
    background-position: bottom
}

#ol-wrapper-backhome {
    background: #fff
}

.ol-backhome {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: left
}

    .ol-backhome a {
        background: #000;
        color: #fff;
        display: inline-block;
        text-decoration: none;
        padding: 0 70px 0 0;
        font-style: normal;
        font-family: "HelveticaNeue"
    }

        .ol-backhome a .fa {
            background: #707070;
            padding: 20px;
            margin-right: 40px
        }

#ol-wrapper-gopage {
    background: #fff
}

.ol-gopage {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: left
}

    .ol-gopage a {
        background: #000;
        color: #fff;
        display: inline-block;
        text-decoration: none;
        padding: 0 0 0 20px;
        font-family: "HelveticaNeue"
    }

        .ol-gopage a .fa {
            background: #707070;
            padding: 20px;
            margin-left: 20px
        }

#ol-wrapper-upcoming {
    background: #212815
}

.ol-upcoming {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 80px 0;
    width: 100%;
    text-align: center
}

    .ol-upcoming h2, .ol-upcoming .h2 {
        color: #fff;
        text-align: center;
        font-style: normal;
        font-size: 36px;
        font-family: "HelveticaNeue";
        position: relative;
        margin: 0
    }

.upcoming-slider {
    overflow: hidden;
    margin: 50px 0 0;
    padding: 0
}

.upcoming-slider-box {
    background: #fff;
    min-height: 150px;
    position: relative;
    text-align: left
}

    .upcoming-slider-box .fa {
        color: #212815
    }

.upcoming-slider-image {
    z-index: 1;
    position: absolute;
    top: 0;
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-1.jpg);
    display: block !important;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.upcoming-slider-wrapper {
    z-index: 2;
    position: absolute;
    top: 0;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 100%
}

.upcoming-slider-title {
    position: relative;
    height: 150px;
    padding: 0
}

.upcoming-slider-text {
    z-index: 3;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    color: #fff !important;
    color: #fff
}

.upcoming-slider-date, .upcoming-slider-time {
    font-size: 11px;
    margin: 10px;
    position: relative
}

.upcoming-slider-fees {
    font-size: 14px;
    margin: 10px
}

.upcoming-slider-box a {
    background: #212815;
    display: block;
    padding: 8px 20px;
    text-align: center;
    font-family: "HelveticaNeue";
    font-size: 12px;
    color: #fff;
    text-decoration: none
}

    .upcoming-slider-box a .fa {
        color: #fff !important;
        float: right
    }

.box-note {
    position: absolute;
    font-size: 8px;
    top: 10px;
    left: 0;
    color: #fff
}

.box-certified {
    background: #000;
    margin: 5px 0;
    padding: 2px 8px
}

.box-new {
    background: #008c00;
    margin: 5px 0;
    padding: 2px 8px
}

.slick-dots li button:before {
    font-size: 50px !important
}

.slick-next:before, .slick-prev:before {
    padding: 8px !important;
    border-radius: 50% !important;
    background: #000
}

.slick-next {
    right: -10px !important
}

#ol-wrapper-loop {
    background: #fff
}

.ol-loop-con {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 80px 0;
    width: 100%;
    text-align: center
}

.loop-item {
    display: inline-block;
    margin: 0 2%;
    text-align: center
}

    .loop-item a {
        display: inline-block;
        text-decoration: none
    }

        .loop-item a img {
            width: 60%;
            margin: 0 auto
        }

        .loop-item a h4, .loop-item a .h4 {
            font-weight: 400;
            font-size: 16px;
            font-family: "HelveticaNeue";
            color: #686868;
            font-style: normal;
            margin-top: 20px
        }

#ol-divider {
    width: 100%;
    display: flex;
    vertical-align: text-top;
    text-align: right;
    position: relative;
    justify-content: center;
    margin: 4em auto
}

.ol-divider-con {
    background-color: #212815;
    display: inline-block;
    vertical-align: bottom;
    width: 100%
}

.ol-divider-con-text {
    font-size: 25px;
    font-family: "HelveticaNeue";
    color: #fff;
    padding: 0;
    display: inline-block;
    vertical-align: top
}

    .ol-divider-con-text img {
        float: right;
        height: 100%;
        max-height: 150px;
        width: auto
    }

    .ol-divider-con-text p {
        float: left;
        margin: 33px 30px 27px;
        font-size: 25px !important;
        line-height: 40px;
        color: #fff !important;
        max-width: 560px;
        text-align:left;
    }

#ol-divider a {
    position: absolute;
    left: 0;
    bottom: -60px;
    margin: 0 !important
}

#tp-con {
    width: 100%;
    max-width: 1366px;
    display: inline-block;
    text-align: left
}

    #tp-con p {
        font-size: 21px;
        font-family: "HelveticaNeue";
        color: #fff;
        font-style: normal;
        margin: 0
    }

.tp-con-left {
    background: url(/wp-content/themes/courses-listing/css-output/images/online-page/discover-enquire.jpg) center no-repeat;
    background-size: cover;
    width: 50%;
    float: left;
    vertical-align: bottom
}

.tp-con-right {
    background: url(/wp-content/themes/courses-listing/css-output/images/online-page/discover-classroom.jpg) center no-repeat;
    background-size: cover;
    width: 50%;
    float: right;
    vertical-align: bottom
}

#tp-con a {
    text-decoration: none;
    background-color: #fff;
    color: #000;
    font-style: normal;
    font-size: 14px;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 20px 0
}

    #tp-con a .fa {
        margin-left: 30px
    }

.tp-tint-black {
    background: rgba(0,0,0,.8);
    padding: 40px
}

.tp-tint-red {
    background: rgba(206,37,37,.8);
    padding: 40px
}

.banner-tint {
    background: rgba(0,0,0,.5);
    padding: 40px
}

.tint {
    background: #7f9652;
}
.tint2 {
    background: rgba(127, 150, 82, .9);
}
.tint-light {
    background: rgba(0,0,0,.4)
}

.tint-red {
    background: rgba(206,37,37,.5)
}

#ol-wrapper-footer {
    background: #fff
}

.ol-dl-con {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 10px 0 40px;
    width: 100%;
    text-align: center
}

    .ol-dl-con h2, .ol-dl-con .h2 {
        color: #212815;
        text-align: left;
        font-size: 36px;
        position: relative;
        margin: 0
    }

    .ol-dl-con span {
        font-family: "HelveticaNeue";
        color: #686868;
        font-style: normal;
        font-weight: 400
    }

    .ol-dl-con ul {
        margin: 30px 0;
        padding: 0
    }

        .ol-dl-con ul li {
            list-style-type: none;
            margin: 20px 10px;
            padding: 0;
            float: left
        }

            .ol-dl-con ul li a {
                text-decoration: none;
                display: block
            }

                .ol-dl-con ul li a img {
                    height: 160px;
                    box-shadow: 0 10px 5px -10px #666;
                    border: 1px solid #ddd
                }

.subscribe-row {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 30px 0
}

.subscribe-title {
    text-align: right;
    width: 50%;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    font-weight: 600
}

body.rtl .wpcf7-form input, body.rtl .wpcf7-form textarea {
    max-width: 100%;
    direction: rtl
}

.subscibe-form {
    width: 50%
}

    .subscibe-form form {
        width: 100%;
        display: flex;
        align-items: center
    }

.subscribe-input {
    width: 80%;
    display: flex;
    align-items: center
}

    .subscribe-input input[type=text], .subscribe-input input[type=email] {
        width: 46%;
        border: none;
        padding: 10px 2%
    }

    .subscribe-input input[type=email] {
        border-left: 1px solid silver
    }

.subscribe-btn {
    width: 20%
}

    .subscribe-btn button.wpcf7-form-control.wpcf7-submit {
        width: 96%;
        padding: 10px 2%;
        background: #212815;
        color: #fff;
        border: none;
        cursor: pointer
    }

.follow-row {
    display: flex;
    align-items: center;
    text-align: left
}

.follow-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.follow-row ul {
    margin: 0 0 0 20px;
    padding: 0;
    display: flex;
    align-items: center;
    font-weight: 700;
    list-style-type: none
}

    .follow-row ul li {
        margin: 0 5px
    }

        .follow-row ul li a {
            color: #fff;
            font-size: 20px
        }

.footer-nav-row {
    width: 100%;
    margin: 20px 0;
    padding: 0;
    text-align: center
}

.footer-nav-col {
    display: inline-block;
    width: 24%;
    text-align: right;
    vertical-align: top
}

.footer-col-mid {
    padding: 0 1%;
    width: 11%
}

.footer-nav-col a {
    color: #fff;
    text-decoration: none
}

    .footer-nav-col a:hover {
        text-decoration: underline
    }

.footer-header {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px
}

.footer-nav-col ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.footer-copy {
    text-align: center;
    font-size: 13px
}

.bg-black {
    background: #000
}

.home-subscribe {
    margin-right: 40px
}

    .home-subscribe h3, .home-subscribe .h3 {
        font-size: 28px;
        color: #fff;
        font-family: "HelveticaNeue";
        font-weight: 700;
        margin-bottom: 20px
    }

    .home-subscribe form {
        display: flex;
        align-items: center
    }

.home-subscribe-input {
    background: #fff;
    padding: 5px;
    border-radius: 2px
}

    .home-subscribe-input input {
        border: none;
        padding: 5px;
        color: gray;
        width: 45%
    }

        .home-subscribe-input input[type=text] {
            border-right: 1px solid #333
        }

.home-subscribe-btn {
    margin-left: 10px
}

    .home-subscribe-btn input {
        background: #212815;
        border: none;
        color: #fff;
        text-align: center;
        padding: 10px 20px;
        border-radius: 2px;
        cursor: pointer
    }

.home-social {
    margin-left: 40px
}

    .home-social h3, .home-social .h3 {
        font-size: 28px;
        color: #fff;
        font-family: "HelveticaNeue";
        font-weight: 700;
        margin-bottom: 20px
    }

    .home-social ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        align-items: center
    }

        .home-social ul li a {
            display: flex;
            align-items: center;
            margin: 0 10px 0 0;
            text-decoration: none;
            color: #fff;
            font-size: 12px;
            line-height: 13px;
            flex-wrap: flex
        }

            .home-social ul li a span {
                display: block
            }

            .home-social ul li a img {
                height: 40px;
                width: 40px;
                margin-right: 10px
            }

#ol-wrapper-footer {
    background: #202020
}

.ol-footer {
    max-width: 1124px;
    margin: 0 auto;
    display: inline-block;
    padding: 40px 0;
    width: 100%;
    text-align: center
}

.ol-footer-toolbar {
    margin: 0;
    text-align: left
}

    .ol-footer-toolbar dl {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        color: #ffff;
        margin: 0;
        padding: 0
    }

        .ol-footer-toolbar dl dd {
            float: left;
            margin: 0;
            padding: 0
        }

            .ol-footer-toolbar dl dd.w-third {
                width: 20%
            }

            .ol-footer-toolbar dl dd.w-one {
                width: 40%
            }

            .ol-footer-toolbar dl dd p, .ol-footer-toolbar dl dd a, .ol-footer-toolbar dl dd ul li {
                font-size: 12px;
                color: #eee;
                font-family: "HelveticaNeue";
                line-height: 15px
            }

            .ol-footer-toolbar dl dd a {
                text-decoration: none
            }

            .ol-footer-toolbar dl dd ul.form-list {
                margin: 0;
                padding: 0
            }

                .ol-footer-toolbar dl dd ul.form-list li {
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                    margin-bottom: 10px
                }

            .ol-footer-toolbar dl dd h4, .ol-footer-toolbar dl dd .h4 {
                font-size: 15px;
                margin-bottom: 30px
            }

            .ol-footer-toolbar dl dd form ul {
                margin: 0;
                padding: 0
            }

                .ol-footer-toolbar dl dd form ul li {
                    margin: 0;
                    padding: 0;
                    float: left
                }

                    .ol-footer-toolbar dl dd form ul li input[type=text], .ol-footer-toolbar dl dd form ul li input[type=email] {
                        margin: 0;
                        padding: 10px 15px;
                        background: #000;
                        border: 1px solid #fff;
                        color: #eee;
                        font-size: 14px;
                        font-style: normal;
                        font-family: "HelveticaNeue";
                        width: 175px
                    }

            .ol-footer-toolbar dl dd textarea {
                margin: 0;
                padding: 10px 15px;
                background: #000;
                border: 1px solid #fff;
                color: #eee;
                font-size: 14px;
                font-style: normal;
                font-family: "HelveticaNeue";
                width: 90%
            }

.form-btn {
    float: right;
    background: #212815;
    color: #fff;
    padding: 0 10px;
    margin: 0 10px
}

    .form-btn button.wpcf7-form-control.wpcf7-submit {
        width: 175px;
        background: #212815;
        color: #fff;
        border: none;
        border-radius: 0;
        width: 140px;
        padding: 10px 0;
        cursor: pointer;
        font-style: normal;
        font-family: "HelveticaNeue"
    }

    .form-btn.fa {
        position: absolute;
        color: #fff;
        padding: 5px 8px;
        background: #212815;
        font-size: 16px;
        top: -26px;
        left: 10px
    }

.footer-nav {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-style: normal;
    font-family: "HelveticaNeue";
    color: #fff
}

.footer-nav-left {
    float: left
}

.footer-nav-right {
    float: right
}

    .footer-nav-right a {
        text-decoration: none;
        color: #fff;
        margin-left: 15px
    }

.ol-footer .social a {
    width: 19px;
    height: 20px;
    display: inline-block
}

.footer-downloads {
    margin: 0 0 20px;
    padding: 0;
    display: inline-block
}

    .footer-downloads li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 200px;
        float: left;
        margin: 5px
    }

        .footer-downloads li a {
            text-align: center;
            border: 1px solid #fff !important;
            border-radius: 2px !important;
            width: 95% !important;
            padding: 2.5% !important;
            display: flex;
            align-items: center;
            min-height: 40px;
            justify-content: center
        }

#group-content {
    width: 1124px;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0
}

#n-content h1, #n-content .h1 {
    font-family: "HelveticaNeueBold";
    text-transform: uppercase;
    color: #555;
    font-size: 25px;
    font-weight: 400;
    margin: 20px 0;
    text-align: left;
    position: relative;
    overflow: hidden;
    z-index: 1
}

    #n-content h1 > span:only-child:after, #n-content .h1 > span:only-child:after {
        border-bottom: 1px solid #212815;
        bottom: .5em;
        content: " ";
        margin-left: 20px;
        position: absolute;
        width: 100%;
        z-index: -1
    }

#n-content h2, #n-content .h2 {
    font-family: "HelveticaNeue";
    color: #212815;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 20px
}

#n-content p, #n-content ul li {
    font-size: 14px;
    line-height: 23px;
    color: #666
}

.n-content-left {
    float: left;
    width: 250px
}

.n-content-left-tools ul li {
    font-size: 13px;
    line-height: 21px
}

.n-content-full {
    width: 100%;
    text-align: right
}

.n-content-right {
    float: right;
    width: 820px;
    text-align: left
}

    .n-content-right a {
        color: #c10000;
        text-decoration: none
    }

.n-content-firstrow {
    display: flex;
    align-items: center;
    vertical-align: top;
    width: 100%;
    margin-bottom: 30px;
    justify-content: flex-end
}

.firstrow-col1, .firstrow-col3 {
    font-size: 12px;
    margin: 0 10px;
    display: flex;
    align-items: center
}

    .firstrow-col1 span, .firstrow-col3 span, .firstrow-col2 span {
        margin-right: 10px
    }

.firstrow-col2 {
    font-size: 12px;
    margin: 0 10px
}

.n-content-firstrow select {
    min-width: 80px
}

.view {
    display: flex;
    align-items: center
}

    .view a {
        margin-left: 5px
    }

        .view a:first-child, #course-ctr {
            margin-right: 5px !important
        }

.icon-grid {
    background: url(/wp-content/themes/courses-listing/css-output/images/online-page/gridview-inactive.png) no-repeat 0 0;
    height: 19px;
    width: 24px
}

    .icon-grid:hover, .icon-grid.active {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/gridview-active.png) no-repeat 0 0
    }

    .icon-grid.active, .icon-list.active {
        display: none
    }

.icon-list {
    background: url(/wp-content/themes/courses-listing/css-output/images/online-page/listview-inactive.png) no-repeat 0 0;
    height: 19px;
    width: 25px
}

    .icon-list:hover, .icon-list.active {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/listview-active.png) no-repeat 0 0
    }

.n-content-secondrow {
    width: 100%;
    padding: 5px 0;
    display: table;
    text-align: left;
    margin: 0 0 10px;
    font-size: 20px;
    color: #000;
    font-style: normal;
    font-family: "HelveticaNeue"
}

    .n-content-secondrow .icon-con {
        padding: 5px 10px;
        border-radius: 2px;
        background: #212815;
        text-align: center
    }

    .n-content-secondrow .fa {
        color: #fff
    }

.secondrow-col1 {
    width: 40px;
    display: table-cell
}

.secondrow-col2 {
    width: 457px;
    display: table-cell;
    padding: 0
}

.secondrow-col3 {
    width: 223px;
    display: table-cell;
    padding: 0
}

.secondrow-col4 {
    width: 39px;
    display: table-cell;
    padding: 0
}

.secondrow-col5 {
    width: 39px;
    display: table-cell;
    padding: 0 10px
}

.load-more__btn, load-more {
    cursor: pointer;
    width: 45%;
    text-align: center;
    display: block;
    text-decoration: none;
    background: #cd2020;
    font-size: 14px;
    color: #fff !important;
    padding: 10px 2.5%;
    border-radius: 2px;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

    .load-more__btn .fa {
        margin-left: 20px
    }

.course-listing-row {
    margin-bottom: 10px
}

    .course-listing-row a {
        font-size: 13px;
        color: #232323;
        text-decoration: none;
        padding: 12px 20px;
        display: flex;
        box-shadow: 0px 0px 5px -1px rgba(0,0,0,.75);
        background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/links-arrows/listing-arrow.jpg);
        background-repeat: no-repeat;
        background-position: right
    }

.row-title {
    width: 55%
}

.wcert .row-title {
    width: 45%
}

.row-date-con {
    width: 45%;
    display: flex;
    align-items: center
}

.wcert .row-date-con {
    width: 55%
}

.row-date {
    width: 40%;
    padding: 0 2.5%;
    border-left: 1px solid silver;
    border-right: 1px solid silver
}

.row-venue {
    width: 30%;
    padding: 0 2.5%
}

.row-fee {
    width: 15%;
    padding: 0 2.5%;
    border-left: 1px solid silver
}

.wcert .row-date {
    width: 25%
}

.wcert .row-venue {
    width: 25%
}

.row-cert {
    width: 20%;
    padding: 0 2.5%;
    border-left: 1px solid silver
}

.note {
    border: 1px solid silver;
    background: #eee;
    padding: 20px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    margin-top: 30px
}

    .note a {
        color: maroon;
        text-decoration: none
    }

        .note a:hover {
            text-decoration: underline
        }

.firstrow-col3 {
    display: inline-block
}

    .firstrow-col3 form {
        background: #fff;
        border: 1px solid #707070;
        border-radius: 2px;
        width: 100%;
        display: inline-block;
        width: 280px
    }

    .firstrow-col3 input[type=text] {
        border-radius: 2px;
        font-size: 13px;
        font-style: normal;
        color: #212815;
        border: none;
        padding: 10px 2.5%;
        float: left;
        width: 75%;
        vertical-align: bottom
    }

    .firstrow-col3 button.wpcf7-form-control.wpcf7-submit {
        cursor: pointer;
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/icon-search-red.jpg) #fff center center no-repeat;
        border: none;
        padding: 10px 2.5%;
        float: right;
        width: 15%;
        vertical-align: bottom
    }

.col-cat {
    text-align: left;
    clear: both
}

    .col-cat p {
        font-size: 13px !important;
        text-align: left;
        color: #666 !important;
        font-family: "HelveticaNeue";
        line-height: 19px !important
    }

        .col-cat p a, .n-content-full p a {
            color: maroon;
            text-decoration: none
        }

            .col-cat p a:hover, .n-content-full p a:hover {
                text-decoration: underline
            }

.cat-ven-filter {
    background: #fff;
    padding: 20px 0;
    text-align: left
}

    .cat-ven-filter p {
        line-height: inherit !important;
        font-size: 23px !important;
        font-style: normal;
        font-family: "HelveticaNeue";
        color: #222 !important;
        margin: 0 0 15px
    }

    .cat-ven-filter ul {
        margin: 0;
        padding: 0
    }

        .cat-ven-filter ul li {
            list-style: none;
            display: inline-block;
            margin: 5px
        }

            .cat-ven-filter ul li a {
                display: block;
                font-size: 14px;
                font-style: normal;
                font-family: "HelveticaNeue";
                padding: 5px 13px;
                border: 1px solid #a9a9a9;
                background: #fafafa;
                color: #222;
                text-decoration: none;
                border-radius: 5px
            }

.n-content-left-search {
    background: #cd2020;
    padding: 10px 20px
}

.n-content-left-title {
    background: #e9e9e9;
    text-align: left;
    color: #000;
    padding: 20px 20px 0;
    font-size: 25px;
    font-style: normal;
    font-family: "HelveticaNeue"
}

.search-keyword {
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px
}

    .search-keyword input[type=text] {
        float: left;
        background: #cd2020;
        border: none;
        padding: 10px;
        color: #fff !important;
        font-size: 12px
    }

    .search-keyword button.wpcf7-form-control.wpcf7-submit {
        float: left;
        background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/icon-search.jpg);
        background-color: #cd2020;
        border: none;
        border-radius: none;
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        width: 30px;
        height: 35px;
        padding: 10px 0;
        cursor: pointer
    }

.n-content-left {
    position: relative
}

#closeFilter {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    padding: 5px 5px 2px;
    text-align: center;
    border-radius: 2px
}

.n-content-left-tools, .n-content-left-other {
    background: #e9e9e9;
    padding: 10px 20px 30px;
    text-align: left
}

    .n-content-left-tools h3, .n-content-left-tools .h3 {
        font-size: 23px;
        font-style: normal;
        font-family: "HelveticaNeue";
        margin-bottom: 20px;
        color: #707070
    }

.n-combine-cat-ven {
    background: #e9e9e9;
    padding: 30px 20px;
    text-align: left;
    margin-bottom: 30px
}

    .n-combine-cat-ven select {
        border: 1px solid #493f3f;
        padding: 8px;
        border-radius: 2px;
        font-style: normal;
        font-family: "HelveticaNeue";
        font-size: 14px;
        width: 100%
    }

#daterangesubmit {
    display: none
}

.n-combine-cat-ven a, .nav-filter a, .n-duration a {
    margin-top: 20px;
    background: #212815;
    padding: 8px;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-family: "HelveticaNeue";
    font-size: 13px;
    font-style: normal;
    cursor: pointer
}

    .n-combine-cat-ven a .fa, .nav-filter a .fa, .n-duration .fa {
        float: right
    }

.n-duration input[type=text] {
    border: 1px solid #493f3f;
    padding: 8px 2%;
    border-radius: 2px;
    font-style: normal;
    font-family: "HelveticaNeue";
    font-size: 14px;
    width: 96%
}

.n-combine-cat-ven h3, .n-combine-cat-ven .h3 {
    font-size: 23px;
    font-style: normal;
    font-family: "HelveticaNeue";
    color: #212815
}

.n-combine-cat-ven p {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-family: "HelveticaNeue"
}

.n-content-left-tools p {
    margin: 3px;
    font-size: 12px !important
}

.expandable-con {
    margin-bottom: 20px
}

.expandable-content, .expandable-content-short {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    line-height: 1.2em;
    position: relative
}

.expandable-content {
    max-height: 300px
}

.expandable-content-short {
    max-height: 200px
}

.expandable-listli a {
    text-decoration: none;
    color: #212815;
    font-size: 13px
}

.n-content-left-other .truncate:after, .n-content-left-tools .truncate:after, .expandable-content-short .truncate:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34px;
    background: linear-gradient(to bottom,rgba(233,233,233,.4) 0%,#e9e9e9 100%)
}

.txtcol, .txtcol-short {
    display: none;
    color: blue;
    cursor: pointer
}

    .txtcol a, .txtcol-short a {
        color: #212815;
        font-size: 12px;
        display: block
    }

.txtcolcourse a.showmore, .txtcolcourse-long a.showmore, .txtcolcourse-short a.showmore {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/showmore.png);
    background-position: 70px center;
    background-repeat: no-repeat
}

.txtcolcourse a.showless, .txtcolcourse-long a.showless, .txtcolcourse-short a.showless {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/showless.png);
    background-position: 65px center;
    background-repeat: no-repeat
}

.txtcol a.showmore, .txtcol-short a.showmore {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/showmoreside.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 17px
}

.txtcol a.showless, .txtcol-short a.showless {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/showlessside.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 17px
}

.clear-btn {
    cursor: pointer
}

.n-content-left-contact {
    padding: 40px 20px;
    text-align: right
}

    .n-content-left-contact p {
        font-size: 20px !important;
        font-style: normal;
        font-family: "HelveticaNeue";
        color: #fff !important;
        margin: 0 0 15px;
        text-align:left;
    }

    .n-content-left-contact a {
        margin: 5px;
        border: 1px solid #fff;
        border-radius: 2px;
        display: inline-block;
        width: 95%;
        font-size: 13px !important;
        font-style: normal;
        color: #fff;
        text-decoration: none;
        padding: 10px 20px
    }

        .n-content-left-contact a span {
            float: left;
            vertical-align: bottom
        }

    .n-content-left-contact .fa {
        float: right;
        vertical-align: bottom;
        font-size: 15px
    }

.mobile-filter-btn {
    display: none
}

.n-content-left-other ul {
    margin: 0;
    padding: 0
}

    .n-content-left-other ul li {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .n-content-left-other ul li a {
            text-decoration: none;
            color: #222;
            font-size: 13px;
            display: block;
            padding: 5px 0;
            border-bottom: 1px solid #ccc
        }

.n-content-left-finder {
    background: #fff;
    padding: 20px 0;
    text-align: left
}

    .n-content-left-finder p {
        line-height: inherit !important;
        font-size: 23px !important;
        font-style: normal;
        font-family: "HelveticaNeue";
        color: #222 !important;
        margin: 0 0 15px
    }

    .n-content-left-finder a {
        display: inline-block;
        font-size: 15px;
        background: #212815;
        color: #fff;
        font-style: normal;
        padding: 13px 20px;
        text-decoration: none;
        border-radius: 3px
    }

        .n-content-left-finder a .fa {
            margin-left: 5px
        }

.n-accordion {
    padding: 0;
    margin-bottom: 20px
}

.n-accordion-item:first-child {
    margin: 0 !important
}

.n-accordion-thumb {
    font-size: 15px;
    text-transform: uppercase;
    padding: 15px 0;
    color: #000
}

.n-accordion-group-title {
    font-weight: 400;
    font-size: 15px;
    font-family: "HelveticaNeue";
    margin-top: 20px
}

    .n-accordion-group-title:first-child {
        margin-top: 0
    }

.n-accordion-item {
    cursor: pointer;
    border-bottom: 1px solid #212815;
    padding: 10px 0
}

    .n-accordion-item h4, .n-accordion-item .h4 {
        background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/down.png);
        background-position: center right;
        background-repeat: no-repeat
    }

.n-accordion-panel {
    margin: 0;
    padding-bottom: .8rem;
    display: none
}

    .n-accordion-panel ul {
        margin: 0;
        padding: 0;
        display: inline-block
    }

        .n-accordion-panel ul li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            font-size: 12px !important;
            color: #333;
            margin: 3px 0 !important
        }

        .n-accordion-panel ul.two-col li {
            float: left;
            width: 100px;
            vertical-align: bottom
        }

.n-accordion-faq {
    padding: 0;
    margin-bottom: 20px
}

.n-accordion-item-faq:first-child {
    margin: 0 !important
}

.n-accordion-thumb-faq {
    font-size: 15px;
    padding: 15px 0;
    color: #000
}

.n-accordion-item-faq {
    cursor: pointer
}

    .n-accordion-item-faq h4, .n-accordion-item-faq .h4 {
        padding-left: 40px;
        background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/icon-open.png);
        background-position: center left;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: left;
        font-size: 15px;
        font-family: "HelveticaNeueBold";
        margin-bottom: 20px;
        color: #555
    }

        .n-accordion-item-faq h4 span, .n-accordion-item-faq .h4 span {
            margin-right: 10px
        }

.is-active-faq {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/icon-close.png) !important;
    background-position: center left;
    background-repeat: no-repeat
}

.n-accordion-panel-faq {
    margin: 0;
    padding-bottom: .8rem;
    display: none
}

.side-calendar {
    background: #e9e9e9;
    padding: 20px;
    text-align: center
}

.tp-conbox {
    margin: 10px 0
}

.side-calendar .tp-thumbnail img {
    height: 150px;
    margin-bottom: 10px
}

.side-calendar .tp-dltitle {
    color: #493f3f;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px
}

.side-calendar .tp-dlbtn a {
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: none;
    width: 90%;
    background: #493f3f;
    border-radius: 2px;
    padding: 8px 5%;
    text-align: left;
    color: #fff;
    font-size: 13px
}

    .side-calendar .tp-dlbtn a .fa {
        float: right
    }

#sticky {
    width: 247px;
    height: 380px
}

    #sticky.stick {
        position: fixed;
        top: 50px;
        z-index: 10
    }

.ol-filter-con {
    position: relative;
    vertical-align: bottom;
    max-width: 900px;
    margin: 0 auto;
    display: inline-block;
    padding: 40px 0 0;
    width: 100%;
    text-align: center
}

.ol-filter-con-left {
    margin: 0 15px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    color: #666;
    font-style: normal;
    font-family: "HelveticaNeue"
}

.ol-filter-con-right {
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle
}

.ol-filter-con p {
    line-height: inherit !important;
    font-size: 23px !important;
    font-style: normal;
    font-family: "HelveticaNeue";
    color: #222 !important;
    margin: 0 0 15px
}

.search-keyword-home {
    border: 1px solid #555;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px
}

    .search-keyword-home input[type=text] {
        width: 450px;
        float: left;
        background: #fff;
        border: none;
        padding: 10px;
        color: #555 !important;
        font-size: 12px
    }

    .search-keyword-home button.wpcf7-form-control.wpcf7-submit {
        float: left;
        background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/icon-search-white.jpg);
        background-color: #fff;
        border: none;
        border-radius: none;
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        width: 30px;
        height: 35px;
        padding: 10px 0;
        cursor: pointer
    }

.ol-filter-con-right a {
    display: inline-block;
    font-size: 16px;
    background: #212815;
    color: #fff;
    font-style: normal;
    padding: 13px 20px;
    text-decoration: none;
    border-radius: 3px
}

    .ol-filter-con-right a .fa {
        margin-left: 50px
    }

.searchtext {
    text-align: left;
    font-size: 20px;
    color: #000;
    font-style: normal;
    font-family: "HelveticaNeue";
    margin: 10px 0
}

.search-keyword-inside {
    border: 1px solid #555;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px
}

    .search-keyword-inside input[type=text] {
        width: 450px;
        float: left;
        background: #fff;
        border: none;
        padding: 10px;
        color: #555 !important;
        font-size: 12px
    }

    .search-keyword-inside button.wpcf7-form-control.wpcf7-submit {
        float: left;
        background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/icon-search-white.jpg);
        background-color: #fff;
        border: none;
        border-radius: none;
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        width: 30px;
        height: 35px;
        padding: 10px 0;
        cursor: pointer
    }

#popupsearch {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    background: rgba(0,0,0,.9)
}

.popupcon {
    position: relative;
    padding: 10% 20%;
    width: 60%;
    height: 80%
}

.popupclose {
    position: absolute;
    top: 30px;
    left: 230px;
    cursor: pointer
}

.popupsearch {
    text-align: right
}

    .popupsearch p {
        font-size: 30px;
        font-family: "HelveticaNeue";
        color: #fff
    }

    .popupsearch form {
        width: 100%;
        display: inline-block
    }

        .popupsearch form input[type=text] {
            vertical-align: bottom;
            width: 70%;
            float: left;
            height: 50px;
            line-height: 50px;
            background: #e9e9e9;
            border: none;
            padding: 0 10px;
            color: #000;
            font-size: italic;
            font-family: 14px
        }

        .popupsearch form button.wpcf7-form-control.wpcf7-submit {
            background-color: #212815;
            vertical-align: bottom;
            float: left;
            border-radius: 0;
            width: 60px;
            height: 50px;
            background-repeat: no-repeat;
            display: block;
            border: none;
            cursor: pointer;
            background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/icon-red-search.jpg);
            background-position: center center;
            background-size: auto
        }

#wrapper-gray {
    background: #e9e9e9
}

.banner-tint {
    background-color: rgba(35,35,35,.7);
    background-size: cover
}

.banner-tint2 {
    background-color: rgba(35,35,35,.7);
    padding: 50px 30px;
    background-size: cover
}

.banner-tint3 {
    background-color: rgba(35,35,35,.1);
    padding: 50px 30px;
    background-size: cover
}

.banner-home {
    padding: 80px 0 80px;
    text-align:left;
}

    .banner-home h1, .banner-home .h1 {
        font-size: 40px
    }

    .banner-home h2, .banner-home .h2 {
        font-size: 25px
    }

    .banner-home h1, .banner-home .h1, .banner-home h2, .banner-home .h2 {
        color: #fff
    }

    .banner-home p {
        font-size: 16px;
        margin-top: 30px;
        color: #fff
    }

#ol-banner-default {
    display: inline-block;
    padding: 70px 0;
    width: 100%;
    background: #000
}

    #ol-banner-default .ol-banner-left {
        vertical-align: bottom;
        float: left;
        display: inline-block;
        margin: 0 0 20px 70px;
        font-size: 24px;
        color: #eee;
        font-style: normal;
        font-family: "HelveticaNeue"
    }

.ol-banner-left-left {
    float: left;
    vertical-align: bottom;
    margin: 0 20px 0 0
}

.ol-banner-left-right {
    float: right;
    vertical-align: bottom
}

    .ol-banner-left-right span {
        font-family: "HelveticaNeueBold";
        color: #fff
    }

#ol-banner-default .ol-banner-right {
    vertical-align: bottom;
    float: right;
    display: inline-block;
    margin: 0 70px 0 0
}

.ol-banner-right-left {
    float: left;
    vertical-align: bottom;
    margin-right: 60px
}

    .ol-banner-right-left a {
        width: 180px;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 2px;
        background: #fff;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        font-style: normal;
        color: #212815
    }

        .ol-banner-right-left a.span {
            float: left;
            vertical-align: bottom
        }

        .ol-banner-right-left a .fa {
            float: right;
            vertical-align: bottom
        }

.ol-banner-right-right {
    float: right;
    vertical-align: bottom
}

    .ol-banner-right-right a {
        width: 180px;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 2px;
        background: #212815;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        font-style: normal;
        color: #fff
    }

        .ol-banner-right-right a.span {
            float: left;
            vertical-align: bottom
        }

        .ol-banner-right-right a .fa {
            float: right;
            vertical-align: bottom
        }

.n-listing-title-course {
    color: #fff;
    font-size: 14px;
    font-style: normal
}

#ol-banner h1.n-main-b-title-course, #ol-banner .n-main-b-title-course.h1 {
    color: #fff;
    font-size: 35px;
    margin: 20px 0 0
}

.n-content-full {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: right;
    color: #707070;
    font-family: "HelveticaNeue"
}

#ol-banner h2.n-main-s-title-course, #ol-banner .n-main-s-title-course.h2, .n-main-ilm-title-course {
    color: #fff;
    font-size: 20px;
    margin: 10px 0 0;
    font-weight: 400;
    font-style: normal
}

#crumbs {
    padding: 0 0 20px
}

.bc-default {
    text-align: left;
    font-size: 11px;
    clear: both;
    margin: 0
}

    .bc-default a {
        color: #555;
        font-weight: 700
    }

    .bc-default span {
        font-weight: 400;
        color: #a6a6a6
    }

.bc {
    text-align: left;
    font-size: 11px
}

    .bc a {
        color: #555;
        font-weight: 700
    }

    .bc span {
        font-weight: 400;
        color: #a6a6a6
    }

.section-title {
    font-size: 22px;
    font-style: normal;
    font-family: "HelveticaNeue";
    display: inline-block;
    margin: 35px 0;
    width: 100%
}

    .section-title img {
        margin: 0 10px 0 0
    }

.course-date {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px
}

    .course-date td {
        width: 40%;
        border: 1px solid silver
    }

h5.module-title, .module-title.h5 {
    font-weight: 600;
    font-family: "HelveticaNeue";
    text-decoration: underline;
    margin-top: 1em;
    color: #333
}

.day-description li {
    font-size: 13px
}

.course-date td a.reg-arrow {
    padding: 0 5px;
    text-align: center;
    color: #212815;
    display: block;
    font-size: 16px;
    font-weight: 700
}

.course-date table tr:nth-child(2n+1) {
    background: #e9e9e9
}

.course-mobile-btn {
    margin: 15px 0 20px;
    width: 100%
}

    .course-mobile-btn a {
        margin-bottom: 10px;
        border-radius: 3px;
        width: 90%;
        padding: 7px 5%;
        text-align: left;
        display: block;
        background-color: #2a2a2a;
        color: #fff;
        text-decoration: none;
        font-size: 13px
    }

        .course-mobile-btn a span {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

.row-course {
    display: inline-block;
    width: 100%;
    margin: 15px 0
}

.col-course {
    float: left
}

.col-1 {
    width: 100%
}

.col-2 {
    width: 47.5%
}

.col-3 {
    width: 31.6%
}

.col-2-3 {
    width: 70%
}

.col-1-3 {
    width: 27.5%
}

.col-3-4 {
    width: 80%
}

.col-1-4 {
    width: 17.5%
}

.mRight {
    margin-right: 2.5%
}

.mLeft {
    margin-left: 2.5%
}

.mZero {
    margin: 0
}

.expandable-course {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    line-height: 1.2em;
    max-height: 200px;
    position: relative
}

.expandable-course-long {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    line-height: 1.2em;
    max-height: 350px;
    position: relative
}

.expandable-course-short {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    line-height: 1.2em;
    max-height: 100px;
    position: relative
}

.expandable-course p:first-child {
    margin-top: 0
}

.course-page .truncate:after, .inhouse-reason .truncate:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background: linear-gradient(to bottom,rgba(255,255,255,.4) 0%,#fff 100%)
}

.col-cat .truncate:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom,rgba(255,255,255,.4) 0%,#fff 100%)
}

#wrapper-gray .truncate:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34px;
    background: linear-gradient(to bottom,rgba(233,233,233,.4) 0%,#e9e9e9 100%)
}

.txtcolcourse, .txtcolcourse-long, .txtcolcourse-short {
    display: none;
    color: blue;
    cursor: pointer
}

    .txtcolcourse a, .txtcolcourse-long a, .txtcolcourse-short a {
        margin: 10px 0 0;
        color: #000;
        font-family: "HelveticaNeueBold";
        font-size: 11px;
        display: block;
        text-transform: uppercase
    }

    .txtcolcourse .showmore, .txtcolcourse .showless, .txtcolcourse-long .showmore, .txtcolcourse-long .showless, .txtcolcourse-short .showmore, .txtcolcourse-short .showless {
        background-position: 80px !important
    }

.day {
    margin: 30px 0 25px;
    font-size: 15px
}

.course-page h2, .course-page .h2, .inhouse-box h3, .inhouse-box .h3 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: left;
    font-size: 15px;
    font-family: "HelveticaNeueBold";
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #555
}

    .course-page h2 span, .course-page .h2 span, .inhouse-box h3 span, .inhouse-box .h3 span {
        margin-right: 10px
    }

    .course-page h2:after, .course-page .h2:after, .inhouse-box h3:after, .inhouse-box .h3:after, .n-accordion-item-faq h4:after, .n-accordion-item-faq .h4:after {
        content: "";
        border-top: 1px solid;
        border-top-color: currentcolor;
        margin: 0;
        flex: 1 0 20px;
        border-color: #212815
    }

.course-page p, .course-page ul li {
    font-size: 13px;
    line-height: 24px
}

.day span {
    background: #202020;
    padding: 5px 8px;
    color: #fff
}

.course-page h3, .course-page .h3 {
    font-size: 16px;
    font-weight: 700
}

.course-page a[rel~=nofollow] {
    border: none !important
}

.n-regbtn-con {
    width: 100%;
    text-align: left
}

.n-regbtn-box {
    display: inline-block;
    margin: 10px 5px;
    width: 160px;
    vertical-align: bottom
}

    .n-regbtn-box h5, .n-regbtn-box .h5 {
        font-size: 13px;
        margin-bottom: 10px
    }

    .n-regbtn-box a {
        display: inline-block;
        text-align: left;
        padding: 8px 10px;
        color: #fff;
        background: #212815;
        text-decoration: none;
        font-size: 13px;
        font-style: normal;
        font-family: "HelveticaNeue";
        min-width: 130px
    }

        .n-regbtn-box a .fa {
            margin-left: 10px;
            float: right
        }

        .n-regbtn-box a.shorttext .fa {
            margin-left: 30px;
            float: right
        }

.group-page {
    padding: 60px 0 0;
    clear: both;
    text-align: left
}

    .group-page h2, .group-page .h2 {
        font-size: 32px;
        color: #212815;
        margin-bottom: 30px
    }

        .group-page h2 span, .group-page .h2 span {
            font-style: normal;
            font-family: "HelveticaNeue";
            color: #636363
        }

    .group-page p {
        font-size: 13px;
        line-height: 21px;
        color: #707070 !important
    }

.n-pdf-con {
    display: inline-block
}

.n-pdf {
    vertical-align: bottom;
    text-align: center
}

.n-pdf-wrapper {
    background: #707070;
    padding: 15px;
    text-align: center
}

.n-pdf img {
    width: 120px
}

.n-pdf-btn {
    margin-top: 10px
}

    .n-pdf-btn a {
        background: #212815;
        line-height: 12px;
        padding: 10px;
        text-decoration: none;
        color: #fff;
        text-align: left;
        display: block;
        text-transform: uppercase;
        font-size: 12px
    }

        .n-pdf-btn a .fa {
            float: right
        }

.modules a, .assoCon a {
    color: #212815
}

.accLogoContent {
    margin: 10px 0;
    padding: 0;
    display: inline-block
}

@media screen and (max-width:768px) {
    .accLogoContent {
        list-style-type: none;
        display: grid;
        grid-template-columns: repeat(4,2fr)
    }
}

.accLogoContent li {
    float: left;
    list-style-type: none;
    margin: 0 5px
}

    .accLogoContent li img {
        border: 1px solid #ccc;
        float: left;
        height: 80px
    }

.register-mobile {
    margin: 15px 0 0;
    display: inline-block;
    font-size: 16px;
    background: #212815;
    color: #fff;
    font-style: normal;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 3px
}

    .register-mobile .fa {
        float: right
    }

.banner-search {
    padding: 30px 0
}

.banner-search-input {
    display: flex;
    align-items: center
}

    .banner-search-input input[type=text] {
        width: 80%;
        border: none;
        padding: 7px 10px
    }

    .banner-search-input button.wpcf7-form-control.wpcf7-submit {
        width: 20%;
        padding: 7px 10px;
        border: none;
        background: #212815;
        color: #fff;
        cursor: pointer
    }

.banner-search, .keyword-searchpage, .keyword-holder {
    position: relative
}

#anchor-wrapper {
    background: #202020;
    text-align: center;
    position: sticky;
    top: 5em;
    z-index: 1
}

.side-related-category a {
    border: solid 1px #2a2a2a;
    border-radius: 5px;
    margin-bottom: 1em;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 10px
}

.anchor-con {
    padding: 10px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 2em
}

    .anchor-con a {
        text-decoration: none;
        color: silver;
        font-size: 13px
    }

.ol-form {
    background: #e9e9e9;
    padding: 30px 20px;
    font-size: 13px
}

.ol-form-title {
    display: block;
    text-align: left;
    font-size: 18px;
    width: 100%
}

    .ol-form-title .ol-form-icon {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
        padding: 5px 8px;
        background: #212815;
        margin-right: 10px;
        min-width: 15px;
        text-align: center
    }

    .ol-form-title .ol-form-text {
        color: #707070;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        font-style: normal;
        font-family: "HelveticaNeue"
    }

.ol-form-box {
    margin: 20px 0
}

.ol-form table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.ol-form input[type=text], .ol-form input[type=email] {
    margin: 5px 0;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    background: #fff;
    color: #707070;
    font-size: 13px;
    width: 100%
}

.ol-form select {
    margin: 5px 0;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    background: #fff;
    color: #707070;
    font-size: 13px;
    padding: 7px 10px;
    width: 100%
}

.ol-form textarea {
    font-family: "HelveticaNeue";
    margin: 5px 0;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    background: #fff;
    color: #707070;
    font-size: 13px;
    padding: 7px 2.5%;
    width: 95%
}

.ol-form input[type=submit] {
    cursor: pointer;
    border: none;
    background: #212815;
    margin: 10px 0;
    padding: 8px 20px;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    color: #fff;
    text-decoration: none;
    border-radius: 2px
}

.ol-form .form-col2 {
    width: 100%
}

    .ol-form .form-col2 td {
        width: 45%
    }

.ol-form a {
    font-size: 12px;
    color: #333
}

.ol-form .form-space {
    width: 2% !important
}

.ol-form.hotel-reservation .col-12 {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

    .ol-form.hotel-reservation .col-12 span.wpcf7-form-control-wrap {
        width: 100%
    }

.catcheckbox p {
    margin: 10px
}

.catcheckbox ul {
    margin: 20px 0;
    padding: 0
}

    .catcheckbox ul li {
        list-style-type: none;
        display: inline-block;
        margin: 0 5px;
        font-size: 9px !important;
        min-width: 230px
    }

#topbar-content a {
    color: #333
}

@media screen and (min-width:768px) {
    #topbar-content a {
        padding: 1em
    }
}

#topbar-content ul.sub-menu {
    position: absolute;
    z-index: 9999;
    background: #fff;
    list-style: none;
    text-align: start;
    display: none;
    padding: 0;
    min-width: 14em
}

    #topbar-content ul.sub-menu li {
        padding: .25em 0;
        border-bottom: 1px solid #d3d3d3
    }

#topbar-content li.menu-item-has-children:hover ul.sub-menu {
    display: revert
}

#mobile-menu {
    display: none;
    position: fixed;
    background: #fff;
    padding: 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999999
}

#mobile-menu-nav {
    padding: 9px 10px 9px
}

#mobile-menu-logo a {
    display: inline-block
}

#mobile-menu-con {
    background-color: #fff
}

    #mobile-menu-con > div:not(.wrapper) {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        background: #eee
    }

    #mobile-menu-con .wrapper {
        width: 90%;
        height: 96%;
        overflow-y: auto;
        position: relative;
        -webkit-overflow-scrolling: touch;
        padding: 2% 5%
    }

#openMenu {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #fff;
    width: 34px;
    height: 32px;
    cursor: pointer;
    display: block
}

#closeMenu {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #fff;
    z-index: 1;
    padding: 0;
    cursor: pointer;
    display: block;
    background: #fff !important
}

#toggleMenu {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background-color: #000;
    color: #fff;
    text-align: center;
    z-index: 1001
}

.mobile-searchbox {
    position: absolute;
    top: 10px;
    right: 65px;
    font-size: 25px;
    color: #212815;
    cursor: pointer
}

.ol-menu-mobile {
    margin: 50px 0;
    padding: 0
}

    .ol-menu-mobile ul {
        list-style: none
    }

        .ol-menu-mobile ul li:last-child {
            border: none
        }

    .ol-menu-mobile li {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .ol-menu-mobile li a {
            display: block;
            text-decoration: none;
            font-size: 18px
        }

.accordion-menu {
    width: 20%;
    min-width: 300px;
    margin: 50px;
    display: inline-block;
    line-height: 18px
}

.ol-menu-mobile {
    width: 100%
}

    .ol-menu-mobile li {
        border-bottom: 1px solid silver
    }

        .ol-menu-mobile li ul li {
            border-bottom: none
        }

            .ol-menu-mobile li ul li a {
                padding: 5px 0 !important
            }

        .ol-menu-mobile li a {
            color: #494949;
            display: block;
            padding: 15px 0
        }

            .ol-menu-mobile li a:hover {
                color: #212815
            }

    .ol-menu-mobile i.fa {
        font-size: 12px;
        line-height: 18px;
        float: right;
        margin-left: 10px
    }

    .ol-menu-mobile ul {
        display: none
    }

.ol-sub-menu-mobile li a {
    font-size: 14px !important;
    padding: 10px 0 !important
}

.collapsable {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/opennav.png);
    background-position: right center;
    background-repeat: no-repeat
}

    .collapsable span {
        background: #fff;
        padding-right: 10px
    }

.ol-menu-mobile .m-active > a {
    color: #212815;
    background-image: url(/wp-content/themes/courses-listing/css-output/images/online-page/closenav.png);
    background-position: right center;
    background-repeat: no-repeat
}

#mobile-menu-filter {
    padding: 8px 40px;
    display: block;
    text-align: center
}

#openslidingdiv {
    background: #fff;
    border: 1px solid #000;
    display: none;
    border-radius: 2px;
    font-size: 16px;
    text-align: center;
    color: #000;
    padding: 10px;
    cursor: pointer
}

    #openslidingdiv .fa {
        margin-right: 10px
    }

#n-topnav-wrapper {
    background: #eee
}

#n-topnav {
    display: inline-block;
    max-width: 1124px;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: left;
    vertical-align: bottom
}

    #n-topnav .n-topnav-left {
        display: inline-block;
        float: left;
        vertical-align: bottom
    }

        #n-topnav .n-topnav-left a {
            color: #6f6f6f;
            text-decoration: none;
            font-size: 12px;
            padding: 7px 0;
            display: block
        }

            #n-topnav .n-topnav-left a .fa {
                margin-right: 10px
            }

    #n-topnav .n-topnav-left-left {
        float: left;
        vertical-align: bottom
    }

    #n-topnav .n-topnav-left-right {
        float: left;
        vertical-align: bottom;
        margin-left: 40px
    }

    #n-topnav .n-topnav-right {
        float: right;
        vertical-align: bottom
    }

    #n-topnav .n-topnav-btn {
        float: right;
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: bottom;
        list-style: none;
        font-size: 12px
    }

        #n-topnav .n-topnav-btn li {
            float: left;
            margin: 0;
            padding: 7px 10px;
            position: relative
        }

            #n-topnav .n-topnav-btn li a {
                display: block;
                text-decoration: none;
                color: #6f6f6f
            }

            #n-topnav .n-topnav-btn li ul {
                display: none;
                margin: 0;
                padding: 0;
                position: absolute;
                left: 0;
                list-style-type: none;
                background: #fff;
                border-top: 10px solid #fff;
                z-index: 9999
            }

                #n-topnav .n-topnav-btn li ul li {
                    float: none;
                    padding: 0
                }

                    #n-topnav .n-topnav-btn li ul li a {
                        text-decoration: none;
                        display: block;
                        width: 200px;
                        padding: 5px 10px;
                        border-top: 1px solid #eee
                    }

                    #n-topnav .n-topnav-btn li ul li:first-child a {
                        border: none
                    }

            #n-topnav .n-topnav-btn li:hover ul {
                display: block
            }

    #n-topnav .n-toplang-btn {
        float: right;
        margin: 0;
        padding: 5px;
        display: inline-block;
        vertical-align: bottom;
        font-size: 12px
    }

        #n-topnav .n-toplang-btn a {
            float: left;
            padding: 2.5px;
            margin: 0 2.5px;
            text-decoration: none;
            color: #6f6f6f;
            display: block
        }

            #n-topnav .n-toplang-btn a.en {
                background: #6f6f6f;
                color: #fff;
                border-radius: 2px
            }

.mobile-languge {
    position: absolute;
    top: 15px;
    right: 100px
}

    .mobile-languge a {
        float: left;
        padding: 2.5px;
        margin: 0 2.5px;
        text-decoration: none;
        color: #6f6f6f;
        display: block
    }

        .mobile-languge a.en {
            background: #6f6f6f;
            color: #fff;
            border-radius: 2px
        }

.main-menu-con {
    display: inline-block;
    max-width: 1124px;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: left;
    vertical-align: bottom
}

#n-top-home-wrapper {
    background: url(/wp-content/themes/courses-listing/css-output/images/all-page/top-home-bg.jpg) #1f1f1f bottom center repeat-y
}

#n-main-banner {
    padding: 70px 0 0
}

#dynamic-to-top {
    bottom: 120px !important
}

#social-wrapper {
    background: #212815;
    color: #fff
}

.social-row {
    max-width: 1124px;
    margin: 0 auto;
    padding: 40px 0 40px;
    width: 100%;
    text-align: center
}

    .social-row h2, .social-row .h2 {
        text-align: center;
        font-size: 36px;
        position: relative;
        margin: 0 0 30px
    }

.social-col {
    display: inline-block;
    margin: 10px 1%
}

    .social-col img {
        max-width: 45px;
        width: 100%;
        height: auto;
        margin-bottom: 10px
    }

    .social-col a {
        text-decoration: none;
        color: #fff;
        font-size: 13px;
        display: block
    }

.search-con {
    width: 100%;
    position: relative;
    margin: 0
}

    .search-con ul {
        margin: 0;
        padding: 0;
        width: 100%
    }

.search-ulcon {
    background: linear-gradient(90deg,#e9e9e9 99%,#212815 99%);
    display: inline-block;
    vertical-align: bottom
}

.search-con ul li {
    height: 50px;
    float: left;
    text-align: center;
    list-style: none;
    width: 13.5%;
    background: #e9e9e9
}

.pfopen li {
    height: inherit !important
}

.search-con .pf-btn {
    background: #212815 !important
}

.pfopen .pf-btn {
    background: #e9e9e9 !important
}

.dark-search {
    display: inline-block
}

    .dark-search li {
        background: #202020 !important;
        height: 50px
    }

        .dark-search li a {
            color: #e9e9e9 !important
        }

.search-con ul li.w-medium {
    width: 19%
}

.search-con2 ul li {
    width: 16.5%;
    background: #1d1d1d;
    margin-left: 0 !important
}

.search-con ul li:first-child {
    margin-left: 0
}

.s-keywords input[type=text] {
    background: 0 0;
    border: none;
    padding: 17px 5%;
    color: #000
}

.s-keyword {
    height: 14px;
    padding: 7px 5px;
    width: 85%;
    margin: 8.5px 0
}

.search-con2 input[type=text] {
    color: #fff;
    background: gray;
    padding: 5px 5%;
    border-top: 12px solid #1d1d1d;
    border-bottom: 12px solid #1d1d1d;
    border-radius: 2px
}

.search-con ul li a {
    background-image: url("/wp-content/themes/courses-listing/css-output/images/search-arrow-black.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    min-height: 24px
}

.search-con2 ul li a {
    background-image: url("/wp-content/themes/courses-listing/css-output/images/search-arrow-silver-down.png")
}

.search-con ul li.s-active a {
    background-image: url("/wp-content/themes/courses-listing/css-output/images/search-arrow-black-up.png");
    background-position: 95% center;
    background-repeat: no-repeat
}

.search-filter {
    cursor: pointer;
    color: #222 !important;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    width: 90%;
    display: block;
    padding: 13px 5%
}

.dropdown {
    background-color: #fff;
    background-image: url("/wp-content/themes/courses-listing/css-output/images/mainpage/bg-filter-separator.jpg") !important;
    background-position: center left;
    background-repeat: no-repeat
}

    .dropdown:first-child {
        background-image: none !important
    }

.search-btn {
    cursor: pointer;
    color: #fff !important;
    background: #212815;
    border: 1px solid #212815;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border: none;
    width: 100%;
    display: block;
    padding: 15px 5%;
    border-radius: 0 !important;
    text-align: center !important
}

.search-btn2 {
    cursor: pointer;
    color: #212815 !important;
    background: 0 0;
    border: 1px solid #212815 !important;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border: none;
    width: 50%;
    display: none;
    padding: 9px 5% !important;
    border-radius: 0 !important;
    text-align: center !important
}

.dropdown-content {
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,.8);
    z-index: 9;
    position: absolute;
    display: none;
    background: #fff;
    top: 55px;
    padding: 30px 10px
}

.dropdown-full {
    left: 0;
    width: auto;
    max-width: 98%
}

.dropdown-default {
    width: 350px
}

.dropdown-short {
    width: 260px
}

.filter-open {
    display: block
}

.dropdown-close {
    position: absolute;
    right: 0;
    bottom: -20px;
    visibility: hidden
}

.dropdown-checkbox {
    text-align: left;
    display: block;
    width: 100%
}

.checkbox-holder {
    width: 100%
}

.checkbox-group {
    width: 300px;
    display: inline-block;
    font-size: 12px;
    margin: 3px 10px
}

.checkbox-group-mid {
    vertical-align: top;
    width: 180px;
    display: inline-block;
    font-size: 12px;
    margin: 0 10px
}

.checkbox-group-short {
    vertical-align: top;
    width: 120px;
    display: inline-block;
    font-size: 12px;
    margin: 0 10px
}

.checkbox-default {
    font-size: 12px;
    margin: 3px 10px
}

.checkbox {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin: 5px 10px
}

.c-wide {
    width: 300px
}

.c-mid {
    width: 170px
}

.c-short {
    width: 120px
}

.dropdown-row {
    margin-top: 10px
}

    .dropdown-row:first-child {
        margin-top: 0
    }

    .dropdown-row h4, .dropdown-row .h4 {
        font-size: 13px;
        color: #222;
        text-transform: uppercase;
        letter-spacing: 3px
    }

.search-title {
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: left;
    font-weight: 700
}

.c-action-row {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 55px
}

.c-action-col {
    width: 33.3%
}

    .c-action-col .padding-holder {
        padding: 30px;
        min-height: 160px;
        max-height: 160px
    }

.c-action-row .c-col3 {
    background: #151515;
    color: #fff
}

    .c-action-row .c-col3 p {
        font-size: 13px;
        font-style: normal;
        color: #fff
    }

.c-action-col .c-action-title {
    font-size: 25px;
    font-style: normal
}

.action-btn {
    margin: 20px 0 0;
    padding: 0
}

    .action-btn li {
        padding: 0;
        list-style-type: none;
        margin-bottom: 5px
    }

        .action-btn li a {
            font-size: 12px;
            display: inline-block;
            padding: 3px 15px;
            background-color: #ead2c0;
            color: #000;
            text-transform: uppercase;
            font-weight: 700;
            cursor: pointer
        }

            .action-btn li a .fa {
                margin-left: 10px
            }

.share-btn {
    margin: 20px 0 0;
    padding: 0
}

    .share-btn li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: inline-block
    }

        .share-btn li a {
            font-size: 21px;
            display: inline-block;
            border-radius: 50%;
            background-color: #fff;
            color: #000;
            text-transform: uppercase;
            padding: 10px;
            margin-right: 10px;
            float: left
        }

            .share-btn li a .fa {
                min-width: 20px;
                text-align: center
            }

.list_checkbox {
    display: inline-block;
    line-height: 13px
}

.course-btm-title {
    width: 100%
}

    .course-btm-title h2, .course-btm-title .h2 {
        font-size: 30px;
        text-transform: uppercase;
        color: #ab9686
    }

    .course-btm-title p {
        font-size: 17px;
        color: #000;
        font-style: normal
    }

.course-btm-row {
    width: 100%;
    display: flex;
    align-items: initial
}

.course-btm-col {
    width: 30%;
    margin: 2% 1.5%
}

.course-btm2-row {
    width: 100%;
    display: flex;
    align-items: center;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
    padding: 55px 0;
    margin-top: 55px;
    text-align: left
}

.course-btm2-col1 {
    margin-right: 30px
}

.course-btm2-col2 h3, .course-btm2-col2 .h3 {
    font-size: 18px;
    color: #000;
    text-transform: uppercase
}

.course-btm2-col2 h4, .course-btm2-col2 .h4 {
    font-style: normal;
    font-size: 14px;
    color: #000;
    margin-top: 10px
}

.related-row {
    width: 100%;
    margin-top: 55px
}

    .related-row h2, .related-row .h2 {
        font-size: 30px;
        font-style: normal;
        color: #000
    }

.trigger-close, .dark-search li a.trigger-close {
    color: #212815 !important;
    background-color: inherit !important;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-image: none !important
}

.pfopen input[type=text] {
    width: 95% !important;
    padding: 7px 2.5%;
    margin: 0 !important
}

.pfopen .trigger-close {
    display: none !important
}

.pfopen .dropdown-content {
    display: block !important;
    position: inherit !important;
    width: 100% !important;
    max-width: none !important;
    box-shadow: none !important
}

.pfopen li {
    float: none !important;
    width: 95% !important;
    padding: 10px 2.5% !important
}

    .pfopen li a {
        width: 100% !important;
        padding: 13px 0 !important;
        text-align: left !important;
        font-size: 18px;
        font-weight: 700
    }

.pfopen .search-filter {
    background: 0 0 !important
}

.results-row {
    max-width: 1124px;
    margin: 30px auto 0;
    padding: 0;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.results-no {
    width: 15%;
    text-align: left;
    font-size: 13px
}

.results-selected {
    width: 70%;
    text-align: left
}

.results-sort {
    width: 15%;
    text-align: right
}

#selected_types {
    display: inline-block;
    margin: 0;
    padding: 0
}

    #selected_types li {
        cursor: pointer;
        list-style-type: none;
        margin: 0 5px;
        float: left;
        font-size: 12px;
        color: #323232;
        text-align: center;
        padding-right: 15px;
        background-image: url("/wp-content/themes/courses-listing/css-output/images/arrow/x.png");
        background-position: 95% center;
        background-repeat: no-repeat
    }

.catven {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 2px
}

.catven-col {
    margin: 10px 1.5%
}

.catven-col1 {
    width: 36%
}

.catven-col1n5 {
    width: 3%
}

.catven-col2 {
    width: 36%
}

.catven-col3 {
    width: 15%
}

.catven-col .fa {
    color: #fff;
    font-size: 30px
}

.catven-col select {
    border: 1px solid #fff;
    border-radius: 2px;
    width: 95%;
    padding: 2.5%;
    font-size: 14px;
    color: #333
}

.door-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: left;
    color: #fff
}

#cat-ven-btn {
    background: #202020;
    color: #fff;
    margin-top: 3px;
    display: inline-block;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px;
    display: none
}

.show-btn {
    display: block !important
}

#suggesstion-box, #suggesstion-box-filter, #suggesstion-box-pf, #suggesstion-box-m {
    text-align: left !important;
    display: none;
    background: #eee;
    border-top: 1px solid silver;
    width: 100%;
    max-height: 300px;
    overflow-y: auto
}

#suggesstion-box-m {
    background: #fff
}

#suggesstion-box-filter, #suggesstion-box-pf {
    position: absolute;
    max-width: 420px;
    border: 1px solid gray;
    z-index: 99
}

    #suggesstion-box h5, #suggesstion-box .h5, #suggesstion-box-filter h5, #suggesstion-box-filter .h5, #suggesstion-box-pf h5, #suggesstion-box-pf .h5, #suggesstion-box-m h5, #suggesstion-box-m .h5 {
        color: #000;
        margin: 5px 0 7px
    }

#suggested-list {
    margin: 0;
    padding: 10px
}

    #suggested-list dd {
        margin: 0;
        padding: 5px 0;
        display: block;
        font-size: 12px;
        cursor: pointer;
        line-height: 1.7;
        border-top: 1px solid #212815
    }

        #suggested-list dd sup {
            color: #145f7b
        }

        #suggested-list dd:hover {
            color: #145f7b
        }

#banner-wrapper {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.listing-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-family: "HelveticaNeue";
    color: #fff;
    display: inline-block
}

.banner-con h1, .banner-con .h1 {
    font-size: 35px;
    color: #fff;
    font-family: "HelveticaNeueBold";
    text-align:left;
}

.banner-con h2, .banner-con .h2 {
    margin-top: 10px;
    font-size: 20px;
    color: #fff;
    font-family: "HelveticaNeue"
}

.banner-con h3, .banner-con .h3 {
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    font-family: "HelveticaNeue"
}

.banner-btn {
    margin-top: 30px
}

    .banner-btn a {
        display: inline-block;
        border: 1px solid #fff;
        padding: 7px 15px;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        margin-right: 10px;
        border-radius: 3px
    }

        .banner-btn a:hover, .banner-btn a.btnactive {
            background-color: #fff;
            color: #222
        }

.img-cert-logo {
    position: absolute;
    right: 30px;
    top: 25%;
    height: 60px
}

.course-logo {
    position: absolute;
    right: 0;
    bottom: 0
}

    .course-logo ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style-type: none
    }

        .course-logo ul li {
            margin: 0;
            padding: 0
        }

            .course-logo ul li img {
                height: 50px;
                margin: 5px
            }

.table-form {
    width: 100%
}

    .table-form tr td {
        padding: 20px 0;
        border-bottom: 2px solid #eee
    }

    .table-form textarea, .table-form input[type=text], .table-form input[type=email] {
        width: 95%;
        padding: 8px 2.5%
    }

    .table-form button.wpcf7-form-control.wpcf7-submit {
        background: #000;
        border: none;
        padding: 10px 15px;
        color: #fff;
        font-size: 13px;
        border-radius: 2px !important;
        cursor: pointer
    }

.JobCon {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 1px solid #ccc
}

    .JobCon li {
        margin: 30px;
        padding: 0;
        float: left;
        list-style: none;
        border: 1px solid #ccc;
        padding: 30px 10px
    }

        .JobCon li a {
            height: 63px;
            display: block;
            padding: 20px 0 0 106px;
            width: 150px;
            text-decoration: none;
            color: #303030 !important;
            font-size: 12px
        }

            .JobCon li a strong {
                font-size: 14px
            }

.map {
    border: 1px solid #ccc
}

#cat-tabs {
    margin-top: 40px;
    text-align: left
}

.resp-tabs-list li {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: none;
    padding: 5px !important;
    text-align: center;
    font-size: .85em;
    line-height: 1.25em;
    width: 20%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center
}

.resp-tab-item:hover {
    background-color: #212815 !important;
    color: #fff !important
}

.resp-tab-active {
    padding: 4px 19px !important;
    border: 1px solid #212815 !important;
    background-color: #212815 !important;
    color: #fff !important
}

.resp-tab-content {
    border: none;
    border-top: 1px solid #212815 !important
}

.assoBox {
    width: 100%;
    display: inline-block
}

    .assoBox .assoCon {
        width: 48%;
        float: left;
        padding: 1%;
        min-height: 230px
    }

.new-banner-h1 {
    font-size: 34px !important;
    line-height: 39px !important;
    margin-bottom: 15px !important
}

.new-banner-h2 {
    font-size: 20px !important;
    line-height: 25px !important;
    font-weight: 400
}

.home-keyword-con {
    background: rgba(255,255,255,.4);
    max-width: 400px;
    width: 95%;
    padding: 10px 2.5%;
    border-radius: 2px;
    margin-top: 40px
}

.home-keyword-search {
    width: 98%;
    padding: 1%;
    text-align: left;
    border: 1px solid silver;
    border-radius: 2px
}

.home-keyword-holder {
    width: 100%
}

    .home-keyword-holder form {
        width: 100%;
        display: flex;
        align-items: center
    }

    .home-keyword-holder input[type=text] {
        width: calc(100% - 50px);
        border: none;
        font-size: 16px;
        height: 30px;
        color: #000;
        font-style: italic;
        float:left;
    }

        .home-keyword-holder input[type=text]::placeholder {
            color: #575757
        }

    .home-keyword-holder input#search-button {
        background-color: #212815;
        cursor: pointer;
        background-image: url(/wp-content/themes/courses-listing/css-output/images/search-icon-red.jpg);
        background-repeat: no-repeat;
        width: 15%;
        border: none;
        width: 50px;
        height: 30px;
        background-size: auto;
        background-position: center
    }

.home-autokeyword-holder {
    position: relative
}

.home-autokeyword {
    z-index: 5;
    position: absolute;
    left: 0;
    background: #fff;
    width: 100%;
    display: none;
    height: 200px;
    overflow-y: scroll
}

.cf-link {
    display: inline-block;
    margin: 15px 0 0;
    font-size: 13px;
    color: #000;
    text-decoration: none;
    color: #202020
}

    .cf-link:hover {
        text-decoration: underline
    }

#new-cert-wrapper {
    text-align: center;
    direction: ltr;
}

.new-cert-row {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto
}

.new-cert-left {
    width: 50%;
    padding: 0
}

    .new-cert-left .tint {
        padding: 30px 10%;
        display: flex;
        align-items: center;
        min-height: 100%
    }

.new-cert-left {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-accreditation.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff
}

    .new-cert-left p {
        font-size: 16px;
        font-family: "HelveticaNeue";
        line-height: 24px;
        color: #fff
    }

    .new-cert-left h3, .new-cert-left .h3 {
        font-size: 25px;
        font-family: "HelveticaNeueBold"
    }

.new-cert-right {
    min-height: 400px;
    width: 50%;
    padding: 30px 2.5%;
    background: #212815
}

.new-cert-box-con {
    width: 100%;
    text-align: center;
    border-radius: 2px
}

.new-cert-box {
    vertical-align: top;
    display: inline-block;
    width: 150px;
    margin: 10px;
    background: #fff
}

    .new-cert-box a {
        width: 95%;
        display: block;
        padding: 15px 2.5%;
        text-decoration: none;
        color: #202020;
        font-size: 13px;
        line-height: 18px
    }

.new-cert-logo img {
    height: 40px
}

#new-about-wrapper {
    text-align: center;
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-about-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.new-about-con {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
    padding: 60px 0
}

.new-about-left {
    width: 50%;
    padding: 0 0 0 1%
}

.new-about-right {
    width: 50%;
    padding: 0 5% 0 10%
}

    .new-about-right h3, .new-about-right .h3 {
        color: #fff;
        font-size: 25px;
        font-family: "HelveticaNeueBold"
    }

.new-about-left {
    color: #fff
}

    .new-about-left h3, .new-about-left .h3 {
        font-size: 25px;
        font-family: "HelveticaNeueBold"
    }

    .new-about-left p {
        font-size: 16px;
        font-family: "HelveticaNeue";
        line-height: 24px;
        color: #fff
    }

.new-about-right input[type=text], .new-about-right input[type=email], .new-about-right input[type=tel] {
    width: 100%;
    margin-bottom: 10px;
    border: none;
    background-color: #fff;
    padding: 10px 5%;
    font-size: 14px;
    color: #686868
}

.new-about-right button.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    padding: 10px 0;
    border: none;
    background-color: #212815;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.wpcf7-response-output {
    color: #fff !important
}

.cat_row {
    display: inline-block;
    margin: 30px 0 0;
    width: 100%
}

.cat_col {
    float: right;
    width: 17%;
    margin: 10px 1.5%;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.75);
    border-radius: 2px
}

    .cat_col a {
        display: block;
        text-decoration: none;
        color: #202020;
        border-radius: 2px
    }

.cat_img {
    height: 100px;
    background-size: cover;
    background-position: center
}

.cat_title {
    font-size: 13px;
    margin: 15px 0 0
}

.cat_btn {
    margin: 10px 0 15px;
    display: inline-block;
    color: #202020;
    font-size: 12px;
    text-align: center
}

.cat_row .message {
    cursor: pointer;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #202020;
    padding: 5px 15px;
    text-decoration: none
}

ul.resp-tabs-list {
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: stretch;
    justify-content: space-evenly
}

html, body {
    overflow-x: clip
}

.two-col-row {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 80px 0
}

.two-col-col {
    width: 50%
}

.two-col-text-left {
    margin-left: 10%
}

.two-col-text-right {
    margin-right: 10%
}

.two-col-img {
    width: 100%;
    height: auto
}

.banner-phrase {
    color: #fff;
    font-size: 18px;
    line-height: 23px
}

.about-2-wrapper {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/about-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.about-2-row {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0;
    display: flex;
    align-items: center
}

.about-2-col p {
    font-size: 14px;
    line-height: 23px;
    color: #fff
}

.about-2-col {
    width: 50%;
    display: block
}

.about-3-wrapper {
    background: #ddd
}

.about-3-row {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center
}

    .about-3-row h2, .about-3-row .h2 {
        font-family: "HelveticaNeue";
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        margin-bottom: 20px
    }

.numbers-row {
    text-align: center;
    width: 100%
}

.numbers-col {
    display: inline-block;
    width: 150px;
    margin: 10px 20px;
    color: #202020
}

.numbers-img {
    width: 65px;
    height: 65px;
    margin: 0 auto
}

.numbers-title {
    margin: 10px 0 5px;
    font-size: 22px;
    font-weight: 700
}

.numbers-subtitle {
    font-size: 14px
}

.keyword-search-title {
    margin: 0 0 20px
}

    .keyword-search-title h3, .keyword-search-title .h3 {
        color: #222;
        font-size: 20px
    }

.searchtext {
    font-size: 18px;
    margin-bottom: 15px
}

    .searchtext a {
        color: maroon
    }

.keyword-list-results {
    margin: 30px 0 0
}

.keyword-list-group {
    border: 1px solid silver;
    border-radius: 2px;
    margin-bottom: 20px
}

    .keyword-list-group h5, .keyword-list-group .h5 {
        padding: 7px 10px;
        font-size: 18px;
        color: #222;
        background: #e7e7e7
    }

    .keyword-list-group div.searchlist {
        margin: 0;
        padding: 0
    }

        .keyword-list-group div.searchlist div {
            margin: 0;
            border-bottom: 1px solid silver
        }

        .keyword-list-group div.searchlist:last-child {
            border-top: none
        }

        .keyword-list-group div.searchlist div a {
            font-size: 13px;
            color: #232323;
            text-decoration: none;
            padding: 7px 20px;
            display: block
        }

            .keyword-list-group div.searchlist div a:hover {
                background: #e7e7e7
            }

        .keyword-list-group div.searchlist div sup.cl {
            color: maroon
        }

        .keyword-list-group div.searchlist div sup.ol {
            color: green
        }

#nextlist {
    cursor: pointer;
    border-radius: 2px;
    font-size: 13px;
    border: none;
    margin: 10px 20px;
    color: #fff;
    background: #212815 !important;
    padding: 7px 15px
}

.inhouse-2-wrapper {
    background-image: url(/wp-content/themes/courses-listing/css-output/images/main-page/inhouse-2.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.inhouse-2-row {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0
}

.inhouse-border {
    border: 1px solid #fff;
    margin: 0 15%;
    padding: 60px 20px;
    text-align: right;
    direction: rtl
}

    .inhouse-border h2, .inhouse-border .h2 {
        font-size: 25px;
        line-height: 30px;
        font-family: "HelveticaNeueBold";
        color: #fff
    }

    .inhouse-border ul, .inhouse-border p {
        color: #fff
    }

li.slider-course-title {
    min-height: 5em
}

.course-listing-menu-header .course-listing-menu > ul > li.menu-item-has-children:hover .menu-subs {
    margin-top: 2em !important
}

ul.wpc-filters-ul-list.wpc-filters-checkboxes:not(.wpc-filters-list-67960) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px
}

@media screen and (max-width:760px) {
    h2.resp-accordion, .resp-accordion.h2 {
        border-radius: 5px;
        padding: 14px;
        margin-bottom: 10px;
        border: none !important;
        background-color: #d9d9d9 !important;
        font-size: 15px
    }

    h2.resp-tab-active, .resp-tab-active.h2 {
        background-color: #212815 !important;
        color: #fff !important;
        padding: 14px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    #cat-tabs {
        margin-top: 30px
    }

    .cat-table .catbox-text {
        text-align: center;
        justify-content: center !important
    }

    .door-title {
        text-align: center
    }

    .catven-col1n5 {
        display: none
    }

    .catven {
        border: none
    }

    div#nav-tab button {
        width: 47%;
        margin-bottom: .25em
    }

    #nav-cat-all-tab {
        width: 100% !important;
        padding: 10px
    }

    .cat-table a {
        width: 48%
    }
}

@media screen and (max-width:1244px) {
    #n-content, #group-content {
        width: 100%
    }

    .n-content-left-search, .n-content-left-tools {
        padding-left: 10px
    }

    .ol-divider-con, .outline-con, .two-row, .results-row {
        margin-left: 5% !important;
        margin-right: 5% !important;
        width: 90% !important
    }

    .def-con {
        padding: 40px 0
    }

    #ol-divider a {
        right: 5% !important
    }

    .cat-row-box, .cat-row-box2 {
        text-align: center
    }

    .n-content-right {
        margin-left: 2.5% !important;
        margin-right: 2.5% !important;
        width: 95% !important
    }
}

@media screen and (max-width:1190px) {
    .outline-left {
        width: 72.5%
    }
}

@media screen and (max-width:1098px) {
    .outline-left {
        width: 71.5%
    }
}

@media screen and (max-width:1090px) {
    .def-con, .n-content-full, #new-cat-row, .ol-footer, .banner-con {
        margin-left: 5% !important;
        margin-right: 5% !important;
        width: 90% !important
    }

    .n-content-right {
        width: 70%
    }

    .ol-divider-con-text img {
        display: none
    }

    .ol-numbers-con, .ol-numbers-con2 {
        padding: 30px 10px;
        text-align: center
    }

    .ol-numbers-box, .ol-numbers-box2 {
        margin: 0 10px
    }

    .ol-cat-box, .inhouse-box {
        width: 20%;
        margin: 1.25%
    }

    #new-cat-row h3, #new-cat-row .h3 {
        display: block !important
    }

    #new-cat-row {
        margin: 0;
        padding: 30px 0;
        display: inline-block;
        display: block;
        text-align: left
    }

    .new-cat-img {
        display: none
    }

    .cat-right .new-cat-box, .cat-left .new-cat-box {
        float: none;
        width: 100%;
        margin: 0
    }

    .cat-right .cat-table div a {
        background: #fff
    }

    .cat-right {
        background: inherit !important
    }

        .cat-right .new-cat-box .cat-table div, .cat-left .new-cat-box .cat-table div {
            float: none;
            display: inline-block !important
        }

    #new-cat-row {
        text-align: center
    }

    .banner-con h1, .banner-con .h1 {
        font-size: 30px
    }

    .cert-right {
        width: 50%;
        padding: 30px 5%
    }
}

@media screen and (max-width:1057px) {
    .outline-left {
        width: 70.5%
    }
}

@media screen and (max-width:1016px) {
    .outline-left {
        width: 69%
    }
}

@media screen and (max-width:962px) {
    .outline-left {
        width: 68%
    }
}

@media screen and (max-width:930px) {
    .outline-left {
        width: 67%
    }
}

@media screen and (max-width:920px) {
    .ol-title-con2 {
        margin-top: 30px !important
    }

    #ol-header {
        margin-bottom: 0
    }

    #mobile-menu, #openslidingdiv, .hide-desktop {
        display: block !important
    }

    #closeFilter {
        display: block
    }

    .hide {
        display: none !important
    }

    .hide-btn-desktop, .hide-desktop2 {
        display: inline-block !important
    }

    .main-logo img {
        height: 20px;
        padding: 10px 0 5px
    }

    #ol-banner {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    #ol-banner-cat {
        width: 100%;
        text-align: center
    }

    #ol-banner-online {
        text-align: center
    }

    .backdoor {
        margin: 0 0 7px
    }

    #ol-banner-default {
        padding: 5%;
        width: 90%
    }

    #ol-back-btn, #ol-header, .slick-dots, #ol-header-wrapper {
        display: none !important
    }

    #ol-banner h1, #ol-banner .h1, .ol-title-header {
        font-size: 35px
    }

    .bg-online, .bg-classroom {
        background-size: cover
    }

    .popupclose {
        top: 10px;
        right: 10px
    }

    .popupsearch p {
        margin-top: 50px
    }

    .popupcon, .ol-banner-cat {
        padding: 10% !important;
        height: 80% !important;
        width: 80% !important
    }

    .ol-upcoming, .ol-loop-con {
        margin-left: 10% !important;
        margin-right: 10% !important;
        width: 80% !important
    }

    .ol-conm-right h2, .ol-conm-right .h2 {
        font-size: 30px
    }

    .n-content-right, .formats-row, .default-container, .venue-box-con, .filter-con, #tp-con, .ol-inhouse-con, .contact-add-con, .bc-default, .n-sidebar, .ol-mconright-right, .ol-mconleft-left, .ol-conm-right, .ol-ven-con, .ol-banner-left, .col-cat, .ol-banner-right, .ol-filter-con, .ol-con1-left, .ol-con2-right, .ol-con3-left, .ol-con8-left, .ol-con4-right, .ol-con5-left, .ol-con6-right, .ol-con7-right, .ol-upcoming, .ol-footer, .ol-dl-con {
        margin-left: 5% !important;
        margin-right: 5% !important;
        width: 90% !important
    }

    .ol-con1-left, .ol-con2-right, .ol-con3-left, .ol-con4-right, .ol-con5-left, .ol-con7-right, .ol-con8-left, .ol-con6-right {
        margin-left: 5% !important;
        margin-right: 5% !important;
        width: 90% !important;
        text-align: center !important
    }

    .ol-con1, .ol-con2, .ol-con3, .ol-con4, .ol-con5, .ol-con6, .ol-con7, .ol-con8 {
        background-position: top center !important
    }

    .ol-con1-left h2 span, .ol-con1-left .h2 span, .ol-con2-right h2 span, .ol-con2-right .h2 span, .ol-con3-left h2 span, .ol-con3-left .h2 span, .ol-con4-right h2 span, .ol-con4-right .h2 span, .ol-con5-lefth2 span, .ol-con7-right h2 span, .ol-con7-right .h2 span, .ol-con8-left h2 span, .ol-con8-left .h2 span, .ol-con6-right h2 span, .ol-con6-right .h2 span {
        margin-left: auto !important;
        font-size: 25px
    }

    .ol-con1-left h2, .ol-con1-left .h2, .ol-con2-right h2, .ol-con2-right .h2, .ol-con3-left h2, .ol-con3-left .h2, .ol-con4-right h2, .ol-con4-right .h2, .ol-con5-left h2, .ol-con5-left .h2, .ol-con7-right h2, .ol-con7-right .h2, .ol-con8-left h2, .ol-con8-left .h2, .ol-con6-right h2, .ol-con6-right .h2, h2.ol-title-header, .ol-title-header.h2 {
        font-size: 30px;
        line-height: 35px
    }

    .default-con {
        padding: 0 5%;
        width: 90%
    }

    .ol-mconright-left, .ol-mconleft-right, .ol-conm-left, .ol-con3-right, .ol-con8-right, .ol-con1-right, .ol-con2-left, .ol-con1-left h2:after, .ol-con1-left .h2:after, .ol-con1-left h2:before, .ol-con1-left .h2:before, .ol-con2-right h2:after, .ol-con2-right .h2:after, .ol-con2-right h2:before, .ol-con2-right .h2:before, .ol-con3-left h2:after, .ol-con3-left .h2:after, .ol-con8-left h2:after, .ol-con8-left .h2:after, .ol-con3-left h2:before, .ol-con3-left .h2:before, .ol-con8-left h2:before, .ol-con8-left .h2:before, .ol-con4-right h2:after, .ol-con4-right .h2:after, .ol-con4-right h2:before, .ol-con4-right .h2:before, .ol-con4-left, .ol-con5-left h2:after, .ol-con5-left .h2:after, .ol-con5-left h2:before, .ol-con5-left .h2:before, .ol-con5-right, .ol-con6-left, .ol-con6-left h2:after, .ol-con6-left .h2:after, .ol-con6-left h2:before, .ol-con6-left .h2:before, .ol-con7-left, .ol-con7-right h2:after, .ol-con7-right .h2:after, .ol-con7-right h2:before, .ol-con7-right .h2:before {
        display: none !important
    }

    .ol-mconright-right, .ol-mconleft-left, .ol-conm-left, .ol-con3-right, .ol-con1-left, .ol-con2-right, .ol-con3-left, .ol-con8-left, .ol-con4-right, .ol-con5-left, .ol-con6-right, .ol-con7-right, .subscribe-left, .subscribe-right {
        float: none;
        padding: 0
    }

    .ol-conm-right {
        padding: 0 !important
    }

    .ol-con1-left, .ol-con2-right, .ol-con4-right, .ol-con5-left, .ol-con6-right, .ol-con7-right {
        padding-bottom: 30px
    }

    .top-filter-selected ol li {
        margin: 5px
    }

    .top-filter-selected {
        width: 95%;
        margin: 0 2.5%
    }

    .img-energy2, .img-energy, .img-oxford2, .img-oxford, .img-petro2, .img-petro, .img-about2, .ol-wrapper-mcon, .ol-con2, .ol-con3, .ol-con8, .ol-con4, .ol-con5, .ol-con6, .ol-con7 {
        margin: 60px 0 0
    }

    .ol-con2-right, .ol-con3-left, .ol-con8-left, .ol-con4-right, .ol-con5-left, .ol-con6-right, .ol-con7-right {
        margin-top: 20px
    }

    #ol-wrapper-con1 {
        background: linear-gradient(to top,#e9e9e9 80%,#fff 80%)
    }

    .ol-con1 {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-1.jpg) top left no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    #ol-wrapper-con2 {
        background: linear-gradient(to top,#212815 80%,#fff 80%)
    }

    .ol-con2 {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-2.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    .ol-con3 {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-3.jpg) top left no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    #ol-wrapper-con3 {
        background: linear-gradient(to top,#e9e9e9 80%,#fff 80%)
    }

    .ol-con4 {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-8.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    .ol-con4-right h2 span, .ol-con4-right .h2 span, .ol-mconleft-left h2 span, .ol-mconleft-left .h2 span {
        margin-left: 0
    }

    #ol-wrapper-con7 {
        background: linear-gradient(to top,#e9e9e9 80%,#fff 80%)
    }

    .ol-con7 {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-7.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    .ol-con7-right {
        text-align: right
    }

        .ol-con7-right h2 span, .ol-con7-right .h2 span {
            margin-left: 0
        }

    #ol-wrapper-con5 {
        background: linear-gradient(to top,#e9e9e9 80%,#fff 80%)
    }

    .ol-con5 {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-4.jpg) top left no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    .ol-upcoming, .ol-title-con {
        padding: 40px 0
    }

        .ol-upcoming h2, .ol-upcoming .h2, .subscribe-left h2, .subscribe-left .h2 {
            margin-left: 0
        }

            .ol-upcoming h2:before, .ol-upcoming .h2:before, .subscribe-left h2:before, .subscribe-left .h2:before {
                left: 0;
                opacity: .3
            }

    #ol-wrapper-con6 {
        background: linear-gradient(to top,#e9e9e9 80%,#fff 80%)
    }

    .ol-con6 {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-6.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    .ol-con6-right h2 span, .ol-con6-right .h2 span {
        margin-left: 0
    }

    #ol-wrapper-con7 {
        background: linear-gradient(to top,#212815 80%,#fff 80%)
    }

    .ol-con7 {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-7.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    .ol-con7-right h2 span, .ol-con7-right .h2 span {
        margin-left: 0
    }

    #ol-wrapper-con8 {
        background: linear-gradient(to top,#e9e9e9 80%,#fff 80%)
    }

    .ol-con8 {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-5.jpg) top left no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    .ol-title-con2 {
        margin-bottom: 0
    }

    .ol-backhome {
        text-align: right;
        margin: 40px 0 0
    }

    .subscribe-left {
        margin-bottom: 40px
    }

    #ol-wrapper-conm {
        background: linear-gradient(to top,#212815 80%,#fff 80%)
    }

    .ol-conm {
        background: url(/wp-content/themes/courses-listing/css-output/images/online-page/con-2.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    .mconbg-silver {
        background: linear-gradient(to top,#e9e9e9 80%,#fff 80%)
    }

    .mconbg-red {
        background: linear-gradient(to top,#212815 80%,#fff 80%)
    }

    .img-about {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-aboutus.jpg) top left no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    .img-about2 {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-aboutus2.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 90%
    }

    .img-petro {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-petroknowledge.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    .img-petro2 {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-petroknowledge2.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    .img-oxford {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-oxford.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    .img-oxford2 {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-oxford2.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    .img-energy {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-energy.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    .img-energy2 {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-energy2.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    .img-kc {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-kc.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    .img-kc2 {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-kc2.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    .img-lead {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-leadwomen.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    .img-lead2 {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-leadwomen2.jpg) top right no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    .img-awards {
        background: url(/wp-content/themes/courses-listing/css-output/images/main-page/img-certification.jpg) top left no-repeat;
        padding-top: 60%;
        background-size: 80%;
        background-position: top center
    }

    #sliding-div {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: calc(85vh - 0px);
        background-color: #e9e9e9;
        transition: transform .1s ease-in-out;
        overflow-y: scroll;
        z-index: 9999999;
        transform: translateX(100%)
    }

    .show {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important
    }

    .ol-upcoming {
        padding-bottom: 0
    }

    .big-title {
        font-size: 35px !important
    }

    .big-subtitle {
        font-size: 25px !important
    }

    .showmore {
        margin: 10px 0 30px !important
    }

    .show-div {
        display: block
    }

    .mobile-filter-btn {
        border-top: 1px solid gray;
        padding: 15px 0;
        background: #fff;
        position: fixed;
        bottom: 0;
        z-index: 9999999;
        text-align: center;
        width: 100%
    }

        .mobile-filter-btn a {
            display: inline-block;
            padding: 8px 2.5%;
            font-size: 18px;
            text-align: center
        }

    #showresults-cat, #showresults-all {
        margin-right: 5px;
        background: #212815;
        color: #fff;
        border: 1px solid #212815;
        border-radius: 2px;
        width: 60%
    }

    #clear-reslts-all {
        background: #fff;
        border: 1px solid #222;
        color: #222;
        border-radius: 2px;
        width: 25%
    }

    #showresults-clear-all {
        background: #fff;
        border: 1px solid #222;
        color: #222;
        border-radius: 2px;
        width: 25%
    }

    .mobile-filter-btn a .fa {
        margin-left: 5px
    }

    .ol-banner-left-right, .ol-banner-right-right {
        float: left
    }

    .ol-banner-left, .ol-banner-right {
        float: none
    }

    .ol-banner-left {
        margin-bottom: 30px !important
    }

    .ol-banner-right-left {
        margin: 10px 0 !important
    }

    #sliding-content {
        background: #fff;
        padding-top: 50px
    }

    .clear-btn {
        position: absolute;
        right: 10px;
        top: 55px;
        border: 1px solid #000;
        padding: 5px 10px;
        cursor: pointer
    }

    .ol-dl-con {
        padding-top: 10%;
        padding-bottom: 0
    }

        .ol-dl-con ul {
            margin-bottom: 20px
        }

            .ol-dl-con ul li {
                float: inherit;
                display: inline-block;
                margin: 2%;
                margin-bottom: 0
            }

                .ol-dl-con ul li img {
                    height: 150px
                }

    #ol-banner-cat h1, #ol-banner-cat .h1 {
        margin: 2.5%
    }

    .ol-title-v1-con {
        padding-top: 30px
    }

    .ol-ven-con .tab-icon, .ol-ven-con a .fa, .ol-cona-left, .ol-client-left p, .ol-client-left a, .ol-testi-right p, .ol-testi-right a {
        display: none
    }

    #ol-ven-wrapper #tabs li a {
        padding: 10px 5px !important;
        text-align: center
    }

    .ol-title-v1-con h3, .ol-title-v1-con .h3, .ol-featured-left h3, .ol-featured-left .h3, .ol-dl-con h2, .ol-dl-con .h2, .ol-testi-left {
        text-align: center
    }

    .ol-featured-left, .ol-featured-right, .ol-testi-left, .ol-mcon-center {
        float: none;
        width: 95%;
        padding: 2.5%;
        margin: 0
    }

    .ol-featured-con, .ol-cona {
        margin-top: 40px
    }

    .ol-featured-con {
        margin-bottom: 0
    }

    .ol-mconeq-left, .ol-mconeq-right, .ol-cert-left, .ol-cert-right, .ol-client-left, .ol-client-right, .ol-cona-right, .ol-testi-right {
        float: none;
        width: 95%;
        padding: 2.5%;
        display: block;
        text-align: center
    }

    .ol-client-right, .six-reason h2 span, .six-reason .h2 span, .ol-mconeq-right {
        margin-left: 0
    }

    .daterangepicker {
        position: fixed !important;
        top: 0 !important;
        left: 5% !important;
        z-index: 999999999 !important
    }

    .six-reason {
        background: #e9e9e9 !important;
        padding: 40px 0
    }

        .six-reason h2, .six-reason .h2 {
            text-align: right
        }

    .reason-con {
        display: block !important
    }

    .reason-box {
        vertical-align: middle
    }

    .our-mission {
        padding: 40px 0
    }

    .m-testimonial-con {
        margin-bottom: 60px
    }

    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        margin-bottom: 20px
    }

        .videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

    #ol-breaker-wrapper {
        background: #e9e9e9
    }

    .ol-breaker-left, .ol-breaker-right {
        display: block;
        width: 95%;
        margin: 0 2.5%
    }

    .ol-breaker-con h2, .ol-breaker-con .h2, .ol-breaker-con p {
        text-align: center
    }

    .backdoor-con {
        position: inherit !important;
        display: inline-block;
        left: inherit !important;
        bottom: inherit !important;
        margin: 15px 0 0
    }

    .outline-left, .outline-right, .col-50 {
        float: none;
        width: 100% !important
    }

    .outline-right {
        margin-left: 0 !important
    }

    #sticky {
        width: 100%;
        height: auto !important
    }

    .accLogoContent {
        margin-bottom: 30px
    }

    .side-pdf-right {
        margin-left: 10px
    }

    .tp-con-left {
        margin-bottom: 20px
    }

    .filter-con {
        padding: 30px 0 35px
    }

    .n-accordion-panel ul li {
        font-size: 15px !important
    }

    .n-accordion-panel ul.two-col li {
        width: inherit;
        min-width: 130px
    }

    .n-content-left-title {
        margin-right: 150px !important;
        padding-left: 10px !important
    }

    .load-more__btn, load-more {
        margin-bottom: 0 !important
    }

    .ol-divider-con-text p {
        font-size: 20px !important;
        line-height: 29px !important
    }

    #ol-divider {
        margin-top: 0 !important
    }

    .n-content-left-tools {
        margin-top: 20px
    }

    .n-accordion-panel ul li {
        margin-bottom: 7px
    }

    .n-accordion-panel input[type=checkbox] {
        width: 15px;
        min-width: 15px !important;
        font-size: 20px !important;
        transform: scale(1.6) !important
    }

    .bg-single-blog {
        width: 90% !important;
        margin-left: 5% !important;
        margin-right: 5% !important;
        max-height: 130px !important
    }

    .entry-title {
        margin-top: 0 !important
    }

    .post-related {
        margin: 0 !important;
        width: 100% !important
    }

        .post-related dl {
            width: 100%
        }

            .post-related dl dd {
                display: inline-block;
                float: inherit;
                width: 44%;
                margin: 2.5%;
                min-height: inherit;
                vertical-align: top
            }

                .post-related dl dd img {
                    width: 100%;
                    max-width: 200px;
                    height: auto;
                    max-height: 100px;
                    min-height: 100px
                }

    #ol-banner {
        text-align: center
    }

    #group-content {
        margin: 0 5%;
        width: 90%;
        text-align: justify
    }

        #group-content p {
            text-align: justify !important
        }

    .banner-con h2 br, .banner-con .h2 br, .banner-con h1 br, .banner-con .h1 br {
        display: none
    }

    .course-logo {
        position: inherit;
        margin-top: 20px
    }

        .course-logo ul {
            display: block;
            text-align: center
        }

            .course-logo ul li {
                display: inline-block
            }

                .course-logo ul li img {
                    height: 35px;
                    margin: 0
                }

    .img-cert-logo {
        position: inherit;
        right: inherit;
        margin-top: 15px;
        height: 50px
    }

    .search-con {
        position: inherit
    }

    .search-ulcon {
        background: #fff
    }

    .search-con ul {
        width: 90%;
        padding: 5%;
        border-radius: 5px
    }

        .search-con ul li {
            float: none
        }

    .search-con .dropdown-close {
        display: none
    }

    .s-keywords input[type=text] {
        width: 90%;
        font-size: 14px;
        padding: 10px 5%
    }

    .search-con ul li {
        width: 100%;
        margin-bottom: 10px;
        text-align: left
    }

    .search-filter {
        font-size: 14px;
        color: #555 !important;
        padding: 10px 5%
    }

    .search-con ul li a.is-active {
        background-image: url("/wp-content/themes/courses-listing/css-output/images/search-arrow-black-up.png")
    }

    .checkbox-group, .dropdown-checkbox {
        margin: 0;
        padding: 20px 0
    }

    .dropdown-content {
        box-shadow: none;
        padding: 0;
        position: inherit;
        width: 100%
    }

    .dropdown-checkbox {
        width: 95% !important;
        padding: 10px 2.5% !important
    }

    .checkbox-group-mid, .c-mid, .w-medium {
        width: 100% !important;
        margin: 0
    }

    .s-keyword {
        margin: 8.5px 2.5%;
        width: 90%;
        padding: 7px 2.5%
    }

    .search-filter {
        padding: 7px 5%
    }

    .search-btn {
        padding: 10px 5%
    }

    .left-title {
        text-align: center
    }

    .ol-ven-con {
        margin-top: 30px
    }

    #ol-ven-wrapper #tabs li a {
        justify-content: center
    }

    .lSSlideOuter .lSPager.lSpg {
        text-align: center
    }

    .formats-col {
        width: 100%;
        float: none;
        text-align: center
    }

    .formats-col-mid {
        margin: 30px 0
    }

    .trigger-close {
        display: none
    }

    #sliding-holder {
        position: relative
    }

    .s-keyword {
        width: 90%
    }

    .sliding-content h2, .sliding-content .h2, .sliding-content p {
        margin-left: 5%;
        margin-right: 5%
    }

    .top-filter-selected ol li {
        font-size: 11px;
        padding: 4px 25px 4px 4px
    }

    .date-col {
        float: none
    }

    .colw70, .colw30 {
        width: 100%;
        margin: 0
    }

    .mobile-nomargin {
        margin: 0
    }

    .backdoor-course {
        width: 100% !important
    }

    #chat-application {
        bottom: 50px !important
    }

    .search-con .pf-btn {
        background: 0 0 !important
    }

    .ol-mconright-left, .ol-mconright-right, .ol-mconleft-left {
        float: none;
        width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%
    }

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

    .catven {
        display: block
    }

    .catven-col1, .catven-col2, .catven-col3 {
        width: 100%;
        margin: 10px 0
    }

    .catven-col select {
        width: 100%;
        padding: 7px 0
    }

    .banner-home {
        padding: 60px 5% 30px
    }

    .cert-img {
        display: none
    }

    .cert-right {
        width: 100% !important
    }

    .cert-box-con {
        margin-top: 30px
    }

    #about-wrapper {
        display: none
    }

    .trusted-row {
        display: block
    }

    .trusted-left, .trusted-right {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .ol-client-logos {
        margin-top: 30px
    }

    .subscribe-row {
        display: block
    }

    .subscribe-title, .subscibe-form {
        width: 100%;
        text-align: center
    }

    .subscribe-title {
        margin-bottom: 30px
    }

    .results-no {
        width: 50%
    }

    .results-selected, .row-fee {
        display: none
    }

    .results-sort {
        width: 50%
    }

    .row-date {
        width: 60%
    }

    .row-venue {
        width: 40%
    }

    .banner-con {
        text-align: center;
        margin: 40px auto
    }

    .search-con ul li {
        height: inherit !important
    }

    .n-section-title {
        font-size: 20px
    }

    .course-date {
        font-size: 12px
    }

    .cert-logo img {
        width: inherit;
        height: 50px
    }

    .ol-mconleft-left h2, .ol-mconleft-left .h2 {
        text-align: center !important
    }

    #cat-tabs {
        margin-top: 20px
    }

    .wcert.row-title {
        width: 55%
    }

    .wcert .row-date-con {
        width: 45%
    }

    .wcert .row-date {
        width: 40%
    }

    .wcert .row-venue {
        width: 37%
    }

    .row-cert {
        width: 15%;
        padding: 0 1.5%
    }

    .assoBox .assoCon {
        width: 100%;
        float: none;
        padding: 0;
        min-height: inherit;
        margin: 10px 0
    }

    .home-keyword-con {
        max-width: inherit !important
    }

    .center-title h3 i, .center-title .h3 i {
        font-size: 20px
    }

    .format-row {
        margin-top: 20px
    }

    .cat-table .catbox-text {
        text-align: center !important
    }

    .new-cert-row, .new-about-con {
        display: block
    }

    .new-cert-left {
        width: 100%
    }

        .new-cert-left .tint {
            padding: 40px 5%;
            width: 100%;
            min-height: inherit
        }

    .new-cert-right {
        padding: 40px 0;
        width: 100%;
        min-height: inherit
    }

        .new-cert-right .center-btn {
            margin-bottom: 0 !important
        }

    .new-about-con {
        width: 100%;
        padding: 0
    }

    .new-about-left {
        margin: auto;
        width: 90%;
        padding: 40px 5%
    }

    .new-about-right {
        margin: auto;
        width: 90%;
        padding: 40px 5% 10px;
        background-color: #202020
    }

        .new-about-right h3, .new-about-right .h3 {
            margin-bottom: 20px
        }

    ul.resp-tabs-list {
        padding: 0
    }

    .new-banner-h1 {
        font-size: 30px !important;
        line-height: 35px !important
    }

    .ol-banner-left {
        margin-left: 0 !important
    }

    .banner-phrase br {
        display: none
    }

    .two-col-row, .about-2-row {
        display: block
    }

    .two-col-col, .about-2-col {
        width: 100%
    }

    .two-col-text-left, .two-col-text-right {
        margin: 0 0 20px
    }

    .two-col-img {
        margin: 0 auto 0
    }

        .two-col-img img {
            width: 100%
        }

    .about-2-row {
        margin: 0 5%;
        width: 90%;
        padding: 30px 0
    }

    .about-2-col p {
        text-align: center
    }

    .two-col-row {
        padding: 0
    }

    .two-col-text-left h2, .two-col-text-left .h2, .two-col-text-right h2, .two-col-text-right .h2 {
        margin-top: 30px
    }

    .numbers-col {
        margin: 10px 5px;
        width: 120px
    }

    .searchtext {
        font-size: 13px
    }

    .keyword-list-group div.searchlist div a {
        font-size: 12px;
        padding: 5px;
        line-height: 17px
    }

    .no-banner {
        margin-top: 57px
    }

    .inhouse-border {
        padding: 30px 20px
    }
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background: var(--bs-nav-link-color);
    color: #fff
}

.nav-tabs .nav-link {
    background: whitesmoke;
    color: #333;
    font-weight: 600;
    text-align: center;
    font-size: 0.78em;
    line-height: 1.25em;
    margin: 0 5px;
    padding: 5px;
}

.outline-con p, .outline-con li {
    font-size: 13px
}

img.footerLogo {
    width: 12.5em
}

.footer-nav-col p {
    margin-bottom: 0
}

.page-header {
    background-blend-mode: overlay;
    box-shadow: inset 0 0 0 2000px rgba(0,0,0,.5)
}

.page-title-area h2, .page-title-area .h2, .page-title-area h1, .page-title-area .h1 {
    color: #fff;
    text-align: start
}

@media screen and (max-width:912px) {
    .secondrow-col5 {
        display: none
    }

    .ol-divider-con-text p br {
        display: none
    }
}

@media screen and (max-width:874px) {
    .search-keyword-home input[type=text] {
        width: auto
    }

    .tp-con-left, .tp-con-right {
        float: none;
        width: 100%;
        padding: 0
    }

    .banner-tint, .tp-tint-black, .tp-tint-red {
        padding: 25px !important
    }

    .tp-con-left p br, .tp-con-right p br {
        display: none
    }
}

@media screen and (max-width:800px) {
    .col-course {
        float: none;
        width: 100% !important;
        margin: 0 !important
    }

    .row-course {
        margin: 0 !important
    }

    .col-1-4 {
        text-align: center !important
    }

    .n-pdf-con {
        margin: 20px auto !important
    }

    .col-2, .col-3 {
        margin: 20px 0 !important
    }

    .ol-backhome a {
        padding: 0 20px 0 0
    }

        .ol-backhome a .fa {
            margin-right: 20px
        }

    .subscribe-left {
        margin-bottom: 20px
    }

    .subscribe-right ul {
        width: 100%
    }

        .subscribe-right ul li.fld .fa {
            top: 0;
            left: 0
        }

        .subscribe-right ul li {
            width: 90%;
            float: none;
            margin-bottom: 10px;
            padding: 0 0 0 35px
        }

            .subscribe-right ul li input[type=text], .subscribe-right ul li input[type=email] {
                width: 90%;
                margin: 0
            }

            .subscribe-right ul li.fld .fa {
                width: 20px;
                height: 29px;
                line-height: 29px
            }

            .subscribe-right ul li.form-btn {
                width: 100%;
                padding: 0;
                margin: 0;
                display: inline-block
            }

            .subscribe-right ul li button.wpcf7-form-control.wpcf7-submit {
                width: 85%;
                text-indent: 15px
            }

    .form-btn .fa {
        width: 10%
    }

    .ol-footer-toolbar dl dd, .footer-nav-leftm .footer-nav-right {
        float: none;
        width: 100% !important
    }

    .ol-footer-toolbar dl dd {
        margin-bottom: 30px
    }

        .ol-footer-toolbar dl dd.w-one, #ol-banner h1.n-main-b-title-course br, #ol-banner .n-main-b-title-course.h1 br, #ol-banner h2.n-main-s-title-course br, #ol-banner .n-main-s-title-course.h2 br {
            display: none
        }

    #ol-banner h1.n-main-b-title-course, #ol-banner .n-main-b-title-course.h1 {
        font-size: 30px
    }

    .n-schedCon table tr th {
        font-size: 13px
    }

    .ol-cat-box, .inhouse-box {
        min-width: 300px
    }

    .mobile-margin {
        margin-top: 0;
        margin-left: 5% !important;
        margin-right: 5% !important;
        width: 90% !important
    }
}

@media screen and (max-width:760px) {
    .certificate-box, .articles-box, .contact-add-box {
        width: 40%
    }

    .inhouse-box {
        width: 95%;
        margin: 2.5%
    }
}

@media screen and (max-width:720px) {
    .firstrow-col3 select {
        width: auto
    }

    .group-title, #ol-banner-cat h1, #ol-banner-cat .h1, #ol-banner h1, #ol-banner .h1, #ol-banner-cat .middle-title, #ol-banner-cat .top-title {
        font-size: 25px
    }

        .group-title h1, .group-title .h1, #ol-banner-cat h1, #ol-banner-cat .h1 {
            line-height: 33px !important
        }

    .group-subtitle, #ol-banner h2, #ol-banner .h2, #ol-banner-cat .bottom-title, h1 small, .h1 small, h1 .small, .h1 .small {
        font-size: 18px !important;
        line-height: 25px !important
    }

    .small-font {
        font-size: 14px !important;
        line-height: 20px !important
    }

    .course-listing-row a {
        padding: 12px 10px
    }

    .row-title {
        font-size: 12px;
        padding-right: 2%;
        width: 43%
    }

    .row-date-con {
        width: 55%
    }

    .row-date, .row-venue {
        font-size: 11px;
        text-align: center
    }

    .row-cert {
        font-size: 10px;
        text-align: center
    }

    .n-schedCon table tr th span {
        display: none
    }

    .format-row {
        display: inherit;
        text-align: center
    }

    .format-col {
        display: block;
        width: 100%
    }

        .format-col a {
            padding: 30px 2.5%
        }

    .cat-table a {
        width: 46%
    }

    .cert-box-con {
        margin-top: 0
    }

    .cert-box {
        width: 150px;
        margin: 10px
    }

    .cert-logo {
        height: 50px
    }

    .footer-nav-col {
        width: 100%;
        margin-bottom: 30px
    }

    ul.resp-tabs-list {
        display: none
    }

    .cat_col {
        float: none;
        width: 100%;
        margin: 10px 0;
        display: inline-block
    }

        .cat_col a {
            display: flex;
            align-items: center;
            width: 100%
        }

    .cat_img {
        width: 30%;
        height: 80px
    }

    .cat_holder {
        width: 70%
    }

    .cat_title {
        font-size: 14px;
        font-weight: 700
    }

    .cat_btn {
        font-size: 13px
    }
}

@media screen and (max-width:660px) {
    .search-keyword-inside {
        margin-top: 15px
    }

        .search-keyword-inside input[type=text] {
            width: 230px
        }

    .ol-numbers-no-no {
        font-size: 40px;
        line-height: 40px
    }

    .ol-nubmers-text {
        font-size: 14px
    }

    .ol-cat-box {
        min-width: 200px
    }

    #ol-ven-wrapper #tabs li a {
        font-size: 12px
    }

    .certificate-box, .articles-box, .contact-add-box {
        width: 100%;
        display: block;
        margin: 10px 0 15px
    }

    .articles-title {
        font-size: 20px;
        line-height: 30px
    }

    .articles-btn {
        margin-left: inherit;
        left: 15px
    }

    .two-col {
        width: 100%;
        float: none;
        border: none
    }

    .home-about {
        margin: 0
    }

        .home-about img, .home-partners-row {
            margin-top: 30px
        }

    .home-about {
        text-align: center
    }

    .home-partners {
        margin: 30px 0 0
    }

    .home-partners-row {
        justify-content: center;
        display: flex;
        flex-wrap: wrap
    }

    .ol-client-con {
        margin-top: 0
    }

        .ol-client-con a {
            margin: 10px
        }

    .home-subscribe {
        margin: 0;
        text-align: center
    }

        .home-subscribe form {
            display: inherit
        }

    .home-subscribe-input input[type=text] {
        width: 95%;
        border: none;
        border-bottom: 1px solid #333
    }

    .home-subscribe-input input {
        width: 95%
    }

    .home-subscribe-btn {
        margin: 10px 0 0
    }

        .home-subscribe-btn input {
            width: 100%
        }

    .home-social {
        margin: 30px 0 0
    }

    .home-social {
        text-align: center
    }

        .home-social ul {
            justify-content: center
        }
}

@media screen and (max-width:560px) {
    .n-content-secondrow {
        font-size: 13px
    }

    #ol-banner h1.n-main-b-title-course, #ol-banner .n-main-b-title-course.h1 {
        font-size: 25px;
        margin-top: 20px;
        line-height: 32px !important
    }

    #ol-banner h2.n-main-s-title-course, #ol-banner .n-main-s-title-course.h2, .n-main-ilm-title-course, #ol-banner h1 small, #ol-banner .h1 small, #ol-banner h1 .small, #ol-banner .h1 .small {
        font-size: 16px;
        line-height: 26px !important
    }

    #ol-banner .n-listing-title-course {
        font-size: 12px
    }

    .firstrow-col1, .firstrow-col3, .firstrow-col2 {
        font-size: 11px
    }

    .ol-filter-con-left, .ol-filter-con-right {
        width: 90%;
        float: none;
        margin-bottom: 10px
    }

    .search-keyword-home {
        width: 100%
    }

        .search-keyword-home input[type=text] {
            width: 85%
        }

        .search-keyword-home button.wpcf7-form-control.wpcf7-submit {
            width: 10%
        }

    .ol-filter-con-right a {
        width: 93%;
        padding: 10px
    }

        .ol-filter-con-right a span {
            float: left
        }

        .ol-filter-con-right a .fa {
            float: right;
            margin-left: auto
        }

    .ol-divider-con-text p {
        font-size: 25px
    }

    .filter-text {
        font-size: 16px;
        line-height: 25px
    }
}

@media screen and (max-width:554px) {
    #ol-banner h2.small-font, #ol-banner .small-font.h2 {
        font-size: 14px !important;
        line-height: 21px !important
    }
}

@media screen and (max-width:540px) {
    .search-keyword-home input[type=text] {
        width: 80%
    }

    .ol-title-v1-left, .ol-title-v1-right {
        display: block;
        margin: 10px 2.5%;
        width: 95%;
        text-align: center !important
    }

    #ol-ven-wrapper #tabs li {
        width: 49.4%;
        border: none
    }

        #ol-ven-wrapper #tabs li a {
            border: 1px solid #fff
        }

    .company-logo img {
        width: 100px
    }

    .backdoor-course .backdoor {
        max-width: inherit
    }

    .banner-btn a {
        margin: 15px 0 0
    }

        .banner-btn a:first-child {
            margin: 0
        }

    .new-cert-box {
        width: 30%
    }

        .new-cert-box a {
            font-size: 12px;
            line-height: 17px
        }
}

@media screen and (max-width:494px) {
    .cat-table div table {
        width: 180px !important
    }

    .ol-divider-con, .ol-cat-con, .outline-con {
        margin-left: 2.5% !important;
        margin-right: 2.5% !important;
        width: 95% !important
    }

    .home-partners-row img {
        width: 150px
    }

    .home-partners-row a {
        margin: 5px
    }
}

@media screen and (max-width:472px) {
    .row-title-text {
        font-size: 13px
    }

    .cat-table a {
        width: 45%;
        font-size: 13px;
        color: #000
    }

    .catbox-icon {
        display: none
    }

    .cat-table .catbox-text {
        width: 100%
    }

    .cat-table .catbox {
        padding: 0 5%
    }

    .course-slider-title {
        font-size: 16px;
        min-height: inherit
    }
}

@media screen and (max-width:434px) {
    .ol-cat-box {
        width: 90%;
        margin: 5%
    }

    .cat-row-box ul li, .cat-row-box2 ul li {
        width: 140px
    }

        .cat-row-box ul li a, .cat-row-box2 ul li a {
            width: 120px;
            min-height: 40px
        }

    .listing-title {
        font-size: 13px
    }

    .banner-con h1, .banner-con .h1 {
        font-size: 25px
    }

    .banner-con h2, .banner-con .h2 {
        font-size: 15px
    }

    .cert-box {
        width: 90px
    }

    .cert-logo img {
        height: 40px
    }

    .cert-title {
        font-size: 11px;
        line-height: 15px
    }
}

@media screen and (max-width:430px) {
    .home-partners-row img {
        width: 120px
    }

    .new-cert-box {
        margin: 3px
    }

    .new-cert-box {
        width: 30%
    }

        .new-cert-box a {
            font-size: 12px;
            line-height: 15px
        }

    .new-cert-title {
        min-height: 45px
    }
}

@media screen and (max-width:415px) {
    .ol-numbers-no-no {
        font-size: 30px;
        line-height: 30px
    }

    .ol-nubmers-text {
        font-size: 12px
    }
}

@media screen and (max-width:404px) {
    .reason-box {
        max-width: 150px;
        max-height: 150px
    }

    .reason-con a {
        width: 130px;
        height: 130px
    }
}

@media screen and (max-width:400px) {
    .n-schedCon table tr th {
        font-size: 9px
    }

    .n-schedCon table tr td {
        font-size: 11px
    }

    .ol-backhome a {
        padding: 0 20px 0 0
    }

        .ol-backhome a .fa {
            margin-right: 20px
        }

    .ol-upcoming h2, .ol-upcoming .h2, .ol-con2-right h2, .ol-con2-right .h2, .ol-con3-left h2, .ol-con3-left .h2, .ol-con8-left h2, .ol-con8-left .h2, .ol-con4-right h2, .ol-con4-right .h2, .ol-con5-left h2, .ol-con5-left .h2, .subscribe-left h2, .subscribe-left .h2, .ol-con7-right h2, .ol-con7-right .h2 {
        font-size: 25px
    }

    .n-content-firstrow {
        display: inherit;
        text-justify: auto
    }

    .firstrow-col1, .firstrow-col2 {
        display: inline-block;
        vertical-align: middle
    }

    .assoCon-left, .assoCon-right {
        float: none;
        width: 100%
    }

        .assoCon-left img {
            width: auto !important
        }

    #ol-banner h1 br, #ol-banner .h1 br, #ol-banner h2 br, #ol-banner .h2 br {
        display: none
    }

    .venue-box {
        width: 150px
    }

    .venue-box-img {
        width: 150px;
        height: 130px
    }

    .home-partners-row img {
        width: 110px
    }

    .firstrow-col1 span, .firstrow-col3 span, .firstrow-col2 span {
        margin: 0
    }

    .firstrow-col1, .firstrow-col2, .firstrow-col3 {
        margin: 0
    }

    .firstrow-col2 {
        margin: 0 5px
    }
}

@media screen and (max-width:399px) {
    .upcoming-slider-time {
        font-size: 9px !important
    }

    .formats-col img {
        max-height: 150px
    }

    .subscribe-input {
        width: 75%
    }

    .subscribe-btn {
        width: 25%
    }
}

@media screen and (max-width:386px) {
    .ol-con1-left p {
        font-size: 13px
    }
}

@media screen and (max-width:375px) {
    .ol-client-logos dd {
        margin: 3px
    }
}

@media screen and (max-width:363px) {
    .venue-box, .venue-box-img {
        width: 130px
    }

    .reason-box {
        max-width: 140px;
        max-height: 140px
    }

    .reason-con a {
        width: 120px;
        height: 120px
    }
}

@media screen and (max-width:356px) {
    .cert-box {
        width: 80px
    }

    .cert-logo img {
        height: 40px
    }

    .cert-title {
        font-size: 11px;
        line-height: 15px
    }
}

@media screen and (max-width:355px) {
    .ol-con1-left p {
        font-size: 13px
    }
}

@media screen and (max-width:342px) {
    .cert-box {
        width: 70px
    }

    .cert-logo img {
        height: 35px
    }

    .cert-title {
        font-size: 11px;
        line-height: 15px
    }
}

@media screen and (max-width:337px) {
    .cat-row-box ul li, .cat-row-box2 ul li {
        width: 100%;
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

        .cat-row-box ul li a, .cat-row-box2 ul li a {
            width: 90%;
            padding: 5px 5%;
            height: auto;
            min-height: inherit;
            display: block
        }
}

@media screen and (max-width:315px) {
    .venue-box {
        width: 120px
    }

    .venue-box-img {
        width: 120px;
        height: 100px
    }
}

@media screen and (max-width:309px) {
    .cert-box {
        width: 110px
    }

    .cert-logo img {
        height: 50px
    }

    .cert-title {
        font-size: 13px;
        line-height: 17px
    }
}

@media screen and (max-width:293px) {
    .venue-box {
        width: 200px
    }

    .venue-box-img {
        width: 200px;
        height: 110px
    }
}

.hide {
    display: none !important
}

.text-center {
    text-align: center
}

.heading-lines {
    margin-top: 0;
    position: relative;
    margin: 10px 0 20px;
    color: #212815
}

    .heading-lines:before {
        content: "";
        display: block;
        border-top: solid 1px #ca2525;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 70%;
        z-index: 1
    }

    .heading-lines span {
        background: #f4f4f4;
        padding: 0 20px;
        position: relative;
        z-index: 5
    }

img.footerLogo {
    width: 200px
}

.glomacs-subscribe-newsletter .newsletter-name, .glomacs-subscribe-newsletter .newsletter-email {
    width: 40%;
    display: inline-block;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
    padding: 0;
    margin: 0;
    float:right;
}

.glomacs-subscribe-newsletter .newsletter-submit-area {
    width: 20%;
    display: flex;
    justify-content: flex-start
}

.glomacs-subscribe-newsletter .wpcf7-form-control-wrap {
    display: block
}

.glomacs-subscribe-newsletter .wpcf7 input {
    width: 100%;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
    padding: 10px;
    border: 0
}

.glomacs-subscribe-newsletter .newsletter-name input {
    border-right: 1px solid #c3c3c3
}

.subscibe-form.glomacs-subscribe-newsletter button {
    background: #212815;
    color: #fff;
    cursor: pointer;
    border: 0
}

.glomacs-subscribe-newsletter .newsletter-submit-area .wpcf7-spinner {
    display: none
}

.glomacs-subscribe-newsletter form {
    width: 100%;
    display: flex;
    align-items: center;
    display: -webkit-box;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
    text-align: left
}

.glomacs-subscribe-newsletter .wpcf7 form.invalid .wpcf7-response-output, .glomacs-subscribe-newsletter .wpcf7 form.sent .wpcf7-response-output {
    margin: 10px 0 0;
    text-align: left;
    border: 0;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    outline: none !important;
    list-style: none
}

.glomacs-subscribe-newsletter .wpcf7 form.invalid .wpcf7-response-output, .glomacs-subscribe-newsletter .wpcf7 form.unaccepted .wpcf7-response-output, .glomacs-subscribe-newsletter .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #212815
}

.glomacs-subscribe-newsletter .wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450;
    position: absolute;
    width: fit-content;
    margin-top: 3em
}

.glomacs-subscribe-newsletter .wpcf7 form.invalid .wpcf7-response-output, .glomacs-subscribe-newsletter .wpcf7 form.unaccepted .wpcf7-response-output, .glomacs-subscribe-newsletter .wpcf7 form.payment-required .wpcf7-response-output {
    position: absolute;
    width: fit-content;
    margin-top: 3em
}

section h2, section .h2 {
    font-size: 25px;
    margin-bottom: 40px
}

.glomacs-subscribe-newsletter .wpcf7-not-valid-tip {
    display: none
}

.glomacs-subscribe-newsletter .wpcf7 input {
    max-width: 100%;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
    padding: 10px
}

.glomacs-accordion * {
    box-sizing: border-box;
    font-family: "HelveticaNeue"
}

    .glomacs-accordion *:before, *:after {
        box-sizing: border-box
    }

.glomacs-accordion {
    margin-bottom: 10px
}

    .glomacs-accordion .glomacs-accordion-item {
        border-bottom: 1px solid #cdcdcd
    }

        .glomacs-accordion .glomacs-accordion-item:last-child {
            border-bottom: none
        }

        .glomacs-accordion .glomacs-accordion-item button[aria-expanded=true] {
            border-bottom: 1px solid #212815
        }

    .glomacs-accordion button {
        position: relative;
        display: block;
        text-align: left;
        width: 100%;
        padding: 1em 1.5em 1em 0;
        color: #212815;
        font-size: 1rem;
        font-weight: 400;
        border: none;
        background: 0 0;
        outline: none
    }

        .glomacs-accordion button:hover, .glomacs-accordion button:focus {
            cursor: pointer;
            color: #212815
        }

            .glomacs-accordion button:hover:after, .glomacs-accordion button:focus:after {
                cursor: pointer;
                color: #212815;
                border: 1px solid #212815
            }

        .glomacs-accordion button .glomacs-accordion-title {
            padding: 1em 0
        }

        .glomacs-accordion button .icon {
            display: inline-block;
            position: absolute;
            top: 18px;
            right: 0;
            width: 22px;
            height: 22px;
            border: 1px solid;
            border-radius: 22px
        }

            .glomacs-accordion button .icon:before {
                display: block;
                position: absolute;
                content: "";
                top: 9px;
                left: 5px;
                width: 10px;
                height: 2px;
                background: currentColor
            }

            .glomacs-accordion button .icon:after {
                display: block;
                position: absolute;
                content: "";
                top: 5px;
                left: 9px;
                width: 2px;
                height: 10px;
                background: currentColor
            }

        .glomacs-accordion button[aria-expanded=true] {
            color: #212815
        }

            .glomacs-accordion button[aria-expanded=true] .icon:after {
                width: 0
            }

            .glomacs-accordion button[aria-expanded=true] + .glomacs-accordion-content {
                opacity: 1;
                max-height: 20em;
                transition: all .2s linear;
                will-change: opacity,max-height
            }

    .glomacs-accordion .glomacs-accordion-content {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity .2s linear,max-height .2s linear;
        will-change: opacity,max-height
    }

        .glomacs-accordion .glomacs-accordion-content .glomacs-accordion-content-text {
            font-size: 1rem;
            font-weight: 300;
            margin: 2em 0
        }

.txtcolcourse-short-certificates {
    display: none;
    cursor: pointer
}

#selected_types li {
    margin: 0 10px;
    padding-right: 10px;
    background-position: right center
}

.note-request-button, .n-content-full .note-request-button {
    background: #212815;
    font-size: 14px;
    margin-top: 15px;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    text-align: right;
    display: inline-block
}

.note-request-button-ml, .n-content-full .note-request-button-ml {
    margin-left: 15px
}

.note-request-button:hover, .n-content-full .note-request-button:hover {
    text-decoration: none;
    color: #fff
}

.footer-nav-row .footer-nav-col p {
    margin: 0;
    color:#fff;
    text-align:left;
}

.footer-copy {
    text-align: center
}

.def-con {
    padding: 60px 0 10px
}

.footer-nav-row .follow-title {
    margin: 20px 0 10px;
    text-align:left;
}

#sticky.stick {
    top: 90px
}

.banner-con-body {
    margin: 60px auto
}

.course-logo {
    bottom: unset
}

    .course-logo ul li img {
        height: 100px;
        margin: 5px;
        background: #fff
    }

#default-wrapper.search-course-category-venue {
    padding: 20px 0
}

.search-course-category-venue .door-title {
    font-size: 14px;
    margin-bottom: 0
}

.search-course-category-venue .catven {
    border: 0
}

    .search-course-category-venue .catven div:first-child {
        margin-left: 0
    }

.search-course-category-venue .catven-col select {
    width: 100%
}

.selectmodified::-webkit-scrollbar, .selectmodified2::-webkit-scrollbar {
    width: 16px;
    border: 5px solid #fff
}

.selectmodified::-webkit-scrollbar-thumb, .selectmodified2::-webkit-scrollbar-thumb {
    background-color: #a6a6a6;
    background-clip: padding-box;
    border: .05em solid #eee
}

.selectmodified::-webkit-scrollbar-track, .selectmodified2::-webkit-scrollbar-track {
    background-color: #f0f0f0
}

.selectmodified::-webkit-scrollbar-button:single-button, .selectmodified2::-webkit-scrollbar-button:single-button {
    background-color: #f0f0f0;
    display: block;
    border-style: solid;
    height: 13px;
    width: 16px
}

    .selectmodified::-webkit-scrollbar-button:single-button:vertical:decrement, .selectmodified2::-webkit-scrollbar-button:single-button:vertical:decrement {
        border-width: 0 8px 8px;
        border-color: transparent transparent #555
    }

        .selectmodified::-webkit-scrollbar-button:single-button:vertical:decrement:hover, .selectmodified2::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
            border-color: transparent transparent #777
        }

    .selectmodified::-webkit-scrollbar-button:single-button:vertical:increment, .selectmodified2::-webkit-scrollbar-button:single-button:vertical:increment {
        border-width: 8px 8px 0;
        border-color: #555 transparent transparent
    }

.selectmodified::-webkit-scrollbar-button:vertical:single-button:increment:hover .selectmodified2::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #777 transparent transparent
}

img.accreditation-header-logo {
    height: 5em
}

.our-accreditations-bottom-buttons {
    width: 100%;
    background: #e9e9e9;
    padding: 30px 0
}

    .our-accreditations-bottom-buttons * {
        box-sizing: border-box
    }

    .our-accreditations-bottom-buttons a {
        cursor: pointer;
        width: 32%;
        text-decoration: none;
        background-color: #fff;
        color: #707070;
        font-family: "HelveticaNeueBold";
        font-size: 20px;
        display: inline-block;
        padding: 30px 10px;
        border-radius: 0;
        margin: 0;
        margin-right: 5px;
        border: 1px solid #b7b7b7
    }

        .our-accreditations-bottom-buttons a:last-of-type {
            margin-right: 0
        }

.banner-con h2.listing-title, .banner-con .listing-title.h2 {
    margin-top: 0;
    font-size: 16px;
    display: block
}

.outline-text h3, .outline-text .h3 {
    text-align: left;
    font-size: 15px;
   
    text-transform: uppercase;
    color: #555
}

.multiple-col h3, .multiple-col .h3 {
    margin-bottom: 20px
}

.accLogoContent li {
    margin: 5px
}

    .accLogoContent li img {
        border: 0
    }

.row-date-con .row-cert {
    width: 32%;
    font-size: 12px
}

.ol-menu-child-text-certified-courses {
    margin: 0 0 20px;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    border-top: 1px solid #b7b7b7;
    padding-top: 5px
}

    .ol-menu-child-text-certified-courses a {
        color: #212815;
        text-decoration: none
    }

.menu-group-url {
    color: #4a4a4a;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700
}

.body-fixed-cat-ven-bar #default-wrapper.search-course-category-venue {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 90;
    overflow: hidden;
    padding: 10px 0;
    background-color: rgba(206,37,37,.95) !important
}

.body-fixed-cat-ven-bar .search-course-category-venue .catven-col select {
    border: 0;
    border-radius: 5px;
    padding: 10px 5px;
    font-size: 12px
}

.catven-col select:focus {
    outline: none
}

.body-fixed-cat-ven-bar #chat-application, .body-fixed-cat-ven-bar .float-linkedin {
    bottom: 100px !important
}

.body-fixed-cat-ven-bar #dynamic-to-top {
    bottom: 170px !important
}

.body-fixed-cat-ven-bar .search-course-category-venue #cat-ven-btn {
    opacity: .5;
    cursor: not-allowed;
    display: block
}

    .body-fixed-cat-ven-bar .search-course-category-venue #cat-ven-btn.show-btn {
        opacity: 1;
        cursor: pointer
    }

.course-finder-form {
    margin-bottom: 10px
}

.search-keyword-inside input:focus, .popupsearch form input:focus, .form-course-finder input:focus {
    outline: none
}

.form-course-finder, .form-course-finder *, .form-course-finder *:before, .form-course-finder *:after {
    box-sizing: border-box
}

.form-course-finder {
    text-align: left;
    width: 100%;
    border: 1px solid #c3c3c3;
    padding: 30px;
    margin-bottom: 15px
}

    .form-course-finder .s-keyword {
        margin: 0;
        height: auto;
        padding: 12px;
        width: 100%;
        font-size: 16px;
        border: 1px solid #c3c3c3
    }

    .form-course-finder .form-course-finder-section {
        margin-top: 25px
    }

        .form-course-finder .form-course-finder-section.search-button-sticky {
            position: sticky;
            bottom: 20px
        }

    .form-course-finder .fcf-heading {
        margin-bottom: 10px
    }

        .form-course-finder .fcf-heading h3, .form-course-finder .fcf-heading .h3 {
            overflow: hidden;
            text-align: left;
            font-size: 20px
        }

            .form-course-finder .fcf-heading h3:after, .form-course-finder .fcf-heading .h3:after {
                background-color: #212815;
                content: "";
                display: inline-block;
                height: 1px;
                position: relative;
                vertical-align: middle;
                width: 100%;
                left: .5em;
                margin-right: -100%
            }

    .form-course-finder .fcf-filters h3, .form-course-finder .fcf-filters .h3 {
        margin: 10px 0;
        font-size: 15px
    }

    .form-course-finder .cf-checkbox-group {
        width: 24%;
        display: inline-block;
        vertical-align: top
    }

ul.ks-cboxtags {
    list-style: none
}

    ul.ks-cboxtags li {
        height: auto;
        float: none;
        text-align: unset;
        list-style: none;
        width: auto;
        background: 0 0;
        line-height: normal;
        display: inline
    }

    ul.ks-cboxtags.d-li-block li {
        display: block
    }

    ul.ks-cboxtags li label {
        display: inline-block;
        background-color: rgba(255,255,255,.9);
        border: 2px solid rgba(139,139,139,.3);
        color: #adadad;
        border-radius: 25px;
        margin: 3px 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        transition: all .2s
    }

    ul.ks-cboxtags li label {
        padding: 8px 12px;
        cursor: pointer
    }

        ul.ks-cboxtags li label:before {
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            font-size: 12px;
            padding: 2px 6px 2px 2px;
            content: "";
            transition: transform .3s ease-in-out
        }

    ul.ks-cboxtags li input[type=checkbox]:checked + label:before {
        content: "";
        transform: rotate(-360deg);
        transition: transform .3s ease-in-out
    }

    ul.ks-cboxtags li input[type=checkbox]:checked + label {
        border: 2px solid #eb4545;
        background-color: #212815;
        color: #fff;
        transition: all .2s
    }

    ul.ks-cboxtags li input[type=checkbox] {
        display: absolute
    }

    ul.ks-cboxtags li input[type=checkbox] {
        position: absolute;
        opacity: 0
    }

        ul.ks-cboxtags li input[type=checkbox]:focus + label {
            border: 2px solid #eb4545
        }

.page-404 #banner-wrapper a {
    color: #fff
}

.page-404 .text-404 {
    display: block;
    font-size: 100px
}

.col-30 {
    width: 30%;
    display: inline-block;
    vertical-align: top
}

.check_other_notification {
    width: 100%;
    max-width: 1124px;
    margin: 30px auto 0;
    font-size: 14px;
    line-height: 23px;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box
}

h3.n-content-heading, .n-content-heading.h3 {
    text-align: left;
    margin-bottom: 20px
}

.venue-box {
    text-align: center
}

.cat-bg {
    background-image: none
}

    .cat-bg img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.grid-box-text-link {
    text-decoration: none;
    color: #212815;
    font-weight: 700
}

.listing-item {
    font-size: 13px;
    color: #232323;
    text-decoration: none;
    padding: 8px 20px;
    display: flex;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.75);
    background-repeat: no-repeat;
    background-position: right
}

    .listing-item .row-title {
        line-height: 2
    }

.row-online-classroom-buttons {
    flex: 1 1 auto;
    padding: 0 2.5%;
    border-left: 1px solid silver
}

a.list-view-course-type {
    background: #fff;
    background-image: none;
    box-shadow: none;
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    min-width: 150px;
    text-align: center
}

    a.list-view-course-type.view-online {
        border: 1px solid #ffdfdf;
        color: #212815
    }

    a.list-view-course-type.view-classroom {
        border: 1px solid #dfdfdf;
        color: #444
    }

#search-form input#s-keyword {
    display: none
}

.child-list li.menu-outgoing-url {
    border-top: 1px solid #b7b7b7;
    padding-top: 10px
}

#ol-header {
    width: 100% !important;
    max-width: 100% !important
}

.reviews-title {
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
    color: #212815
}

    .reviews-title:before, .reviews-title:after {
        background-color: #cfcfcf;
        content: "";
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 40%
    }

    .reviews-title:before {
        right: .5em;
        margin-left: -50%
    }

    .reviews-title:after {
        left: .5em;
        margin-right: -50%
    }

.cat-id84 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/corporate-governance-compliance-and-risk-management.png)
}

.cat-id56 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/certified-training-courses.png)
}

.cat-id83 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/treasury-and-investment-management.png)
}

.cat-id77 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/security-management.png)
}

.cat-id78 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/emergency-and-crisis-management.png)
}

.cat-id91 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/hospitality-and-tourism.png)
}

.cat-id86 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/real-estate.png)
}

.cat-id92 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/personal-effectiveness.png)
}

.cat-id85 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/energy-transition.png)
}

.cat-id93 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/mining-engineering-icon.png)
}

.cat-id81 {
    background-image: url(/wp-content/themes/courses-listing/images/icon/grey/iso-training-courses-icon.png)
}

.d-section-none {
    display: none !important
}

.overflow-hidden {
    overflow: hidden !important
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.button-download-pdf {
    margin-left: 10px;
    cursor: pointer
}

.button-download-pdf, .button-download-excel {
    margin-top: 10px
}

.grecaptcha-badge {
    display: none
}

.accLogoContentParent {
    display: inline-block
}

ul.cpd-certificate-paper-demo {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.new-cert-right .new-cert-box {
    height: 130px
}

@media (max-width:1400px) {
    .ol-nav ul.ol-menu li a.ol-main-link {
        margin: 0 8px
    }
}

@media (min-width:1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px !important
    }
}

@media (max-width:1200px) {
    .ol-nav ul.ol-menu li a.ol-main-link {
        text-transform: capitalize;
        margin: 0 4px
    }
}

@media (max-width:1124px) {
    .check_other_notification {
        width: 90%
    }
}

@media (min-width:921px) and (max-width:1052px) {
    ul.cpd-certificate-paper-demo {
        margin-top: 0
    }
}

@media (min-width:921px) and (max-width:991px) {
    .ol-nav ul.ol-menu li a.ol-main-link {
        font-size: 12px;
        text-transform: capitalize;
        margin: 0 6px
    }

    .container-md, .container-sm, .container {
        max-width: 720px !important
    }
}

@media screen and (min-width:921px) {
    .certificate-header .banner-con {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 40px;
        padding-bottom: 40px;
        background-size: auto 160px;
        background-repeat: no-repeat;
        background-position: right center
    }

    .certificate-header .img-cert-logo {
        display: none
    }

    .certificate-new-header .banner-con {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 60px;
        padding-bottom: 60px
    }

    .certificate-new-header .header-banner-logo {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        background: #fff;
        display: table-cell;
        vertical-align: middle
    }

        .certificate-new-header .header-banner-logo .hb-logo-table {
            height: 100%;
            width: 100%;
            display: table
        }

        .certificate-new-header .header-banner-logo .hb-logo-cell {
            height: 100%;
            display: table-cell;
            vertical-align: middle
        }

        .certificate-new-header .header-banner-logo .img-cert-logo {
            position: relative;
            right: auto;
            top: auto;
            height: auto;
            max-height: 160px;
            width: auto
        }

    .course-logo img.cert-logo-count-2 {
        max-height: 80px
    }

    .course-logo img.cert-logo-count-3 {
        max-height: 70px
    }

    .course-logo img.cert-logo-count-4 {
        max-height: 60px
    }

    #main-menu-wrapper {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 999;
        box-shadow: 0px 4px 8px -5px rgba(0,0,0,.4);
        -webkit-box-shadow: 0px 4px 8px -5px rgba(0,0,0,.4);
        -moz-box-shadow: 0px 4px 8px -5px rgba(0,0,0,.4)
    }
}

@media screen and (max-width:920px) {
    .expandable-course-short-certificates {
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        line-height: 1.2em;
        max-height: 100px;
        position: relative
    }

    .txtcolcourse-short-certificates a.showmore {
        background-image: url(/wp-content/themes/courses-listing/images/online-page/showmore.png);
        background-position: 70px center;
        background-repeat: no-repeat
    }

    .txtcolcourse-short-certificates .showmore, .txtcolcourse-short-certificates .showless {
        background-position: 80px !important
    }

    .txtcolcourse-short-certificates a.showless {
        background-image: url(/wp-content/themes/courses-listing/images/online-page/showless.png);
        background-position: 65px center;
        background-repeat: no-repeat
    }

    .txtcolcourse-short-certificates a {
        margin: 10px 0 0;
        color: #000;
        font-family: "HelveticaNeueBold";
        font-size: 11px;
        display: block;
        text-transform: uppercase
    }

    .new-cert-left .tint {
        width: 100%
    }

    .bg-cert .banner-con {
        background-image: none !important
    }

    .bg-cert .img-cert-logo {
        height: auto;
        max-width: 150px
    }

    .course-logo ul li img {
        height: 100px
    }

    .certificate-header .banner-con {
        background-image: none !important
    }

    .certificate-header .img-cert-logo {
        height: auto;
        max-width: 150px
    }

    .certificate-new-header .banner-con {
        background-image: none !important
    }

    .certificate-new-header .img-cert-logo {
        height: auto;
        width: auto;
        max-width: 150px;
        max-height: 70px
    }

    .course-logo img.cert-logo-count-1 {
        max-height: 70px
    }

    .course-logo img.cert-logo-count-2 {
        max-height: 60px
    }

    .course-logo img.cert-logo-count-3 {
        max-height: 50px
    }

    .course-logo img.cert-logo-count-4 {
        max-height: 40px
    }

    .ol-menu-mobile li ul {
        margin: -10px 0 20px
    }

    .ol-menu-mobile .ol-menu-child-text-mobile:first-of-type {
        margin: 5px 0 10px -20px !important
    }

    .ol-menu-mobile .view-all-link {
        margin: 10px 0 10px -20px !important;
        display: inline-block;
        font-size: 14px;
        color: #212815;
        border: none !important;
        font-weight: 700
    }

    .body-fixed-cat-ven-bar #chat-application {
        bottom: 180px !important
    }

    .body-fixed-cat-ven-bar .search-course-category-venue #cat-ven-btn {
        opacity: 1;
        cursor: pointer;
        display: none
    }

        .body-fixed-cat-ven-bar .search-course-category-venue #cat-ven-btn.show-btn {
            display: block
        }

    .form-course-finder {
        border: 0;
        padding: 15px
    }

        .form-course-finder .cf-checkbox-group {
            width: 49%
        }

    ul.ks-cboxtags {
        width: 100%;
        padding: 0
    }

        ul.ks-cboxtags li {
            margin-bottom: 0
        }

    .ol-menu-mobile li ul li.menu-outgoing-url {
        border-top: 1px solid #b7b7b7;
        display: inline-block
    }

    #mobile-menu {
        box-shadow: 0px 4px 8px -5px rgba(0,0,0,.4);
        -webkit-box-shadow: 0px 4px 8px -5px rgba(0,0,0,.4);
        -moz-box-shadow: 0px 4px 8px -5px rgba(0,0,0,.4)
    }

    .button-download-div {
        text-align: center
    }
}

@media screen and (min-width:768px) {
    .cl_accreditation .page-title-content {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse
    }
}

@media screen and (max-width:768px) {
    .body-fixed-cat-ven-bar #default-wrapper.search-course-category-venue {
        bottom: 40px
    }

    .col-30 {
        width: 100%;
        display: block
    }

    ul.cpd-certificate-paper-demo {
        margin-top: 0
    }
}

@media screen and (max-width:520px) {
    .accLogoContentParent {
        display: flex;
        justify-content: center;
        align-items: center
    }

    ul.cpd-certificate-paper-demo {
        display: block;
        float: unset;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        ul.cpd-certificate-paper-demo li, .accLogoContent li {
            text-align: center
        }
}

@media screen and (max-width:460px) {
    .our-accreditations-bottom-buttons a {
        width: auto;
        margin-right: 0;
        display: block;
        margin: 0 10px 10px
    }

        .our-accreditations-bottom-buttons a:last-of-type {
            margin-right: 10px
        }

    .banner-con h2.listing-title, .banner-con .listing-title.h2 {
        font-size: 13px
    }

    .form-course-finder .cf-checkbox-group {
        width: 100%
    }
}

@media screen and (max-width:429px) {
    .glomacs-subscribe-newsletter .newsletter-name, .glomacs-subscribe-newsletter .newsletter-email {
        width: 35%
    }

    .new-cert-logo img {
        max-width: 120px
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1320px !important
    }
}

html {
    margin-top: 0 !important
}

h1, .h1 {
    font-size: 24px;
    margin-bottom: 10px
}

h2, .h2 {
    font-size: 21px;
    margin-bottom: 10px
}

h3, .h3 {
    font-size: 17px;
    margin-bottom: 10px
}

h4, .h4 {
    font-size: 16px;
    margin-bottom: 10px;
    text-align:left;
}

h5, .h5 {
    font-size: 15px;
    margin-bottom: 10px
}

h6, .h6 {
    font-size: 14px;
    margin-bottom: 10px
}

section h2, section .h2 {
    font-size: 25px
}

a {
    text-decoration: underline
}

.footer-nav-row p, .footer-nav-row ul li {
    font-size: 13px
}

.header {
    min-height: auto;
    overflow: unset
}

    .header.home-header-4 .caption h1, .header.home-header-4 .caption .h1 {
        font-size: 34px;
        line-height: 39px;
        margin-bottom: 15px;
        text-transform: none
    }

    .header.home-header-4 .caption h2, .header.home-header-4 .caption .h2 {
        font-family: "HelveticaNeue";
        font-size: 20px;
        line-height: 25px;
        font-weight: 400
    }

.form-group {
    margin-bottom: 1rem
}

.select2 .selection {
    display: block
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 16px;
    padding-right: 26px
}

.select2 .dropdown-wrapper {
    display: block
}

.select2-container--default .select2-selection--single {
    border: 1px solid #d3d3d3;
    border-radius: 0
}

.select2-dropdown {
    border: 1px solid #d3d3d3;
    border-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d3d3d3
}

.select2-search--dropdown .select2-search__field {
    border-radius: 0
}

.select2-results__option {
    padding: 5px 20px 5px 8px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f4f4f4
}

.btn-primary, .btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #212815;
    border-color: #212815
}

    .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #a11d1d;
        border-color: #a11d1d
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: #fff;
        background-color: #212815;
        border-color: #212815;
        box-shadow: none
    }

    .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .show > .btn-outline-danger.dropdown-toggle:focus, .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus, .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus {
        box-shadow: none
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #ab2424;
        border-color: #ab2424
    }

.btn-danger {
    background-color: #212815;
    border-color: #212815
}

.form-control:focus, .widget_categories select:focus, .widget_archive select:focus {
    border-color: #212815;
    box-shadow: none
}

#n-topnav-wrapper, #main-menu-wrapper {
    text-align: center;
    font-family: "HelveticaNeue"
}

.popupcon {
    box-sizing: content-box
}

#popupsearch .popupsearch > p {
    margin: 1em 0
}

#popupsearch .popupsearch form input[type=radio], #popupsearch .popupsearch form input[type=checkbox] {
    margin: 5px 5px 0 0
}

#popupsearch .popupsearch form label {
    margin-right: 10px
}

#banner-wrapper {
    text-align: center
}

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

.accreditations-content h2, .accreditations-content .h2 {
    font-size: 32px
}

.accreditations-content .extra-text {
    font-size: 28px
}

.accreditations-content p {
    margin-bottom: 20px;
    text-align: justify
}

.bg-light-gray {
    background: #f3f3f3
}

.header .caption .top-caption {
    font-weight: 200;
    letter-spacing: 3px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    font-size: 16px;
    text-transform: unset;
    max-width: 500px;
    margin: auto
}

.header .caption .middle-caption {
    margin: 10px 0;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    max-width: 600px;
    margin: 20px auto
}

    .header .caption .middle-caption b {
        color: #212815;
        text-shadow: 1px 1px 1px #fff
    }

.header .caption .bottom-caption {
    font-weight: 200;
    letter-spacing: 3px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    font-size: 20px;
    font-family: "HelveticaNeue";
    margin-bottom: 20px
}

.header .caption p {
    margin-bottom: 0
}

[data-overlay-dark] .container.home-full-screen-header-serch {
    z-index: 3
}

.home-header-search {
    margin-bottom: auto;
    margin-top: auto;
    height: 70px;
    background-color: #fff;
    border-radius: 40px;
    padding: 10px
}

    .home-header-search .search_input {
        color: #4a4a4a;
        border: 0;
        outline: 0;
        background: 0 0;
        width: 0;
        margin-top: 5px;
        caret-color: transparent;
        line-height: 40px;
        transition: width .4s linear
    }

    .home-header-search .search_input {
        padding: 0 10px;
        width: 550px;
        height: 50px;
        margin: 0;
        caret-color: #4a4a4a;
        transition: width .4s linear
    }

    .home-header-search:hover .search_icon {
        background: #4a4a4a;
        color: #fff
    }

    .home-header-search .search_icon {
        height: 50px;
        width: 50px;
        float: right;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        color: #fff;
        background-color: #212815;
        border: 0;
        cursor: pointer
    }

    .home-header-search .home-keyword-search {
        width: auto;
        padding: 0;
        text-align: left;
        border: 0;
        border-radius: 0
    }

        .home-header-search .home-keyword-search #suggested-list h5, .home-header-search .home-keyword-search #suggested-list .h5 {
            padding: 0;
            margin: 3px 0 5px;
            background: 0 0;
            font-size: 15px;
            color: #333
        }

a.header-advanced-filters {
    font-size: 14px;
    color: #eee;
    word-spacing: 2px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.resp-tabs-list li {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.cat-table a {
    width: 23%
}

.home-full-screen-button {
    background: #212815;
    font-size: 16px;
    padding: 10px 15px;
    line-height: initial;
    color: #fff
}

    .home-full-screen-button:hover {
        color: #ddd
    }

.certificates-grid {
    width: 100%;
    display: grid;
    background: #fff;
    padding: 10px
}

    .certificates-grid a {
        text-decoration: none
    }

    .certificates-grid img {
        width: auto
    }

.cat_row a:hover {
    display: block;
    text-decoration: none;
    color: inherit
}

.cat_row .message {
    margin-top: 20px
}

.hero .item .icon {
    color: #212815
}

.hero .extra-text {
    font-family: "HelveticaNeue"
}

    .hero .extra-text span {
        font-family: "HelveticaNeueBold";
        text-transform: uppercase
    }

.hero .feat a {
    text-decoration: none
}

.extra-text {
    font-family: "HelveticaNeue";
    font-weight: 200;
    margin-bottom: 25px
}

    .extra-text span {
        font-family: "HelveticaNeueBold";
        text-transform: uppercase;
        font-weight: 700
    }

.course-slider-box a:hover {
    display: block
}

.lSAction > .lSNext {
    background-position: -35px 0
}

.contact .home-contact-form input, .contact .home-contact-form textarea {
    width: 100%;
    padding: 15px;
    border: 0;
    background: #f7f7f7;
    border-radius: 0
}

.contact .home-contact-form textarea {
    height: 160px;
    max-height: 160px;
    max-width: 100%
}

.wpcf7-form-control-wrap {
    display: block
}

.contact .home-contact-form button[type=submit] {
    background: #212815;
    border: 1px solid #212815;
    color: #fff;
    padding: 10px 30px;
    margin-top: 15px;
    cursor: pointer;
    position: relative
}

    .contact .home-contact-form button[type=submit]:after {
        content: "";
        width: 0;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 100%;
        z-index: 1;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .contact .home-contact-form button[type=submit] span {
        position: relative;
        z-index: 2
    }

    .contact .home-contact-form button[type=submit]:hover:after {
        width: 100%;
        left: 0;
        -webkit-transition: width .3s ease;
        transition: width .3s ease
    }

    .contact .home-contact-form button[type=submit]:hover span {
        color: #212815
    }

.wpcf7 form .wpcf7-response-output {
    border: 0;
    padding: 10px 15px
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #e74c3c
}

.wpcf7 form.sent .wpcf7-response-output {
    background-color: #2ecc71
}

.partners-logo img {
    display: inline-block;
    width: 130px;
    margin: 0 5px 5px 0
}

.home-butn {
    padding: 10px 30px;
    border: 1px solid #eee;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    margin: 15px 2px 0;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

    .home-butn:after {
        content: "";
        width: 0;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 100%;
        z-index: 1;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .home-butn:hover {
        border-color: #fff
    }

        .home-butn:hover:after {
            width: 100%;
            left: 0;
            -webkit-transition: width .3s ease;
            transition: width .3s ease
        }

        .home-butn:hover span {
            color: #1c1c1c
        }

    .home-butn span {
        position: relative;
        z-index: 2
    }

.home-butn-bg, .home-butn-bg-on-light {
    background: #212815;
    border-color: #212815;
    color: #fff
}

    .home-butn-bg-on-light:hover {
        border-color: #212815
    }

#def-wrapper {
    text-align: center;
    direction:ltr;
}

.footer-nav-row p {
    margin: 1em 0
}

.subscribe-input {
    width: 100%
}

    .subscribe-input input[type=text], .subscribe-input input[type=email] {
        width: 50%
    }

.subscribe-btn input[type=submit] {
    width: 100%;
    padding: 10px 5px
}

#openMenu img {
    width: 30px;
    height: auto
}

#mobile-menu-con .wrapper {
    width: 100%;
    height: 100%
}

.ol-menu-mobile li a {
    font-family: "HelveticaNeue"
}

.ol-menu-mobile .m-active > a {
    color: #212815 !important
}

ul.ol-sub-menu-mobile li {
    margin: 0 0 0 40px
}

.ol-menu-child-text-mobile {
    margin: 20px 0 10px 20px !important
}

.mid-size-sub-menu {
    width: 250px !important
}

.certificate-frame {
    background: #fff;
    height: 100%;
    padding: 0;
    padding-bottom: 40px;
    position: relative;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,.11);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.11);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.11)
}

    .certificate-frame a {
        text-decoration: none
    }

    .certificate-frame .certificate-content {
        top: -40px;
        position: relative
    }

    .certificate-frame .certificate-logo {
        border: 0;
        width: 120px;
        height: 120px;
        margin: auto;
        background: #fff
    }

        .certificate-frame .certificate-logo img {
            width: auto;
            height: auto;
            margin: 0;
            max-width: 95%;
            max-height: 95%;
            position: relative;
            top: 50%;
            transform: translateY(-50%)
        }

    .certificate-frame .certificate-title {
        text-align: center;
        margin: 20px 0 0;
        padding: 0 30px;
        font-size: 18px;
        text-transform: unset;
        font-weight: 700
    }

        .certificate-frame .certificate-title p {
            font-size: 12px;
            font-weight: 400
        }

    .certificate-frame .certificate-description {
        margin-top: 30px;
        padding: 10px
    }

        .certificate-frame .certificate-description, .certificate-frame .certificate-description p {
            font-size: 12px
        }

    .certificate-frame .certificate-button {
        bottom: 0;
        position: absolute;
        width: 100%
    }

        .certificate-frame .certificate-button a {
            display: flex;
            background: #212815;
            color: #fff;
            padding: 10px;
            margin: 5px;
            font-size: 14px;
            border-radius: 3px;
            width: -webkit-fill-available;
            justify-content: center;
            align-items: center
        }

.wpc-filters-widget-top-container {
    display: block
}

.wpc-widget-top-inside .wpc-inner-widget-chips-wrapper {
    overflow: auto
}

.wpc_show_bottom_widget .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list {
    display: flex;
    flex-wrap: wrap
}

.wpc-custom-selected-terms ul.wpc-filter-chips-list {
    padding-right: 0
}

.iso-certificates {
    background-image: url(/wp-content/themes/courses-listing/images/main-page/banner-certificates.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff
}

.iso-certificates-cover {
    background: rgba(0,0,0,.8);
    padding: 30px 0
}

.iso-certificates .iso-certificates-name {
    padding: 30px 0;
    background: #3c3c3b;
    font-size: 20px;
    font-weight: 700
}

.iso-certificates .iso-certificates-title {
    text-align: right;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 700
}

.iso-certificates .iso-certificates-desc {
    text-align: right;
    margin-top: 20px;
    font-size: 13px
}

.language-frame {
    background: #fff;
    height: 100%;
    padding: 0;
    position: relative;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,.11);
    -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,.11);
    -moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,.11);
    height: 15em;
    display: flex;
    justify-content: center;
    align-items: center
}

    .language-frame a {
        text-decoration: none
    }

    .language-frame .language-content {
        position: relative;
        padding-bottom: 2em
    }

    .language-frame .language-logo {
        border: 0;
        width: 120px;
        height: 60px;
        margin: auto;
        background: #fff
    }

        .language-frame .language-logo a {
            width: auto;
            height: auto;
            margin: 0;
            max-width: 50%;
            max-height: 50%;
            position: relative;
            top: 50%;
            transform: translateY(-50%)
        }

    .language-frame .language-title {
        text-align: center;
        margin: 20px 0 0;
        font-size: 18px;
        text-transform: unset;
        font-weight: 700
    }

    .language-frame .language-description {
        margin-top: 30px;
        padding: 10px
    }

        .language-frame .language-description, .language-frame .language-description p {
            font-size: 12px
        }

    .language-frame .language-button {
        bottom: .25em;
        z-index: 0;
        position: absolute;
        width: 60%
    }

        .language-frame .language-button a {
            background: #fff;
            color: #fff;
            padding: 10px 0;
            margin: 8px;
            font-size: 14px;
            border-radius: 3px;
            width: -webkit-fill-available;
            color: #212815;
            border: solid 1px transparent;
            font-weight: 700;
            border-radius: 10em
        }

.language-frame {
    margin: auto
}

.get-to-know-us-more .extra-text {
    font-size: 20px;
    margin-bottom: 80px
}

.get-to-know-us-more .accreditations-about-glomacs, .get-to-know-us-more .accreditations-corporate-clients, .get-to-know-us-more .accreditations-strategic-partners {
    padding-bottom: 50px;
    position: relative
}

    .get-to-know-us-more .accreditations-about-glomacs img, .get-to-know-us-more .accreditations-corporate-clients img, .get-to-know-us-more .accreditations-strategic-partners img {
        height: 70px;
        width: auto;
        margin-bottom: 30px
    }

.get-to-know-us-more .get-to-know-us-more-button, .get-to-know-us-more .get-to-know-us-more-button-reverse {
    display: block;
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center
}

    .get-to-know-us-more .get-to-know-us-more-button a {
        background: #212815;
        color: #fff;
        border: 1px solid #212815;
        padding: 10px 30px;
        font-size: 16px;
        font-weight: 700;
        border-radius: 5px;
        min-width: 215px
    }

    .get-to-know-us-more .get-to-know-us-more-button-reverse a {
        background: #fff;
        color: #333;
        border: 1px solid #212815;
        display: inline-block;
        padding: 10px 30px;
        font-size: 16px;
        font-weight: 700;
        border-radius: 5px;
        min-width: 215px;
        text-decoration: none
    }

    .get-to-know-us-more .get-to-know-us-more-button a:hover {
        background: #fff;
        color: #333
    }

    .get-to-know-us-more .get-to-know-us-more-button-reverse a:hover {
        background: #212815;
        color: #fff
    }

header.masthead {
    position: relative;
    background-color: #343a40;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 8rem;
    padding-bottom: 8rem;
    min-height: calc(100vh - 350px)
}

    header.masthead:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: .5
    }

.landing-page-1 .page-content {
    margin-top: -170px;
    position: relative;
    background: #fff;
    padding: 40px
}

    .landing-page-1 .page-content h1, .landing-page-1 .page-content .h1 {
        margin-bottom: 10px
    }

.landing-page-1 .entry-date {
    display: none
}

.landing-page-1 .entry-date {
    font-size: 14px;
    color: #c9c9c9;
    margin-bottom: 20px
}

.landing-page-1 h1, .landing-page-1 .h1, .landing-page-1 h2, .landing-page-1 .h2, .landing-page-1 h3, .landing-page-1 .h3, .landing-page-1 h4, .landing-page-1 .h4, .landing-page-1 h5, .landing-page-1 .h5, .landing-page-1 h6, .landing-page-1 .h6 {
    margin: 10px 0 15px
}

.landing-page-1 h1, .landing-page-1 .h1 {
    font-size: 2.5rem
}

.landing-page-1 h2, .landing-page-1 .h2 {
    font-size: 1.3rem
}

.landing-page-1 h3, .landing-page-1 .h3 {
    font-size: 1.2rem
}

.landing-page-1 h4, .landing-page-1 .h4 {
    font-size: 1rem
}

.landing-page-1 p, .landing-page-1 ul li {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 1rem
}

.categories-box {
    background-color: #f9f9f9
}

.sidebar-widget-area .sidebar-box {
    margin-bottom: 40px
}

    .sidebar-widget-area .sidebar-box:last-of-type {
        margin-bottom: 0
    }

.sidebar-widget-area .categories-heading {
    padding: 70px 20px 20px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    margin-bottom: 20px
}

    .sidebar-widget-area .categories-heading:before {
        content: "";
        position: absolute;
        background-color: rgba(0,0,0,.4);
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1
    }

    .sidebar-widget-area .categories-heading h3, .sidebar-widget-area .categories-heading .h3 {
        font-size: 1.8rem;
        color: #fff;
        margin: 0
    }

.sidebar-widget-area ul.categories {
    margin: 0;
    padding: 0;
    padding: 0 20px;
    list-style-type: none
}

    .sidebar-widget-area ul.categories li {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 1rem;
        border-bottom: 1px solid #e7e7e7
    }

        .sidebar-widget-area ul.categories li:last-of-type {
            border-bottom: 0
        }

        .sidebar-widget-area ul.categories li a {
            width: 100%
        }

            .sidebar-widget-area ul.categories li a .catbox {
                margin-bottom: 15px
            }

            .sidebar-widget-area ul.categories li a .catbox-icon {
                height: 25px;
                width: 25px;
                background-size: cover;
                background-position: center center;
                margin-right: 15px;
                display: inline-block;
                position: relative;
                top: 7px
            }

            .sidebar-widget-area ul.categories li a .catbox-text {
                min-height: 35px;
                display: inline-block;
                font-weight: 700;
                color: #212815
            }

            .sidebar-widget-area ul.categories li a:hover .catbox-text {
                color: #ff4e4e
            }

.sidebar-widget-area .all-subjects-btn {
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.sidebar-box .sidebar-content .training-calendars {
    text-align: center
}

    .sidebar-box .sidebar-content .training-calendars img {
        width: auto;
        height: auto
    }

.sidebar-box .sidebar-content .all-calendars-btn {
    text-align: center;
    margin-top: 20px
}

.accreditations-slider {
    margin: 50px auto
}

.new-slick.slick-dotted.slick-slider {
    margin-bottom: 50px
}

.new-slick .slick-slide {
    margin: 0 20px
}

    .new-slick .slick-slide img {
        width: 100%
    }

.new-slick .slick-prev, .new-slick .slick-next {
    width: 40px;
    height: 40px
}

    .new-slick .slick-prev:before, .new-slick .slick-next:before {
        padding: 0 !important;
        font-size: 40px;
        color: #cdcdcd;
        background: 0 0
    }

.new-slick .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2
}

.new-slick .slick-active {
    opacity: 1
}

.new-slick .slick-current {
    opacity: 1
}

.new-slick .slick-prev {
    left: -40px
}

.new-slick .slick-next {
    right: -40px !important
}

.new-slick .slick-dots li button:before {
    font-size: 12px !important
}

.new-slick .slick-dots {
    bottom: -40px
}

.new-slick.slick-slider .slick-track {
    display: flex;
    justify-content: center;
    align-items: center
}

.lp-section {
    text-align: center;
    color: #212815
}

.lp-featured-courses {
    background: #f3f3f3
}

    .lp-featured-courses .course-slider-logo img {
        height: 30px;
        width: auto
    }

    .lp-featured-courses .course-slider-fee {
        margin: 0 10px
    }

    .lp-featured-courses .course-slider-box {
        padding-bottom: 15px
    }

.sidebar-filter-form {
    position: relative
}

    .sidebar-filter-form h6, .sidebar-filter-form .h6 {
        font-size: 14px;
        margin: 10px 0 5px;
        font-weight: 400
    }

    .sidebar-filter-form ul.ks-cboxtags {
        margin: 0;
        padding: 0;
        margin-bottom: 10px
    }

        .sidebar-filter-form ul.ks-cboxtags li label {
            padding: 4px 8px;
            color: #767676
        }

        .sidebar-filter-form ul.ks-cboxtags.d-li-block li label {
            width: 100%
        }

    .sidebar-filter-form .card-title {
        font-size: 1.125rem;
        line-height: 1.2
    }

        .sidebar-filter-form .card-title:only-child {
            margin-bottom: 0;
            font-weight: 700
        }

.filter-overlay {
    display: none
}

.filter-overlay-active {
    display: block;
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.cl-courses-gry-bg .filter-overlay-active {
    background: #f4f4f4
}

.cl-courses-items-list-box .filter-overlay-active {
    background: #fff
}

.readall-wrapper {
    margin-bottom: 20px
}

button.readmore-button, button.readless-button {
    display: block;
    position: relative;
    border: none;
    background: unset;
    color: #3c3c3c;
    width: auto;
    padding: 5px;
    font-weight: 700
}

    button.readmore-button:after, button.readless-button:after {
        font-family: "FontAwesome" !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        padding-left: 10px
    }

    button.readmore-button:after {
        content: ""
    }

    button.readless-button:after {
        content: ""
    }

.cl-courses-gry-bg {
    background-color: #f4f4f4
}

.cal-years-btn {
    margin-right: 10px
}

    .cal-years-btn:focus {
        box-shadow: none
    }

    .cal-years-btn.active {
        background-color: #212815;
        border-color: #212815
    }

.course-month {
    margin-top: 30px;
    margin-bottom: 10px
}

    .course-month div {
        border-bottom: 4px solid #212815;
        width: 100%
    }

    .course-month h4, .course-month .h4 {
        color: #212815;
        font-size: 24px;
        text-transform: uppercase
    }

.listing-list-header-row {
    position: sticky;
    top: 66px;
    z-index: 1;
    background: #fff
}

.listing-list-header {
    padding: 0;
    border-bottom: 2px solid #212815;
    float: none;
    margin-bottom: 5px
}

    .listing-list-header .card {
        border: none;
        border-radius: 0;
        margin-bottom: 0;
        background: 0 0
    }

    .listing-list-header .listing-list-header-detail-container {
        font-size: 20px;
        color: #212815;
        text-transform: uppercase;
        border: 0;
        padding: 11px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .listing-list-header .grid-course-title {
        font-size: 16px;
        font-weight: 400;
        width: 100%;
        margin-bottom: 0;
        width: -moz-available;
        width: -webkit-fill-available;
        width: fill-available
    }

    .listing-list-header .course-detail-footer {
        color: #a9a6a6;
        font-size: 13px;
        margin-right: 2px;
        text-align: center;
        display: flex;
        align-items: center !important;
        justify-content: center !important
    }

        .listing-list-header .course-detail-footer .grid-course-date {
            width: 140px
        }

        .listing-list-header .course-detail-footer .grid-course-venue {
            width: 105px
        }

        .listing-list-header .course-detail-footer .grid-course-fee {
            width: 70px
        }

        .listing-list-header .course-detail-footer .grid-course-date, .listing-list-header .course-detail-footer .grid-course-venue, .listing-list-header .course-detail-footer .grid-course-fee {
            color: #212815;
            font-size: 17px
        }

.course-item .iso-details {
    padding: 5px 5px 5px 20px;
    background-color: red;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 50%;
    display: flex;
    justify-content: left;
    align-items: center
}

.course-item .certificates-area {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 1;
    display: flex;
    flex-direction: column
}

    .course-item .certificates-area .certificates-details {
        padding: 5px 8px;
        background-color: #e7e7e7;
        color: #727272;
        font-size: 14px;
        font-weight: 400;
        display: flex;
        justify-content: left;
        align-items: center;
        margin-bottom: 2px;
        width: 100%
    }

.course-item .certificates-logo {
    padding: 3px;
    height: 55px;
    width: 70px;
    background: #fff;
    margin-right: 5px
}

.course-item .course-detail-container .certificates-logo, .course-item .course-detail-container .certificates {
    justify-content: start
}

    .course-item .course-detail-container .certificates .certificates-logo {
        padding: 0;
        width: auto;
        max-width: 100px
    }

    .course-item .course-detail-container .certificates .certificates-text {
        width: auto;
        line-height: 35px;
        margin-right: 5px
    }

    .course-item .course-detail-container .certificates .certificates-logo {
        height: 35px
    }

.course-item .img-container {
    position: relative;
    height: 100px
}

    .course-item .img-container .first, .course-item .img-container .second {
        position: absolute;
        width: 100%
    }

    .course-item .img-container .second {
        bottom: 0
    }

    .course-item .img-container img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.course-item .card {
    border: none;
    margin-bottom: 0
}

.items-list-view .course-item.item-odd .course-detail-container {
    background: #f4f4f4
}

.items-list-view .course-item {
    float: none;
    width: 100%
}

    .items-list-view .course-item.mb-3 {
        margin-bottom: 0 !important
    }

    .items-list-view .course-item .certificates-area, .items-list-view .course-item .certificate-specifications, .items-list-view .course-item .course-detail-container .card-buttons {
        display: none !important
    }

    .items-list-view .course-item .img-container {
        display: none
    }

    .items-list-view .course-item .course-detail-container {
        padding: 15px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .items-list-view .course-item .course-detail-container .grid-course-title {
            font-family: "HelveticaNeue";
            font-size: 14px;
            font-weight: 400;
            width: 100%;
            margin-bottom: 0;
            width: -moz-available;
            width: -webkit-fill-available;
            width: fill-available
        }

            .items-list-view .course-item .course-detail-container .grid-course-title.mt-30 {
                margin-top: 0 !important
            }

            .items-list-view .course-item .course-detail-container .grid-course-title a {
                text-decoration: none
            }

                .items-list-view .course-item .course-detail-container .grid-course-title a:hover {
                    color: #212815
                }

        .items-list-view .course-item .course-detail-container .course-detail-footer {
            color: #707070;
            font-size: 13px;
            margin-right: 2px;
            text-align: center;
            display: flex;
            align-items: center !important;
            justify-content: center !important
        }

            .items-list-view .course-item .course-detail-container .course-detail-footer .grid-course-date i, .items-list-view .course-item .course-detail-container .course-detail-footer .grid-course-fee i, .items-list-view .course-item .course-detail-container .course-detail-footer .grid-course-type, .items-list-view .course-item .course-detail-container .space-for-card-buttons {
                display: none
            }

            .items-list-view .course-item .course-detail-container .course-detail-footer .grid-course-date {
                width: 140px
            }

            .items-list-view .course-item .course-detail-container .course-detail-footer .grid-course-venue {
                width: 105px
            }

            .items-list-view .course-item .course-detail-container .course-detail-footer .grid-course-fee {
                width: 70px
            }

            .items-list-view .course-item .course-detail-container .course-detail-footer .footer-second-line.mt-2 {
                margin-top: 0 !important
            }

.items-grid-view .course-month {
    margin-top: 10px;
    margin-bottom: 10px
}

.items-grid-view .course-item .card {
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.4)
}

.items-grid-view .course-item .certificate-specifications {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    z-index: 1;
    display: flex;
    flex-direction: column
}

.items-grid-view .course-item .course-detail-container .grid-course-title {
    font-size: 16px;
    height: 65px;
    font-weight: 400;
    color: #212815;
    margin-bottom: 0
}

    .items-grid-view .course-item .course-detail-container .grid-course-title a {
        text-decoration: none
    }

.items-grid-view .course-item .course-detail-container {
    padding: 10px
}

    .items-grid-view .course-item .course-detail-container .course-detail-footer {
        color: #a9a6a6;
        font-size: 13px
    }

        .items-grid-view .course-item .course-detail-container .course-detail-footer .online-venue-text, .items-grid-view .course-item .course-detail-container .table-list-full-link {
            display: none
        }

.items-grid-view .course-item .card-buttons .btn {
    color: #4a4a4a;
    border-color: #a9a6a6
}

    .items-grid-view .course-item .card-buttons .btn:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

#courses-list-grid .display-out-of-date .card {
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1)
}

#courses-list-grid .display-out-of-date .course-detail-container .second, #courses-list-grid .display-out-of-date .course-detail-container .certificates {
    flex-wrap: wrap
}

    #courses-list-grid .display-out-of-date .course-detail-container .second .certificates-text, #courses-list-grid .display-out-of-date .course-detail-container .certificates .certificates-text {
        width: 100%
    }

    #courses-list-grid .display-out-of-date .course-detail-container .second img, #courses-list-grid .display-out-of-date .course-detail-container .certificates img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

#courses-list-grid .display-out-of-date .course-item .certificate-specifications {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    z-index: 1;
    display: flex;
    flex-direction: column
}

#courses-list-grid .display-out-of-date .course-detail-container {
    padding: 10px;
    display: block
}

    #courses-list-grid .display-out-of-date .course-detail-container .grid-course-title {
        font-size: 16px;
        height: 65px;
        font-weight: 400
    }

    #courses-list-grid .display-out-of-date .img-container .certificates-logo img, #courses-list-grid .display-out-of-date .course-detail-container .certificates-logo img {
        object-fit: contain
    }

    #courses-list-grid .display-out-of-date .course-detail-container .item-course-description {
        display: none
    }

    #courses-list-grid .display-out-of-date .course-detail-container .grid-course-fee {
        color: #212815
    }

    #courses-list-grid .display-out-of-date .course-detail-container .grid-course-date {
        font-size: 13px
    }

    #courses-list-grid .display-out-of-date .grid-course-venue, #courses-list-grid .display-out-of-date .grid-course-type, #courses-list-grid .display-out-of-date .course-detail-container .grid-course-date, #courses-list-grid .display-out-of-date .grid-course-information, #courses-list-grid .display-out-of-date .list-of-dates {
        color: #a9a6a6
    }

#courses-list-grid .display-out-of-date .list-of-dates {
    margin-top: 10px
}

#courses-list-grid .display-out-of-date .grid-course-information {
    font-style: italic;
    font-size: 13px
}

#courses-list-grid .display-out-of-date.items-grid-view .grid-100 {
    width: 100%
}

#courses-list-grid .display-out-of-date.items-grid-view .grid-order-1 {
    order: 1 !important
}

#courses-list-grid .display-out-of-date.items-grid-view .grid-order-2 {
    order: 2 !important
}

#courses-list-grid .display-out-of-date.items-grid-view .grid-order-3 {
    order: 3 !important
}

#courses-list-grid .display-out-of-date.items-grid-view .grid-order-4 {
    order: 4 !important
}

#courses-list-grid .display-out-of-date.items-grid-view .grid-order-5 {
    order: 5 !important
}

#courses-list-grid .display-out-of-date.items-grid-view .grid-order-6 {
    order: 6 !important
}

#courses-list-grid .display-out-of-date.items-grid-view .list-of-dates .btn {
    display: block
}

#courses-list-grid .display-out-of-date.items-grid-view .certificates {
    display: none !important
}

#courses-list-grid .course-item .card-buttons {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px
}

#courses-list-grid .display-out-of-date.items-grid-view .course-item .card-buttons .btn {
    max-width: 32%
}

#courses-list-grid .course-item .list-of-dates .btn {
    margin-top: 10px;
    display: inline-block
}

#courses-list-grid .course-item .list-of-dates .lod-btn-col {
    text-align: center
}

#courses-list-grid .display-out-of-date .course-item .course-detail-footer {
    display: none
}

#courses-list-grid .display-out-of-date.items-list-view .course-item {
    float: none;
    width: 100%;
    border: 0;
    padding: 0 1rem;
    margin-bottom: 1rem !important
}

    #courses-list-grid .display-out-of-date.items-list-view .course-item:before, .display-out-of-date.items-list-view .course-item:after {
        display: table;
        content: " "
    }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .card {
        flex-direction: row;
        border: 1px solid #ebebeb;
        border-radius: 5px
    }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .item-course-description {
        display: block
    }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .img-container img {
        border-top-left-radius: 5px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .img-container .second .certificates-logo img, #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container .second {
        flex-wrap: nowrap;
        bottom: 10px;
        position: absolute;
        width: -webkit-fill-available;
        margin-left: 292px
    }

#courses-list-grid .display-out-of-date.items-list-view .course-detail-container .certificates {
    flex-wrap: nowrap
}

    #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container .second .certificates-text, #courses-list-grid .display-out-of-date.items-list-view .course-detail-container .certificates .certificates-text {
        width: auto
    }

#courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container .second .certificates-text {
    width: auto;
    line-height: 35px;
    margin-right: 5px
}

#courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container .second .certificates-logo {
    height: 35px
}

    #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container .second .certificates-logo img {
        object-fit: contain
    }

#courses-list-grid .display-out-of-date.items-list-view .course-item .img-container {
    max-width: 250px;
    min-width: 250px;
    height: auto;
    display: block
}

#courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container {
    flex: 1 1 auto
}

#courses-list-grid .display-out-of-date.items-list-view .course-item.item-odd .course-detail-container {
    background: 0 0
}

#courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-footer {
    display: flex;
    bottom: 55px;
    position: absolute
}

    #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-footer div:nth-child(2), #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-footer div:nth-child(3) {
        margin-top: 0 !important
    }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-footer .grid-course-date, #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-footer .grid-course-fee, #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-footer .grid-course-type, #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-footer .grid-course-venue {
        margin-right: 15px
    }

#courses-list-grid .display-out-of-date.items-list-view .course-item .card-buttons {
    padding-right: 80px;
    padding-left: 260px
}

#courses-list-grid .display-out-of-date.items-list-view .course-item .certificates-area, #courses-list-grid .display-out-of-date.items-list-view .course-item .certificate-specifications, #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container .card-buttons {
    display: flex !important
}

#courses-list-grid .display-out-of-date.items-list-view .course-item .list-of-dates {
    margin-right: 80px
}

#courses-list-grid .display-out-of-date.items-list-view .course-item .card-buttons a {
    margin-right: 10px
}

    #courses-list-grid .display-out-of-date.items-list-view .course-item .card-buttons a:last-child {
        margin-right: 0
    }

#courses-list-grid .course-item .card-buttons .btn, #courses-list-grid .course-item .list-of-dates .btn {
    border-radius: 20px
}

#courses-list-grid .course-item .card-buttons .btn {
    overflow: hidden;
    white-space: nowrap
}

    #courses-list-grid .course-item .card-buttons .btn > * {
        display: inline-block;
        position: relative
    }

    #courses-list-grid .course-item .card-buttons .btn > .move-animation {
        animation: 3s linear 0s infinite alternate move;
        -webkit-animation: 3s linear 0s infinite alternate move
    }

    #courses-list-grid .course-item .card-buttons .btn > *.min {
        min-width: 100%
    }

@keyframes move {
    0%,25% {
        transform: translateX(0%);
        left: 0
    }

    75%,100% {
        transform: translateX(-100%);
        left: 100%
    }
}

#courses-list-grid .display-out-of-date.items-list-view .course-item .grid-course-title {
    height: auto;
    margin-bottom: 10px;
    margin-right: 80px
}

.course-registration-button {
    border-radius: 5px
}

.coursesFiltering {
    text-align: right;
    position: relative
}

    .coursesFiltering .nice-select {
        box-shadow: none;
        background: 0 0;
        border-radius: 0;
        height: auto;
        display: inline-block;
        font-size: 16px;
        line-height: 34px;
        color: #1c2035;
        padding: 0 22px 0 0;
        border: none;
        float: none;
        min-width: 90px
    }

        .coursesFiltering .nice-select:after {
            content: "";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            color: #212330;
            width: 10px;
            height: 14px;
            line-height: 1;
            transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            border: none;
            top: 12px;
            bottom: auto;
            right: 1px;
            margin: 0;
            font-size: 14px
        }

        .coursesFiltering .nice-select.open:after {
            content: ""
        }

        .coursesFiltering .nice-select .list {
            border-radius: 0;
            margin-top: 0;
            margin-bottom: 0
        }

.nice-select.open .nice-select-dropdown {
    border-radius: 0
}

.coursesFiltering .nice-select .option {
    font-size: 16px;
    color: #1c2035
}

.coursesViewTabnav {
    margin: 0 0 0 15px;
    padding: 0 0 0 7px;
    display: inline-block;
    position: relative
}

    .coursesViewTabnav:before {
        content: "";
        width: 1px;
        height: 22px;
        background: #9e9c9a;
        position: absolute;
        left: 0;
        top: 0
    }

    .coursesViewTabnav button {
        border: 0;
        background: 0 0
    }

        .coursesViewTabnav button:first-of-type {
            margin-right: 10px
        }

        .coursesViewTabnav button svg {
            filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(235deg) brightness(92%) contrast(89%);
            width: 25px
        }

.page-title-area {
    position: relative
}

    .page-title-area:before {
        content: "";
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.6);
        z-index: -1
    }

    .page-title-area.taxonomy:before {
        z-index: 0;
        position: absolute
    }

.course-finder-bg {
    background-image: url(https://glomacs.com/wp-content/uploads/2022/08/course-finder-bg.jpg)
}

.page-title-area .page-title-content {
    position: relative;
    padding: 50px 0;
    align-items: center
}

.page-title-area .center-header {
    position: relative;
    max-width: 860px;
    margin: auto;
    text-align: center
}

.page-title-area .page-title-content h1, .page-title-area .page-title-content .h1 {
    margin-bottom: 20px;
    font-size: 34px;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
    margin-bottom: 0
}

.cl-courses-items-list-box .items-list-view, .cl-courses-gry-bg .items-list-view {
    background: #fff;
    border: 1px solid #c9c9c9
}

    .cl-courses-items-list-box .items-list-view .course-item .course-detail-container, .cl-courses-gry-bg .items-list-view .course-item .course-detail-container {
        padding: 15px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #ebebeb
    }

    .cl-courses-items-list-box .items-list-view .course-item.item-odd .course-detail-container, .cl-courses-gry-bg .items-list-view .course-item.item-odd .course-detail-container {
        background: 0 0
    }

.show-filters-button {
    display: none
}

.filter-sidebar input#search-area {
    border-radius: 0;
    padding: 11px 40px 11px 20px;
    border: 1px solid #a3a3a3
}

.filter-sidebar .search-box-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: auto
}

.filter-sidebar .filter-search-button {
    background: 0 0;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    border: none;
    padding: 0 17px;
    padding: 0 1rem;
    box-shadow: none;
    pointer-events: none
}

.filter-sidebar .readall-wrapper {
    margin-bottom: 0
}

.filter-sidebar .filter-sidebar-close {
    display: none
}

.filter-sidebar .card {
    margin-left: 10px;
    border: 0;
    min-width: 270px
}

    .filter-sidebar .card .card-header {
        padding: .5rem 0;
        background-color: transparent
    }

    .filter-sidebar .card .card-body {
        padding: 1rem 0
    }

#filter-sidebar-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 997;
    cursor: pointer
}

.filter-title {
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 2px solid #212815;
    margin-top: 15px;
    padding: 10px 0
}

.cl-courses-items-list-box .filter-title {
    margin-top: 0
}

.filter-sidebar .accordion-item {
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 0 10px;
    background-color: transparent
}

    .filter-sidebar .accordion-item:last-of-type {
        border-bottom: 0
    }

.filter-sidebar .accordion-button {
    padding: 1rem 0;
    background-color: transparent
}

    .filter-sidebar .accordion-button:not(.collapsed) {
        color: inherit;
        background-color: transparent;
        box-shadow: none
    }

        .filter-sidebar .accordion-button:not(.collapsed):after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
        }

    .filter-sidebar .accordion-button:focus {
        z-index: 3;
        border-color: transparent;
        outline: 0;
        box-shadow: none
    }

div.show-page-before {
    border: 1px solid #ced4da;
    border-radius: 2px;
    color: #a1a1a1;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    flex: 1 1 auto;
    margin: 10px
}

#filter-badges {
    display: none;
    position: sticky;
    top: 66px;
    z-index: 2;
    padding: 10px 0
}

.cl-courses-gry-bg #filter-badges.is-stuck {
    background: #f4f4f4
}

.cl-courses-items-list-box #filter-badges.is-stuck {
    background-color: #fff
}

#filter-badges .filter-badge {
    display: inline-block;
    margin: 0 5px 5px 0;
    border: 1px solid #dfdfdf;
    padding: 5px 10px;
    color: #c1c1c1;
    cursor: pointer
}

    #filter-badges .filter-badge:last-of-type {
        margin: 0
    }

    #filter-badges .filter-badge.reset-filter {
        background: #000;
        border: 1px solid #000
    }

.loading-stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1rem 0;
    margin: 0 -5%;
    overflow: hidden
}

.loading-dot-pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #212815;
    color: #212815;
    box-shadow: 9999px 0 0 -5px;
    -webkit-animation: dot-pulse 1.5s infinite linear;
    animation: dot-pulse 1.5s infinite linear;
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

    .loading-dot-pulse:before, .loading-dot-pulse:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #212815;
        color: #212815
    }

    .loading-dot-pulse:before {
        box-shadow: 9984px 0 0 -5px;
        -webkit-animation: dot-pulse-before 1.5s infinite linear;
        animation: dot-pulse-before 1.5s infinite linear;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }

    .loading-dot-pulse:after {
        box-shadow: 10014px 0 0 -5px;
        -webkit-animation: dot-pulse-after 1.5s infinite linear;
        animation: dot-pulse-after 1.5s infinite linear;
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

@-webkit-keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px
    }

    30% {
        box-shadow: 9984px 0 0 2px
    }

    60%,100% {
        box-shadow: 9984px 0 0 -5px
    }
}

@keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px
    }

    30% {
        box-shadow: 9984px 0 0 2px
    }

    60%,100% {
        box-shadow: 9984px 0 0 -5px
    }
}

@-webkit-keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px
    }

    30% {
        box-shadow: 9999px 0 0 2px
    }

    60%,100% {
        box-shadow: 9999px 0 0 -5px
    }
}

@keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px
    }

    30% {
        box-shadow: 9999px 0 0 2px
    }

    60%,100% {
        box-shadow: 9999px 0 0 -5px
    }
}

@-webkit-keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px
    }

    30% {
        box-shadow: 10014px 0 0 2px
    }

    60%,100% {
        box-shadow: 10014px 0 0 -5px
    }
}

@keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px
    }

    30% {
        box-shadow: 10014px 0 0 2px
    }

    60%,100% {
        box-shadow: 10014px 0 0 -5px
    }
}

.collapsing {
    transition: height .35s ease !important
}

.sitemap h2, .sitemap .h2 {
    font-size: 20px;
    margin-bottom: 15px
}

.sitemap h3, .sitemap .h3 {
    font-size: 17px;
    margin-left: 10px;
    margin-bottom: 5px
}

.sitemap ul li a {
    text-decoration: none;
    color: #6e6e6e;
    display: block
}

.breadcrumb {
    margin: .5rem
}

    .breadcrumb a {
        text-decoration: none;
        display: unset
    }

.text-truncate {
    min-width: 80px
}

.venue-box-con {
    max-width: unset
}

.search-course-category-venue {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999999999
}

.venue-box-link:hover {
    background: #212815;
    color: #fff
}

.venue-box-img a {
    display: contents
}

#cat-ven-btn {
    text-decoration: none
}

.catven-col select {
    padding: 5px 10px
}

.readall-wrapper {
    margin-bottom: 0
}

.gray-bg {
    background: #f4f4f4
}

.training-gallery.active {
    display: flex !important;
    justify-content: center
}

#training-gallery-categories .tab-content > .active {
    display: flex !important
}

.supercategory a {
    color: #000
}

    .supercategory a:hover {
        color: #212815c1
    }

.venues-list, .categories-list {
    list-style-type: none
}

    .venues-list li a, .categories-list li a {
        font-size: 13px;
        color: #000
    }

        .venues-list li a:hover, .categories-list li a:hover {
            color: #212815c1
        }

    .venues-list li:after, .categories-list li:after {
        color: #212815c1;
        content: ">";
        padding-left: .25em
        ;
        font-size:9px;
        font-family:Calibri;
        font-weight:bold;
    }

    .venues-list.Europe, .categories-list.Europe {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        list-style-position: inside
    }

.menu-subs.menu-mega.menu-column-3 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around
}

.training-gallery .training-filter-buttons {
    display: flex;
    justify-content: center
}

.training-gallery .training-filter-buttons {
    padding: 20px 0;
    position: sticky;
    top: 55px;
    z-index: 3;
    background: #f4f4f4
}

.training-gallery .training-filter-button {
    font-size: 18px;
    border: 1px solid #505050;
    background-color: transparent;
    border-radius: 5px;
    text-align: center;
    color: #505050;
    margin-bottom: 5px;
    padding: .375rem 1.5rem
}

    .training-gallery .training-filter-button:hover {
        border: 1px solid #505050;
        background-color: #505050;
        color: #fff
    }

    .training-gallery .training-filter-button:focus {
        box-shadow: none
    }

    .training-gallery .training-filter-button.active {
        border: 1px solid #505050;
        background-color: #505050;
        color: #fff
    }

.training-gallery .btn-default:active .training-filter-button:active {
    background-color: #42b32f;
    color: #fff
}

.cl_accreditation.cl-card-item .course-detail-container .cl-item-title {
    height: 1em !important
}

.cl-card-item .card {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1)
}

.cl-card-item .img-container {
    position: relative;
    height: 200px
}

    .cl-card-item .img-container img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.cl-card-item .course-detail-container {
    padding: 10px
}

    .cl-card-item .course-detail-container .cl-item-title-url {
        text-decoration: none;
        display: block
    }

.cl-card-item .img-container .cl-item-image-url {
    width: 100%;
    height: 100%
}

.cl-card-item .course-detail-container .cl-item-title {
    font-size: 16px;
    height: 2em;
    font-weight: 400
}

.cl-card-item .card-buttons {
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px
}

    .cl-card-item .card-buttons .courses-count, .cl-card-item .card-buttons .btn {
        max-width: 49%;
        overflow: hidden;
        white-space: nowrap;
        border-radius: 20px
    }

    .cl-card-item .card-buttons .btn {
        border-radius: 20px
    }

.cat-ven-filter h3, .cat-ven-filter .h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px
}

.cat-ven-filter .cat-ven-filter-body {
    background: #f4f4f4;
    padding: 20px;
    border-radius: 10px
}

    .cat-ven-filter .cat-ven-filter-body .catven {
        border: 0
    }

    .cat-ven-filter .cat-ven-filter-body #cat-ven-btn {
        display: block;
        background: #212815
    }

        .cat-ven-filter .cat-ven-filter-body #cat-ven-btn.disabled {
            pointer-events: none;
            opacity: .65
        }

.col-md-3.pt-5.order-1 .cat-ven-filter-body .d-flex.gap-3 {
    flex-direction: column
}

    .col-md-3.pt-5.order-1 .cat-ven-filter-body .d-flex.gap-3 .col-12 {
        width: 100%
    }

.fixed-filter {
    position: fixed;
    display: flex;
    top: 200px;
    padding: 0;
    padding-right: 40px;
    margin: 0;
    z-index: 4;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
    -webkit-transition: .5s left;
    -moz-transition: .5s left;
    transition: .5s left
}

    .fixed-filter.filter-open {
        left: 0
    }

    .fixed-filter.filter-closed {
        left: -500px
    }

    .fixed-filter .cat-ven-filter-body {
        border-radius: 0;
        width: 500px
    }

    .fixed-filter .filter-button {
        position: absolute;
        right: 0;
        width: 40px;
        height: 100%;
        background: #212815;
        color: #fff;
        cursor: pointer
    }

    .fixed-filter .open-filter-button, .fixed-filter .close-filter-button {
        width: 100%;
        text-align: center;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        height: 100%;
        font-size: 16px;
        transform: rotate(180deg);
        padding-right: 10px
    }

    .fixed-filter.filter-open .open-filter-button, .fixed-filter.filter-closed .close-filter-button {
        display: none
    }

.tables-page .gcl-header-download-buttons {
    visibility: visible
}

@keyframes coursehighlight {
    0% {
        background: #dc3545
    }

    100% {
        background: 0 0
    }
}

.coursehighlight, .coursehighlight .card {
    animation: coursehighlight 1s
}

.coursesCount {
    margin: 0
}

.training-gallery .item-card {
    border-radius: 7px;
    width: 100%
}

.training-gallery .item-card-desc {
    position: relative
}

.training-gallery .item-card:hover .item-card-desc:before {
    background: rgba(206,37,37,.6) !important
}

.training-gallery .item-card .item-card-desc:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(42,16,25,.5);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 7px
}

.training-gallery .item-card-desc .item-card .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #cdcdcd;
    border-radius: 7px;
    box-shadow: none;
    margin-bottom: 1.5rem;
    width: 100%
}

.training-gallery .item-card-desc .card-img {
    width: 100%;
    border-radius: calc(3px - 1px);
    height: 200px
}

    .training-gallery .item-card-desc .card-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: .3s ease-in-out
    }

.training-gallery .item-card .item-card-desc:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.training-gallery .item-card .item-card-desc .item-card-text.item-card-text-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    color: #fff;
    z-index: 2;
    text-align: left;
    padding: 10px 15px
}

    .training-gallery .item-card .item-card-desc .item-card-text.item-card-text-footer h4, .training-gallery .item-card .item-card-desc .item-card-text.item-card-text-footer .h4 {
        font-size: 18px;
        color: #fff
    }

.glomacs-subscribe-newsletter form {
    display: flex;
    align-items: stretch
}

.home-categories-grid .cl-card-item .img-container {
    height: 110px
}

.apply-filter-button {
    display: grid;
    z-index: 10
}

.d-section-none {
    display: none !important
}

.home-formats.training-gallery .item-card-desc .card-img {
    height: 150px
}

    .home-formats.training-gallery .item-card-desc .card-img img {
        height: auto
    }

.home-formats.training-gallery .item-card .item-card-desc .item-card-text.item-card-text-footer {
    height: 100%;
    text-align: center
}

    .home-formats.training-gallery .item-card .item-card-desc .item-card-text.item-card-text-footer h4, .home-formats.training-gallery .item-card .item-card-desc .item-card-text.item-card-text-footer .h4 {
        font-size: 20px
    }

.course-slider-img {
    background-image: url(/wp-content/themes/courses-listing/img/course-slider-img.jpg)
}

.modal-download-form {
    color: #636363;
    width: 400px
}

    .modal-download-form .modal-content {
        padding: 20px;
        border-radius: 5px;
        border: none;
        font-size: 14px
    }

    .modal-download-form .modal-header {
        border-bottom: none;
        position: relative
    }

    .modal-download-form h4, .modal-download-form .h4 {
        font-size: 26px;
        margin: 30px 0 -10px
    }

    .modal-download-form .btn-close {
        position: absolute;
        top: -5px;
        right: -2px
    }

        .modal-download-form .btn-close:focus {
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(243,4,44,.25);
            opacity: 1
        }

    .modal-download-form .modal-body {
        color: #999
    }

    .modal-download-form .modal-footer {
        border: none;
        text-align: center;
        border-radius: 5px;
        font-size: 13px;
        padding: 10px 15px 25px
    }

        .modal-download-form .modal-footer a {
            color: #999
        }

    .modal-download-form .download-name, .modal-download-form .download-email {
        width: 100%;
        position: relative;
        background-color: #fff;
        margin-bottom: 17px
    }

    .modal-download-form .download-title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px
    }

    .modal-download-form input {
        height: 42px;
        padding: 0 20px 0 32px;
        display: block;
        width: 100%;
        background: 0 0;
        font-size: 15px;
        color: #383838;
        line-height: 1.2;
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid #d7d7d7
    }

    .modal-download-form label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 18px;
        height: 42px;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        font-size: 18px;
        color: #999;
        margin-bottom: .5rem
    }

    .modal-download-form .download-submit-button {
        text-align: center
    }

        .modal-download-form .download-submit-button button {
            border-radius: 0;
            border: 1px solid #d7d7d7;
            color: #898989
        }

            .modal-download-form .download-submit-button button:focus {
                outline: 0;
                box-shadow: none
            }

.faq-section .btn-primary, .faq-section .btn-primary:disabled, .faq-section .btn-primary.disabled {
    color: #000;
    background-color: transparent;
    border-color: #efd4d4
}

    .faq-section .btn-primary:hover, .faq-section .btn-primary:active {
        color: #000;
        background-color: transparent;
        border-color: #ab2424
    }

.faq-section .fa-plus {
    color: #ce2500
}

#glomacs-faq .accordion-item {
    border: 0;
    margin-bottom: 10px
}

#glomacs-faq .accordion-button {
    color: #1a1a1a;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #efd4d4
}

    #glomacs-faq .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: #ce2500;
        box-shadow: none;
        border: 0
    }

#glomacs-faq .accordion-item .accordion-button {
    border-radius: 0
}

#glomacs-faq .accordion-button {
    padding: .75rem 1rem
}

    #glomacs-faq .accordion-button:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 180 180'%3E%3Cpath fill='rgb(206,37,0)' d='M108.993,47.079c7.683-0.059,13.898,6.12,13.882,13.805 c-0.018,7.683-6.26,13.959-13.942,14.019L75.24,75.138l-0.235,33.73c-0.063,7.619-6.338,13.789-14.014,13.78 c-7.678-0.01-13.848-6.197-13.785-13.818l0.233-33.497l-33.558,0.235C6.2,75.628-0.016,69.448,0,61.764 c0.018-7.683,6.261-13.959,13.943-14.018l33.692-0.236l0.236-33.73C47.935,6.161,54.209-0.009,61.885,0 c7.678,0.009,13.848,6.197,13.784,13.818l-0.233,33.497L108.993,47.079L108.993,47.079z'/%3E%3C/svg%3E")
    }

    #glomacs-faq .accordion-button:not(.collapsed):after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 180 180'%3E%3Cpath fill='white' d='M108.993,47.079c7.683-0.059,13.898,6.12,13.882,13.805 c-0.018,7.683-6.26,13.959-13.942,14.019L75.24,75.138l-0.235,33.73c-0.063,7.619-6.338,13.789-14.014,13.78 c-7.678-0.01-13.848-6.197-13.785-13.818l0.233-33.497l-33.558,0.235C6.2,75.628-0.016,69.448,0,61.764 c0.018-7.683,6.261-13.959,13.943-14.018l33.692-0.236l0.236-33.73C47.935,6.161,54.209-0.009,61.885,0 c7.678,0.009,13.848,6.197,13.784,13.818l-0.233,33.497L108.993,47.079L108.993,47.079z'/%3E%3C/svg%3E");
        transform: rotate(-135deg);
        color: #fff
    }

#glomacs-faq .accordion-body {
    border: 1px solid rgba(0,0,0,.125)
}

.select2-dropdown {
    z-index: 499
}

.items-list-view .course-item.arabic_course_item .course-detail-container .grid-course-title {
    direction: rtl;
    text-align: left;
    font-family: "HelveticaNeue";
    font-size: 14px;
    font-weight: 400
}

.items-grid-view .course-item.arabic_course_item .course-detail-container .grid-course-title {
    direction: rtl;
    text-align: right;
    font-family: "HelveticaNeue";
    font-size: 16px;
    font-weight: 400
}

.owl-carousel {
    direction: ltr !important
}

#theme-main > div.pt-5 > div > div > div > p {
    text-align: justify
}

@media screen and (min-width:1400px) {
    .container {
        max-width: 1320px !important
    }
}

@media screen and (min-width:1200px) {
    .page-title-area .page-title-content h1, .page-title-area .page-title-content .h1 {
        max-width: 50%
    }
}

@media screen and (max-width:1200px) {
    .header .caption p {
        font-size: 11px
    }

    .listing-list-header .course-detail-footer .footer-first-line, .items-list-view .course-item .course-detail-container .course-detail-footer .footer-first-line {
        width: 70%;
        text-align: left
    }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-footer {
        display: block;
        bottom: auto;
        position: unset;
        margin-top: 10px
    }

        #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-footer div:nth-child(2) {
            margin-top: .5rem !important
        }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .card-buttons {
        bottom: auto;
        position: unset;
        margin-top: 0 !important
    }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .img-container {
        display: none
    }

    #courses-list-grid .display-out-of-date .course-detail-container .grid-course-title {
        height: auto;
        margin-bottom: 15px
    }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container .second {
        position: relative;
        margin-left: 0;
        margin-top: 15px;
        flex-wrap: wrap
    }

        #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container .second .certificates-text {
            width: 100%;
            line-height: normal
        }

        #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container .second .certificates-logo {
            height: 55px
        }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .card-buttons {
        padding-left: 0
    }
}

@media screen and (min-width:992px) {
    #filter-sidebar-overlay, .filter-sidebar-close {
        display: none !important
    }

    .cl-courses-items-list-box .filter-sidebar .accordion, .cl-courses-gry-bg .filter-sidebar .accordion {
        background: #e9e9e9;
        padding: 15px;
        border: 1px solid #c9c9c9
    }

    .cl-courses-items-list-box .filter-sidebar .accordion {
        border: 0
    }

    .cl-courses-items-list-box .filter-sidebar .accordion-item, .cl-courses-gry-bg .filter-sidebar .accordion-item {
        padding: 0
    }

        .cl-courses-items-list-box .filter-sidebar .accordion-item .accordion-body, .cl-courses-gry-bg .filter-sidebar .accordion-item .accordion-body {
            padding: 1rem .25rem
        }

    .cl-courses-items-list-box .page-title-content h1, .cl-courses-items-list-box .page-title-content .h1, .page-title-area .page-title-content h1, .page-title-area .page-title-content .h1 {
        max-width: 65%
    }
}

@media screen and (max-width:991px) {
    div#container-content-archive .d-flex {
        flex-direction: column
    }

    aside#recent-posts-2 {
        display: none
    }

    div#ol-divider {
        display: none
    }

    div#wrapper-topbar {
        display: none
    }

    .col-12.listing-list-header {
        display: none
    }

    .filter-sidebar {
        height: 0;
        width: 0;
        top: 0;
        left: -50px;
        z-index: 1;
        overflow-x: hidden;
        transition: .1s
    }

    .partners-logo img {
        width: 90px
    }

    .header .caption .top-caption {
        font-size: 16px
    }

    .header .caption .middle-caption {
        font-size: 30px
    }

    .header .caption .bottom-caption {
        font-size: 18px
    }

    .main-logo img {
        height: 30px;
        width: auto;
        padding: 0
    }

    .home-header-search .search_input {
        width: 390px
    }

    .iso-certificates-cover {
        padding: 30px
    }

    .iso-certificates .iso-certificates-desc {
        margin-bottom: 20px
    }

    .get-to-know-us-more .accreditations-corporate-clients, .get-to-know-us-more .accreditations-strategic-partners {
        margin-top: 50px
    }

    .show-filters-button-area {
        position: sticky;
        top: 48px;
        z-index: 2;
        padding: 5px 0
    }

        .show-filters-button-area.is-stuck, #filter-badges.is-stuck {
            background: #fff
        }

    #filter-badges {
        top: 100px;
        background: #fff;
        z-index: 1 !important
    }

    .show-filters-button {
        display: block;
        color: #fff;
        border-color: #212815;
        background-color: #212815
    }

    .filter-sidebar {
        height: 0;
        width: 0;
        position: fixed;
        z-index: 998;
        top: 0;
        left: -50px;
        overflow-x: hidden;
        padding-top: 48px;
        background: #fff;
        padding: 70px 10px 0
    }

        .filter-sidebar .filter-sidebar-close {
            position: fixed;
            text-align: right;
            top: 50px;
            right: 25px;
            text-decoration: none;
            font-size: 40px;
            color: #fff;
            text-shadow: 2px 2px 2px #000
        }

        .filter-sidebar .card {
            margin-left: 0
        }

    .cd-headline.clip span {
        display: block
    }

    .cd-headline.clip .cd-words-wrapper {
        display: inline-block
    }
}

@media screen and (max-width:920px) {
    .page-title-area .page-title-content h1, .page-title-area .page-title-content .h1 {
        font-size: 25px;
        text-align: center
    }

    .page-title-area .page-title-content h2, .page-title-area .page-title-content .h2 {
        font-size: 14px;
        line-height: 20px;
        text-align: center
    }

    .hb-logo-cell {
        text-align: center
    }

    .page-title-area .page-title-content {
        padding: 0
    }

    .training-gallery .training-filter-buttons {
        top: 47px
    }

    .page-title-content {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media screen and (max-width:768px) {
    header.masthead {
        padding-top: 12rem;
        padding-bottom: 12rem
    }

        header.masthead h1, header.masthead .h1 {
            font-size: 3rem
        }

    #courses-list-grid .min-h-50 {
        min-height: 50px
    }

    #courses-list-grid .min-h-80 {
        min-height: 80px
    }

    .training-gallery .training-filter-button {
        width: 48%;
        font-size: 14px;
        padding: .375rem .8rem
    }

    .items-list-view .course-item .card {
        background-color: transparent
    }

    .items-list-view .course-item .course-detail-container {
        flex-wrap: wrap;
        border: 1px solid #e5e5e5;
        border-radius: 7px;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,.15);
        -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,.15);
        box-shadow: 0px 2px 3px 0px rgba(0,0,0,.15);
        position: relative
    }

        .items-list-view .course-item .course-detail-container .grid-course-title {
            width: 100%;
            flex: 0 0 100%;
            margin-bottom: 10px
        }

    .items-list-view .course-item.item-odd .course-detail-container {
        background: 0 0
    }

    .items-list-view .course-item .course-detail-container .table-list-full-link {
        text-decoration: none;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .items-list-view .course-item .course-detail-container .course-detail-footer {
        width: 100%;
        justify-content: space-between !important
    }

    .items-list-view .course-item .course-detail-container {
        margin-bottom: 10px
    }

    .cl-courses-items-list-box .items-list-view, .cl-courses-gry-bg .items-list-view {
        background: 0 0;
        border: none
    }

        .cl-courses-gry-bg .items-list-view .course-item .course-detail-container, .cl-courses-gry-bg .items-list-view .course-item.item-odd .course-detail-container {
            background-color: #fff
        }

    .course-month h4, .course-month .h4 {
        font-size: 16px
    }

    .course-month div {
        border-bottom: 2px solid #212815
    }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .card-buttons {
        position: absolute;
        width: 100%;
        bottom: 0;
        right: 0;
        left: 0;
        padding-right: 0;
        padding: 10px
    }

        #courses-list-grid .display-out-of-date.items-list-view .course-item .card-buttons .btn {
            max-width: 32%
        }

    #courses-list-grid .display-out-of-date.items-list-view .course-item .course-detail-container {
        margin-bottom: 0;
        flex-wrap: unset;
        border: 0;
        border-radius: 0;
        position: unset;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .glomacs-radio, .glomacs-checkbox {
        padding: 0
    }

    .accordion-body {
        padding: 1rem .5rem
    }

    .listing-list-header-row {
        display: none
    }

    #languages-box-wrapper {
        background-size: contain;
        background-repeat: repeat
    }

    .row.show-filters-button-area.mb-10 {
        position: sticky;
        top: 7em;
        z-index: 10 !important
    }

    h6.border-bottom.border-bottom.pb-2.mb-1.text-muted, .border-bottom.pb-2.mb-1.text-muted.h6 {
        margin-top: 1em
    }

    .d-flex.flex-column.Sector_Specific_Courses {
        border: 0 !important;
        padding: 0 !important
    }

    h6.supercategory, .supercategory.h6 {
        padding-top: .5em
    }

    .in-house-video-section {
        flex-direction: column
    }
}

@media screen and (max-width:750px) {
    .header .caption .middle-caption {
        font-size: 30px
    }

    .header .caption .bottom-caption-text {
        display: none
    }

    .header {
        padding: 150px 0 !important
    }

        .header.home-header-4 {
            padding: 60px 0 !important
        }

    .container.home-full-screen-header-serch {
        margin-top: 50px !important;
        padding: 0
    }
}

@media screen and (max-width:580px) {
    .slick-dotted.slick-slider {
        width: 80%
    }
}

@media screen and (max-width:529px) {
    .home-header-search .search_input {
        width: 290px
    }

    .header .caption p {
        font-size: 12px
    }

    .fixed-filter.filter-closed {
        left: -430px
    }

    .fixed-filter .cat-ven-filter-body {
        width: 430px
    }
}

@media screen and (max-width:472px) {
    .cat-table a {
        width: 45%;
        font-size: 13px;
        color: #000
    }

    .fixed-filter.filter-closed {
        left: -430px
    }

    .fixed-filter .cat-ven-filter-body {
        width: 430px
    }

    .lSSlideOuter .lightSlider {
        min-height: 260px
    }
}

@media screen and (max-width:429px) {
    .header .caption .top-caption {
        font-size: 14px
    }

    .header .caption .middle-caption {
        font-size: 25px
    }

    .header .caption .bottom-caption {
        font-size: 14px
    }

    .home-header-search .search_input {
        width: 275px
    }

    .slick-dotted.slick-slider {
        width: 50%
    }

    .fixed-filter.filter-closed {
        left: -380px
    }

    .fixed-filter .cat-ven-filter-body {
        width: 380px
    }
}

@media screen and (max-width:406px) {
    .coursesFiltering .nice-select {
        min-width: 80px
    }

    .fixed-filter.filter-closed {
        left: -360px
    }

    .fixed-filter .cat-ven-filter-body {
        width: 360px
    }
}

@media screen and (max-width:387px) {
    .coursesCount {
        font-size: 13px
    }

    .coursesFiltering .nice-select {
        font-size: 14px;
        padding: 0 14px 0 0;
        min-width: 65px
    }

    .coursesViewTabnav button svg {
        filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(235deg) brightness(92%) contrast(89%);
        width: 20px
    }

    .coursesViewTabnav button:first-of-type {
        margin-right: 5px
    }

    .coursesViewTabnav {
        margin: 0 0 0 5px
    }

    .fixed-filter.filter-closed {
        left: -320px
    }

    .fixed-filter .cat-ven-filter-body {
        width: 320px
    }
}

@media screen and (max-width:370px) {
    .header .caption .top-caption {
        font-size: 15px
    }

    .header .caption .middle-caption {
        font-size: 20px
    }

    .home-header-search .search_input {
        width: 250px
    }
}

.col-xl-3.col-lg-4.col-md-12.left-sidebar.show {
    transform: unset !important;
    -webkit-transform: unset
}

#filter-badges {
    z-index: unset
}

.coursesViewTabnav button svg {
    width: 20px
}

div.coursesViewTabnav > div.download-buttons > div {
    min-width: 25px;
    padding-right: 0
}

    div.coursesViewTabnav > div.download-buttons > div:after {
        display: none
    }

.col-md-auto.d-inline.download-buttons {
    margin-left: 10px
}

ul.pagination {
    float: right;
    margin-top: 1em
}

.page-item .page-link {
    background: 0 0;
    color: #212815;
    border-color: red;
    padding: 5px 8px;
    border-color: red
}

li.page-item.page-next a.page-link {
    border: solid 1px !important
}

li.page-item.page-prev a.page-link {
    border: solid 1px !important
}

.page-item.active .page-link {
    background: 0 0;
    border: none;
    color: #000
}

button.accordion-button {
    text-transform: uppercase
}

.filter-sidebar .accordion-button:not(.collapsed) {
    border-bottom: solid .5px grey;
    padding-bottom: 1em
}

    .filter-sidebar .accordion-button:not(.collapsed):before {
        content: "";
        position: absolute;
        width: 5vw;
        height: 7.5px;
        bottom: -.3em;
        background-color: #000;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

.filter-sidebar .accordion-item {
    border: none
}

i.fa.fa-download {
    color: grey;
    font-size: 21px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #708090
}

.row.readmorecontent.readall.readall-hide {
    height: 7em !important;
    max-height: 20em !important
}

.additional-content-section .row.readmorecontent.readall.readall-hide {
    height: 15em !important
}

.coursesViewTabnav {
    display: inline-flex;
    margin-right: 10px;
    align-items: stretch
}

button.gridView {
    margin-top: 5px
}

.modal-open {
    padding-right: 0 !important
}

body > div.cl-courses.cl-courses-items-list-box > section > div:nth-child(1) > div:nth-child(2) > div > div.coursesViewTabnav > div > div.col-md-auto > div > span {
    margin-top: 9px
}

.show-filters-button {
    background: #fff;
    color: #000;
    border: 0
}

.listing-list-header .grid-course-title {
    color: #000;
    font-size: 16px
}

.listing-list-header .course-detail-footer .grid-course-date, .listing-list-header .course-detail-footer .grid-course-venue, .listing-list-header .course-detail-footer .grid-course-fee {
    font-family: "HelveticaNeue";
    color: #000;
    font-size: 16px
}

.listing-list-header .listing-list-header-detail-container {
    text-transform: inherit
}

.coursesFiltering .nice-select {
    background: 0 0;
    border: solid 1px grey;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: inherit;
    margin-top: 2px
}

.coursesViewTabnav:before {
    display: none
}

.coursesFiltering .nice-select:after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #212330;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    border: none;
    top: 40%;
    font-size: 14px;
    right: .5em
}

.single-cl_courses #download-format-selector {
    display: none
}

body > div.cl-courses.cl-courses-items-list-box > section > div:nth-child(1) {
    position: sticky;
    top: 66px;
    z-index: 2;
    background: #fff
}

#filter-badges {
    z-index: unset
}

.related-articles .course-slider.lightSlider.lSSlide .course-slider-title {
    min-height: fit-content
}

.course-slider-box.lslide {
    scale: .99
}

.course-slider.lightSlider.lSSlide {
    min-height: fit-content !important;
    height: fit-content !important
}

div#cl-courses.courses-list-grid-full.list-group {
    width: 100% !important
}

.billing-personal-info {
    display: flex
}

@media screen and (min-width:480px) {
    button#show-filters {
        background: 0 0;
        border: solid 1px grey;
        align-items: center;
        border-radius: 10px;
        padding: 10px;
        font-weight: 700;
        font-size: 16px
    }

    .coursesFiltering .nice-select {
        background: 0 0;
        border: solid 1px grey;
        align-items: center;
        border-radius: 10px;
        padding: 10px;
        font-weight: 700;
        font-size: 16px
    }

    .filter-sidebar input#search-area {
        padding: 5px;
        margin-bottom: 1em
    }

    .cl-courses-items-list-box .filter-sidebar .accordion {
        background: 0 0;
        padding-left: 0;
        padding-top: 0
    }

    body > section.additional-content-section > div > div > div > h2 > span, body > section.additional-content-section > div > div > div > .h2 > span {
        padding-bottom: 20px;
        border-bottom: solid 1px #000;
        color: #ce2500;
        width: 100%
    }

    button.readmore-button, button.readless-button {
        color: #212815
    }

    .left-sidebar {
        transform: translateX(-50em);
        transition-duration: .5s;
        width: 0
    }

        .left-sidebar.show {
            width: 25%;
            transform: translateX(0);
            transition-duration: .75s
        }

    .courses-list-grid-full {
        width: 97% !important;
        transition-duration: .65s;
        transition-delay: .01s;
        padding-left: 0;
        padding-right: 0
    }

    #courses-list-grid {
        width: 75%;
        transition-duration: .5s
    }
}

@media screen and (max-width:480px) {
    .coursesFiltering {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    button#show-filters {
        display: none !important
    }

    .download-buttons .nice-select .nice-select-dropdown {
        left: -5em
    }

    .coursesFiltering .nice-select {
        min-width: 65px
    }

    .nice-select .nice-select-dropdown {
        right: 0;
        left: unset
    }

    .show {
        transform: unset;
        -webkit-transform: unset !important
    }

    #whatsapp-chat {
        z-index: 99999999
    }
}

.listing-list-header .course-detail-footer .footer-first-line {
    width: 100%
}

.related-articles .course-slider-box.lslide {
    border-radius: 2px;
    overflow: hidden
}

.coursesFiltering {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center !important
}

button#show-filters {
    font-size: 1em;
    color: #212815;
    text-transform: uppercase;
    font-weight: 100;
    position: relative;
    z-index: 0
}

.col-6.border-bottom.pb-1.pt-1 {
    padding-right: 0
}

.apply-filter-button {
    position: sticky;
    bottom: 5px
}

button.accordion-button {
    font-size: 14px;
    text-transform: capitalize
}

.accordion-button:after {
    background-size: 1rem
}

.coursesFiltering .nice-select:after {
    display: none
}

.coursesFiltering .nice-select {
    border: none;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 23px;
    min-width: 10px
}

body > div.cl-courses.cl-courses-items-list-box > section > div:nth-child(1) > div:nth-child(2) > div > div.nice-select > span {
    content: url("https://glomacs.com/wp-content/uploads/2023/05/sort-a-z.png");
    width: 24px;
    opacity: .5
}

.coursesFiltering {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: flex-end
}

.filter-sidebar .filter-search-button {
    pointer-events: auto
}

.apply-filter-button {
    position: sticky;
    bottom: 5px
}

button#show-filters {
    color: #000
}

body > div.cl-courses.cl-courses-items-list-box > section > div:nth-child(1) > div:nth-child(2) {
    display: flex;
    justify-content: flex-end
}

.nice-select {
    border: none
}

#courses-list-grid > div.row.mb-10 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap
}

.download-buttons-pagination {
    width: fit-content;
    padding: 0;
    margin-top: auto
}

.row.mb-10.table-pagination-download-buttons {
    width: 100%;
    display: flex;
    justify-content: center
}

.table-pagination-download-buttons .pagination.mb-5 {
    width: fit-content;
    padding: 0
}

@media screen and (max-width:991px) {
    .col-xl-3.col-lg-4.col-md-12.left-sidebar.show {
        transform: unset !important;
        -webkit-transform: unset !important;
        z-index: 999
    }

    button#show-filters {
        display: none !important
    }

    #courses-list-grid {
        width: 100%
    }

    button.btn.btn-outline-secondary.btn-sm.px-3.show-filters-button.show-filters, .btn-group-sm > button.btn.btn-outline-secondary.px-3.show-filters-button.show-filters {
        margin-top: -3.25em;
        display: flex;
        align-items: flex-end;
        padding-left: 0 !important
    }

    .coursesFiltering {
        margin-bottom: .25em
    }

    .is-stuck button.btn.btn-outline-secondary.btn-sm.px-3.show-filters-button.show-filters, .is-stuck .btn-group-sm > button.btn.btn-outline-secondary.px-3.show-filters-button.show-filters {
        margin-top: .45em;
        padding: 0
    }

    .show-filters-button-area {
        width: 50%;
        z-index: 11
    }

    body > div.cl-courses.cl-courses-items-list-box > section > div:nth-child(1) {
        top: 50px;
        padding: .25em;
        z-index: 10
    }
}

@media screen and (max-width:480px) {
    button#show-filters {
        display: none !important
    }

    .listing-list-header {
        display: none
    }

    .coursesFiltering {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: flex-start;
        margin-bottom: .75em
    }
}

.view-all .course-slider-img {
    box-shadow: inset 0 0 0 2000px rgba(0,0,0,.7)
}

.tabset > input[type=radio] {
    position: absolute;
    left: -200vw
}

.tabset .tab-panel {
    display: none
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block
}

.tabset > label {
    position: relative;
    display: inline-block;
    padding: 15px 15px 25px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600
}

input:focus-visible + label {
    outline: 2px solid #ab2424;
    border-radius: 3px
}

.tabset > label:hover, .tabset > input:focus + label, .tabset > input:checked + label {
    color: #ab2424
}

.tabset > input:checked + label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px
}

.tab-panel {
    padding: 30px 0;
    border-top: 1px solid #ccc
}

@media (max-width:767px) {
    .nice-select.open .nice-select-dropdown {
        left: 0;
        width: fit-content
    }

    .carousel-inner .carousel-item > div {
        width: 80%
    }

    .carousel-inner .carousel-item > div {
        display: none
    }

        .carousel-inner .carousel-item > div:first-child {
            display: block
        }
}

.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
    display: flex;
    gap: 1rem;
    justify-content: flex-start
}

.carousel-item a {
    text-decoration: none
}

.carousel-item .course-slider-title {
    text-align: start
}

.view-all .course-slider-img {
    box-shadow: inset 0 0 0 2000px rgba(0,0,0,.7)
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    display: flex
}

@media (min-width:768px) {
    .carousel-control-prev, .carousel-control-next {
        display: none
    }

    .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next {
        transform: translateX(25%)
    }

    .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev {
        transform: translateX(-25%)
    }

    .mobile-menu-extra {
        display: none !important
    }

    a.popupopen {
        display: none
    }

    .cl-courses-list {
        margin-top: -3.5em
    }
}

.carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start {
    transform: translateX(0)
}

.carousel-control-prev, .carousel-control-next {
    width: min-content
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    filter: brightness(.5) sepia(0) hue-rotate(200deg) saturate(5)
}

.active.carousel-item-start {
    transform: translateX(-100%) !important
}

.active.carousel-item-end {
    transform: translateX(100%) !important
}

.carousel-item.active > div:hover {
    transform: scale(1.025);
    transition: .25s;
    box-shadow: 0 10px 20px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06)
}

    .carousel-item.active > div:hover .course-slider-title {
        color: #212815
    }

div#otherSubjects .carousel-inner, div#relatedCourses .carousel-inner {
    overflow: inherit
}

.sticky-sidebar {
    transition-duration: .5s
}

.hide-sticky-sidebar {
    transform: translateX(-50em);
    transition-duration: 0.5s;
    width: 0
}

#wpc_sorting_widget-2 > div > span {
    margin-top: -2em
}

.header-item-right .search-menu-icon {
    font-size: 1rem;
    border-radius: 2px;
    display: inline-block;
    background: #212815;
    padding: 6px 9px 7px 10px;
    color: #fff
}

.dropdown-item {
    text-align: right
}

.form-select, .select2-selection {
    text-align: right
}

.modal-body form {
    direction: rtl
}

li#wpc-term-taxonomy-cl_categories-939, li#wpc-term-taxonomy-cl_categories-940, li#wpc-term-taxonomy-cl_categories-941, li#wpc-term-taxonomy-cl_categories-964, li#wpc-term-taxonomy-cl_categories-942 {
    margin: 1em 0
}

    li#wpc-term-taxonomy-cl_categories-939 input, li#wpc-term-taxonomy-cl_categories-940 input, li#wpc-term-taxonomy-cl_categories-941 input, li#wpc-term-taxonomy-cl_categories-964 input, li#wpc-term-taxonomy-cl_categories-942 input {
        display: none
    }

    li#wpc-term-taxonomy-cl_categories-939 label, li#wpc-term-taxonomy-cl_categories-940 label, li#wpc-term-taxonomy-cl_categories-941 label, li#wpc-term-taxonomy-cl_categories-964 label, li#wpc-term-taxonomy-cl_categories-942 label {
        pointer-events: none
    }

    li#wpc-term-taxonomy-cl_categories-939 a, li#wpc-term-taxonomy-cl_categories-940 a, li#wpc-term-taxonomy-cl_categories-941 a, li#wpc-term-taxonomy-cl_categories-964 a, li#wpc-term-taxonomy-cl_categories-942 a {
        font-weight: 600
    }

::-webkit-input-placeholder {
    font-style: normal
}

:-moz-placeholder {
    font-style: normal
}

::-moz-placeholder {
    font-style: normal
}

:-ms-input-placeholder {
    font-style: normal
}

body > header > div > div > div.header-item-center > nav > ul > li.cl-accreditations.menu-item-has-children > div, body > header > div > div > div.header-item-center > nav > ul > li.cl-custom-submenu.menu-item-has-children > div {
    left: 0
}

.n-accordion-panel-faq.open * {
    font-size: 14px;
    line-height: 23px;
    color: #666;
    direction: rtl
}

.wpc-filters-main-wrap li.wpc-term-item label {
    padding-right: 5px
}

.glomacs-subscribe-newsletter .wpcf7 input {
    border-right: 1px solid #d3d3d3
}

.ui-menu .ui-menu-item-wrapper {
    display: block
}

    .ui-menu .ui-menu-item-wrapper:not(.title-line) {
        margin-right: 1em
    }

ul#ui-id-1 {
    margin-left: -5.5em;
    max-width: 400px;
    height: 20vw;
    overflow-y: scroll;
    overflow-x: clip
}

@media screen and (max-width:768px) {
    ul#ui-id-1 {
        margin-left: -7.5em;
        height: 80vw;
        max-width: 75%;
        overflow-y: scroll;
        overflow-x: scroll
    }

    .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
        justify-content: center
    }

    .related-articles h2, .related-articles .h2, .faq-section h2, .faq-section .h2 {
        font-size: 21px;
        margin-bottom: 1em
    }

    .tabset > label {
        font-size: 12px;
        padding: 15px .9em 25px
    }

    .related-articles .course-slider-box.lslide {
        scale: .9
    }

    aside#wpc_filters_widget-2 {
        position: absolute
    }

    .theiaStickySidebar {
        position: static !important;
        transform: none !important
    }

    .widget_wpc_sorting_widget span.select2-selection.select2-selection--single, select.wpc-orderby-select {
        width: 2.25em
    }

    body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed, body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened, body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened) {
        display: none
    }

    div#cl-courses.list-group {
        border: none;
        margin: auto
    }

    div#cl-courses.row .col.d-flex.align-items-stretch.course-item {
        padding: 0
    }

        div#cl-courses.row .col.d-flex.align-items-stretch.course-item .course-card {
            border-radius: 4px !important;
            border-color: #d3d3d3;
            box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
        }

    .cl_accreditation .page-title-content h1, .cl_accreditation .page-title-content .h1 {
        margin-top: 0;
        margin-bottom: 1.5em
    }

    ul.dropdown-menu.show {
        transform: translate(0,2em) !important
    }

    .col-12.cat-ven-filter-body .d-flex {
        flex-direction: column
    }

    .gcl-header-download-buttons .btn {
        padding-left: 2em;
        padding-right: 1em
    }

    div#other-subjects .d-flex, div#articles .d-flex {
        flex-wrap: wrap
    }

        div#other-subjects .d-flex .cl-card-item.training-filter, div#articles .d-flex .cl-card-item.training-filter {
            flex: 0 0 50%
        }

        div#other-subjects .d-flex .cl-card-item .card-buttons .btn, div#articles .d-flex .cl-card-item .card-buttons .btn {
            max-width: 80%;
            overflow: hidden;
            white-space: nowrap;
            border-radius: 20px
        }

        div#other-subjects .d-flex .cl-card-item .course-detail-container .cl-item-title, div#articles .d-flex .cl-card-item .course-detail-container .cl-item-title {
            height: 6em
        }

        div#articles .d-flex .cl-card-item .course-detail-container .cl-item-title {
            height: 8em
        }

    .write-up-section li.nav-item button {
        padding: 10px
    }

    div#cl-courses.row .col.d-flex.align-items-stretch.course-item {
        flex: 0 0 100%
    }

    div#cl-courses.row {
        margin: auto
    }

    .gcl-header-download-buttons {
        height: 0
    }

    .header-page-bg-dark {
        padding-bottom: 0 !important
    }
}

.course-page.course-outline .owl-carousel {
    z-index: unset
}

.woocommerce #respond input#submit:not(.alt), .woocommerce a.button:not(.alt), .woocommerce button.button:not(.alt), .woocommerce input.button:not(.alt) {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #202020;
    font-weight: 400;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    color: #202020;
    background: 0 0;
    border-radius: 30px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .woocommerce #respond input#submit:not(.alt):hover, .woocommerce a.button:not(.alt):hover, .woocommerce button.button:not(.alt):hover, .woocommerce input.button:not(.alt):hover {
        color: #fff !important;
        background-color: #202020
    }

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border: none;
    font-weight: 400;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    color: #fff;
    background-color: #202020;
    border-radius: 30px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
        background-color: #131313;
        color: #fff
    }

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    border-color: #212529 !important
}

    .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {
        border-color: #212529 !important;
        background: #2f2a2f
    }

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #d2d2d2;
    color: #212529
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    font-size: 1.25rem
}

.woocommerce-message {
    border-top-color: #f5d3d3
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: .375rem .45rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #ced4da
}

body.woocommerce-page select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

.select2-selection {
    min-height: 45px;
    padding: .375rem .75rem
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: unset;
    padding-right: unset
}

span.select2-selection.select2-selection {
    min-height: 40px;
    padding: .375rem .75rem;
    border: 1px solid #ced4da
}

.select2-container--default b[role=presentation], .select2-container--default .select2-selection__clear {
    display: none
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #202020
}

a.added_to_cart.wc-forward {
    margin-left: 12px;
    text-decoration: underline !important
}

#store-sidebar aside {
    margin-bottom: 15px
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: unset;
    opacity: .5
}

.woocommerce div.product form.cart .variations select {
    margin-bottom: 20px
}

.woocommerce span.onsale {
    padding-top: 0;
    padding-left: 5px
}

.woocommerce #commentform {
    margin-top: 24px
}

.woocommerce #review_form #respond p {
    margin: 12px 0 12px
}

.woocommerce p.stars a {
    color: var(--bs-warning);
    height: 1.4em;
    width: 1.4em
}

    .woocommerce p.stars a:before {
        font-size: 24px
    }

.woocommerce #related-products ul {
    margin: 1em 0 1em
}

.woocommerce-input-wrapper {
    width: 100%
}

figure.woocommerce-product-gallery__wrapper {
    max-width: inherit !important
}

#coupon_code.input-text {
    min-width: 134px !important
}

.woocommerce form.woocommerce-form-login .form-row label {
    width: 100%
}

.woocommerce form.woocommerce-form-login .form-row .password-input {
    width: 100%
}

.woocommerce form .form-row label {
    flex: auto
}

.woocommerce-cart-form input.qty {
    display: inline
}
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

@-webkit-keyframes slideLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes slideRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slideRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.course-listing-menu-header {
    position: sticky;
    top: 0;
    direction:ltr;
    background: #fff;
    z-index: 999;
    box-shadow: 0px 4px 8px -5px rgb(0 0 0/40%);
    -webkit-box-shadow: 0px 4px 8px -5px rgb(0 0 0/40%);
    -moz-box-shadow: 0px 4px 8px -5px rgba(0,0,0,.4)
}

    .course-listing-menu-header * {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: none !important;
        text-align:left;
    }

.header-logo img {
    width: 17em;
    height: auto
}

.cl-menu-icon {
    margin-right: 15px;
    display: inline-block
}

.course-listing-menu-header .container {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: right
}

.course-listing-menu-header li.menu-outgoing-url {
    border-top: 1px solid #b7b7b7;
    margin-top: 10px
}

.course-listing-menu-header .wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.course-listing-menu-header .course-listing-menu .menu-section {
    padding: 0;
    margin: 0
}

.header-item-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.header-item-center-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-item-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 76%;
    flex: 0 0 76%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-item-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4%;
    flex: 0 0 4%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .header-item-right .menu-icon {
        font-size: 1.35rem;
        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;
        gap: 1rem;
        margin-left: 1rem;
        border: none;
        outline: none;
        color: #121212;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

.course-listing-menu-header .course-listing-menu > ul > li > a {
    position: relative;
    display: block;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    border: none;
    outline: none;
    color: var(--bs-primary);
    text-rendering: optimizeLegibility;
    text-decoration: none;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.course-listing-menu-header .course-listing-menu > ul > li .menu-subs {
    position: absolute;
    height: auto;
    margin-top: 1.75rem;
    padding: .5rem 1rem;
    border: none;
    outline: none;
    z-index: 500;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    border-top: 3px solid #212815;
    background: #fff;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

    .course-listing-menu-header .course-listing-menu > ul > li .menu-subs > ul {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

        .course-listing-menu-header .course-listing-menu > ul > li .menu-subs > ul > li {
            line-height: 1
        }

            .course-listing-menu-header .course-listing-menu > ul > li .menu-subs > ul > li > a {
                display: inline-block;
                font-size: 14px;
                line-height: 1.2;
                padding: .75rem 0;
                border: none;
                outline: none;
                color: var(--bs-primary);
                text-transform: capitalize;
                text-rendering: optimizeLegibility;
                text-decoration: none;
                -webkit-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
                width: 100%
            }

.course-listing-menu-header .course-listing-menu > ul > li .menu-column-1 {
    min-width: 8rem;
    max-width: 21rem
}

.course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li {
        display: block;
        line-height: 1
    }

        .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a {
            color: var(--bs-primary);
            display: inline-block;
            font-size: 14px;
            font-weight: 600;
            line-height: 1.2;
            padding: .2rem 0;
            border: none;
            outline: none;
            text-decoration: none;
            text-transform: none;
            text-rendering: optimizeLegibility;
            -webkit-transition: color .3s ease-in-out;
            -o-transition: color .3s ease-in-out;
            transition: color .3s ease-in-out
        }

.course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 68rem;
    width: 100%;
    padding: 1.25rem 0
}

.d-flex.flex-column.Sector_Specific_Courses {
    border-left: 1px solid #d3d3d3;
    padding-left: 1em
}

.course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 .5rem;
    border-right: 1px solid #ededed
}

.course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%
}

.course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

    .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item:last-child, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item:last-child, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item:last-child {
        border-right: 0
    }

    .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item .title, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item .title, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item .title {
        font-family: inherit;
        font-size: 13px;
        font-weight: 700;
        line-height: 1;
        padding: .75rem 0;
        border: none;
        outline: none;
        color: #4a4a4a;
        text-transform: capitalize;
        text-rendering: optimizeLegibility;
        width: 100%;
        border-bottom: 1px solid #b7b7b7;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item .title a, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item .title a, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item .title a {
            text-decoration: none;
            color: #4a4a4a
        }

    .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item.text-center .title, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item.text-center .title, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center .title {
        text-align: center
    }

    .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item img.responsive, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item img.responsive, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item img.responsive {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin-top: .75rem;
        -o-object-fit: cover;
        object-fit: cover;
        vertical-align: middle
    }

.course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:hover, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs > ul > li > a:hover {
    color: var(--bs-secondary)
}

.header-item-right a:hover, .course-listing-menu-header .course-listing-menu > ul > li:hover > a {
    color: var(--bs-secondary)
}

.header-item-right a.search-menu-icon:hover {
    color: #e7e7e7
}

.course-listing-menu-header .overlay {
    width: 0;
    height: 0
}

@media only screen and (min-width:993px) {
    .course-listing-menu-header .course-listing-menu > ul > li.menu-item-has-children:hover .menu-subs {
        margin-top: 0;
        opacity: 1;
        visibility: visible
    }

    .course-listing-menu-header .view-mobile-only {
        display: none !Important
    }

    .course-listing-menu-header .course-listing-menu > ul > li {
        display: inline-block;
        line-height: 4.1rem;
        padding: 2em .75em
    }
}

.menu-mobile-header, .menu-mobile-trigger {
    display: none
}

.course-listing-menu-header .menu-desktop-trigger {
    position: relative;
    display: block;
    cursor: pointer;
    width: 1.75rem;
    height: 1rem;
    border: none;
    outline: none;
    margin-left: 1.25rem;
    background: 0 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out
}

    .course-listing-menu-header .menu-desktop-trigger span {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        border: none;
        outline: none;
        opacity: 1;
        border-radius: .25rem;
        background: var(--bs-primary);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }

        .course-listing-menu-header .menu-desktop-trigger span:nth-child(1) {
            top: 0
        }

        .course-listing-menu-header .menu-desktop-trigger span:nth-child(2), .course-listing-menu-header .menu-desktop-trigger span:nth-child(3) {
            top: .5rem
        }

        .course-listing-menu-header .menu-desktop-trigger span:nth-child(4) {
            top: 1rem
        }

    .course-listing-menu-header .menu-desktop-trigger:hover span:nth-child(1), .course-listing-menu-header .menu-desktop-trigger:hover span:nth-child(4) {
        background-color: #333335;
        margin-left: 3px
    }

    .course-listing-menu-header .menu-desktop-trigger:hover span:nth-child(2), .course-listing-menu-header .menu-desktop-trigger:hover span:nth-child(3) {
        background-color: #0082ca;
        margin-left: -3px
    }

#secondary_menu .modal-content {
    background-color: #fff;
    color: var(--bs-primary)
}

#secondary_menu .modal-header {
    padding-bottom: 1.5rem
}

.secondary-menu-search {
    height: 40px;
    width: 100%;
    background: 0 0;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid #f5f5f5;
    border-radius: 0;
    color: #f5f5f5;
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    padding-right: 40px
}

    .secondary-menu-search:focus {
        border-color: #f5f5f5;
        background-color: transparent
    }

    .secondary-menu-search::-webkit-input-placeholder, .secondary-menu-search::-moz-placeholder, .secondary-menu-search::-ms-input-placeholder, .secondary-menu-search::-moz-placeholder {
        color: #727272
    }

.secondary-menu-search-submit {
    position: absolute;
    top: 0;
    right: 16px;
    height: 40px;
    padding: 0;
    border: 0;
    width: 35px;
    text-align: center;
    background: 0 0;
    color: #f5f5f5;
    font-size: 20px
}

    .secondary-menu-search-submit:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 30px;
        background-color: #f5f5f5;
        top: 50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0
    }

.secondary-menu-dsk {
    display: block;
    float: right;
    text-align: right;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .secondary-menu-dsk li {
        position: relative
    }

        .secondary-menu-dsk li a {
            padding-top: 15px;
            padding-bottom: 15px;
            color: var(--bs-primary);
            font-weight: 600;
            display: block;
            border-bottom: 1px solid #d9d9d978;
            padding-right: 5px;
            text-decoration: none;
            transition: .4s ease-in-out
        }

            .secondary-menu-dsk li a i {
                color: #fff;
                background: var(--bs-primary);
                padding: 5px;
                border-radius: 50%
            }

    .secondary-menu-dsk.social-media-menu li a {
        color: var(--bs-secondary)
    }

        .secondary-menu-dsk.social-media-menu li a i {
            background: var(--bs-secondary)
        }

    .secondary-menu-dsk li span {
        height: 100%;
        width: 30px;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        right: 0
    }

#secondary_menu .btn-close:focus {
    box-shadow: none
}

.menu-download-card .card {
    border: 0;
    border-radius: 0;
    background-color: transparent
}

    .menu-download-card .card h2 {
        line-height: 14px
    }

        .menu-download-card .card h2 a {
            font-size: 14px;
            color: var(--bs-primary)
        }

.menu-download-section {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ededed
}

.menu-heading-2 {
    color: var(--bs-primary);
    margin-bottom: 10px;
    font-size: 17px
}

.menu-clair-color, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a.menu-clair-color {
    color: #0082ca
}

.menu-bold-links {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ededed
}

.course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega > .list-item > ul.menu-bold-links > li > a {
    color: #0082ca;
    font-weight: 600
}

.course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li.menu-view-all-link > a {
    color: #eb0028;
    text-decoration: underline
}

.course-listing-menu-header .combination-filter {
    background-color: transparent;
    color: inherit
}

.menu-combination-filter * {
    line-height: normal
}

.menu-combination-filter select {
    padding: 4px 5px;
    margin-bottom: 10px
}

.menu-combination-filter a, .menu-combination-filter button {
    padding: 5px 10px
}

.menu-combination-filter a {
    margin-right: 10px
}

ul.side-menu-extra-items li:first-child {
    border-top: 1px solid #0082ca
}

ul#menu-top-bar-menu {
    margin-bottom: 0
}

@media only screen and (max-width:1399px) and (min-width:993px) {
    .course-listing-menu-header .container {
        max-width: 100% !Important
    }

    .course-listing-menu-header .course-listing-menu > ul > li {
        margin-left: .5rem
    }

    #topbar-content {
        padding: 0
    }

        #topbar-content a {
            padding: .25em
        }

    .course-listing-menu-header .course-listing-menu > ul > li > a {
        font-size: 12px
    }
}

@media only screen and (max-width:1140px) and (min-width:993px) {
    .course-listing-menu-header .course-listing-menu > ul > li > a {
        text-transform: unset
    }
}

@media only screen and (max-width:992px) {
    .header-item-center {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .header-item-left, .header-item-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .course-listing-menu-header .wrapper {
        min-height: 66px;
        padding: .5rem 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .course-listing-menu-header .menu-mobile-trigger {
        position: relative;
        display: block;
        cursor: pointer;
        width: 1.75rem;
        height: 1rem;
        border: none;
        outline: none;
        margin-left: 1.25rem;
        background: 0 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out
    }

        .course-listing-menu-header .menu-mobile-trigger span {
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            left: 0;
            border: none;
            outline: none;
            opacity: 1;
            border-radius: .25rem;
            background: var(--bs-primary);
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out
        }

            .course-listing-menu-header .menu-mobile-trigger span:nth-child(1) {
                top: 0
            }

            .course-listing-menu-header .menu-mobile-trigger span:nth-child(2), .course-listing-menu-header .menu-mobile-trigger span:nth-child(3) {
                top: .5rem
            }

            .course-listing-menu-header .menu-mobile-trigger span:nth-child(4) {
                top: 1rem
            }

    .header-item-right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .course-listing-menu-header .course-listing-menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 20rem;
        height: 100%;
        z-index: 1099;
        overflow: hidden;
        background: #fafafa;
        -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
        transform: translate(100%);
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

        .course-listing-menu-header .course-listing-menu.active {
            -webkit-transform: translate(0%);
            -ms-transform: translate(0%);
            transform: translate(0%)
        }

        .course-listing-menu-header .course-listing-menu > ul > li {
            display: block;
            line-height: 1;
            margin: 0
        }

            .course-listing-menu-header .course-listing-menu > ul > li > a {
                display: block;
                line-height: 3.125rem;
                height: 3.125rem;
                padding: 0 1.125rem 0 1rem;
                border-bottom: 1px solid rgba(0,0,0,.1);
                font-size: 18px;
                text-transform: capitalize;
                text-align:left;
            }

                .course-listing-menu-header .course-listing-menu > ul > li > a i.ico-font {
                    position: absolute;
                    font-size: 1.25rem;
                    line-height: 3.125rem;
                    top: 0;
                    right: 0;
                    width: 3.125rem;
                    height: 3.125rem;
                    text-align: center;
                    -webkit-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    transform: rotate(90deg)
                }

        .course-listing-menu-header .course-listing-menu .menu-mobile-header {
            position: relative;
            position: -webkit-sticky;
            position: sticky;
            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;
            top: 0;
            height: 3.125rem;
            z-index: 501;
            border-bottom: 1px solid rgba(0,0,0,.1);
            background: #fafafa
        }

            .course-listing-menu-header .course-listing-menu .menu-mobile-header .menu-mobile-arrow {
                display: none;
                font-size: 1.25rem;
                line-height: 3.125rem;
                width: 3.125rem;
                height: 3.125rem;
                cursor: pointer;
                color: #121212;
                text-align: center;
                border: 0;
                background-color: transparent
            }

            .course-listing-menu-header .course-listing-menu .menu-mobile-header.active .menu-mobile-arrow {
                display: block
            }

            .course-listing-menu-header .course-listing-menu .menu-mobile-header .menu-mobile-title {
                font-family: inherit;
                font-size: 1rem;
                font-weight: 500;
                line-height: inherit;
                color: #121212;
                text-transform: capitalize;
                text-rendering: optimizeLegibility
            }

            .course-listing-menu-header .course-listing-menu .menu-mobile-header .menu-mobile-close {
                font-size: 2.25rem;
                line-height: 3.125rem;
                cursor: pointer;
                width: 3.125rem;
                height: 3.125rem;
                color: #121212;
                text-align: center;
                border: 0;
                background-color: transparent
            }

                .course-listing-menu-header .course-listing-menu .menu-mobile-header .menu-mobile-close img {
                    width: 21px;
                    height: 21px
                }

        .course-listing-menu-header .course-listing-menu .menu-section {
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden
        }

        .course-listing-menu-header .course-listing-menu > ul > li .menu-subs {
            position: absolute;
            display: none;
            top: 0;
            left: 0;
            max-width: none;
            min-width: auto;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 1rem;
            padding-top: 4rem;
            opacity: 1;
            overflow-y: auto;
            visibility: visible;
            -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
            transform: translateX(0%);
            -webkit-box-shadow: none;
            box-shadow: none
        }

            .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega {
                position: absolute;
                display: none;
                top: 0;
                left: 0;
                max-width: none;
                min-width: auto;
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 1rem;
                padding-top: 4rem;
                opacity: 1;
                overflow-y: auto;
                visibility: visible;
                -webkit-transform: translateX(0%);
                -ms-transform: translateX(0%);
                transform: translateX(0%);
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.active {
                display: block
            }

            .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                padding: 0
            }

                .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item img.responsive, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item img.responsive, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item img.responsive {
                    margin-top: 0
                }

                .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item.text-center .title, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item.text-center .title, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center .title {
                    margin-bottom: 1.25rem
                }

                .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item.text-center:last-child .title, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item.text-center:last-child .title, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center:last-child .title {
                    margin-bottom: 0
                }

            .course-listing-menu-header .course-listing-menu > ul > li .menu-subs > ul > li > a {
                display: block;
                font-size: 16px
            }

            .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-2 > .list-item, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-3 > .list-item, .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-column-4 > .list-item {
                border-right: 0
            }

            .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a {
                display: block
            }

    .course-listing-menu-header .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1098;
        opacity: 0;
        visibility: hidden;
        background: rgba(0,0,0,.55);
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

        .course-listing-menu-header .overlay.active {
            opacity: 1;
            visibility: visible
        }

    .course-listing-menu-header a.view-all {
        text-decoration: none;
        color: var(--primary);
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 10px;
        display: block
    }

    .cl-menu-icon {
        display: none
    }

    .course-listing-menu-header .course-listing-menu > ul > li > a:after {
        background-color: transparent
    }

    .course-listing-menu-header .menu-desktop-trigger, .course-listing-menu-header .menu-heading-2 {
        display: none
    }

    .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a {
        font-size: 16px
    }

    .course-listing-menu-header .course-listing-menu > ul > li .menu-subs.menu-mega > .list-item > ul > li {
        margin-bottom: 5px
    }
}

@media (max-width:768px) {
    .header-logo img {
        max-width: 300px
    }

    .header-item-center-first {
        flex: 0 0 1%
    }

    .course-listing-menu-header .container {
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem)
    }
}

@media (max-width:505px) {
    .header-logo img {
        max-width: 250px
    }
}

@media (max-width:375px) {
    .header-logo img {
        max-width: 180px
    }
}
/*! 
* @package IcoFont 
* @version 1.0.1 
* @author IcoFont https://icofont.com 
* @copyright Copyright (c) 2015 - 2018 IcoFont 
* @license - https://icofont.com/license/
*/
@font-face {
    font-family: IcoFont;
    font-weight: 400;
    font-style: Regular;
    src: url(../../themes/courses-listing/inc/opt-in/icofont/fonts/icofont.woff2) format("woff2"),url(../../themes/courses-listing/inc/opt-in/icofont/fonts/icofont.woff) format("woff")
}

[class*=" icofont-"], [class^=icofont-] {
    font-family: IcoFont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

.icofont-angry-monster:before {
    content: "\e800"
}

.icofont-bathtub:before {
    content: "\e801"
}

.icofont-bird-wings:before {
    content: "\e802"
}

.icofont-bow:before {
    content: "\e803"
}

.icofont-castle:before {
    content: "\e804"
}

.icofont-circuit:before {
    content: "\e805"
}

.icofont-crown-king:before {
    content: "\e806"
}

.icofont-crown-queen:before {
    content: "\e807"
}

.icofont-dart:before {
    content: "\e808"
}

.icofont-disability-race:before {
    content: "\e809"
}

.icofont-diving-goggle:before {
    content: "\e80a"
}

.icofont-eye-open:before {
    content: "\e80b"
}

.icofont-flora-flower:before {
    content: "\e80c"
}

.icofont-flora:before {
    content: "\e80d"
}

.icofont-gift-box:before {
    content: "\e80e"
}

.icofont-halloween-pumpkin:before {
    content: "\e80f"
}

.icofont-hand-power:before {
    content: "\e810"
}

.icofont-hand-thunder:before {
    content: "\e811"
}

.icofont-king-monster:before {
    content: "\e812"
}

.icofont-love:before {
    content: "\e813"
}

.icofont-magician-hat:before {
    content: "\e814"
}

.icofont-native-american:before {
    content: "\e815"
}

.icofont-owl-look:before {
    content: "\e816"
}

.icofont-phoenix:before {
    content: "\e817"
}

.icofont-robot-face:before {
    content: "\e818"
}

.icofont-sand-clock:before {
    content: "\e819"
}

.icofont-shield-alt:before {
    content: "\e81a"
}

.icofont-ship-wheel:before {
    content: "\e81b"
}

.icofont-skull-danger:before {
    content: "\e81c"
}

.icofont-skull-face:before {
    content: "\e81d"
}

.icofont-snowmobile:before {
    content: "\e81e"
}

.icofont-space-shuttle:before {
    content: "\e81f"
}

.icofont-star-shape:before {
    content: "\e820"
}

.icofont-swirl:before {
    content: "\e821"
}

.icofont-tattoo-wing:before {
    content: "\e822"
}

.icofont-throne:before {
    content: "\e823"
}

.icofont-tree-alt:before {
    content: "\e824"
}

.icofont-triangle:before {
    content: "\e825"
}

.icofont-unity-hand:before {
    content: "\e826"
}

.icofont-weed:before {
    content: "\e827"
}

.icofont-woman-bird:before {
    content: "\e828"
}

.icofont-bat:before {
    content: "\e829"
}

.icofont-bear-face:before {
    content: "\e82a"
}

.icofont-bear-tracks:before {
    content: "\e82b"
}

.icofont-bear:before {
    content: "\e82c"
}

.icofont-bird-alt:before {
    content: "\e82d"
}

.icofont-bird-flying:before {
    content: "\e82e"
}

.icofont-bird:before {
    content: "\e82f"
}

.icofont-birds:before {
    content: "\e830"
}

.icofont-bone:before {
    content: "\e831"
}

.icofont-bull:before {
    content: "\e832"
}

.icofont-butterfly-alt:before {
    content: "\e833"
}

.icofont-butterfly:before {
    content: "\e834"
}

.icofont-camel-alt:before {
    content: "\e835"
}

.icofont-camel-head:before {
    content: "\e836"
}

.icofont-camel:before {
    content: "\e837"
}

.icofont-cat-alt-1:before {
    content: "\e838"
}

.icofont-cat-alt-2:before {
    content: "\e839"
}

.icofont-cat-alt-3:before {
    content: "\e83a"
}

.icofont-cat-dog:before {
    content: "\e83b"
}

.icofont-cat-face:before {
    content: "\e83c"
}

.icofont-cat:before {
    content: "\e83d"
}

.icofont-cow-head:before {
    content: "\e83e"
}

.icofont-cow:before {
    content: "\e83f"
}

.icofont-crab:before {
    content: "\e840"
}

.icofont-crocodile:before {
    content: "\e841"
}

.icofont-deer-head:before {
    content: "\e842"
}

.icofont-dog-alt:before {
    content: "\e843"
}

.icofont-dog-barking:before {
    content: "\e844"
}

.icofont-dog:before {
    content: "\e845"
}

.icofont-dolphin:before {
    content: "\e846"
}

.icofont-duck-tracks:before {
    content: "\e847"
}

.icofont-eagle-head:before {
    content: "\e848"
}

.icofont-eaten-fish:before {
    content: "\e849"
}

.icofont-elephant-alt:before {
    content: "\e84a"
}

.icofont-elephant-head-alt:before {
    content: "\e84b"
}

.icofont-elephant-head:before {
    content: "\e84c"
}

.icofont-elephant:before {
    content: "\e84d"
}

.icofont-elk:before {
    content: "\e84e"
}

.icofont-fish-1:before {
    content: "\e84f"
}

.icofont-fish-2:before {
    content: "\e850"
}

.icofont-fish-3:before {
    content: "\e851"
}

.icofont-fish-4:before {
    content: "\e852"
}

.icofont-fish-5:before {
    content: "\e853"
}

.icofont-fish:before {
    content: "\e854"
}

.icofont-fox-alt:before {
    content: "\e855"
}

.icofont-fox:before {
    content: "\e856"
}

.icofont-frog-tracks:before {
    content: "\e857"
}

.icofont-frog:before {
    content: "\e858"
}

.icofont-froggy:before {
    content: "\e859"
}

.icofont-giraffe-head-1:before {
    content: "\e85a"
}

.icofont-giraffe-head-2:before {
    content: "\e85b"
}

.icofont-giraffe-head:before {
    content: "\e85c"
}

.icofont-giraffe:before {
    content: "\e85d"
}

.icofont-goat-head:before {
    content: "\e85e"
}

.icofont-gorilla:before {
    content: "\e85f"
}

.icofont-hen-tracks:before {
    content: "\e860"
}

.icofont-horse-head-1:before {
    content: "\e861"
}

.icofont-horse-head-2:before {
    content: "\e862"
}

.icofont-horse-head:before {
    content: "\e863"
}

.icofont-horse-tracks:before {
    content: "\e864"
}

.icofont-jellyfish:before {
    content: "\e865"
}

.icofont-kangaroo:before {
    content: "\e866"
}

.icofont-lemur:before {
    content: "\e867"
}

.icofont-lion-head-1:before {
    content: "\e868"
}

.icofont-lion-head-2:before {
    content: "\e869"
}

.icofont-lion-head:before {
    content: "\e86a"
}

.icofont-lion:before {
    content: "\e86b"
}

.icofont-monkey-2:before {
    content: "\e86c"
}

.icofont-monkey-3:before {
    content: "\e86d"
}

.icofont-monkey-face:before {
    content: "\e86e"
}

.icofont-monkey:before {
    content: "\e86f"
}

.icofont-octopus-alt:before {
    content: "\e870"
}

.icofont-octopus:before {
    content: "\e871"
}

.icofont-owl:before {
    content: "\e872"
}

.icofont-panda-face:before {
    content: "\e873"
}

.icofont-panda:before {
    content: "\e874"
}

.icofont-panther:before {
    content: "\e875"
}

.icofont-parrot-lip:before {
    content: "\e876"
}

.icofont-parrot:before {
    content: "\e877"
}

.icofont-paw:before {
    content: "\e878"
}

.icofont-pelican:before {
    content: "\e879"
}

.icofont-penguin:before {
    content: "\e87a"
}

.icofont-pig-face:before {
    content: "\e87b"
}

.icofont-pig:before {
    content: "\e87c"
}

.icofont-pigeon-1:before {
    content: "\e87d"
}

.icofont-pigeon-2:before {
    content: "\e87e"
}

.icofont-pigeon:before {
    content: "\e87f"
}

.icofont-rabbit:before {
    content: "\e880"
}

.icofont-rat:before {
    content: "\e881"
}

.icofont-rhino-head:before {
    content: "\e882"
}

.icofont-rhino:before {
    content: "\e883"
}

.icofont-rooster:before {
    content: "\e884"
}

.icofont-seahorse:before {
    content: "\e885"
}

.icofont-seal:before {
    content: "\e886"
}

.icofont-shrimp-alt:before {
    content: "\e887"
}

.icofont-shrimp:before {
    content: "\e888"
}

.icofont-snail-1:before {
    content: "\e889"
}

.icofont-snail-2:before {
    content: "\e88a"
}

.icofont-snail-3:before {
    content: "\e88b"
}

.icofont-snail:before {
    content: "\e88c"
}

.icofont-snake:before {
    content: "\e88d"
}

.icofont-squid:before {
    content: "\e88e"
}

.icofont-squirrel:before {
    content: "\e88f"
}

.icofont-tiger-face:before {
    content: "\e890"
}

.icofont-tiger:before {
    content: "\e891"
}

.icofont-turtle:before {
    content: "\e892"
}

.icofont-whale:before {
    content: "\e893"
}

.icofont-woodpecker:before {
    content: "\e894"
}

.icofont-zebra:before {
    content: "\e895"
}

.icofont-brand-acer:before {
    content: "\e896"
}

.icofont-brand-adidas:before {
    content: "\e897"
}

.icofont-brand-adobe:before {
    content: "\e898"
}

.icofont-brand-air-new-zealand:before {
    content: "\e899"
}

.icofont-brand-airbnb:before {
    content: "\e89a"
}

.icofont-brand-aircell:before {
    content: "\e89b"
}

.icofont-brand-airtel:before {
    content: "\e89c"
}

.icofont-brand-alcatel:before {
    content: "\e89d"
}

.icofont-brand-alibaba:before {
    content: "\e89e"
}

.icofont-brand-aliexpress:before {
    content: "\e89f"
}

.icofont-brand-alipay:before {
    content: "\e8a0"
}

.icofont-brand-amazon:before {
    content: "\e8a1"
}

.icofont-brand-amd:before {
    content: "\e8a2"
}

.icofont-brand-american-airlines:before {
    content: "\e8a3"
}

.icofont-brand-android-robot:before {
    content: "\e8a4"
}

.icofont-brand-android:before {
    content: "\e8a5"
}

.icofont-brand-aol:before {
    content: "\e8a6"
}

.icofont-brand-apple:before {
    content: "\e8a7"
}

.icofont-brand-appstore:before {
    content: "\e8a8"
}

.icofont-brand-asus:before {
    content: "\e8a9"
}

.icofont-brand-ati:before {
    content: "\e8aa"
}

.icofont-brand-att:before {
    content: "\e8ab"
}

.icofont-brand-audi:before {
    content: "\e8ac"
}

.icofont-brand-axiata:before {
    content: "\e8ad"
}

.icofont-brand-bada:before {
    content: "\e8ae"
}

.icofont-brand-bbc:before {
    content: "\e8af"
}

.icofont-brand-bing:before {
    content: "\e8b0"
}

.icofont-brand-blackberry:before {
    content: "\e8b1"
}

.icofont-brand-bmw:before {
    content: "\e8b2"
}

.icofont-brand-box:before {
    content: "\e8b3"
}

.icofont-brand-burger-king:before {
    content: "\e8b4"
}

.icofont-brand-business-insider:before {
    content: "\e8b5"
}

.icofont-brand-buzzfeed:before {
    content: "\e8b6"
}

.icofont-brand-cannon:before {
    content: "\e8b7"
}

.icofont-brand-casio:before {
    content: "\e8b8"
}

.icofont-brand-china-mobile:before {
    content: "\e8b9"
}

.icofont-brand-china-telecom:before {
    content: "\e8ba"
}

.icofont-brand-china-unicom:before {
    content: "\e8bb"
}

.icofont-brand-cisco:before {
    content: "\e8bc"
}

.icofont-brand-citibank:before {
    content: "\e8bd"
}

.icofont-brand-cnet:before {
    content: "\e8be"
}

.icofont-brand-cnn:before {
    content: "\e8bf"
}

.icofont-brand-cocal-cola:before {
    content: "\e8c0"
}

.icofont-brand-compaq:before {
    content: "\e8c1"
}

.icofont-brand-debian:before {
    content: "\e8c2"
}

.icofont-brand-delicious:before {
    content: "\e8c3"
}

.icofont-brand-dell:before {
    content: "\e8c4"
}

.icofont-brand-designbump:before {
    content: "\e8c5"
}

.icofont-brand-designfloat:before {
    content: "\e8c6"
}

.icofont-brand-disney:before {
    content: "\e8c7"
}

.icofont-brand-dodge:before {
    content: "\e8c8"
}

.icofont-brand-dove:before {
    content: "\e8c9"
}

.icofont-brand-drupal:before {
    content: "\e8ca"
}

.icofont-brand-ebay:before {
    content: "\e8cb"
}

.icofont-brand-eleven:before {
    content: "\e8cc"
}

.icofont-brand-emirates:before {
    content: "\e8cd"
}

.icofont-brand-espn:before {
    content: "\e8ce"
}

.icofont-brand-etihad-airways:before {
    content: "\e8cf"
}

.icofont-brand-etisalat:before {
    content: "\e8d0"
}

.icofont-brand-etsy:before {
    content: "\e8d1"
}

.icofont-brand-fastrack:before {
    content: "\e8d2"
}

.icofont-brand-fedex:before {
    content: "\e8d3"
}

.icofont-brand-ferrari:before {
    content: "\e8d4"
}

.icofont-brand-fitbit:before {
    content: "\e8d5"
}

.icofont-brand-flikr:before {
    content: "\e8d6"
}

.icofont-brand-forbes:before {
    content: "\e8d7"
}

.icofont-brand-foursquare:before {
    content: "\e8d8"
}

.icofont-brand-foxconn:before {
    content: "\e8d9"
}

.icofont-brand-fujitsu:before {
    content: "\e8da"
}

.icofont-brand-general-electric:before {
    content: "\e8db"
}

.icofont-brand-gillette:before {
    content: "\e8dc"
}

.icofont-brand-gizmodo:before {
    content: "\e8dd"
}

.icofont-brand-gnome:before {
    content: "\e8de"
}

.icofont-brand-google:before {
    content: "\e8df"
}

.icofont-brand-gopro:before {
    content: "\e8e0"
}

.icofont-brand-gucci:before {
    content: "\e8e1"
}

.icofont-brand-hallmark:before {
    content: "\e8e2"
}

.icofont-brand-hi5:before {
    content: "\e8e3"
}

.icofont-brand-honda:before {
    content: "\e8e4"
}

.icofont-brand-hp:before {
    content: "\e8e5"
}

.icofont-brand-hsbc:before {
    content: "\e8e6"
}

.icofont-brand-htc:before {
    content: "\e8e7"
}

.icofont-brand-huawei:before {
    content: "\e8e8"
}

.icofont-brand-hulu:before {
    content: "\e8e9"
}

.icofont-brand-hyundai:before {
    content: "\e8ea"
}

.icofont-brand-ibm:before {
    content: "\e8eb"
}

.icofont-brand-icofont:before {
    content: "\e8ec"
}

.icofont-brand-icq:before {
    content: "\e8ed"
}

.icofont-brand-ikea:before {
    content: "\e8ee"
}

.icofont-brand-imdb:before {
    content: "\e8ef"
}

.icofont-brand-indiegogo:before {
    content: "\e8f0"
}

.icofont-brand-intel:before {
    content: "\e8f1"
}

.icofont-brand-ipair:before {
    content: "\e8f2"
}

.icofont-brand-jaguar:before {
    content: "\e8f3"
}

.icofont-brand-java:before {
    content: "\e8f4"
}

.icofont-brand-joomla:before {
    content: "\e8f5"
}

.icofont-brand-kickstarter:before {
    content: "\e8f6"
}

.icofont-brand-kik:before {
    content: "\e8f7"
}

.icofont-brand-lastfm:before {
    content: "\e8f8"
}

.icofont-brand-lego:before {
    content: "\e8f9"
}

.icofont-brand-lenovo:before {
    content: "\e8fa"
}

.icofont-brand-levis:before {
    content: "\e8fb"
}

.icofont-brand-lexus:before {
    content: "\e8fc"
}

.icofont-brand-lg:before {
    content: "\e8fd"
}

.icofont-brand-life-hacker:before {
    content: "\e8fe"
}

.icofont-brand-linux-mint:before {
    content: "\e8ff"
}

.icofont-brand-linux:before {
    content: "\e900"
}

.icofont-brand-lionix:before {
    content: "\e901"
}

.icofont-brand-loreal:before {
    content: "\e902"
}

.icofont-brand-louis-vuitton:before {
    content: "\e903"
}

.icofont-brand-mac-os:before {
    content: "\e904"
}

.icofont-brand-marvel-app:before {
    content: "\e905"
}

.icofont-brand-mashable:before {
    content: "\e906"
}

.icofont-brand-mazda:before {
    content: "\e907"
}

.icofont-brand-mcdonals:before {
    content: "\e908"
}

.icofont-brand-mercedes:before {
    content: "\e909"
}

.icofont-brand-micromax:before {
    content: "\e90a"
}

.icofont-brand-microsoft:before {
    content: "\e90b"
}

.icofont-brand-mobileme:before {
    content: "\e90c"
}

.icofont-brand-mobily:before {
    content: "\e90d"
}

.icofont-brand-motorola:before {
    content: "\e90e"
}

.icofont-brand-msi:before {
    content: "\e90f"
}

.icofont-brand-mts:before {
    content: "\e910"
}

.icofont-brand-myspace:before {
    content: "\e911"
}

.icofont-brand-mytv:before {
    content: "\e912"
}

.icofont-brand-nasa:before {
    content: "\e913"
}

.icofont-brand-natgeo:before {
    content: "\e914"
}

.icofont-brand-nbc:before {
    content: "\e915"
}

.icofont-brand-nescafe:before {
    content: "\e916"
}

.icofont-brand-nestle:before {
    content: "\e917"
}

.icofont-brand-netflix:before {
    content: "\e918"
}

.icofont-brand-nexus:before {
    content: "\e919"
}

.icofont-brand-nike:before {
    content: "\e91a"
}

.icofont-brand-nokia:before {
    content: "\e91b"
}

.icofont-brand-nvidia:before {
    content: "\e91c"
}

.icofont-brand-omega:before {
    content: "\e91d"
}

.icofont-brand-opensuse:before {
    content: "\e91e"
}

.icofont-brand-oracle:before {
    content: "\e91f"
}

.icofont-brand-panasonic:before {
    content: "\e920"
}

.icofont-brand-paypal:before {
    content: "\e921"
}

.icofont-brand-pepsi:before {
    content: "\e922"
}

.icofont-brand-philips:before {
    content: "\e923"
}

.icofont-brand-pizza-hut:before {
    content: "\e924"
}

.icofont-brand-playstation:before {
    content: "\e925"
}

.icofont-brand-puma:before {
    content: "\e926"
}

.icofont-brand-qatar-air:before {
    content: "\e927"
}

.icofont-brand-qvc:before {
    content: "\e928"
}

.icofont-brand-readernaut:before {
    content: "\e929"
}

.icofont-brand-redbull:before {
    content: "\e92a"
}

.icofont-brand-reebok:before {
    content: "\e92b"
}

.icofont-brand-reuters:before {
    content: "\e92c"
}

.icofont-brand-samsung:before {
    content: "\e92d"
}

.icofont-brand-sap:before {
    content: "\e92e"
}

.icofont-brand-saudia-airlines:before {
    content: "\e92f"
}

.icofont-brand-scribd:before {
    content: "\e930"
}

.icofont-brand-shell:before {
    content: "\e931"
}

.icofont-brand-siemens:before {
    content: "\e932"
}

.icofont-brand-sk-telecom:before {
    content: "\e933"
}

.icofont-brand-slideshare:before {
    content: "\e934"
}

.icofont-brand-smashing-magazine:before {
    content: "\e935"
}

.icofont-brand-snapchat:before {
    content: "\e936"
}

.icofont-brand-sony-ericsson:before {
    content: "\e937"
}

.icofont-brand-sony:before {
    content: "\e938"
}

.icofont-brand-soundcloud:before {
    content: "\e939"
}

.icofont-brand-sprint:before {
    content: "\e93a"
}

.icofont-brand-squidoo:before {
    content: "\e93b"
}

.icofont-brand-starbucks:before {
    content: "\e93c"
}

.icofont-brand-stc:before {
    content: "\e93d"
}

.icofont-brand-steam:before {
    content: "\e93e"
}

.icofont-brand-suzuki:before {
    content: "\e93f"
}

.icofont-brand-symbian:before {
    content: "\e940"
}

.icofont-brand-t-mobile:before {
    content: "\e941"
}

.icofont-brand-tango:before {
    content: "\e942"
}

.icofont-brand-target:before {
    content: "\e943"
}

.icofont-brand-tata-indicom:before {
    content: "\e944"
}

.icofont-brand-techcrunch:before {
    content: "\e945"
}

.icofont-brand-telenor:before {
    content: "\e946"
}

.icofont-brand-teliasonera:before {
    content: "\e947"
}

.icofont-brand-tesla:before {
    content: "\e948"
}

.icofont-brand-the-verge:before {
    content: "\e949"
}

.icofont-brand-thenextweb:before {
    content: "\e94a"
}

.icofont-brand-toshiba:before {
    content: "\e94b"
}

.icofont-brand-toyota:before {
    content: "\e94c"
}

.icofont-brand-tribenet:before {
    content: "\e94d"
}

.icofont-brand-ubuntu:before {
    content: "\e94e"
}

.icofont-brand-unilever:before {
    content: "\e94f"
}

.icofont-brand-vaio:before {
    content: "\e950"
}

.icofont-brand-verizon:before {
    content: "\e951"
}

.icofont-brand-viber:before {
    content: "\e952"
}

.icofont-brand-vodafone:before {
    content: "\e953"
}

.icofont-brand-volkswagen:before {
    content: "\e954"
}

.icofont-brand-walmart:before {
    content: "\e955"
}

.icofont-brand-warnerbros:before {
    content: "\e956"
}

.icofont-brand-whatsapp:before {
    content: "\e957"
}

.icofont-brand-wikipedia:before {
    content: "\e958"
}

.icofont-brand-windows:before {
    content: "\e959"
}

.icofont-brand-wire:before {
    content: "\e95a"
}

.icofont-brand-wordpress:before {
    content: "\e95b"
}

.icofont-brand-xiaomi:before {
    content: "\e95c"
}

.icofont-brand-yahoobuzz:before {
    content: "\e95d"
}

.icofont-brand-yamaha:before {
    content: "\e95e"
}

.icofont-brand-youtube:before {
    content: "\e95f"
}

.icofont-brand-zain:before {
    content: "\e960"
}

.icofont-bank-alt:before {
    content: "\e961"
}

.icofont-bank:before {
    content: "\e962"
}

.icofont-barcode:before {
    content: "\e963"
}

.icofont-bill-alt:before {
    content: "\e964"
}

.icofont-billboard:before {
    content: "\e965"
}

.icofont-briefcase-1:before {
    content: "\e966"
}

.icofont-briefcase-2:before {
    content: "\e967"
}

.icofont-businessman:before {
    content: "\e968"
}

.icofont-businesswoman:before {
    content: "\e969"
}

.icofont-chair:before {
    content: "\e96a"
}

.icofont-coins:before {
    content: "\e96b"
}

.icofont-company:before {
    content: "\e96c"
}

.icofont-contact-add:before {
    content: "\e96d"
}

.icofont-files-stack:before {
    content: "\e96e"
}

.icofont-handshake-deal:before {
    content: "\e96f"
}

.icofont-id-card:before {
    content: "\e970"
}

.icofont-meeting-add:before {
    content: "\e971"
}

.icofont-money-bag:before {
    content: "\e972"
}

.icofont-pie-chart:before {
    content: "\e973"
}

.icofont-presentation-alt:before {
    content: "\e974"
}

.icofont-presentation:before {
    content: "\e975"
}

.icofont-stamp:before {
    content: "\e976"
}

.icofont-stock-mobile:before {
    content: "\e977"
}

.icofont-chart-arrows-axis:before {
    content: "\e978"
}

.icofont-chart-bar-graph:before {
    content: "\e979"
}

.icofont-chart-flow-1:before {
    content: "\e97a"
}

.icofont-chart-flow-2:before {
    content: "\e97b"
}

.icofont-chart-flow:before {
    content: "\e97c"
}

.icofont-chart-growth:before {
    content: "\e97d"
}

.icofont-chart-histogram-alt:before {
    content: "\e97e"
}

.icofont-chart-histogram:before {
    content: "\e97f"
}

.icofont-chart-line-alt:before {
    content: "\e980"
}

.icofont-chart-line:before {
    content: "\e981"
}

.icofont-chart-pie-alt:before {
    content: "\e982"
}

.icofont-chart-pie:before {
    content: "\e983"
}

.icofont-chart-radar-graph:before {
    content: "\e984"
}

.icofont-architecture-alt:before {
    content: "\e985"
}

.icofont-architecture:before {
    content: "\e986"
}

.icofont-barricade:before {
    content: "\e987"
}

.icofont-bolt:before {
    content: "\e988"
}

.icofont-bricks:before {
    content: "\e989"
}

.icofont-building-alt:before {
    content: "\e98a"
}

.icofont-bull-dozer:before {
    content: "\e98b"
}

.icofont-calculations:before {
    content: "\e98c"
}

.icofont-cement-mix:before {
    content: "\e98d"
}

.icofont-cement-mixer:before {
    content: "\e98e"
}

.icofont-concrete-mixer:before {
    content: "\e98f"
}

.icofont-danger-zone:before {
    content: "\e990"
}

.icofont-drill:before {
    content: "\e991"
}

.icofont-eco-energy:before {
    content: "\e992"
}

.icofont-eco-environmen:before {
    content: "\e993"
}

.icofont-energy-air:before {
    content: "\e994"
}

.icofont-energy-oil:before {
    content: "\e995"
}

.icofont-energy-savings:before {
    content: "\e996"
}

.icofont-energy-solar:before {
    content: "\e997"
}

.icofont-energy-water:before {
    content: "\e998"
}

.icofont-engineer:before {
    content: "\e999"
}

.icofont-fire-extinguisher-alt:before {
    content: "\e99a"
}

.icofont-fire-extinguisher:before {
    content: "\e99b"
}

.icofont-fix-tools:before {
    content: "\e99c"
}

.icofont-fork-lift:before {
    content: "\e99d"
}

.icofont-glue-oil:before {
    content: "\e99e"
}

.icofont-hammer-alt:before {
    content: "\e99f"
}

.icofont-hammer:before {
    content: "\e9a0"
}

.icofont-help-robot:before {
    content: "\e9a1"
}

.icofont-industries-1:before {
    content: "\e9a2"
}

.icofont-industries-2:before {
    content: "\e9a3"
}

.icofont-industries-3:before {
    content: "\e9a4"
}

.icofont-industries-4:before {
    content: "\e9a5"
}

.icofont-industries-5:before {
    content: "\e9a6"
}

.icofont-industries:before {
    content: "\e9a7"
}

.icofont-labour:before {
    content: "\e9a8"
}

.icofont-mining:before {
    content: "\e9a9"
}

.icofont-paint-brush:before {
    content: "\e9aa"
}

.icofont-pollution:before {
    content: "\e9ab"
}

.icofont-power-zone:before {
    content: "\e9ac"
}

.icofont-radio-active:before {
    content: "\e9ad"
}

.icofont-recycle-alt:before {
    content: "\e9ae"
}

.icofont-recycling-man:before {
    content: "\e9af"
}

.icofont-safety-hat-light:before {
    content: "\e9b0"
}

.icofont-safety-hat:before {
    content: "\e9b1"
}

.icofont-saw:before {
    content: "\e9b2"
}

.icofont-screw-driver:before {
    content: "\e9b3"
}

.icofont-tools-1:before {
    content: "\e9b4"
}

.icofont-tools-bag:before {
    content: "\e9b5"
}

.icofont-tow-truck:before {
    content: "\e9b6"
}

.icofont-trolley:before {
    content: "\e9b7"
}

.icofont-trowel:before {
    content: "\e9b8"
}

.icofont-under-construction-alt:before {
    content: "\e9b9"
}

.icofont-under-construction:before {
    content: "\e9ba"
}

.icofont-vehicle-cement:before {
    content: "\e9bb"
}

.icofont-vehicle-crane:before {
    content: "\e9bc"
}

.icofont-vehicle-delivery-van:before {
    content: "\e9bd"
}

.icofont-vehicle-dozer:before {
    content: "\e9be"
}

.icofont-vehicle-excavator:before {
    content: "\e9bf"
}

.icofont-vehicle-trucktor:before {
    content: "\e9c0"
}

.icofont-vehicle-wrecking:before {
    content: "\e9c1"
}

.icofont-worker:before {
    content: "\e9c2"
}

.icofont-workers-group:before {
    content: "\e9c3"
}

.icofont-wrench:before {
    content: "\e9c4"
}

.icofont-afghani-false:before {
    content: "\e9c5"
}

.icofont-afghani-minus:before {
    content: "\e9c6"
}

.icofont-afghani-plus:before {
    content: "\e9c7"
}

.icofont-afghani-true:before {
    content: "\e9c8"
}

.icofont-afghani:before {
    content: "\e9c9"
}

.icofont-baht-false:before {
    content: "\e9ca"
}

.icofont-baht-minus:before {
    content: "\e9cb"
}

.icofont-baht-plus:before {
    content: "\e9cc"
}

.icofont-baht-true:before {
    content: "\e9cd"
}

.icofont-baht:before {
    content: "\e9ce"
}

.icofont-bitcoin-false:before {
    content: "\e9cf"
}

.icofont-bitcoin-minus:before {
    content: "\e9d0"
}

.icofont-bitcoin-plus:before {
    content: "\e9d1"
}

.icofont-bitcoin-true:before {
    content: "\e9d2"
}

.icofont-bitcoin:before {
    content: "\e9d3"
}

.icofont-dollar-flase:before {
    content: "\e9d4"
}

.icofont-dollar-minus:before {
    content: "\e9d5"
}

.icofont-dollar-plus:before {
    content: "\e9d6"
}

.icofont-dollar-true:before {
    content: "\e9d7"
}

.icofont-dollar:before {
    content: "\e9d8"
}

.icofont-dong-false:before {
    content: "\e9d9"
}

.icofont-dong-minus:before {
    content: "\e9da"
}

.icofont-dong-plus:before {
    content: "\e9db"
}

.icofont-dong-true:before {
    content: "\e9dc"
}

.icofont-dong:before {
    content: "\e9dd"
}

.icofont-euro-false:before {
    content: "\e9de"
}

.icofont-euro-minus:before {
    content: "\e9df"
}

.icofont-euro-plus:before {
    content: "\e9e0"
}

.icofont-euro-true:before {
    content: "\e9e1"
}

.icofont-euro:before {
    content: "\e9e2"
}

.icofont-frank-false:before {
    content: "\e9e3"
}

.icofont-frank-minus:before {
    content: "\e9e4"
}

.icofont-frank-plus:before {
    content: "\e9e5"
}

.icofont-frank-true:before {
    content: "\e9e6"
}

.icofont-frank:before {
    content: "\e9e7"
}

.icofont-hryvnia-false:before {
    content: "\e9e8"
}

.icofont-hryvnia-minus:before {
    content: "\e9e9"
}

.icofont-hryvnia-plus:before {
    content: "\e9ea"
}

.icofont-hryvnia-true:before {
    content: "\e9eb"
}

.icofont-hryvnia:before {
    content: "\e9ec"
}

.icofont-lira-false:before {
    content: "\e9ed"
}

.icofont-lira-minus:before {
    content: "\e9ee"
}

.icofont-lira-plus:before {
    content: "\e9ef"
}

.icofont-lira-true:before {
    content: "\e9f0"
}

.icofont-lira:before {
    content: "\e9f1"
}

.icofont-peseta-false:before {
    content: "\e9f2"
}

.icofont-peseta-minus:before {
    content: "\e9f3"
}

.icofont-peseta-plus:before {
    content: "\e9f4"
}

.icofont-peseta-true:before {
    content: "\e9f5"
}

.icofont-peseta:before {
    content: "\e9f6"
}

.icofont-peso-false:before {
    content: "\e9f7"
}

.icofont-peso-minus:before {
    content: "\e9f8"
}

.icofont-peso-plus:before {
    content: "\e9f9"
}

.icofont-peso-true:before {
    content: "\e9fa"
}

.icofont-peso:before {
    content: "\e9fb"
}

.icofont-pound-false:before {
    content: "\e9fc"
}

.icofont-pound-minus:before {
    content: "\e9fd"
}

.icofont-pound-plus:before {
    content: "\e9fe"
}

.icofont-pound-true:before {
    content: "\e9ff"
}

.icofont-pound:before {
    content: "\ea00"
}

.icofont-renminbi-false:before {
    content: "\ea01"
}

.icofont-renminbi-minus:before {
    content: "\ea02"
}

.icofont-renminbi-plus:before {
    content: "\ea03"
}

.icofont-renminbi-true:before {
    content: "\ea04"
}

.icofont-renminbi:before {
    content: "\ea05"
}

.icofont-riyal-false:before {
    content: "\ea06"
}

.icofont-riyal-minus:before {
    content: "\ea07"
}

.icofont-riyal-plus:before {
    content: "\ea08"
}

.icofont-riyal-true:before {
    content: "\ea09"
}

.icofont-riyal:before {
    content: "\ea0a"
}

.icofont-rouble-false:before {
    content: "\ea0b"
}

.icofont-rouble-minus:before {
    content: "\ea0c"
}

.icofont-rouble-plus:before {
    content: "\ea0d"
}

.icofont-rouble-true:before {
    content: "\ea0e"
}

.icofont-rouble:before {
    content: "\ea0f"
}

.icofont-rupee-false:before {
    content: "\ea10"
}

.icofont-rupee-minus:before {
    content: "\ea11"
}

.icofont-rupee-plus:before {
    content: "\ea12"
}

.icofont-rupee-true:before {
    content: "\ea13"
}

.icofont-rupee:before {
    content: "\ea14"
}

.icofont-taka-false:before {
    content: "\ea15"
}

.icofont-taka-minus:before {
    content: "\ea16"
}

.icofont-taka-plus:before {
    content: "\ea17"
}

.icofont-taka-true:before {
    content: "\ea18"
}

.icofont-taka:before {
    content: "\ea19"
}

.icofont-turkish-lira-false:before {
    content: "\ea1a"
}

.icofont-turkish-lira-minus:before {
    content: "\ea1b"
}

.icofont-turkish-lira-plus:before {
    content: "\ea1c"
}

.icofont-turkish-lira-true:before {
    content: "\ea1d"
}

.icofont-turkish-lira:before {
    content: "\ea1e"
}

.icofont-won-false:before {
    content: "\ea1f"
}

.icofont-won-minus:before {
    content: "\ea20"
}

.icofont-won-plus:before {
    content: "\ea21"
}

.icofont-won-true:before {
    content: "\ea22"
}

.icofont-won:before {
    content: "\ea23"
}

.icofont-yen-false:before {
    content: "\ea24"
}

.icofont-yen-minus:before {
    content: "\ea25"
}

.icofont-yen-plus:before {
    content: "\ea26"
}

.icofont-yen-true:before {
    content: "\ea27"
}

.icofont-yen:before {
    content: "\ea28"
}

.icofont-android-nexus:before {
    content: "\ea29"
}

.icofont-android-tablet:before {
    content: "\ea2a"
}

.icofont-apple-watch:before {
    content: "\ea2b"
}

.icofont-drawing-tablet:before {
    content: "\ea2c"
}

.icofont-earphone:before {
    content: "\ea2d"
}

.icofont-flash-drive:before {
    content: "\ea2e"
}

.icofont-game-console:before {
    content: "\ea2f"
}

.icofont-game-controller:before {
    content: "\ea30"
}

.icofont-game-pad:before {
    content: "\ea31"
}

.icofont-game:before {
    content: "\ea32"
}

.icofont-headphone-alt-1:before {
    content: "\ea33"
}

.icofont-headphone-alt-2:before {
    content: "\ea34"
}

.icofont-headphone-alt-3:before {
    content: "\ea35"
}

.icofont-headphone-alt:before {
    content: "\ea36"
}

.icofont-headphone:before {
    content: "\ea37"
}

.icofont-htc-one:before {
    content: "\ea38"
}

.icofont-imac:before {
    content: "\ea39"
}

.icofont-ipad:before {
    content: "\ea3a"
}

.icofont-iphone:before {
    content: "\ea3b"
}

.icofont-ipod-nano:before {
    content: "\ea3c"
}

.icofont-ipod-touch:before {
    content: "\ea3d"
}

.icofont-keyboard-alt:before {
    content: "\ea3e"
}

.icofont-keyboard-wireless:before {
    content: "\ea3f"
}

.icofont-keyboard:before {
    content: "\ea40"
}

.icofont-laptop-alt:before {
    content: "\ea41"
}

.icofont-laptop:before {
    content: "\ea42"
}

.icofont-macbook:before {
    content: "\ea43"
}

.icofont-magic-mouse:before {
    content: "\ea44"
}

.icofont-micro-chip:before {
    content: "\ea45"
}

.icofont-microphone-alt:before {
    content: "\ea46"
}

.icofont-microphone:before {
    content: "\ea47"
}

.icofont-monitor:before {
    content: "\ea48"
}

.icofont-mouse:before {
    content: "\ea49"
}

.icofont-mp3-player:before {
    content: "\ea4a"
}

.icofont-nintendo:before {
    content: "\ea4b"
}

.icofont-playstation-alt:before {
    content: "\ea4c"
}

.icofont-psvita:before {
    content: "\ea4d"
}

.icofont-radio-mic:before {
    content: "\ea4e"
}

.icofont-radio:before {
    content: "\ea4f"
}

.icofont-refrigerator:before {
    content: "\ea50"
}

.icofont-samsung-galaxy:before {
    content: "\ea51"
}

.icofont-surface-tablet:before {
    content: "\ea52"
}

.icofont-ui-head-phone:before {
    content: "\ea53"
}

.icofont-ui-keyboard:before {
    content: "\ea54"
}

.icofont-washing-machine:before {
    content: "\ea55"
}

.icofont-wifi-router:before {
    content: "\ea56"
}

.icofont-wii-u:before {
    content: "\ea57"
}

.icofont-windows-lumia:before {
    content: "\ea58"
}

.icofont-wireless-mouse:before {
    content: "\ea59"
}

.icofont-xbox-360:before {
    content: "\ea5a"
}

.icofont-arrow-down:before {
    content: "\ea5b"
}

.icofont-arrow-left:before {
    content: "\ea5c"
}

.icofont-arrow-right:before {
    content: "\ea5d"
}

.icofont-arrow-up:before {
    content: "\ea5e"
}

.icofont-block-down:before {
    content: "\ea5f"
}

.icofont-block-left:before {
    content: "\ea60"
}

.icofont-block-right:before {
    content: "\ea61"
}

.icofont-block-up:before {
    content: "\ea62"
}

.icofont-bubble-down:before {
    content: "\ea63"
}

.icofont-bubble-left:before {
    content: "\ea64"
}

.icofont-bubble-right:before {
    content: "\ea65"
}

.icofont-bubble-up:before {
    content: "\ea66"
}

.icofont-caret-down:before {
    content: "\ea67"
}

.icofont-caret-left:before {
    content: "\ea68"
}

.icofont-caret-right:before {
    content: "\ea69"
}

.icofont-caret-up:before {
    content: "\ea6a"
}

.icofont-circled-down:before {
    content: "\ea6b"
}

.icofont-circled-left:before {
    content: "\ea6c"
}

.icofont-circled-right:before {
    content: "\ea6d"
}

.icofont-circled-up:before {
    content: "\ea6e"
}

.icofont-collapse:before {
    content: "\ea6f"
}

.icofont-cursor-drag:before {
    content: "\ea70"
}

.icofont-curved-double-left:before {
    content: "\ea71"
}

.icofont-curved-double-right:before {
    content: "\ea72"
}

.icofont-curved-down:before {
    content: "\ea73"
}

.icofont-curved-left:before {
    content: "\ea74"
}

.icofont-curved-right:before {
    content: "\ea75"
}

.icofont-curved-up:before {
    content: "\ea76"
}

.icofont-dotted-down:before {
    content: "\ea77"
}

.icofont-dotted-left:before {
    content: "\ea78"
}

.icofont-dotted-right:before {
    content: "\ea79"
}

.icofont-dotted-up:before {
    content: "\ea7a"
}

.icofont-double-left:before {
    content: "\ea7b"
}

.icofont-double-right:before {
    content: "\ea7c"
}

.icofont-expand-alt:before {
    content: "\ea7d"
}

.icofont-hand-down:before {
    content: "\ea7e"
}

.icofont-hand-drag:before {
    content: "\ea7f"
}

.icofont-hand-drag1:before {
    content: "\ea80"
}

.icofont-hand-drag2:before {
    content: "\ea81"
}

.icofont-hand-drawn-alt-down:before {
    content: "\ea82"
}

.icofont-hand-drawn-alt-left:before {
    content: "\ea83"
}

.icofont-hand-drawn-alt-right:before {
    content: "\ea84"
}

.icofont-hand-drawn-alt-up:before {
    content: "\ea85"
}

.icofont-hand-drawn-down:before {
    content: "\ea86"
}

.icofont-hand-drawn-left:before {
    content: "\ea87"
}

.icofont-hand-drawn-right:before {
    content: "\ea88"
}

.icofont-hand-drawn-up:before {
    content: "\ea89"
}

.icofont-hand-grippers:before {
    content: "\ea8a"
}

.icofont-hand-left:before {
    content: "\ea8b"
}

.icofont-hand-right:before {
    content: "\ea8c"
}

.icofont-hand-up:before {
    content: "\ea8d"
}

.icofont-line-block-down:before {
    content: "\ea8e"
}

.icofont-line-block-left:before {
    content: "\ea8f"
}

.icofont-line-block-right:before {
    content: "\ea90"
}

.icofont-line-block-up:before {
    content: "\ea91"
}

.icofont-long-arrow-down:before {
    content: "\ea92"
}

.icofont-long-arrow-left:before {
    content: "\ea93"
}

.icofont-long-arrow-right:before {
    content: "\ea94"
}

.icofont-long-arrow-up:before {
    content: "\ea95"
}

.icofont-rounded-collapse:before {
    content: "\ea96"
}

.icofont-rounded-double-left:before {
    content: "\ea97"
}

.icofont-rounded-double-right:before {
    content: "\ea98"
}

.icofont-rounded-down:before {
    content: "\ea99" 
/* content: "\eaa0"*/
}

.icofont-rounded-expand:before {
    content: "\ea9a"
}

.icofont-rounded-left-down:before {
    content: "\ea9b"
}

.icofont-rounded-left-up:before {
    content: "\ea9c"
}

.icofont-rounded-left:before {
    content: "\ea9d"
}

.icofont-rounded-right-down:before {
    content: "\ea9e"
}

.icofont-rounded-right-up:before {
    content: "\ea9f"
}

.icofont-rounded-right:before {
    content: "\ea9d" 
       /* content: "\eaa0"*/
}

.icofont-rounded-up:before {
    content: "\eaa1"
}

.icofont-scroll-bubble-down:before {
    content: "\eaa2"
}

.icofont-scroll-bubble-left:before {
    content: "\eaa3"
}

.icofont-scroll-bubble-right:before {
    content: "\eaa4"
}

.icofont-scroll-bubble-up:before {
    content: "\eaa5"
}

.icofont-scroll-double-down:before {
    content: "\eaa6"
}

.icofont-scroll-double-left:before {
    content: "\eaa7"
}

.icofont-scroll-double-right:before {
    content: "\eaa8"
}

.icofont-scroll-double-up:before {
    content: "\eaa9"
}

.icofont-scroll-down:before {
    content: "\eaaa"
}

.icofont-scroll-left:before {
    content: "\eaab"
}

.icofont-scroll-long-down:before {
    content: "\eaac"
}

.icofont-scroll-long-left:before {
    content: "\eaad"
}

.icofont-scroll-long-right:before {
    content: "\eaae"
}

.icofont-scroll-long-up:before {
    content: "\eaaf"
}

.icofont-scroll-right:before {
    content: "\eab0"
}

.icofont-scroll-up:before {
    content: "\eab1"
}

.icofont-simple-down:before {
    content: "\eab2"
}

.icofont-simple-left-down:before {
    content: "\eab3"
}

.icofont-simple-left-up:before {
    content: "\eab4"
}

.icofont-simple-left:before {
    content: "\eab5"
}

.icofont-simple-right-down:before {
    content: "\eab6"
}

.icofont-simple-right-up:before {
    content: "\eab7"
}

.icofont-simple-right:before {
    content: "\eab8"
}

.icofont-simple-up:before {
    content: "\eab9"
}

.icofont-square-down:before {
    content: "\eaba"
}

.icofont-square-left:before {
    content: "\eabb"
}

.icofont-square-right:before {
    content: "\eabc"
}

.icofont-square-up:before {
    content: "\eabd"
}

.icofont-stylish-down:before {
    content: "\eabe"
}

.icofont-stylish-left:before {
    content: "\eabf"
}

.icofont-stylish-right:before {
    content: "\eac0"
}

.icofont-stylish-up:before {
    content: "\eac1"
}

.icofont-swoosh-down:before {
    content: "\eac2"
}

.icofont-swoosh-left:before {
    content: "\eac3"
}

.icofont-swoosh-right:before {
    content: "\eac4"
}

.icofont-swoosh-up:before {
    content: "\eac5"
}

.icofont-thin-double-left:before {
    content: "\eac6"
}

.icofont-thin-double-right:before {
    content: "\eac7"
}

.icofont-thin-down:before {
    content: "\eac8"
}

.icofont-thin-left:before {
    content: "\eac9"
}

.icofont-thin-right:before {
    content: "\eaca"
}

.icofont-thin-up:before {
    content: "\eacb"
}

.icofont-abc:before {
    content: "\eacc"
}

.icofont-atom:before {
    content: "\eacd"
}

.icofont-award:before {
    content: "\eace"
}

.icofont-bell-alt:before {
    content: "\eacf"
}

.icofont-black-board:before {
    content: "\ead0"
}

.icofont-book-alt:before {
    content: "\ead1"
}

.icofont-book:before {
    content: "\ead2"
}

.icofont-brainstorming:before {
    content: "\ead3"
}

.icofont-certificate-alt-1:before {
    content: "\ead4"
}

.icofont-certificate-alt-2:before {
    content: "\ead5"
}

.icofont-certificate:before {
    content: "\ead6"
}

.icofont-education:before {
    content: "\ead7"
}

.icofont-electron:before {
    content: "\ead8"
}

.icofont-fountain-pen:before {
    content: "\ead9"
}

.icofont-globe-alt:before {
    content: "\eada"
}

.icofont-graduate-alt:before {
    content: "\eadb"
}

.icofont-graduate:before {
    content: "\eadc"
}

.icofont-group-students:before {
    content: "\eadd"
}

.icofont-hat-alt:before {
    content: "\eade"
}

.icofont-hat:before {
    content: "\eadf"
}

.icofont-instrument:before {
    content: "\eae0"
}

.icofont-lamp-light:before {
    content: "\eae1"
}

.icofont-medal:before {
    content: "\eae2"
}

.icofont-microscope-alt:before {
    content: "\eae3"
}

.icofont-microscope:before {
    content: "\eae4"
}

.icofont-paper:before {
    content: "\eae5"
}

.icofont-pen-alt-4:before {
    content: "\eae6"
}

.icofont-pen-nib:before {
    content: "\eae7"
}

.icofont-pencil-alt-5:before {
    content: "\eae8"
}

.icofont-quill-pen:before {
    content: "\eae9"
}

.icofont-read-book-alt:before {
    content: "\eaea"
}

.icofont-read-book:before {
    content: "\eaeb"
}

.icofont-school-bag:before {
    content: "\eaec"
}

.icofont-school-bus:before {
    content: "\eaed"
}

.icofont-student-alt:before {
    content: "\eaee"
}

.icofont-student:before {
    content: "\eaef"
}

.icofont-teacher:before {
    content: "\eaf0"
}

.icofont-test-bulb:before {
    content: "\eaf1"
}

.icofont-test-tube-alt:before {
    content: "\eaf2"
}

.icofont-university:before {
    content: "\eaf3"
}

.icofont-angry:before {
    content: "\eaf4"
}

.icofont-astonished:before {
    content: "\eaf5"
}

.icofont-confounded:before {
    content: "\eaf6"
}

.icofont-confused:before {
    content: "\eaf7"
}

.icofont-crying:before {
    content: "\eaf8"
}

.icofont-dizzy:before {
    content: "\eaf9"
}

.icofont-expressionless:before {
    content: "\eafa"
}

.icofont-heart-eyes:before {
    content: "\eafb"
}

.icofont-laughing:before {
    content: "\eafc"
}

.icofont-nerd-smile:before {
    content: "\eafd"
}

.icofont-open-mouth:before {
    content: "\eafe"
}

.icofont-rage:before {
    content: "\eaff"
}

.icofont-rolling-eyes:before {
    content: "\eb00"
}

.icofont-sad:before {
    content: "\eb01"
}

.icofont-simple-smile:before {
    content: "\eb02"
}

.icofont-slightly-smile:before {
    content: "\eb03"
}

.icofont-smirk:before {
    content: "\eb04"
}

.icofont-stuck-out-tongue:before {
    content: "\eb05"
}

.icofont-wink-smile:before {
    content: "\eb06"
}

.icofont-worried:before {
    content: "\eb07"
}

.icofont-file-alt:before {
    content: "\eb08"
}

.icofont-file-audio:before {
    content: "\eb09"
}

.icofont-file-avi-mp4:before {
    content: "\eb0a"
}

.icofont-file-bmp:before {
    content: "\eb0b"
}

.icofont-file-code:before {
    content: "\eb0c"
}

.icofont-file-css:before {
    content: "\eb0d"
}

.icofont-file-document:before {
    content: "\eb0e"
}

.icofont-file-eps:before {
    content: "\eb0f"
}

.icofont-file-excel:before {
    content: "\eb10"
}

.icofont-file-exe:before {
    content: "\eb11"
}

.icofont-file-file:before {
    content: "\eb12"
}

.icofont-file-flv:before {
    content: "\eb13"
}

.icofont-file-gif:before {
    content: "\eb14"
}

.icofont-file-html5:before {
    content: "\eb15"
}

.icofont-file-image:before {
    content: "\eb16"
}

.icofont-file-iso:before {
    content: "\eb17"
}

.icofont-file-java:before {
    content: "\eb18"
}

.icofont-file-javascript:before {
    content: "\eb19"
}

.icofont-file-jpg:before {
    content: "\eb1a"
}

.icofont-file-midi:before {
    content: "\eb1b"
}

.icofont-file-mov:before {
    content: "\eb1c"
}

.icofont-file-mp3:before {
    content: "\eb1d"
}

.icofont-file-pdf:before {
    content: "\eb1e"
}

.icofont-file-php:before {
    content: "\eb1f"
}

.icofont-file-png:before {
    content: "\eb20"
}

.icofont-file-powerpoint:before {
    content: "\eb21"
}

.icofont-file-presentation:before {
    content: "\eb22"
}

.icofont-file-psb:before {
    content: "\eb23"
}

.icofont-file-psd:before {
    content: "\eb24"
}

.icofont-file-python:before {
    content: "\eb25"
}

.icofont-file-ruby:before {
    content: "\eb26"
}

.icofont-file-spreadsheet:before {
    content: "\eb27"
}

.icofont-file-sql:before {
    content: "\eb28"
}

.icofont-file-svg:before {
    content: "\eb29"
}

.icofont-file-text:before {
    content: "\eb2a"
}

.icofont-file-tiff:before {
    content: "\eb2b"
}

.icofont-file-video:before {
    content: "\eb2c"
}

.icofont-file-wave:before {
    content: "\eb2d"
}

.icofont-file-wmv:before {
    content: "\eb2e"
}

.icofont-file-word:before {
    content: "\eb2f"
}

.icofont-file-zip:before {
    content: "\eb30"
}

.icofont-cycling-alt:before {
    content: "\eb31"
}

.icofont-cycling:before {
    content: "\eb32"
}

.icofont-dumbbell:before {
    content: "\eb33"
}

.icofont-dumbbells:before {
    content: "\eb34"
}

.icofont-gym-alt-1:before {
    content: "\eb35"
}

.icofont-gym-alt-2:before {
    content: "\eb36"
}

.icofont-gym-alt-3:before {
    content: "\eb37"
}

.icofont-gym:before {
    content: "\eb38"
}

.icofont-muscle-weight:before {
    content: "\eb39"
}

.icofont-muscle:before {
    content: "\eb3a"
}

.icofont-apple:before {
    content: "\eb3b"
}

.icofont-arabian-coffee:before {
    content: "\eb3c"
}

.icofont-artichoke:before {
    content: "\eb3d"
}

.icofont-asparagus:before {
    content: "\eb3e"
}

.icofont-avocado:before {
    content: "\eb3f"
}

.icofont-baby-food:before {
    content: "\eb40"
}

.icofont-banana:before {
    content: "\eb41"
}

.icofont-bbq:before {
    content: "\eb42"
}

.icofont-beans:before {
    content: "\eb43"
}

.icofont-beer:before {
    content: "\eb44"
}

.icofont-bell-pepper-capsicum:before {
    content: "\eb45"
}

.icofont-birthday-cake:before {
    content: "\eb46"
}

.icofont-bread:before {
    content: "\eb47"
}

.icofont-broccoli:before {
    content: "\eb48"
}

.icofont-burger:before {
    content: "\eb49"
}

.icofont-cabbage:before {
    content: "\eb4a"
}

.icofont-carrot:before {
    content: "\eb4b"
}

.icofont-cauli-flower:before {
    content: "\eb4c"
}

.icofont-cheese:before {
    content: "\eb4d"
}

.icofont-chef:before {
    content: "\eb4e"
}

.icofont-cherry:before {
    content: "\eb4f"
}

.icofont-chicken-fry:before {
    content: "\eb50"
}

.icofont-chicken:before {
    content: "\eb51"
}

.icofont-cocktail:before {
    content: "\eb52"
}

.icofont-coconut-water:before {
    content: "\eb53"
}

.icofont-coconut:before {
    content: "\eb54"
}

.icofont-coffee-alt:before {
    content: "\eb55"
}

.icofont-coffee-cup:before {
    content: "\eb56"
}

.icofont-coffee-mug:before {
    content: "\eb57"
}

.icofont-coffee-pot:before {
    content: "\eb58"
}

.icofont-cola:before {
    content: "\eb59"
}

.icofont-corn:before {
    content: "\eb5a"
}

.icofont-croissant:before {
    content: "\eb5b"
}

.icofont-crop-plant:before {
    content: "\eb5c"
}

.icofont-cucumber:before {
    content: "\eb5d"
}

.icofont-culinary:before {
    content: "\eb5e"
}

.icofont-cup-cake:before {
    content: "\eb5f"
}

.icofont-dining-table:before {
    content: "\eb60"
}

.icofont-donut:before {
    content: "\eb61"
}

.icofont-egg-plant:before {
    content: "\eb62"
}

.icofont-egg-poached:before {
    content: "\eb63"
}

.icofont-farmer-alt:before {
    content: "\eb64"
}

.icofont-farmer:before {
    content: "\eb65"
}

.icofont-fast-food:before {
    content: "\eb66"
}

.icofont-food-basket:before {
    content: "\eb67"
}

.icofont-food-cart:before {
    content: "\eb68"
}

.icofont-fork-and-knife:before {
    content: "\eb69"
}

.icofont-french-fries:before {
    content: "\eb6a"
}

.icofont-fruits:before {
    content: "\eb6b"
}

.icofont-grapes:before {
    content: "\eb6c"
}

.icofont-honey:before {
    content: "\eb6d"
}

.icofont-hot-dog:before {
    content: "\eb6e"
}

.icofont-ice-cream-alt:before {
    content: "\eb6f"
}

.icofont-ice-cream:before {
    content: "\eb70"
}

.icofont-juice:before {
    content: "\eb71"
}

.icofont-ketchup:before {
    content: "\eb72"
}

.icofont-kiwi:before {
    content: "\eb73"
}

.icofont-layered-cake:before {
    content: "\eb74"
}

.icofont-lemon-alt:before {
    content: "\eb75"
}

.icofont-lemon:before {
    content: "\eb76"
}

.icofont-lobster:before {
    content: "\eb77"
}

.icofont-mango:before {
    content: "\eb78"
}

.icofont-milk:before {
    content: "\eb79"
}

.icofont-mushroom:before {
    content: "\eb7a"
}

.icofont-noodles:before {
    content: "\eb7b"
}

.icofont-onion:before {
    content: "\eb7c"
}

.icofont-orange:before {
    content: "\eb7d"
}

.icofont-pear:before {
    content: "\eb7e"
}

.icofont-peas:before {
    content: "\eb7f"
}

.icofont-pepper:before {
    content: "\eb80"
}

.icofont-pie-alt:before {
    content: "\eb81"
}

.icofont-pie:before {
    content: "\eb82"
}

.icofont-pineapple:before {
    content: "\eb83"
}

.icofont-pizza-slice:before {
    content: "\eb84"
}

.icofont-pizza:before {
    content: "\eb85"
}

.icofont-plant:before {
    content: "\eb86"
}

.icofont-popcorn:before {
    content: "\eb87"
}

.icofont-potato:before {
    content: "\eb88"
}

.icofont-pumpkin:before {
    content: "\eb89"
}

.icofont-raddish:before {
    content: "\eb8a"
}

.icofont-restaurant-menu:before {
    content: "\eb8b"
}

.icofont-restaurant:before {
    content: "\eb8c"
}

.icofont-salt-and-pepper:before {
    content: "\eb8d"
}

.icofont-sandwich:before {
    content: "\eb8e"
}

.icofont-sausage:before {
    content: "\eb8f"
}

.icofont-soft-drinks:before {
    content: "\eb90"
}

.icofont-soup-bowl:before {
    content: "\eb91"
}

.icofont-spoon-and-fork:before {
    content: "\eb92"
}

.icofont-steak:before {
    content: "\eb93"
}

.icofont-strawberry:before {
    content: "\eb94"
}

.icofont-sub-sandwich:before {
    content: "\eb95"
}

.icofont-sushi:before {
    content: "\eb96"
}

.icofont-taco:before {
    content: "\eb97"
}

.icofont-tea-pot:before {
    content: "\eb98"
}

.icofont-tea:before {
    content: "\eb99"
}

.icofont-tomato:before {
    content: "\eb9a"
}

.icofont-watermelon:before {
    content: "\eb9b"
}

.icofont-wheat:before {
    content: "\eb9c"
}

.icofont-baby-backpack:before {
    content: "\eb9d"
}

.icofont-baby-cloth:before {
    content: "\eb9e"
}

.icofont-baby-milk-bottle:before {
    content: "\eb9f"
}

.icofont-baby-trolley:before {
    content: "\eba0"
}

.icofont-baby:before {
    content: "\eba1"
}

.icofont-candy:before {
    content: "\eba2"
}

.icofont-holding-hands:before {
    content: "\eba3"
}

.icofont-infant-nipple:before {
    content: "\eba4"
}

.icofont-kids-scooter:before {
    content: "\eba5"
}

.icofont-safety-pin:before {
    content: "\eba6"
}

.icofont-teddy-bear:before {
    content: "\eba7"
}

.icofont-toy-ball:before {
    content: "\eba8"
}

.icofont-toy-cat:before {
    content: "\eba9"
}

.icofont-toy-duck:before {
    content: "\ebaa"
}

.icofont-toy-elephant:before {
    content: "\ebab"
}

.icofont-toy-hand:before {
    content: "\ebac"
}

.icofont-toy-horse:before {
    content: "\ebad"
}

.icofont-toy-lattu:before {
    content: "\ebae"
}

.icofont-toy-train:before {
    content: "\ebaf"
}

.icofont-burglar:before {
    content: "\ebb0"
}

.icofont-cannon-firing:before {
    content: "\ebb1"
}

.icofont-cc-camera:before {
    content: "\ebb2"
}

.icofont-cop-badge:before {
    content: "\ebb3"
}

.icofont-cop:before {
    content: "\ebb4"
}

.icofont-court-hammer:before {
    content: "\ebb5"
}

.icofont-court:before {
    content: "\ebb6"
}

.icofont-finger-print:before {
    content: "\ebb7"
}

.icofont-gavel:before {
    content: "\ebb8"
}

.icofont-handcuff-alt:before {
    content: "\ebb9"
}

.icofont-handcuff:before {
    content: "\ebba"
}

.icofont-investigation:before {
    content: "\ebbb"
}

.icofont-investigator:before {
    content: "\ebbc"
}

.icofont-jail:before {
    content: "\ebbd"
}

.icofont-judge:before {
    content: "\ebbe"
}

.icofont-law-alt-1:before {
    content: "\ebbf"
}

.icofont-law-alt-2:before {
    content: "\ebc0"
}

.icofont-law-alt-3:before {
    content: "\ebc1"
}

.icofont-law-book:before {
    content: "\ebc2"
}

.icofont-law-document:before {
    content: "\ebc3"
}

.icofont-law-order:before {
    content: "\ebc4"
}

.icofont-law-protect:before {
    content: "\ebc5"
}

.icofont-law-scales:before {
    content: "\ebc6"
}

.icofont-law:before {
    content: "\ebc7"
}

.icofont-lawyer-alt-1:before {
    content: "\ebc8"
}

.icofont-lawyer-alt-2:before {
    content: "\ebc9"
}

.icofont-lawyer:before {
    content: "\ebca"
}

.icofont-legal:before {
    content: "\ebcb"
}

.icofont-pistol:before {
    content: "\ebcc"
}

.icofont-police-badge:before {
    content: "\ebcd"
}

.icofont-police-cap:before {
    content: "\ebce"
}

.icofont-police-car-alt-1:before {
    content: "\ebcf"
}

.icofont-police-car-alt-2:before {
    content: "\ebd0"
}

.icofont-police-car:before {
    content: "\ebd1"
}

.icofont-police-hat:before {
    content: "\ebd2"
}

.icofont-police-van:before {
    content: "\ebd3"
}

.icofont-police:before {
    content: "\ebd4"
}

.icofont-thief-alt:before {
    content: "\ebd5"
}

.icofont-thief:before {
    content: "\ebd6"
}

.icofont-abacus-alt:before {
    content: "\ebd7"
}

.icofont-abacus:before {
    content: "\ebd8"
}

.icofont-angle-180:before {
    content: "\ebd9"
}

.icofont-angle-45:before {
    content: "\ebda"
}

.icofont-angle-90:before {
    content: "\ebdb"
}

.icofont-angle:before {
    content: "\ebdc"
}

.icofont-calculator-alt-1:before {
    content: "\ebdd"
}

.icofont-calculator-alt-2:before {
    content: "\ebde"
}

.icofont-calculator:before {
    content: "\ebdf"
}

.icofont-circle-ruler-alt:before {
    content: "\ebe0"
}

.icofont-circle-ruler:before {
    content: "\ebe1"
}

.icofont-compass-alt-1:before {
    content: "\ebe2"
}

.icofont-compass-alt-2:before {
    content: "\ebe3"
}

.icofont-compass-alt-3:before {
    content: "\ebe4"
}

.icofont-compass-alt-4:before {
    content: "\ebe5"
}

.icofont-golden-ratio:before {
    content: "\ebe6"
}

.icofont-marker-alt-1:before {
    content: "\ebe7"
}

.icofont-marker-alt-2:before {
    content: "\ebe8"
}

.icofont-marker-alt-3:before {
    content: "\ebe9"
}

.icofont-marker:before {
    content: "\ebea"
}

.icofont-math:before {
    content: "\ebeb"
}

.icofont-mathematical-alt-1:before {
    content: "\ebec"
}

.icofont-mathematical-alt-2:before {
    content: "\ebed"
}

.icofont-mathematical:before {
    content: "\ebee"
}

.icofont-pen-alt-1:before {
    content: "\ebef"
}

.icofont-pen-alt-2:before {
    content: "\ebf0"
}

.icofont-pen-alt-3:before {
    content: "\ebf1"
}

.icofont-pen-holder-alt-1:before {
    content: "\ebf2"
}

.icofont-pen-holder:before {
    content: "\ebf3"
}

.icofont-pen:before {
    content: "\ebf4"
}

.icofont-pencil-alt-1:before {
    content: "\ebf5"
}

.icofont-pencil-alt-2:before {
    content: "\ebf6"
}

.icofont-pencil-alt-3:before {
    content: "\ebf7"
}

.icofont-pencil-alt-4:before {
    content: "\ebf8"
}

.icofont-pencil:before {
    content: "\ebf9"
}

.icofont-ruler-alt-1:before {
    content: "\ebfa"
}

.icofont-ruler-alt-2:before {
    content: "\ebfb"
}

.icofont-ruler-compass-alt:before {
    content: "\ebfc"
}

.icofont-ruler-compass:before {
    content: "\ebfd"
}

.icofont-ruler-pencil-alt-1:before {
    content: "\ebfe"
}

.icofont-ruler-pencil-alt-2:before {
    content: "\ebff"
}

.icofont-ruler-pencil:before {
    content: "\ec00"
}

.icofont-ruler:before {
    content: "\ec01"
}

.icofont-rulers-alt:before {
    content: "\ec02"
}

.icofont-rulers:before {
    content: "\ec03"
}

.icofont-square-root:before {
    content: "\ec04"
}

.icofont-ui-calculator:before {
    content: "\ec05"
}

.icofont-aids:before {
    content: "\ec06"
}

.icofont-ambulance-crescent:before {
    content: "\ec07"
}

.icofont-ambulance-cross:before {
    content: "\ec08"
}

.icofont-ambulance:before {
    content: "\ec09"
}

.icofont-autism:before {
    content: "\ec0a"
}

.icofont-bandage:before {
    content: "\ec0b"
}

.icofont-blind:before {
    content: "\ec0c"
}

.icofont-blood-drop:before {
    content: "\ec0d"
}

.icofont-blood-test:before {
    content: "\ec0e"
}

.icofont-blood:before {
    content: "\ec0f"
}

.icofont-brain-alt:before {
    content: "\ec10"
}

.icofont-brain:before {
    content: "\ec11"
}

.icofont-capsule:before {
    content: "\ec12"
}

.icofont-crutch:before {
    content: "\ec13"
}

.icofont-disabled:before {
    content: "\ec14"
}

.icofont-dna-alt-1:before {
    content: "\ec15"
}

.icofont-dna-alt-2:before {
    content: "\ec16"
}

.icofont-dna:before {
    content: "\ec17"
}

.icofont-doctor-alt:before {
    content: "\ec18"
}

.icofont-doctor:before {
    content: "\ec19"
}

.icofont-drug-pack:before {
    content: "\ec1a"
}

.icofont-drug:before {
    content: "\ec1b"
}

.icofont-first-aid-alt:before {
    content: "\ec1c"
}

.icofont-first-aid:before {
    content: "\ec1d"
}

.icofont-heart-beat-alt:before {
    content: "\ec1e"
}

.icofont-heart-beat:before {
    content: "\ec1f"
}

.icofont-heartbeat:before {
    content: "\ec20"
}

.icofont-herbal:before {
    content: "\ec21"
}

.icofont-hospital:before {
    content: "\ec22"
}

.icofont-icu:before {
    content: "\ec23"
}

.icofont-injection-syringe:before {
    content: "\ec24"
}

.icofont-laboratory:before {
    content: "\ec25"
}

.icofont-medical-sign-alt:before {
    content: "\ec26"
}

.icofont-medical-sign:before {
    content: "\ec27"
}

.icofont-nurse-alt:before {
    content: "\ec28"
}

.icofont-nurse:before {
    content: "\ec29"
}

.icofont-nursing-home:before {
    content: "\ec2a"
}

.icofont-operation-theater:before {
    content: "\ec2b"
}

.icofont-paralysis-disability:before {
    content: "\ec2c"
}

.icofont-patient-bed:before {
    content: "\ec2d"
}

.icofont-patient-file:before {
    content: "\ec2e"
}

.icofont-pills:before {
    content: "\ec2f"
}

.icofont-prescription:before {
    content: "\ec30"
}

.icofont-pulse:before {
    content: "\ec31"
}

.icofont-stethoscope-alt:before {
    content: "\ec32"
}

.icofont-stethoscope:before {
    content: "\ec33"
}

.icofont-stretcher:before {
    content: "\ec34"
}

.icofont-surgeon-alt:before {
    content: "\ec35"
}

.icofont-surgeon:before {
    content: "\ec36"
}

.icofont-tablets:before {
    content: "\ec37"
}

.icofont-test-bottle:before {
    content: "\ec38"
}

.icofont-test-tube:before {
    content: "\ec39"
}

.icofont-thermometer-alt:before {
    content: "\ec3a"
}

.icofont-thermometer:before {
    content: "\ec3b"
}

.icofont-tooth:before {
    content: "\ec3c"
}

.icofont-xray:before {
    content: "\ec3d"
}

.icofont-ui-add:before {
    content: "\ec3e"
}

.icofont-ui-alarm:before {
    content: "\ec3f"
}

.icofont-ui-battery:before {
    content: "\ec40"
}

.icofont-ui-block:before {
    content: "\ec41"
}

.icofont-ui-bluetooth:before {
    content: "\ec42"
}

.icofont-ui-brightness:before {
    content: "\ec43"
}

.icofont-ui-browser:before {
    content: "\ec44"
}

.icofont-ui-calendar:before {
    content: "\ec45"
}

.icofont-ui-call:before {
    content: "\ec46"
}

.icofont-ui-camera:before {
    content: "\ec47"
}

.icofont-ui-cart:before {
    content: "\ec48"
}

.icofont-ui-cell-phone:before {
    content: "\ec49"
}

.icofont-ui-chat:before {
    content: "\ec4a"
}

.icofont-ui-check:before {
    content: "\ec4b"
}

.icofont-ui-clip-board:before {
    content: "\ec4c"
}

.icofont-ui-clip:before {
    content: "\ec4d"
}

.icofont-ui-clock:before {
    content: "\ec4e"
}

.icofont-ui-close:before {
    content: "\ec4f"
}

.icofont-ui-contact-list:before {
    content: "\ec50"
}

.icofont-ui-copy:before {
    content: "\ec51"
}

.icofont-ui-cut:before {
    content: "\ec52"
}

.icofont-ui-delete:before {
    content: "\ec53"
}

.icofont-ui-dial-phone:before {
    content: "\ec54"
}

.icofont-ui-edit:before {
    content: "\ec55"
}

.icofont-ui-email:before {
    content: "\ec56"
}

.icofont-ui-file:before {
    content: "\ec57"
}

.icofont-ui-fire-wall:before {
    content: "\ec58"
}

.icofont-ui-flash-light:before {
    content: "\ec59"
}

.icofont-ui-flight:before {
    content: "\ec5a"
}

.icofont-ui-folder:before {
    content: "\ec5b"
}

.icofont-ui-game:before {
    content: "\ec5c"
}

.icofont-ui-handicapped:before {
    content: "\ec5d"
}

.icofont-ui-home:before {
    content: "\ec5e"
}

.icofont-ui-image:before {
    content: "\ec5f"
}

.icofont-ui-laoding:before {
    content: "\ec60"
}

.icofont-ui-lock:before {
    content: "\ec61"
}

.icofont-ui-love-add:before {
    content: "\ec62"
}

.icofont-ui-love-broken:before {
    content: "\ec63"
}

.icofont-ui-love-remove:before {
    content: "\ec64"
}

.icofont-ui-love:before {
    content: "\ec65"
}

.icofont-ui-map:before {
    content: "\ec66"
}

.icofont-ui-message:before {
    content: "\ec67"
}

.icofont-ui-messaging:before {
    content: "\ec68"
}

.icofont-ui-movie:before {
    content: "\ec69"
}

.icofont-ui-music-player:before {
    content: "\ec6a"
}

.icofont-ui-music:before {
    content: "\ec6b"
}

.icofont-ui-mute:before {
    content: "\ec6c"
}

.icofont-ui-network:before {
    content: "\ec6d"
}

.icofont-ui-next:before {
    content: "\ec6e"
}

.icofont-ui-note:before {
    content: "\ec6f"
}

.icofont-ui-office:before {
    content: "\ec70"
}

.icofont-ui-password:before {
    content: "\ec71"
}

.icofont-ui-pause:before {
    content: "\ec72"
}

.icofont-ui-play-stop:before {
    content: "\ec73"
}

.icofont-ui-play:before {
    content: "\ec74"
}

.icofont-ui-pointer:before {
    content: "\ec75"
}

.icofont-ui-power:before {
    content: "\ec76"
}

.icofont-ui-press:before {
    content: "\ec77"
}

.icofont-ui-previous:before {
    content: "\ec78"
}

.icofont-ui-rate-add:before {
    content: "\ec79"
}

.icofont-ui-rate-blank:before {
    content: "\ec7a"
}

.icofont-ui-rate-remove:before {
    content: "\ec7b"
}

.icofont-ui-rating:before {
    content: "\ec7c"
}

.icofont-ui-record:before {
    content: "\ec7d"
}

.icofont-ui-remove:before {
    content: "\ec7e"
}

.icofont-ui-reply:before {
    content: "\ec7f"
}

.icofont-ui-rotation:before {
    content: "\ec80"
}

.icofont-ui-rss:before {
    content: "\ec81"
}

.icofont-ui-search:before {
    content: "\ec82"
}

.icofont-ui-settings:before {
    content: "\ec83"
}

.icofont-ui-social-link:before {
    content: "\ec84"
}

.icofont-ui-tag:before {
    content: "\ec85"
}

.icofont-ui-text-chat:before {
    content: "\ec86"
}

.icofont-ui-text-loading:before {
    content: "\ec87"
}

.icofont-ui-theme:before {
    content: "\ec88"
}

.icofont-ui-timer:before {
    content: "\ec89"
}

.icofont-ui-touch-phone:before {
    content: "\ec8a"
}

.icofont-ui-travel:before {
    content: "\ec8b"
}

.icofont-ui-unlock:before {
    content: "\ec8c"
}

.icofont-ui-user-group:before {
    content: "\ec8d"
}

.icofont-ui-user:before {
    content: "\ec8e"
}

.icofont-ui-v-card:before {
    content: "\ec8f"
}

.icofont-ui-video-chat:before {
    content: "\ec90"
}

.icofont-ui-video-message:before {
    content: "\ec91"
}

.icofont-ui-video-play:before {
    content: "\ec92"
}

.icofont-ui-video:before {
    content: "\ec93"
}

.icofont-ui-volume:before {
    content: "\ec94"
}

.icofont-ui-weather:before {
    content: "\ec95"
}

.icofont-ui-wifi:before {
    content: "\ec96"
}

.icofont-ui-zoom-in:before {
    content: "\ec97"
}

.icofont-ui-zoom-out:before {
    content: "\ec98"
}

.icofont-cassette-player:before {
    content: "\ec99"
}

.icofont-cassette:before {
    content: "\ec9a"
}

.icofont-forward:before {
    content: "\ec9b"
}

.icofont-guiter:before {
    content: "\ec9c"
}

.icofont-movie:before {
    content: "\ec9d"
}

.icofont-multimedia:before {
    content: "\ec9e"
}

.icofont-music-alt:before {
    content: "\ec9f"
}

.icofont-music-disk:before {
    content: "\eca0"
}

.icofont-music-note:before {
    content: "\eca1"
}

.icofont-music-notes:before {
    content: "\eca2"
}

.icofont-music:before {
    content: "\eca3"
}

.icofont-mute-volume:before {
    content: "\eca4"
}

.icofont-pause:before {
    content: "\eca5"
}

.icofont-play-alt-1:before {
    content: "\eca6"
}

.icofont-play-alt-2:before {
    content: "\eca7"
}

.icofont-play-alt-3:before {
    content: "\eca8"
}

.icofont-play-pause:before {
    content: "\eca9"
}

.icofont-play:before {
    content: "\ecaa"
}

.icofont-record:before {
    content: "\ecab"
}

.icofont-retro-music-disk:before {
    content: "\ecac"
}

.icofont-rewind:before {
    content: "\ecad"
}

.icofont-song-notes:before {
    content: "\ecae"
}

.icofont-sound-wave-alt:before {
    content: "\ecaf"
}

.icofont-sound-wave:before {
    content: "\ecb0"
}

.icofont-stop:before {
    content: "\ecb1"
}

.icofont-video-alt:before {
    content: "\ecb2"
}

.icofont-video-cam:before {
    content: "\ecb3"
}

.icofont-video-clapper:before {
    content: "\ecb4"
}

.icofont-video:before {
    content: "\ecb5"
}

.icofont-volume-bar:before {
    content: "\ecb6"
}

.icofont-volume-down:before {
    content: "\ecb7"
}

.icofont-volume-mute:before {
    content: "\ecb8"
}

.icofont-volume-off:before {
    content: "\ecb9"
}

.icofont-volume-up:before {
    content: "\ecba"
}

.icofont-youtube-play:before {
    content: "\ecbb"
}

.icofont-2checkout-alt:before {
    content: "\ecbc"
}

.icofont-2checkout:before {
    content: "\ecbd"
}

.icofont-amazon-alt:before {
    content: "\ecbe"
}

.icofont-amazon:before {
    content: "\ecbf"
}

.icofont-american-express-alt:before {
    content: "\ecc0"
}

.icofont-american-express:before {
    content: "\ecc1"
}

.icofont-apple-pay-alt:before {
    content: "\ecc2"
}

.icofont-apple-pay:before {
    content: "\ecc3"
}

.icofont-bank-transfer-alt:before {
    content: "\ecc4"
}

.icofont-bank-transfer:before {
    content: "\ecc5"
}

.icofont-braintree-alt:before {
    content: "\ecc6"
}

.icofont-braintree:before {
    content: "\ecc7"
}

.icofont-cash-on-delivery-alt:before {
    content: "\ecc8"
}

.icofont-cash-on-delivery:before {
    content: "\ecc9"
}

.icofont-diners-club-alt-1:before {
    content: "\ecca"
}

.icofont-diners-club-alt-2:before {
    content: "\eccb"
}

.icofont-diners-club-alt-3:before {
    content: "\eccc"
}

.icofont-diners-club:before {
    content: "\eccd"
}

.icofont-discover-alt:before {
    content: "\ecce"
}

.icofont-discover:before {
    content: "\eccf"
}

.icofont-eway-alt:before {
    content: "\ecd0"
}

.icofont-eway:before {
    content: "\ecd1"
}

.icofont-google-wallet-alt-1:before {
    content: "\ecd2"
}

.icofont-google-wallet-alt-2:before {
    content: "\ecd3"
}

.icofont-google-wallet-alt-3:before {
    content: "\ecd4"
}

.icofont-google-wallet:before {
    content: "\ecd5"
}

.icofont-jcb-alt:before {
    content: "\ecd6"
}

.icofont-jcb:before {
    content: "\ecd7"
}

.icofont-maestro-alt:before {
    content: "\ecd8"
}

.icofont-maestro:before {
    content: "\ecd9"
}

.icofont-mastercard-alt:before {
    content: "\ecda"
}

.icofont-mastercard:before {
    content: "\ecdb"
}

.icofont-payoneer-alt:before {
    content: "\ecdc"
}

.icofont-payoneer:before {
    content: "\ecdd"
}

.icofont-paypal-alt:before {
    content: "\ecde"
}

.icofont-paypal:before {
    content: "\ecdf"
}

.icofont-sage-alt:before {
    content: "\ece0"
}

.icofont-sage:before {
    content: "\ece1"
}

.icofont-skrill-alt:before {
    content: "\ece2"
}

.icofont-skrill:before {
    content: "\ece3"
}

.icofont-stripe-alt:before {
    content: "\ece4"
}

.icofont-stripe:before {
    content: "\ece5"
}

.icofont-visa-alt:before {
    content: "\ece6"
}

.icofont-visa-electron:before {
    content: "\ece7"
}

.icofont-visa:before {
    content: "\ece8"
}

.icofont-western-union-alt:before {
    content: "\ece9"
}

.icofont-western-union:before {
    content: "\ecea"
}

.icofont-boy:before {
    content: "\eceb"
}

.icofont-business-man-alt-1:before {
    content: "\ecec"
}

.icofont-business-man-alt-2:before {
    content: "\eced"
}

.icofont-business-man-alt-3:before {
    content: "\ecee"
}

.icofont-business-man:before {
    content: "\ecef"
}

.icofont-female:before {
    content: "\ecf0"
}

.icofont-funky-man:before {
    content: "\ecf1"
}

.icofont-girl-alt:before {
    content: "\ecf2"
}

.icofont-girl:before {
    content: "\ecf3"
}

.icofont-group:before {
    content: "\ecf4"
}

.icofont-hotel-boy-alt:before {
    content: "\ecf5"
}

.icofont-hotel-boy:before {
    content: "\ecf6"
}

.icofont-kid:before {
    content: "\ecf7"
}

.icofont-man-in-glasses:before {
    content: "\ecf8"
}

.icofont-people:before {
    content: "\ecf9"
}

.icofont-support:before {
    content: "\ecfa"
}

.icofont-user-alt-1:before {
    content: "\ecfb"
}

.icofont-user-alt-2:before {
    content: "\ecfc"
}

.icofont-user-alt-3:before {
    content: "\ecfd"
}

.icofont-user-alt-4:before {
    content: "\ecfe"
}

.icofont-user-alt-5:before {
    content: "\ecff"
}

.icofont-user-alt-6:before {
    content: "\ed00"
}

.icofont-user-alt-7:before {
    content: "\ed01"
}

.icofont-user-female:before {
    content: "\ed02"
}

.icofont-user-male:before {
    content: "\ed03"
}

.icofont-user-suited:before {
    content: "\ed04"
}

.icofont-user:before {
    content: "\ed05"
}

.icofont-users-alt-1:before {
    content: "\ed06"
}

.icofont-users-alt-2:before {
    content: "\ed07"
}

.icofont-users-alt-3:before {
    content: "\ed08"
}

.icofont-users-alt-4:before {
    content: "\ed09"
}

.icofont-users-alt-5:before {
    content: "\ed0a"
}

.icofont-users-alt-6:before {
    content: "\ed0b"
}

.icofont-users-social:before {
    content: "\ed0c"
}

.icofont-users:before {
    content: "\ed0d"
}

.icofont-waiter-alt:before {
    content: "\ed0e"
}

.icofont-waiter:before {
    content: "\ed0f"
}

.icofont-woman-in-glasses:before {
    content: "\ed10"
}

.icofont-search-1:before {
    content: "\ed11"
}

.icofont-search-2:before {
    content: "\ed12"
}

.icofont-search-document:before {
    content: "\ed13"
}

.icofont-search-folder:before {
    content: "\ed14"
}

.icofont-search-job:before {
    content: "\ed15"
}

.icofont-search-map:before {
    content: "\ed16"
}

.icofont-search-property:before {
    content: "\ed17"
}

.icofont-search-restaurant:before {
    content: "\ed18"
}

.icofont-search-stock:before {
    content: "\ed19"
}

.icofont-search-user:before {
    content: "\ed1a"
}

.icofont-search:before {
    content: "\ed1b"
}

.icofont-500px:before {
    content: "\ed1c"
}

.icofont-aim:before {
    content: "\ed1d"
}

.icofont-badoo:before {
    content: "\ed1e"
}

.icofont-baidu-tieba:before {
    content: "\ed1f"
}

.icofont-bbm-messenger:before {
    content: "\ed20"
}

.icofont-bebo:before {
    content: "\ed21"
}

.icofont-behance:before {
    content: "\ed22"
}

.icofont-blogger:before {
    content: "\ed23"
}

.icofont-bootstrap:before {
    content: "\ed24"
}

.icofont-brightkite:before {
    content: "\ed25"
}

.icofont-cloudapp:before {
    content: "\ed26"
}

.icofont-concrete5:before {
    content: "\ed27"
}

.icofont-delicious:before {
    content: "\ed28"
}

.icofont-designbump:before {
    content: "\ed29"
}

.icofont-designfloat:before {
    content: "\ed2a"
}

.icofont-deviantart:before {
    content: "\ed2b"
}

.icofont-digg:before {
    content: "\ed2c"
}

.icofont-dotcms:before {
    content: "\ed2d"
}

.icofont-dribbble:before {
    content: "\ed2e"
}

.icofont-dribble:before {
    content: "\ed2f"
}

.icofont-dropbox:before {
    content: "\ed30"
}

.icofont-ebuddy:before {
    content: "\ed31"
}

.icofont-ello:before {
    content: "\ed32"
}

.icofont-ember:before {
    content: "\ed33"
}

.icofont-envato:before {
    content: "\ed34"
}

.icofont-evernote:before {
    content: "\ed35"
}

.icofont-facebook-messenger:before {
    content: "\ed36"
}

.icofont-facebook:before {
    content: "\ed37"
}

.icofont-feedburner:before {
    content: "\ed38"
}

.icofont-flikr:before {
    content: "\ed39"
}

.icofont-folkd:before {
    content: "\ed3a"
}

.icofont-foursquare:before {
    content: "\ed3b"
}

.icofont-friendfeed:before {
    content: "\ed3c"
}

.icofont-ghost:before {
    content: "\ed3d"
}

.icofont-github:before {
    content: "\ed3e"
}

.icofont-gnome:before {
    content: "\ed3f"
}

.icofont-google-buzz:before {
    content: "\ed40"
}

.icofont-google-hangouts:before {
    content: "\ed41"
}

.icofont-google-map:before {
    content: "\ed42"
}

.icofont-google-plus:before {
    content: "\ed43"
}

.icofont-google-talk:before {
    content: "\ed44"
}

.icofont-hype-machine:before {
    content: "\ed45"
}

.icofont-instagram:before {
    content: "\ed46"
}

.icofont-kakaotalk:before {
    content: "\ed47"
}

.icofont-kickstarter:before {
    content: "\ed48"
}

.icofont-kik:before {
    content: "\ed49"
}

.icofont-kiwibox:before {
    content: "\ed4a"
}

.icofont-line-messenger:before {
    content: "\ed4b"
}

.icofont-line:before {
    content: "\ed4c"
}

.icofont-linkedin:before {
    content: "\ed4d"
}

.icofont-linux-mint:before {
    content: "\ed4e"
}

.icofont-live-messenger:before {
    content: "\ed4f"
}

.icofont-livejournal:before {
    content: "\ed50"
}

.icofont-magento:before {
    content: "\ed51"
}

.icofont-meetme:before {
    content: "\ed52"
}

.icofont-meetup:before {
    content: "\ed53"
}

.icofont-mixx:before {
    content: "\ed54"
}

.icofont-newsvine:before {
    content: "\ed55"
}

.icofont-nimbuss:before {
    content: "\ed56"
}

.icofont-odnoklassniki:before {
    content: "\ed57"
}

.icofont-opencart:before {
    content: "\ed58"
}

.icofont-oscommerce:before {
    content: "\ed59"
}

.icofont-pandora:before {
    content: "\ed5a"
}

.icofont-photobucket:before {
    content: "\ed5b"
}

.icofont-picasa:before {
    content: "\ed5c"
}

.icofont-pinterest:before {
    content: "\ed5d"
}

.icofont-prestashop:before {
    content: "\ed5e"
}

.icofont-qik:before {
    content: "\ed5f"
}

.icofont-qq:before {
    content: "\ed60"
}

.icofont-readernaut:before {
    content: "\ed61"
}

.icofont-reddit:before {
    content: "\ed62"
}

.icofont-renren:before {
    content: "\ed63"
}

.icofont-rss:before {
    content: "\ed64"
}

.icofont-shopify:before {
    content: "\ed65"
}

.icofont-silverstripe:before {
    content: "\ed66"
}

.icofont-skype:before {
    content: "\ed67"
}

.icofont-slack:before {
    content: "\ed68"
}

.icofont-slashdot:before {
    content: "\ed69"
}

.icofont-slidshare:before {
    content: "\ed6a"
}

.icofont-smugmug:before {
    content: "\ed6b"
}

.icofont-snapchat:before {
    content: "\ed6c"
}

.icofont-soundcloud:before {
    content: "\ed6d"
}

.icofont-spotify:before {
    content: "\ed6e"
}

.icofont-stack-exchange:before {
    content: "\ed6f"
}

.icofont-stack-overflow:before {
    content: "\ed70"
}

.icofont-steam:before {
    content: "\ed71"
}

.icofont-stumbleupon:before {
    content: "\ed72"
}

.icofont-tagged:before {
    content: "\ed73"
}

.icofont-technorati:before {
    content: "\ed74"
}

.icofont-telegram:before {
    content: "\ed75"
}

.icofont-tinder:before {
    content: "\ed76"
}

.icofont-trello:before {
    content: "\ed77"
}

.icofont-tumblr:before {
    content: "\ed78"
}

.icofont-twitch:before {
    content: "\ed79"
}

.icofont-twitter:before {
    content: "\ed7a"
}

.icofont-typo3:before {
    content: "\ed7b"
}

.icofont-ubercart:before {
    content: "\ed7c"
}

.icofont-viber:before {
    content: "\ed7d"
}

.icofont-viddler:before {
    content: "\ed7e"
}

.icofont-vimeo:before {
    content: "\ed7f"
}

.icofont-vine:before {
    content: "\ed80"
}

.icofont-virb:before {
    content: "\ed81"
}

.icofont-virtuemart:before {
    content: "\ed82"
}

.icofont-vk:before {
    content: "\ed83"
}

.icofont-wechat:before {
    content: "\ed84"
}

.icofont-weibo:before {
    content: "\ed85"
}

.icofont-whatsapp:before {
    content: "\ed86"
}

.icofont-xing:before {
    content: "\ed87"
}

.icofont-yahoo:before {
    content: "\ed88"
}

.icofont-yelp:before {
    content: "\ed89"
}

.icofont-youku:before {
    content: "\ed8a"
}

.icofont-youtube:before {
    content: "\ed8b"
}

.icofont-zencart:before {
    content: "\ed8c"
}

.icofont-badminton-birdie:before {
    content: "\ed8d"
}

.icofont-baseball:before {
    content: "\ed8e"
}

.icofont-baseballer:before {
    content: "\ed8f"
}

.icofont-basketball-hoop:before {
    content: "\ed90"
}

.icofont-basketball:before {
    content: "\ed91"
}

.icofont-billiard-ball:before {
    content: "\ed92"
}

.icofont-boot-alt-1:before {
    content: "\ed93"
}

.icofont-boot-alt-2:before {
    content: "\ed94"
}

.icofont-boot:before {
    content: "\ed95"
}

.icofont-bowling-alt:before {
    content: "\ed96"
}

.icofont-bowling:before {
    content: "\ed97"
}

.icofont-canoe:before {
    content: "\ed98"
}

.icofont-cheer-leader:before {
    content: "\ed99"
}

.icofont-climbing:before {
    content: "\ed9a"
}

.icofont-corner:before {
    content: "\ed9b"
}

.icofont-field-alt:before {
    content: "\ed9c"
}

.icofont-field:before {
    content: "\ed9d"
}

.icofont-football-alt:before {
    content: "\ed9e"
}

.icofont-football-american:before {
    content: "\ed9f"
}

.icofont-football:before {
    content: "\eda0"
}

.icofont-foul:before {
    content: "\eda1"
}

.icofont-goal-keeper:before {
    content: "\eda2"
}

.icofont-goal:before {
    content: "\eda3"
}

.icofont-golf-alt:before {
    content: "\eda4"
}

.icofont-golf-bag:before {
    content: "\eda5"
}

.icofont-golf-cart:before {
    content: "\eda6"
}

.icofont-golf-field:before {
    content: "\eda7"
}

.icofont-golf:before {
    content: "\eda8"
}

.icofont-golfer:before {
    content: "\eda9"
}

.icofont-helmet:before {
    content: "\edaa"
}

.icofont-hockey-alt:before {
    content: "\edab"
}

.icofont-hockey:before {
    content: "\edac"
}

.icofont-ice-skate:before {
    content: "\edad"
}

.icofont-jersey-alt:before {
    content: "\edae"
}

.icofont-jersey:before {
    content: "\edaf"
}

.icofont-jumping:before {
    content: "\edb0"
}

.icofont-kick:before {
    content: "\edb1"
}

.icofont-leg:before {
    content: "\edb2"
}

.icofont-match-review:before {
    content: "\edb3"
}

.icofont-medal-sport:before {
    content: "\edb4"
}

.icofont-offside:before {
    content: "\edb5"
}

.icofont-olympic-logo:before {
    content: "\edb6"
}

.icofont-olympic:before {
    content: "\edb7"
}

.icofont-padding:before {
    content: "\edb8"
}

.icofont-penalty-card:before {
    content: "\edb9"
}

.icofont-racer:before {
    content: "\edba"
}

.icofont-racing-car:before {
    content: "\edbb"
}

.icofont-racing-flag-alt:before {
    content: "\edbc"
}

.icofont-racing-flag:before {
    content: "\edbd"
}

.icofont-racings-wheel:before {
    content: "\edbe"
}

.icofont-referee:before {
    content: "\edbf"
}

.icofont-refree-jersey:before {
    content: "\edc0"
}

.icofont-result-sport:before {
    content: "\edc1"
}

.icofont-rugby-ball:before {
    content: "\edc2"
}

.icofont-rugby-player:before {
    content: "\edc3"
}

.icofont-rugby:before {
    content: "\edc4"
}

.icofont-runner-alt-1:before {
    content: "\edc5"
}

.icofont-runner-alt-2:before {
    content: "\edc6"
}

.icofont-runner:before {
    content: "\edc7"
}

.icofont-score-board:before {
    content: "\edc8"
}

.icofont-skiing-man:before {
    content: "\edc9"
}

.icofont-skydiving-goggles:before {
    content: "\edca"
}

.icofont-snow-mobile:before {
    content: "\edcb"
}

.icofont-steering:before {
    content: "\edcc"
}

.icofont-stopwatch:before {
    content: "\edcd"
}

.icofont-substitute:before {
    content: "\edce"
}

.icofont-swimmer:before {
    content: "\edcf"
}

.icofont-table-tennis:before {
    content: "\edd0"
}

.icofont-team-alt:before {
    content: "\edd1"
}

.icofont-team:before {
    content: "\edd2"
}

.icofont-tennis-player:before {
    content: "\edd3"
}

.icofont-tennis:before {
    content: "\edd4"
}

.icofont-tracking:before {
    content: "\edd5"
}

.icofont-trophy-alt:before {
    content: "\edd6"
}

.icofont-trophy:before {
    content: "\edd7"
}

.icofont-volleyball-alt:before {
    content: "\edd8"
}

.icofont-volleyball-fire:before {
    content: "\edd9"
}

.icofont-volleyball:before {
    content: "\edda"
}

.icofont-water-bottle:before {
    content: "\eddb"
}

.icofont-whistle-alt:before {
    content: "\eddc"
}

.icofont-whistle:before {
    content: "\eddd"
}

.icofont-win-trophy:before {
    content: "\edde"
}

.icofont-align-center:before {
    content: "\eddf"
}

.icofont-align-left:before {
    content: "\ede0"
}

.icofont-align-right:before {
    content: "\ede1"
}

.icofont-all-caps:before {
    content: "\ede2"
}

.icofont-bold:before {
    content: "\ede3"
}

.icofont-brush:before {
    content: "\ede4"
}

.icofont-clip-board:before {
    content: "\ede5"
}

.icofont-code-alt:before {
    content: "\ede6"
}

.icofont-color-bucket:before {
    content: "\ede7"
}

.icofont-color-picker:before {
    content: "\ede8"
}

.icofont-copy-invert:before {
    content: "\ede9"
}

.icofont-copy:before {
    content: "\edea"
}

.icofont-cut:before {
    content: "\edeb"
}

.icofont-delete-alt:before {
    content: "\edec"
}

.icofont-edit-alt:before {
    content: "\eded"
}

.icofont-eraser-alt:before {
    content: "\edee"
}

.icofont-font:before {
    content: "\edef"
}

.icofont-heading:before {
    content: "\edf0"
}

.icofont-indent:before {
    content: "\edf1"
}

.icofont-italic-alt:before {
    content: "\edf2"
}

.icofont-italic:before {
    content: "\edf3"
}

.icofont-justify-all:before {
    content: "\edf4"
}

.icofont-justify-center:before {
    content: "\edf5"
}

.icofont-justify-left:before {
    content: "\edf6"
}

.icofont-justify-right:before {
    content: "\edf7"
}

.icofont-link-broken:before {
    content: "\edf8"
}

.icofont-outdent:before {
    content: "\edf9"
}

.icofont-paper-clip:before {
    content: "\edfa"
}

.icofont-paragraph:before {
    content: "\edfb"
}

.icofont-pin:before {
    content: "\edfc"
}

.icofont-printer:before {
    content: "\edfd"
}

.icofont-redo:before {
    content: "\edfe"
}

.icofont-rotation:before {
    content: "\edff"
}

.icofont-save:before {
    content: "\ee00"
}

.icofont-small-cap:before {
    content: "\ee01"
}

.icofont-strike-through:before {
    content: "\ee02"
}

.icofont-sub-listing:before {
    content: "\ee03"
}

.icofont-subscript:before {
    content: "\ee04"
}

.icofont-superscript:before {
    content: "\ee05"
}

.icofont-table:before {
    content: "\ee06"
}

.icofont-text-height:before {
    content: "\ee07"
}

.icofont-text-width:before {
    content: "\ee08"
}

.icofont-trash:before {
    content: "\ee09"
}

.icofont-underline:before {
    content: "\ee0a"
}

.icofont-undo:before {
    content: "\ee0b"
}

.icofont-air-balloon:before {
    content: "\ee0c"
}

.icofont-airplane-alt:before {
    content: "\ee0d"
}

.icofont-airplane:before {
    content: "\ee0e"
}

.icofont-articulated-truck:before {
    content: "\ee0f"
}

.icofont-auto-mobile:before {
    content: "\ee10"
}

.icofont-auto-rickshaw:before {
    content: "\ee11"
}

.icofont-bicycle-alt-1:before {
    content: "\ee12"
}

.icofont-bicycle-alt-2:before {
    content: "\ee13"
}

.icofont-bicycle:before {
    content: "\ee14"
}

.icofont-bus-alt-1:before {
    content: "\ee15"
}

.icofont-bus-alt-2:before {
    content: "\ee16"
}

.icofont-bus-alt-3:before {
    content: "\ee17"
}

.icofont-bus:before {
    content: "\ee18"
}

.icofont-cab:before {
    content: "\ee19"
}

.icofont-cable-car:before {
    content: "\ee1a"
}

.icofont-car-alt-1:before {
    content: "\ee1b"
}

.icofont-car-alt-2:before {
    content: "\ee1c"
}

.icofont-car-alt-3:before {
    content: "\ee1d"
}

.icofont-car-alt-4:before {
    content: "\ee1e"
}

.icofont-car:before {
    content: "\ee1f"
}

.icofont-delivery-time:before {
    content: "\ee20"
}

.icofont-fast-delivery:before {
    content: "\ee21"
}

.icofont-fire-truck-alt:before {
    content: "\ee22"
}

.icofont-fire-truck:before {
    content: "\ee23"
}

.icofont-free-delivery:before {
    content: "\ee24"
}

.icofont-helicopter:before {
    content: "\ee25"
}

.icofont-motor-bike-alt:before {
    content: "\ee26"
}

.icofont-motor-bike:before {
    content: "\ee27"
}

.icofont-motor-biker:before {
    content: "\ee28"
}

.icofont-oil-truck:before {
    content: "\ee29"
}

.icofont-rickshaw:before {
    content: "\ee2a"
}

.icofont-rocket-alt-1:before {
    content: "\ee2b"
}

.icofont-rocket-alt-2:before {
    content: "\ee2c"
}

.icofont-rocket:before {
    content: "\ee2d"
}

.icofont-sail-boat-alt-1:before {
    content: "\ee2e"
}

.icofont-sail-boat-alt-2:before {
    content: "\ee2f"
}

.icofont-sail-boat:before {
    content: "\ee30"
}

.icofont-scooter:before {
    content: "\ee31"
}

.icofont-sea-plane:before {
    content: "\ee32"
}

.icofont-ship-alt:before {
    content: "\ee33"
}

.icofont-ship:before {
    content: "\ee34"
}

.icofont-speed-boat:before {
    content: "\ee35"
}

.icofont-taxi:before {
    content: "\ee36"
}

.icofont-tractor:before {
    content: "\ee37"
}

.icofont-train-line:before {
    content: "\ee38"
}

.icofont-train-steam:before {
    content: "\ee39"
}

.icofont-tram:before {
    content: "\ee3a"
}

.icofont-truck-alt:before {
    content: "\ee3b"
}

.icofont-truck-loaded:before {
    content: "\ee3c"
}

.icofont-truck:before {
    content: "\ee3d"
}

.icofont-van-alt:before {
    content: "\ee3e"
}

.icofont-van:before {
    content: "\ee3f"
}

.icofont-yacht:before {
    content: "\ee40"
}

.icofont-5-star-hotel:before {
    content: "\ee41"
}

.icofont-air-ticket:before {
    content: "\ee42"
}

.icofont-beach-bed:before {
    content: "\ee43"
}

.icofont-beach:before {
    content: "\ee44"
}

.icofont-camping-vest:before {
    content: "\ee45"
}

.icofont-direction-sign:before {
    content: "\ee46"
}

.icofont-hill-side:before {
    content: "\ee47"
}

.icofont-hill:before {
    content: "\ee48"
}

.icofont-hotel:before {
    content: "\ee49"
}

.icofont-island-alt:before {
    content: "\ee4a"
}

.icofont-island:before {
    content: "\ee4b"
}

.icofont-sandals-female:before {
    content: "\ee4c"
}

.icofont-sandals-male:before {
    content: "\ee4d"
}

.icofont-travelling:before {
    content: "\ee4e"
}

.icofont-breakdown:before {
    content: "\ee4f"
}

.icofont-celsius:before {
    content: "\ee50"
}

.icofont-clouds:before {
    content: "\ee51"
}

.icofont-cloudy:before {
    content: "\ee52"
}

.icofont-dust:before {
    content: "\ee53"
}

.icofont-eclipse:before {
    content: "\ee54"
}

.icofont-fahrenheit:before {
    content: "\ee55"
}

.icofont-forest-fire:before {
    content: "\ee56"
}

.icofont-full-night:before {
    content: "\ee57"
}

.icofont-full-sunny:before {
    content: "\ee58"
}

.icofont-hail-night:before {
    content: "\ee59"
}

.icofont-hail-rainy-night:before {
    content: "\ee5a"
}

.icofont-hail-rainy-sunny:before {
    content: "\ee5b"
}

.icofont-hail-rainy:before {
    content: "\ee5c"
}

.icofont-hail-sunny:before {
    content: "\ee5d"
}

.icofont-hail-thunder-night:before {
    content: "\ee5e"
}

.icofont-hail-thunder-sunny:before {
    content: "\ee5f"
}

.icofont-hail-thunder:before {
    content: "\ee60"
}

.icofont-hail:before {
    content: "\ee61"
}

.icofont-hill-night:before {
    content: "\ee62"
}

.icofont-hill-sunny:before {
    content: "\ee63"
}

.icofont-hurricane:before {
    content: "\ee64"
}

.icofont-meteor:before {
    content: "\ee65"
}

.icofont-night:before {
    content: "\ee66"
}

.icofont-rainy-night:before {
    content: "\ee67"
}

.icofont-rainy-sunny:before {
    content: "\ee68"
}

.icofont-rainy-thunder:before {
    content: "\ee69"
}

.icofont-rainy:before {
    content: "\ee6a"
}

.icofont-snow-alt:before {
    content: "\ee6b"
}

.icofont-snow-flake:before {
    content: "\ee6c"
}

.icofont-snow-temp:before {
    content: "\ee6d"
}

.icofont-snow:before {
    content: "\ee6e"
}

.icofont-snowy-hail:before {
    content: "\ee6f"
}

.icofont-snowy-night-hail:before {
    content: "\ee70"
}

.icofont-snowy-night-rainy:before {
    content: "\ee71"
}

.icofont-snowy-night:before {
    content: "\ee72"
}

.icofont-snowy-rainy:before {
    content: "\ee73"
}

.icofont-snowy-sunny-hail:before {
    content: "\ee74"
}

.icofont-snowy-sunny-rainy:before {
    content: "\ee75"
}

.icofont-snowy-sunny:before {
    content: "\ee76"
}

.icofont-snowy-thunder-night:before {
    content: "\ee77"
}

.icofont-snowy-thunder-sunny:before {
    content: "\ee78"
}

.icofont-snowy-thunder:before {
    content: "\ee79"
}

.icofont-snowy-windy-night:before {
    content: "\ee7a"
}

.icofont-snowy-windy-sunny:before {
    content: "\ee7b"
}

.icofont-snowy-windy:before {
    content: "\ee7c"
}

.icofont-snowy:before {
    content: "\ee7d"
}

.icofont-sun-alt:before {
    content: "\ee7e"
}

.icofont-sun-rise:before {
    content: "\ee7f"
}

.icofont-sun-set:before {
    content: "\ee80"
}

.icofont-sun:before {
    content: "\ee81"
}

.icofont-sunny-day-temp:before {
    content: "\ee82"
}

.icofont-sunny:before {
    content: "\ee83"
}

.icofont-thunder-light:before {
    content: "\ee84"
}

.icofont-tornado:before {
    content: "\ee85"
}

.icofont-umbrella-alt:before {
    content: "\ee86"
}

.icofont-umbrella:before {
    content: "\ee87"
}

.icofont-volcano:before {
    content: "\ee88"
}

.icofont-wave:before {
    content: "\ee89"
}

.icofont-wind-scale-0:before {
    content: "\ee8a"
}

.icofont-wind-scale-1:before {
    content: "\ee8b"
}

.icofont-wind-scale-10:before {
    content: "\ee8c"
}

.icofont-wind-scale-11:before {
    content: "\ee8d"
}

.icofont-wind-scale-12:before {
    content: "\ee8e"
}

.icofont-wind-scale-2:before {
    content: "\ee8f"
}

.icofont-wind-scale-3:before {
    content: "\ee90"
}

.icofont-wind-scale-4:before {
    content: "\ee91"
}

.icofont-wind-scale-5:before {
    content: "\ee92"
}

.icofont-wind-scale-6:before {
    content: "\ee93"
}

.icofont-wind-scale-7:before {
    content: "\ee94"
}

.icofont-wind-scale-8:before {
    content: "\ee95"
}

.icofont-wind-scale-9:before {
    content: "\ee96"
}

.icofont-wind-waves:before {
    content: "\ee97"
}

.icofont-wind:before {
    content: "\ee98"
}

.icofont-windy-hail:before {
    content: "\ee99"
}

.icofont-windy-night:before {
    content: "\ee9a"
}

.icofont-windy-raining:before {
    content: "\ee9b"
}

.icofont-windy-sunny:before {
    content: "\ee9c"
}

.icofont-windy-thunder-raining:before {
    content: "\ee9d"
}

.icofont-windy-thunder:before {
    content: "\ee9e"
}

.icofont-windy:before {
    content: "\ee9f"
}

.icofont-addons:before {
    content: "\eea0"
}

.icofont-address-book:before {
    content: "\eea1"
}

.icofont-adjust:before {
    content: "\eea2"
}

.icofont-alarm:before {
    content: "\eea3"
}

.icofont-anchor:before {
    content: "\eea4"
}

.icofont-archive:before {
    content: "\eea5"
}

.icofont-at:before {
    content: "\eea6"
}

.icofont-attachment:before {
    content: "\eea7"
}

.icofont-audio:before {
    content: "\eea8"
}

.icofont-automation:before {
    content: "\eea9"
}

.icofont-badge:before {
    content: "\eeaa"
}

.icofont-bag-alt:before {
    content: "\eeab"
}

.icofont-bag:before {
    content: "\eeac"
}

.icofont-ban:before {
    content: "\eead"
}

.icofont-bar-code:before {
    content: "\eeae"
}

.icofont-bars:before {
    content: "\eeaf"
}

.icofont-basket:before {
    content: "\eeb0"
}

.icofont-battery-empty:before {
    content: "\eeb1"
}

.icofont-battery-full:before {
    content: "\eeb2"
}

.icofont-battery-half:before {
    content: "\eeb3"
}

.icofont-battery-low:before {
    content: "\eeb4"
}

.icofont-beaker:before {
    content: "\eeb5"
}

.icofont-beard:before {
    content: "\eeb6"
}

.icofont-bed:before {
    content: "\eeb7"
}

.icofont-bell:before {
    content: "\eeb8"
}

.icofont-beverage:before {
    content: "\eeb9"
}

.icofont-bill:before {
    content: "\eeba"
}

.icofont-bin:before {
    content: "\eebb"
}

.icofont-binary:before {
    content: "\eebc"
}

.icofont-binoculars:before {
    content: "\eebd"
}

.icofont-bluetooth:before {
    content: "\eebe"
}

.icofont-bomb:before {
    content: "\eebf"
}

.icofont-book-mark:before {
    content: "\eec0"
}

.icofont-box:before {
    content: "\eec1"
}

.icofont-briefcase:before {
    content: "\eec2"
}

.icofont-broken:before {
    content: "\eec3"
}

.icofont-bucket:before {
    content: "\eec4"
}

.icofont-bucket1:before {
    content: "\eec5"
}

.icofont-bucket2:before {
    content: "\eec6"
}

.icofont-bug:before {
    content: "\eec7"
}

.icofont-building:before {
    content: "\eec8"
}

.icofont-bulb-alt:before {
    content: "\eec9"
}

.icofont-bullet:before {
    content: "\eeca"
}

.icofont-bullhorn:before {
    content: "\eecb"
}

.icofont-bullseye:before {
    content: "\eecc"
}

.icofont-calendar:before {
    content: "\eecd"
}

.icofont-camera-alt:before {
    content: "\eece"
}

.icofont-camera:before {
    content: "\eecf"
}

.icofont-card:before {
    content: "\eed0"
}

.icofont-cart-alt:before {
    content: "\eed1"
}

.icofont-cart:before {
    content: "\eed2"
}

.icofont-cc:before {
    content: "\eed3"
}

.icofont-charging:before {
    content: "\eed4"
}

.icofont-chat:before {
    content: "\eed5"
}

.icofont-check-alt:before {
    content: "\eed6"
}

.icofont-check-circled:before {
    content: "\eed7"
}

.icofont-check:before {
    content: "\eed8"
}

.icofont-checked:before {
    content: "\eed9"
}

.icofont-children-care:before {
    content: "\eeda"
}

.icofont-clip:before {
    content: "\eedb"
}

.icofont-clock-time:before {
    content: "\eedc"
}

.icofont-close-circled:before {
    content: "\eedd"
}

.icofont-close-line-circled:before {
    content: "\eede"
}

.icofont-close-line-squared-alt:before {
    content: "\eedf"
}

.icofont-close-line-squared:before {
    content: "\eee0"
}

.icofont-close-line:before {
    content: "\eee1"
}

.icofont-close-squared-alt:before {
    content: "\eee2"
}

.icofont-close-squared:before {
    content: "\eee3"
}

.icofont-close:before {
    content: "\eee4"
}

.icofont-cloud-download:before {
    content: "\eee5"
}

.icofont-cloud-refresh:before {
    content: "\eee6"
}

.icofont-cloud-upload:before {
    content: "\eee7"
}

.icofont-cloud:before {
    content: "\eee8"
}

.icofont-code-not-allowed:before {
    content: "\eee9"
}

.icofont-code:before {
    content: "\eeea"
}

.icofont-comment:before {
    content: "\eeeb"
}

.icofont-compass-alt:before {
    content: "\eeec"
}

.icofont-compass:before {
    content: "\eeed"
}

.icofont-computer:before {
    content: "\eeee"
}

.icofont-connection:before {
    content: "\eeef"
}

.icofont-console:before {
    content: "\eef0"
}

.icofont-contacts:before {
    content: "\eef1"
}

.icofont-contrast:before {
    content: "\eef2"
}

.icofont-copyright:before {
    content: "\eef3"
}

.icofont-credit-card:before {
    content: "\eef4"
}

.icofont-crop:before {
    content: "\eef5"
}

.icofont-crown:before {
    content: "\eef6"
}

.icofont-cube:before {
    content: "\eef7"
}

.icofont-cubes:before {
    content: "\eef8"
}

.icofont-dashboard-web:before {
    content: "\eef9"
}

.icofont-dashboard:before {
    content: "\eefa"
}

.icofont-data:before {
    content: "\eefb"
}

.icofont-database-add:before {
    content: "\eefc"
}

.icofont-database-locked:before {
    content: "\eefd"
}

.icofont-database-remove:before {
    content: "\eefe"
}

.icofont-database:before {
    content: "\eeff"
}

.icofont-delete:before {
    content: "\ef00"
}

.icofont-diamond:before {
    content: "\ef01"
}

.icofont-dice-multiple:before {
    content: "\ef02"
}

.icofont-dice:before {
    content: "\ef03"
}

.icofont-disc:before {
    content: "\ef04"
}

.icofont-diskette:before {
    content: "\ef05"
}

.icofont-document-folder:before {
    content: "\ef06"
}

.icofont-download-alt:before {
    content: "\ef07"
}

.icofont-download:before {
    content: "\ef08"
}

.icofont-downloaded:before {
    content: "\ef09"
}

.icofont-drag:before {
    content: "\ef0a"
}

.icofont-drag1:before {
    content: "\ef0b"
}

.icofont-drag2:before {
    content: "\ef0c"
}

.icofont-drag3:before {
    content: "\ef0d"
}

.icofont-earth:before {
    content: "\ef0e"
}

.icofont-ebook:before {
    content: "\ef0f"
}

.icofont-edit:before {
    content: "\ef10"
}

.icofont-eject:before {
    content: "\ef11"
}

.icofont-email:before {
    content: "\ef12"
}

.icofont-envelope-open:before {
    content: "\ef13"
}

.icofont-envelope:before {
    content: "\ef14"
}

.icofont-eraser:before {
    content: "\ef15"
}

.icofont-error:before {
    content: "\ef16"
}

.icofont-excavator:before {
    content: "\ef17"
}

.icofont-exchange:before {
    content: "\ef18"
}

.icofont-exclamation-circle:before {
    content: "\ef19"
}

.icofont-exclamation-square:before {
    content: "\ef1a"
}

.icofont-exclamation-tringle:before {
    content: "\ef1b"
}

.icofont-exclamation:before {
    content: "\ef1c"
}

.icofont-exit:before {
    content: "\ef1d"
}

.icofont-expand:before {
    content: "\ef1e"
}

.icofont-external-link:before {
    content: "\ef1f"
}

.icofont-external:before {
    content: "\ef20"
}

.icofont-eye-alt:before {
    content: "\ef21"
}

.icofont-eye-blocked:before {
    content: "\ef22"
}

.icofont-eye-dropper:before {
    content: "\ef23"
}

.icofont-eye:before {
    content: "\ef24"
}

.icofont-favourite:before {
    content: "\ef25"
}

.icofont-fax:before {
    content: "\ef26"
}

.icofont-file-fill:before {
    content: "\ef27"
}

.icofont-film:before {
    content: "\ef28"
}

.icofont-filter:before {
    content: "\ef29"
}

.icofont-fire-alt:before {
    content: "\ef2a"
}

.icofont-fire-burn:before {
    content: "\ef2b"
}

.icofont-fire:before {
    content: "\ef2c"
}

.icofont-flag-alt-1:before {
    content: "\ef2d"
}

.icofont-flag-alt-2:before {
    content: "\ef2e"
}

.icofont-flag:before {
    content: "\ef2f"
}

.icofont-flame-torch:before {
    content: "\ef30"
}

.icofont-flash-light:before {
    content: "\ef31"
}

.icofont-flash:before {
    content: "\ef32"
}

.icofont-flask:before {
    content: "\ef33"
}

.icofont-focus:before {
    content: "\ef34"
}

.icofont-folder-open:before {
    content: "\ef35"
}

.icofont-folder:before {
    content: "\ef36"
}

.icofont-foot-print:before {
    content: "\ef37"
}

.icofont-garbage:before {
    content: "\ef38"
}

.icofont-gear-alt:before {
    content: "\ef39"
}

.icofont-gear:before {
    content: "\ef3a"
}

.icofont-gears:before {
    content: "\ef3b"
}

.icofont-gift:before {
    content: "\ef3c"
}

.icofont-glass:before {
    content: "\ef3d"
}

.icofont-globe:before {
    content: "\ef3e"
}

.icofont-graffiti:before {
    content: "\ef3f"
}

.icofont-grocery:before {
    content: "\ef40"
}

.icofont-hand:before {
    content: "\ef41"
}

.icofont-hanger:before {
    content: "\ef42"
}

.icofont-hard-disk:before {
    content: "\ef43"
}

.icofont-heart-alt:before {
    content: "\ef44"
}

.icofont-heart:before {
    content: "\ef45"
}

.icofont-history:before {
    content: "\ef46"
}

.icofont-home:before {
    content: "\ef47"
}

.icofont-horn:before {
    content: "\ef48"
}

.icofont-hour-glass:before {
    content: "\ef49"
}

.icofont-id:before {
    content: "\ef4a"
}

.icofont-image:before {
    content: "\ef4b"
}

.icofont-inbox:before {
    content: "\ef4c"
}

.icofont-infinite:before {
    content: "\ef4d"
}

.icofont-info-circle:before {
    content: "\ef4e"
}

.icofont-info-square:before {
    content: "\ef4f"
}

.icofont-info:before {
    content: "\ef50"
}

.icofont-institution:before {
    content: "\ef51"
}

.icofont-interface:before {
    content: "\ef52"
}

.icofont-invisible:before {
    content: "\ef53"
}

.icofont-jacket:before {
    content: "\ef54"
}

.icofont-jar:before {
    content: "\ef55"
}

.icofont-jewlery:before {
    content: "\ef56"
}

.icofont-karate:before {
    content: "\ef57"
}

.icofont-key-hole:before {
    content: "\ef58"
}

.icofont-key:before {
    content: "\ef59"
}

.icofont-label:before {
    content: "\ef5a"
}

.icofont-lamp:before {
    content: "\ef5b"
}

.icofont-layers:before {
    content: "\ef5c"
}

.icofont-layout:before {
    content: "\ef5d"
}

.icofont-leaf:before {
    content: "\ef5e"
}

.icofont-leaflet:before {
    content: "\ef5f"
}

.icofont-learn:before {
    content: "\ef60"
}

.icofont-lego:before {
    content: "\ef61"
}

.icofont-lens:before {
    content: "\ef62"
}

.icofont-letter:before {
    content: "\ef63"
}

.icofont-letterbox:before {
    content: "\ef64"
}

.icofont-library:before {
    content: "\ef65"
}

.icofont-license:before {
    content: "\ef66"
}

.icofont-life-bouy:before {
    content: "\ef67"
}

.icofont-life-buoy:before {
    content: "\ef68"
}

.icofont-life-jacket:before {
    content: "\ef69"
}

.icofont-life-ring:before {
    content: "\ef6a"
}

.icofont-light-bulb:before {
    content: "\ef6b"
}

.icofont-lighter:before {
    content: "\ef6c"
}

.icofont-lightning-ray:before {
    content: "\ef6d"
}

.icofont-like:before {
    content: "\ef6e"
}

.icofont-line-height:before {
    content: "\ef6f"
}

.icofont-link-alt:before {
    content: "\ef70"
}

.icofont-link:before {
    content: "\ef71"
}

.icofont-list:before {
    content: "\ef72"
}

.icofont-listening:before {
    content: "\ef73"
}

.icofont-listine-dots:before {
    content: "\ef74"
}

.icofont-listing-box:before {
    content: "\ef75"
}

.icofont-listing-number:before {
    content: "\ef76"
}

.icofont-live-support:before {
    content: "\ef77"
}

.icofont-location-arrow:before {
    content: "\ef78"
}

.icofont-location-pin:before {
    content: "\ef79"
}

.icofont-lock:before {
    content: "\ef7a"
}

.icofont-login:before {
    content: "\ef7b"
}

.icofont-logout:before {
    content: "\ef7c"
}

.icofont-lollipop:before {
    content: "\ef7d"
}

.icofont-long-drive:before {
    content: "\ef7e"
}

.icofont-look:before {
    content: "\ef7f"
}

.icofont-loop:before {
    content: "\ef80"
}

.icofont-luggage:before {
    content: "\ef81"
}

.icofont-lunch:before {
    content: "\ef82"
}

.icofont-lungs:before {
    content: "\ef83"
}

.icofont-magic-alt:before {
    content: "\ef84"
}

.icofont-magic:before {
    content: "\ef85"
}

.icofont-magnet:before {
    content: "\ef86"
}

.icofont-mail-box:before {
    content: "\ef87"
}

.icofont-mail:before {
    content: "\ef88"
}

.icofont-male:before {
    content: "\ef89"
}

.icofont-map-pins:before {
    content: "\ef8a"
}

.icofont-map:before {
    content: "\ef8b"
}

.icofont-maximize:before {
    content: "\ef8c"
}

.icofont-measure:before {
    content: "\ef8d"
}

.icofont-medicine:before {
    content: "\ef8e"
}

.icofont-mega-phone:before {
    content: "\ef8f"
}

.icofont-megaphone-alt:before {
    content: "\ef90"
}

.icofont-megaphone:before {
    content: "\ef91"
}

.icofont-memorial:before {
    content: "\ef92"
}

.icofont-memory-card:before {
    content: "\ef93"
}

.icofont-mic-mute:before {
    content: "\ef94"
}

.icofont-mic:before {
    content: "\ef95"
}

.icofont-military:before {
    content: "\ef96"
}

.icofont-mill:before {
    content: "\ef97"
}

.icofont-minus-circle:before {
    content: "\ef98"
}

.icofont-minus-square:before {
    content: "\ef99"
}

.icofont-minus:before {
    content: "\ef9a"
}

.icofont-mobile-phone:before {
    content: "\ef9b"
}

.icofont-molecule:before {
    content: "\ef9c"
}

.icofont-money:before {
    content: "\ef9d"
}

.icofont-moon:before {
    content: "\ef9e"
}

.icofont-mop:before {
    content: "\ef9f"
}

.icofont-muffin:before {
    content: "\efa0"
}

.icofont-mustache:before {
    content: "\efa1"
}

.icofont-navigation-menu:before {
    content: "\efa2"
}

.icofont-navigation:before {
    content: "\efa3"
}

.icofont-network-tower:before {
    content: "\efa4"
}

.icofont-network:before {
    content: "\efa5"
}

.icofont-news:before {
    content: "\efa6"
}

.icofont-newspaper:before {
    content: "\efa7"
}

.icofont-no-smoking:before {
    content: "\efa8"
}

.icofont-not-allowed:before {
    content: "\efa9"
}

.icofont-notebook:before {
    content: "\efaa"
}

.icofont-notepad:before {
    content: "\efab"
}

.icofont-notification:before {
    content: "\efac"
}

.icofont-numbered:before {
    content: "\efad"
}

.icofont-opposite:before {
    content: "\efae"
}

.icofont-optic:before {
    content: "\efaf"
}

.icofont-options:before {
    content: "\efb0"
}

.icofont-package:before {
    content: "\efb1"
}

.icofont-page:before {
    content: "\efb2"
}

.icofont-paint:before {
    content: "\efb3"
}

.icofont-paper-plane:before {
    content: "\efb4"
}

.icofont-paperclip:before {
    content: "\efb5"
}

.icofont-papers:before {
    content: "\efb6"
}

.icofont-pay:before {
    content: "\efb7"
}

.icofont-penguin-linux:before {
    content: "\efb8"
}

.icofont-pestle:before {
    content: "\efb9"
}

.icofont-phone-circle:before {
    content: "\efba"
}

.icofont-phone:before {
    content: "\efbb"
}

.icofont-picture:before {
    content: "\efbc"
}

.icofont-pine:before {
    content: "\efbd"
}

.icofont-pixels:before {
    content: "\efbe"
}

.icofont-plugin:before {
    content: "\efbf"
}

.icofont-plus-circle:before {
    content: "\efc0"
}

.icofont-plus-square:before {
    content: "\efc1"
}

.icofont-plus:before {
    content: "\efc2"
}

.icofont-polygonal:before {
    content: "\efc3"
}

.icofont-power:before {
    content: "\efc4"
}

.icofont-price:before {
    content: "\efc5"
}

.icofont-print:before {
    content: "\efc6"
}

.icofont-puzzle:before {
    content: "\efc7"
}

.icofont-qr-code:before {
    content: "\efc8"
}

.icofont-queen:before {
    content: "\efc9"
}

.icofont-question-circle:before {
    content: "\efca"
}

.icofont-question-square:before {
    content: "\efcb"
}

.icofont-question:before {
    content: "\efcc"
}

.icofont-quote-left:before {
    content: "\efcd"
}

.icofont-quote-right:before {
    content: "\efce"
}

.icofont-random:before {
    content: "\efcf"
}

.icofont-recycle:before {
    content: "\efd0"
}

.icofont-refresh:before {
    content: "\efd1"
}

.icofont-repair:before {
    content: "\efd2"
}

.icofont-reply-all:before {
    content: "\efd3"
}

.icofont-reply:before {
    content: "\efd4"
}

.icofont-resize:before {
    content: "\efd5"
}

.icofont-responsive:before {
    content: "\efd6"
}

.icofont-retweet:before {
    content: "\efd7"
}

.icofont-road:before {
    content: "\efd8"
}

.icofont-robot:before {
    content: "\efd9"
}

.icofont-royal:before {
    content: "\efda"
}

.icofont-rss-feed:before {
    content: "\efdb"
}

.icofont-safety:before {
    content: "\efdc"
}

.icofont-sale-discount:before {
    content: "\efdd"
}

.icofont-satellite:before {
    content: "\efde"
}

.icofont-send-mail:before {
    content: "\efdf"
}

.icofont-server:before {
    content: "\efe0"
}

.icofont-settings-alt:before {
    content: "\efe1"
}

.icofont-settings:before {
    content: "\efe2"
}

.icofont-share-alt:before {
    content: "\efe3"
}

.icofont-share-boxed:before {
    content: "\efe4"
}

.icofont-share:before {
    content: "\efe5"
}

.icofont-shield:before {
    content: "\efe6"
}

.icofont-shopping-cart:before {
    content: "\efe7"
}

.icofont-sign-in:before {
    content: "\efe8"
}

.icofont-sign-out:before {
    content: "\efe9"
}

.icofont-signal:before {
    content: "\efea"
}

.icofont-site-map:before {
    content: "\efeb"
}

.icofont-smart-phone:before {
    content: "\efec"
}

.icofont-soccer:before {
    content: "\efed"
}

.icofont-sort-alt:before {
    content: "\efee"
}

.icofont-sort:before {
    content: "\efef"
}

.icofont-space:before {
    content: "\eff0"
}

.icofont-spanner:before {
    content: "\eff1"
}

.icofont-speech-comments:before {
    content: "\eff2"
}

.icofont-speed-meter:before {
    content: "\eff3"
}

.icofont-spinner-alt-1:before {
    content: "\eff4"
}

.icofont-spinner-alt-2:before {
    content: "\eff5"
}

.icofont-spinner-alt-3:before {
    content: "\eff6"
}

.icofont-spinner-alt-4:before {
    content: "\eff7"
}

.icofont-spinner-alt-5:before {
    content: "\eff8"
}

.icofont-spinner-alt-6:before {
    content: "\eff9"
}

.icofont-spinner:before {
    content: "\effa"
}

.icofont-spreadsheet:before {
    content: "\effb"
}

.icofont-square:before {
    content: "\effc"
}

.icofont-ssl-security:before {
    content: "\effd"
}

.icofont-star-alt-1:before {
    content: "\effe"
}

.icofont-star-alt-2:before {
    content: "\efff"
}

.icofont-star:before {
    content: "\f000"
}

.icofont-street-view:before {
    content: "\f001"
}

.icofont-support-faq:before {
    content: "\f002"
}

.icofont-tack-pin:before {
    content: "\f003"
}

.icofont-tag:before {
    content: "\f004"
}

.icofont-tags:before {
    content: "\f005"
}

.icofont-tasks-alt:before {
    content: "\f006"
}

.icofont-tasks:before {
    content: "\f007"
}

.icofont-telephone:before {
    content: "\f008"
}

.icofont-telescope:before {
    content: "\f009"
}

.icofont-terminal:before {
    content: "\f00a"
}

.icofont-thumbs-down:before {
    content: "\f00b"
}

.icofont-thumbs-up:before {
    content: "\f00c"
}

.icofont-tick-boxed:before {
    content: "\f00d"
}

.icofont-tick-mark:before {
    content: "\f00e"
}

.icofont-ticket:before {
    content: "\f00f"
}

.icofont-tie:before {
    content: "\f010"
}

.icofont-toggle-off:before {
    content: "\f011"
}

.icofont-toggle-on:before {
    content: "\f012"
}

.icofont-tools-alt-2:before {
    content: "\f013"
}

.icofont-tools:before {
    content: "\f014"
}

.icofont-touch:before {
    content: "\f015"
}

.icofont-traffic-light:before {
    content: "\f016"
}

.icofont-transparent:before {
    content: "\f017"
}

.icofont-tree:before {
    content: "\f018"
}

.icofont-unique-idea:before {
    content: "\f019"
}

.icofont-unlock:before {
    content: "\f01a"
}

.icofont-unlocked:before {
    content: "\f01b"
}

.icofont-upload-alt:before {
    content: "\f01c"
}

.icofont-upload:before {
    content: "\f01d"
}

.icofont-usb-drive:before {
    content: "\f01e"
}

.icofont-usb:before {
    content: "\f01f"
}

.icofont-vector-path:before {
    content: "\f020"
}

.icofont-verification-check:before {
    content: "\f021"
}

.icofont-wall-clock:before {
    content: "\f022"
}

.icofont-wall:before {
    content: "\f023"
}

.icofont-wallet:before {
    content: "\f024"
}

.icofont-warning-alt:before {
    content: "\f025"
}

.icofont-warning:before {
    content: "\f026"
}

.icofont-water-drop:before {
    content: "\f027"
}

.icofont-web:before {
    content: "\f028"
}

.icofont-wheelchair:before {
    content: "\f029"
}

.icofont-wifi-alt:before {
    content: "\f02a"
}

.icofont-wifi:before {
    content: "\f02b"
}

.icofont-world:before {
    content: "\f02c"
}

.icofont-zigzag:before {
    content: "\f02d"
}

.icofont-zipped:before {
    content: "\f02e"
}

.icofont-xs {
    font-size: .5em
}

.icofont-sm {
    font-size: .75em
}

.icofont-md {
    font-size: 1.25em
}

.icofont-lg {
    font-size: 1.5em
}

.icofont-1x {
    font-size: 1em
}

.icofont-2x {
    font-size: 2em
}

.icofont-3x {
    font-size: 3em
}

.icofont-4x {
    font-size: 4em
}

.icofont-5x {
    font-size: 5em
}

.icofont-6x {
    font-size: 6em
}

.icofont-7x {
    font-size: 7em
}

.icofont-8x {
    font-size: 8em
}

.icofont-9x {
    font-size: 9em
}

.icofont-10x {
    font-size: 10em
}

.icofont-fw {
    text-align: center;
    width: 1.25em
}

.icofont-ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0
}

    .icofont-ul > li {
        position: relative;
        line-height: 2em
    }

        .icofont-ul > li .icofont {
            display: inline-block;
            vertical-align: middle
        }

.icofont-border {
    border: solid .08em #f1f1f1;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.icofont-pull-left {
    float: left
}

.icofont-pull-right {
    float: right
}

.icofont.icofont-pull-left {
    margin-right: .3em
}

.icofont.icofont-pull-right {
    margin-left: .3em
}

.icofont-spin {
    -webkit-animation: icofont-spin 2s infinite linear;
    animation: icofont-spin 2s infinite linear;
    display: inline-block
}

.icofont-pulse {
    -webkit-animation: icofont-spin 1s infinite steps(8);
    animation: icofont-spin 1s infinite steps(8);
    display: inline-block
}

@-webkit-keyframes icofont-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes icofont-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.icofont-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icofont-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icofont-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.icofont-flip-horizontal {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.icofont-flip-vertical {
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1)
}

.icofont-flip-horizontal.icofont-flip-vertical {
    -webkit-transform: scale(-1,-1);
    transform: scale(-1,-1)
}

:root .icofont-flip-horizontal, :root .icofont-flip-vertical, :root .icofont-rotate-180, :root .icofont-rotate-270, :root .icofont-rotate-90 {
    -webkit-filter: none;
    filter: none;
    display: inline-block
}

.icofont-inverse {
    color: #fff
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../../themes/courses-listing/inc/opt-in/OwlCarousel/assets/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.wpc-orderby-select {
    width: 100%
}

.wpc-filters-open-button-container {
    display: none
}

.wpc-debug-message {
    padding: 16px;
    font-size: 14px;
    border: 1px dashed #ccc;
    margin-bottom: 20px
}

.wpc-debug-title {
    visibility: hidden
}

.wpc-button-inner, .wpc-chip-content {
    display: flex;
    align-items: center
}

.wpc-icon-html-wrapper {
    position: relative;
    margin-right: 10px;
    top: 2px
}

    .wpc-icon-html-wrapper span {
        display: block;
        height: 1px;
        width: 18px;
        border-radius: 3px;
        background: #2c2d33;
        margin-bottom: 4px;
        position: relative
    }

span.wpc-icon-line-1:after, span.wpc-icon-line-2:after, span.wpc-icon-line-3:after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border: 1px solid #2c2d33;
    background-color: #fff;
    position: absolute;
    top: -2px;
    box-sizing: content-box
}

span.wpc-icon-line-3:after {
    border-radius: 50%;
    left: 2px
}

span.wpc-icon-line-1:after {
    border-radius: 50%;
    left: 5px
}

span.wpc-icon-line-2:after {
    border-radius: 50%;
    left: 12px
}

body .wpc-filters-open-button-container a.wpc-filters-open-widget, body .wpc-filters-open-button-container a.wpc-open-close-filters-button {
    display: inline-block;
    text-align: left;
    border: 1px solid #2c2d33;
    border-radius: 2px;
    line-height: 1.5;
    padding: 7px 12px;
    background-color: transparent;
    color: #2c2d33;
    box-sizing: border-box;
    text-decoration: none !important;
    font-weight: 400;
    transition: none;
    position: relative
}

@media screen and (max-width:768px) {
    .wpc_show_bottom_widget .wpc-filters-open-button-container, .wpc_show_open_close_button .wpc-filters-open-button-container {
        display: block
    }

    .wpc_show_bottom_widget .wpc-filters-open-button-container {
        margin-top: 1em;
        margin-bottom: 1em
    }
}

div.venues:nth-child(2) > ul:nth-child(2) {
    display: grid;
    grid-template-columns: 14em 12em
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f105"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before, .fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-vcard:before, .fa-address-card:before {
    content: "\f2bb"
}

.fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}