@media screen and (prefers-reduced-motion:reduce) {
    .form-control {
        -webkit-transition: none;
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: gray;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #868e96;
    opacity: 1
}

.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
    color: #868e96;
    opacity: 1
}

.form-control::placeholder {
    color: #868e96;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: gray;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.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;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm,
.input-group-lg>.form-control-plaintext.form-control,
.input-group-lg>.input-group-append>.form-control-plaintext.btn,
.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
.input-group-sm>.form-control-plaintext.form-control,
.input-group-sm>.input-group-append>.form-control-plaintext.btn,
.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #868e96
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40, 167, 69, .8);
    border-radius: .2rem
}

.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
    border-color: #28a745
}

.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
    background-color: #71dd8a
}

.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25);
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label:before,
.was-validated .custom-file-input:valid~.custom-file-label:before {
    border-color: inherit
}

.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220, 53, 69, .8);
    border-radius: .2rem
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545
}

.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
    background-color: #efa2a9
}

.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25);
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label:before,
.was-validated .custom-file-input:invalid~.custom-file-label:before {
    border-color: inherit
}

.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .form-inline .form-group,
    .form-inline label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        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;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .btn {
        -webkit-transition: none;
        transition: none
    }
}

.btn:focus,
.btn:hover {
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    background-image: none
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

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

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96
}

.btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d
}

.btn-secondary.focus,
.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 .2rem hsla(210, 7%, 56%, .5);
    box-shadow: 0 0 0 .2rem hsla(210, 7%, 56%, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #666e76
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem hsla(210, 7%, 56%, .5);
    box-shadow: 0 0 0 .2rem hsla(210, 7%, 56%, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 .2rem hsla(210, 7%, 56%, .5);
    box-shadow: 0 0 0 .2rem hsla(210, 7%, 56%, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #868e96;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem hsla(210, 7%, 56%, .5);
    box-shadow: 0 0 0 .2rem hsla(210, 7%, 56%, .5)
}



a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #dc3545!important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

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

.border-secondary {
    border-color: #868e96!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

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

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

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

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

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

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

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

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

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

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-print-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column,
.flex-row {
    -webkit-box-direction: normal!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse,
.flex-row-reverse {
    -webkit-box-direction: reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

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

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

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

.flex-fill {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -webkit-box-flex: 0!important;
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -webkit-box-flex: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column,
    .flex-sm-row {
        -webkit-box-direction: normal!important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column,
    .flex-md-row {
        -webkit-box-direction: normal!important
    }
    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column,
    .flex-lg-row {
        -webkit-box-direction: normal!important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column,
    .flex-xl-row {
        -webkit-box-direction: normal!important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-xl-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-xl-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-xl-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left!important
    }
    .float-sm-right {
        float: right!important
    }
    .float-sm-none {
        float: none!important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left!important
    }
    .float-md-right {
        float: right!important
    }
    .float-md-none {
        float: none!important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left!important
    }
    .float-lg-right {
        float: right!important
    }
    .float-lg-none {
        float: none!important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left!important
    }
    .float-xl-right {
        float: right!important
    }
    .float-xl-none {
        float: 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: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

.shadow-none {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

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

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

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.text-primary:focus,
a.text-primary:hover {
    color: #0062cc!important
}

.text-secondary {
    color: #868e96!important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #6c757d!important
}

.text-success {
    color: #28a745!important
}

a.text-success:focus,
a.text-success:hover {
    color: #1e7e34!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:focus,
a.text-info:hover {
    color: #117a8b!important
}

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

a.text-warning:focus,
a.text-warning:hover {
    color: #d39e00!important
}

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

a.text-danger:focus,
a.text-danger:hover {
    color: #bd2130!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,
a.text-light:hover {
    color: #dae0e5!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #1d2124!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #868e96!important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5)!important
}

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

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,
    :after,
    :before {
        text-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    .container,
    body {
        min-width: 992px!important
    }
 
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6!important
    }
}

:root {
    font-size: 16px
}

header.header.s_open .lang_select {
    display: none
}

header.header.s_open .logo {
    width: 0;
    opacity: 0
}

@media (min-width:576px) {
    header.header.s_open .logo {
        width: auto;
        opacity: 1
    }
}

header.header.s_open .search_form .header_icon_container input {
    width: calc(100vw - 78px);
    padding: 17px 48px 17px 24px;
    opacity: 1;
    pointer-events: all;
    float: right;
    -webkit-transition: width .2s cubic-bezier(.3, .16, .68, .92);
    transition: width .2s cubic-bezier(.3, .16, .68, .92)
}

@media (min-width:576px) {
    header.header.s_open .search_form .header_icon_container input {
        max-width: 360px;
        padding: 17px 48px 17px 40px;
        margin: 0 0 0 18px;
        -webkit-transition: width .6s cubic-bezier(1, .89, .19, .99), padding 0ms, margin 0ms;
        transition: width .6s cubic-bezier(1, .89, .19, .99), padding 0ms, margin 0ms
    }
}

header.header.s_open .search_form .header_icon_container .header_icon {
    border-color: #0c3971;
    color: #0c3971
}

header.header.s_open .search_form .header_icon_container .header_icon:hover {
    background: #0c3971;
    color: #fff
}

header.header.s_open .search_form .header_icon_container .header_icon:hover svg * {
    fill: #fff
}

header.header.s_open .search_form .header_icon_container .header_icon svg.icon_search {
    top: -30%
}

header.header.s_open .search_form .header_icon_container .header_icon svg.icon_close {
    top: 50%
}

header.header.s_open .search_form .header_icon_container .header_icon svg * {
    fill: #0c3971
}

@media (min-width:992px) {
    header.header {
        position: absolute;
        width: 100%;
        z-index: 10
    }
}
 


footer.footer {
    background: linear-gradient(121deg, #0c3971, #072243);
    filter: progid: DXImageTransform.Microsoft.gradient startColorstr=#0c3971, endColorstr=#072243, GradientType=1;
    border-top: 7px solid #008ccc;
    color: #fff;
    padding: 3.5em 0;
    letter-spacing: 1.5px
}

@media (max-width:1199.98px) {
    footer.footer {
        padding: 3.5em 0 6em
    }
}

@media (max-width:767.98px) {
    footer.footer {
        padding: 1.5em 0 1em
    }
}

footer.footer .footer-cols {
    margin: 0;
    padding: 0 0 50px;
    position: relative
}

@media (max-width:767.98px) {
    footer.footer .footer-cols {
        margin-bottom: 2em
    }
}

footer.footer .footer-cols .logo svg {
    width: 85px;
    height: auto;
    margin: 0 auto 30px
}

@media (max-width:767.98px) {
    footer.footer .footer-cols .logo svg {
        margin-top: 3.5em
    }
}

footer.footer .footer-cols .logo svg * {
    fill: #fff
}

footer.footer .footer-cols .logo p {
    text-align: center;
    margin-top: 10px;
    font-size: .8rem
}

@media (min-width:576px) {
    footer.footer .footer-cols .after_footer {
        width: 100%;
        height: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media (min-width:576px) {
    footer.footer .footer-cols .after_footer ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        float: left;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width:576px) {
    footer.footer .footer-cols .after_footer ul li {
        width: auto;
        font-size: 15px;
        float: left
    }
}

@media (min-width:576px) {
    footer.footer .footer-cols .after_footer ul li a {
        padding: 0
    }
}

@media (min-width:576px) {
    footer.footer .footer-cols .after_footer ul li:before {
        content: "|";
        padding: 0 5px;
        float: left
    }
}

footer.footer .footer-cols .after_footer ul li:first-of-type::before {
    display: none;
    content: ""
}

@media (max-width:991.98px) {
    footer.footer .footer-cols .after_footer ul li:nth-of-type(2):before {
        display: none;
        content: ""
    }
}

footer.footer .footer-cols .after_footer ul .copyright {
    display: none;
    width: 100%;
    text-align: center
}

@media (min-width:576px) {
    footer.footer .footer-cols .after_footer ul .copyright {
        display: block
    }
}

@media (min-width:992px) {
    footer.footer .footer-cols .after_footer ul .copyright {
        width: auto;
        float: left
    }
}

footer.footer h3 {
    font-size: 16px;
    margin-bottom: 1.2em;
    text-transform: uppercase;
    font-weight: 700
}

@media (max-width:1199.98px) {
    footer.footer h3 {
        margin: 0;
        padding: 8px 0;
        cursor: pointer
    }
}

@media (min-width:992px) {
    footer.footer h3 {
        pointer-events: none
    }
}

footer.footer h3 span {
    position: absolute;
    top: 4px;
    right: 20px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .15s cubic-bezier(.3, .16, .68, .92);
    transition: -webkit-transform .15s cubic-bezier(.3, .16, .68, .92);
    transition: transform .15s cubic-bezier(.3, .16, .68, .92);
    transition: transform .15s cubic-bezier(.3, .16, .68, .92), -webkit-transform .15s cubic-bezier(.3, .16, .68, .92)
}

footer.footer h3[aria-expanded=true] span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

footer.footer ul,
footer.footer ul.collapse {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    float: left
}

@media (min-width:992px) {
    footer.footer ul,
    footer.footer ul.collapse {
        display: block
    }
}

footer.footer ul.collapse li,
footer.footer ul li {
    width: 100%;
    float: left
}

footer.footer ul.collapse li a,
footer.footer ul li a {
    width: inherit;
    float: left
}

@media (max-width:1199.98px) {
    footer.footer ul.collapse li a,
    footer.footer ul li a {
        padding: 3px 0
    }
}

footer.footer a {
    color: #fff
}

footer.footer a:hover {
    color: #e6e5e5;
    text-decoration: none
}

.gmnoprint {
    display: none
}

.gm-bundled-control,
.gm-bundled-control .gmnoprint {
    display: block
}

.section-body {
    padding: 4.5em 15px;
    letter-spacing: .5px
}

@media (max-width:575.98px) {
    .section-body {
        padding: 1.5em 15px
    }
}

@media (max-width:767.98px) {
    .section-body {
        padding: 2.5em 0
    }
}

.section-body h1 {
    font-size: 4.5em;
    margin-bottom: .5em
}

@media (max-width:767.98px) {
    .section-body h1 {
        font-size: 2em;
        font-weight: 300
    }
}

.section ul {
    list-style-type: square
}

.section-white,
.vacancy-categories .section:nth-child(2n) {
    background-color: #fff;
    color: #505050
}

.section-white a,
.section-white h1,
.section-white ul a,
.vacancy-categories .section:nth-child(2n) a,
.vacancy-categories .section:nth-child(2n) h1,
.vacancy-categories .section:nth-child(2n) ul a {
    color: #0c3971
}

.section-blue,
.vacancy-categories .section:nth-child(odd) {
    background-color: #0c3971;
    color: #fff
}

.section-blue a,
.section-blue h1,
.section-blue ul a,
.vacancy-categories .section:nth-child(odd) a,
.vacancy-categories .section:nth-child(odd) h1,
.vacancy-categories .section:nth-child(odd) ul a {
    color: #fff
}

.section-people {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(12, 57, 113, .2)), color-stop(85%, #0c3971)), url(/images/bg-people.jpg?ecbe5e79402d66d2b1e1c7fd89b47c03) top no-repeat;
    background: linear-gradient(rgba(12, 57, 113, .2), #0c3971 85%), url(/images/bg-people.jpg?ecbe5e79402d66d2b1e1c7fd89b47c03) top no-repeat;
    background-size: cover;
    padding-top: 20em
}

@media (max-width:767.98px) {
    .section-people {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(12, 57, 113, .9)), color-stop(85%, #0c3971)), url(/images/bg-people.jpg?ecbe5e79402d66d2b1e1c7fd89b47c03) top no-repeat;
        background: linear-gradient(rgba(12, 57, 113, .9), #0c3971 85%), url(/images/bg-people.jpg?ecbe5e79402d66d2b1e1c7fd89b47c03) top no-repeat
    }
}

@media (max-width:575.98px) {
    .section-people {
        padding-top: 3em
    }
}

.section-responsibility {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .2)), color-stop(85%, #fff)), url(/images/bg-loods.jpg?5d8efdc23f4f6caa7636d092ede0819b) top no-repeat;
    background: linear-gradient(hsla(0, 0%, 100%, .2), #fff 85%), url(/images/bg-loods.jpg?5d8efdc23f4f6caa7636d092ede0819b) top no-repeat;
    background-size: cover;
    padding-top: 13em
}

@media (max-width:767.98px) {
    .section-responsibility {
        background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .9)), color-stop(85%, #fff)), url(/images/bg-loods.jpg?5d8efdc23f4f6caa7636d092ede0819b) top no-repeat;
        background: linear-gradient(hsla(0, 0%, 100%, .9), #fff 85%), url(/images/bg-loods.jpg?5d8efdc23f4f6caa7636d092ede0819b) top no-repeat
    }
}

@media (max-width:575.98px) {
    .section-responsibility {
        padding-top: 2em
    }
}

.section-responsibilityb {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .2)), color-stop(85%, #fff)), url(/images/bg-responsibility.jpg?3d2cb56d21663fe54e57c43735ef168e) top no-repeat;
    background: linear-gradient(hsla(0, 0%, 100%, .2), #fff 85%), url(/images/bg-responsibility.jpg?3d2cb56d21663fe54e57c43735ef168e) top no-repeat;
    background-size: cover;
    padding-top: 13em
}

@media (max-width:767.98px) {
    .section-responsibilityb {
        background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .9)), color-stop(85%, #fff)), url(/images/bg-responsibility.jpg?3d2cb56d21663fe54e57c43735ef168e) top no-repeat;
        background: linear-gradient(hsla(0, 0%, 100%, .9), #fff 85%), url(/images/bg-responsibility.jpg?3d2cb56d21663fe54e57c43735ef168e) top no-repeat
    }
}

@media (max-width:575.98px) {
    .section-responsibilityb {
        padding-top: 2em
    }
}

.section-leading {
    background: -webkit-gradient(linear, left top, left bottom, from(#0c3971), color-stop(85%, rgba(12, 57, 113, .6))), url(/images/bg-leading.jpg?38ca8dda9474c9afb72d78f0c32de1d3) 50% no-repeat;
    background: linear-gradient(#0c3971, rgba(12, 57, 113, .6) 85%), url(/images/bg-leading.jpg?38ca8dda9474c9afb72d78f0c32de1d3) 50% no-repeat;
    background-size: cover
}

@media (max-width:767.98px) {
    .section-leading {
        background: -webkit-gradient(linear, left top, left bottom, from(#0c3971), color-stop(85%, rgba(12, 57, 113, .9))), url(/images/bg-leading.jpg?38ca8dda9474c9afb72d78f0c32de1d3) 50% no-repeat;
        background: linear-gradient(#0c3971, rgba(12, 57, 113, .9) 85%), url(/images/bg-leading.jpg?38ca8dda9474c9afb72d78f0c32de1d3) 50% no-repeat
    }
}

.section-luxury {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .6))), url(/images/bg-luxury.jpg?a7f7be6f3f3ff4c9547d3c965d116699) 50% no-repeat;
    background: linear-gradient(#fff, hsla(0, 0%, 100%, .6) 85%), url(/images/bg-luxury.jpg?a7f7be6f3f3ff4c9547d3c965d116699) 50% no-repeat;
    background-size: cover;
    padding: 0 0 7em
}

@media (max-width:767.98px) {
    .section-luxury {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .9))), url(/images/bg-luxury.jpg?a7f7be6f3f3ff4c9547d3c965d116699) 50% no-repeat;
        background: linear-gradient(#fff, hsla(0, 0%, 100%, .9) 85%), url(/images/bg-luxury.jpg?a7f7be6f3f3ff4c9547d3c965d116699) 50% no-repeat
    }
}

@media (max-width:991.98px) {
    .section-luxury {
        padding: 0 0 5em
    }
}

@media (max-width:767.98px) {
    .section-luxury {
        padding: 0 0 1em
    }
}

.section-space {
    height: 15em;
    display: block
}

@media (max-width:575.98px) {
    .section-space {
        height: 0
    }
}

.section-coverage {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .6))), url(/images/bg-loodsb.jpg?24f7962bbf72be4ec263a49ce6a6df7e) 50% no-repeat;
    background: linear-gradient(#fff, hsla(0, 0%, 100%, .6) 85%), url(/images/bg-loodsb.jpg?24f7962bbf72be4ec263a49ce6a6df7e) 50% no-repeat;
    background-size: cover
}

@media (max-width:767.98px) {
    .section-coverage {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .9))), url(/images/bg-loodsb.jpg?24f7962bbf72be4ec263a49ce6a6df7e) 50% no-repeat;
        background: linear-gradient(#fff, hsla(0, 0%, 100%, .9) 85%), url(/images/bg-loodsb.jpg?24f7962bbf72be4ec263a49ce6a6df7e) 50% no-repeat
    }
}

.section-history {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .6))), url(/images/bg-history.jpg?1b815d8eca04b45c3cae15f5d48d4260) 50% no-repeat;
    background: linear-gradient(#fff, hsla(0, 0%, 100%, .6) 85%), url(/images/bg-history.jpg?1b815d8eca04b45c3cae15f5d48d4260) 50% no-repeat;
    background-size: cover;
    padding: 5em 0
}

@media (max-width:767.98px) {
    .section-history {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .9))), url(/images/bg-history.jpg?1b815d8eca04b45c3cae15f5d48d4260) 50% no-repeat;
        background: linear-gradient(#fff, hsla(0, 0%, 100%, .9) 85%), url(/images/bg-history.jpg?1b815d8eca04b45c3cae15f5d48d4260) 50% no-repeat
    }
}

@media (max-width:575.98px) {
    .section-history {
        padding: 0
    }
}

.section-timeline {
    background: -webkit-gradient(linear, left top, left bottom, from(#0c3971), color-stop(85%, rgba(12, 57, 113, .6))), url(/images/bg-timeline.jpg?813370f71058344291a218b1e2f9ddbb) 50% no-repeat;
    background: linear-gradient(#0c3971, rgba(12, 57, 113, .6) 85%), url(/images/bg-timeline.jpg?813370f71058344291a218b1e2f9ddbb) 50% no-repeat;
    background-size: cover
}

@media (max-width:767.98px) {
    .section-timeline {
        background: -webkit-gradient(linear, left top, left bottom, from(#0c3971), color-stop(85%, rgba(12, 57, 113, .9))), url(/images/bg-timeline.jpg?813370f71058344291a218b1e2f9ddbb) 50% no-repeat;
        background: linear-gradient(#0c3971, rgba(12, 57, 113, .9) 85%), url(/images/bg-timeline.jpg?813370f71058344291a218b1e2f9ddbb) 50% no-repeat
    }
}

.section-timeline img {
    max-height: 300px
}

@media (max-width:575.98px) {
    .section-timeline img {
        max-height: 150px;
        display: block;
        margin: 0 auto;
        margin-bottom: 2em
    }
}

.section-timeline ul {
    list-style: none
}

.section-timeline ul .year {
    font-weight: 700
}

.section-timeline ul li {
    margin-bottom: 1.2em;
    font-size: 20px
}

@media (max-width:575.98px) {
    .section-timeline ul li {
        font-size: 14px
    }
}

.section-leader {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(12, 57, 113, .2)), color-stop(85%, #0c3971)), url(/images/bg-leading.jpg?38ca8dda9474c9afb72d78f0c32de1d3) top no-repeat;
    background: linear-gradient(rgba(12, 57, 113, .2), #0c3971 85%), url(/images/bg-leading.jpg?38ca8dda9474c9afb72d78f0c32de1d3) top no-repeat;
    background-size: cover;
    padding: 10em 0
}

@media (max-width:767.98px) {
    .section-leader {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(12, 57, 113, .9)), color-stop(85%, #0c3971)), url(/images/bg-leading.jpg?38ca8dda9474c9afb72d78f0c32de1d3) top no-repeat;
        background: linear-gradient(rgba(12, 57, 113, .9), #0c3971 85%), url(/images/bg-leading.jpg?38ca8dda9474c9afb72d78f0c32de1d3) top no-repeat
    }
}

@media (max-width:991.98px) {
    .section-leader {
        padding: 7em
    }
}

@media (max-width:767.98px) {
    .section-leader {
        padding: 1em
    }
}

.section-footer {
    background: url(/images/htg-groepsfoto.jpg?af7e7b76d78fdb09b9aeeaa089cc68f2) top no-repeat;
    background-size: cover;
    height: 18em
}

@media (max-width:991.98px) {
    .section-footer {
        height: 13em
    }
}

@media (max-width:767.98px) {
    .section-footer {
        height: 5em
    }
}

.section .maps {
    height: 100%
}

@media (max-width:575.98px) {
    .section .maps {
        height: 500px
    }
}

 

.home-carousel .carousel-indicators li.active {
    background-color: #fff
}

.home-carousel .carousel-inner {
    max-height: 100vh;
    line-height: 0
}

.home-carousel .carousel-inner.content {
    max-height: 68vh
}

.home-carousel .carousel-inner.content img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.home-carousel .carousel-inner .carousel-heading {
    position: absolute;
    z-index: 1;
    top: 50%;
    text-align: center;
    width: 100%;
    color: #fff;
    text-shadow: 2.5px 2px 6px #000;
    font-weight: 400
}

.home-carousel .carousel-inner .carousel-heading h1 {
    font-size: 3em;
    font-weight: 600
}

@media (max-width:767.98px) {
    .home-carousel .carousel-inner .carousel-heading h1 {
        font-size: 2.5em
    }
}

@media (max-width:575.98px) {
    .home-carousel .carousel-inner .carousel-heading h1 {
        font-size: 1.5em
    }
}

.home-carousel .carousel-inner .carousel-heading h3 {
    font-weight: 600
}

@media (max-width:575.98px) {
    .home-carousel .carousel-inner .carousel-heading h3 {
        font-size: 1em
    }
}

.home-carousel .carousel-inner .carousel-item:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .75)), color-stop(30%, transparent), to(rgba(0, 0, 0, .75)));
    background-image: linear-gradient(rgba(0, 0, 0, .75), transparent 30%, rgba(0, 0, 0, .75));
    background-color: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}
 
.brands-module {
    border-bottom: 2px solid #D5AD67 ; 
    background-color: white;
    padding: 1em 0;
    width: 100%;
    height: 62px;
    position: relative;
    overflow: hidden;
    margin: 0 auto
     
   
}

@media (max-width:767.98px) {
    .brands-module {
        height: 60px
    }
}

.brands-module ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center
}

.brands-module ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 5em
}

.brands-module ul li:not(:last-child) {
    margin-right: 25px
}

@media (max-width:767.98px) {
    .brands-module ul li:not(: last-child) {
        margin-right: 15px
    }
}

.brands-module ul li img {
    max-height: 30px;
    max-width: 100px;
    -webkit-filter: opacity(30%);
    filter: opacity(90%)
}

@media (max-width:767.98px) {
    .brands-module ul li img {
        max-height: 25px;
       margin-top: -7%;
            zoom:2!important;
    }
}

@media (max-width:991.98px) {
    .brands {
        white-space: nowrap;
        font-size: 0!important;
        will-change: transform;
        -webkit-animation: 30s brands linear infinite;
        animation: 30s brands linear infinite
    }
    .brands-module {
        max-width: 100%;
        overflow-x: hidden;
        position: relative
    }
    .brands>* {
        display: inline-block;
        font-size: 1rem;
        width: 25%;
        vertical-align: middle
    }
    @-webkit-keyframes brands {
        8.33333333% {
            -webkit-transform: translateX(-25%);
            transform: translateX(-25%)
        }
        16.66666667% {
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }
        25% {
            -webkit-transform: translateX(-75%);
            transform: translateX(-75%)
        }
        33.33333333% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
        41.66666667% {
            -webkit-transform: translateX(-125%);
            transform: translateX(-125%)
        }
        50% {
            -webkit-transform: translateX(-150%);
            transform: translateX(-150%)
        }
        58.33333333% {
            -webkit-transform: translateX(-175%);
            transform: translateX(-175%)
        }
        66.66666667% {
            -webkit-transform: translateX(-200%);
            transform: translateX(-200%)
        }
        75% {
            -webkit-transform: translateX(-225%);
            transform: translateX(-225%)
        }
        83.33333333% {
            -webkit-transform: translateX(-250%);
            transform: translateX(-250%)
        }
        91.66666667% {
            -webkit-transform: translateX(-275%);
            transform: translateX(-275%)
        }
        to {
            -webkit-transform: translateX(-300%);
            transform: translateX(-300%)
        }
    }
    @keyframes brands {
        8.33333333% {
            -webkit-transform: translateX(-25%);
            transform: translateX(-25%)
        }
        16.66666667% {
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }
        25% {
            -webkit-transform: translateX(-75%);
            transform: translateX(-75%)
        }
        33.33333333% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
        41.66666667% {
            -webkit-transform: translateX(-125%);
            transform: translateX(-125%)
        }
        50% {
            -webkit-transform: translateX(-150%);
            transform: translateX(-150%)
        }
        58.33333333% {
            -webkit-transform: translateX(-175%);
            transform: translateX(-175%)
        }
        66.66666667% {
            -webkit-transform: translateX(-200%);
            transform: translateX(-200%)
        }
        75% {
            -webkit-transform: translateX(-225%);
            transform: translateX(-225%)
        }
        83.33333333% {
            -webkit-transform: translateX(-250%);
            transform: translateX(-250%)
        }
        91.66666667% {
            -webkit-transform: translateX(-275%);
            transform: translateX(-275%)
        }
        to {
            -webkit-transform: translateX(-300%);
            transform: translateX(-300%)
        }
    }
}

.brands-wrap {
    max-width: 960px;
    margin: 0 auto
}

.brands-wrap .carousel {
    background: transparent
}

.brands-wrap .gallery-cell {
    width: 100%;
    height: auto;
    padding: 0 15px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:548px) {
    .brands-wrap .gallery-cell {
        width: 33.3%
    }
}

.brands-wrap .gallery-cell.is-selected img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0)
}

.brands-wrap .gallery-cell img {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55);
    max-width: 150px;
    display: inline-block;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-filter: grayscale(100%) blur(2px);
    filter: grayscale(100%) blur(0)
}

.brands-wrap .flickity-prev-next-button.previous {
    left: -40px
}

.brands-wrap .flickity-prev-next-button.next {
    right: -40px
}

.brands-wrap .brand-carousel {
    margin: 0 60px
}

.brands-wrap .flickity-prev-next-button .arrow {
    fill: #fff;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000
}

.brands-wrap .flickity-prev-next-button.no-svg {
    color: #fff
}

.brands-wrap .flickity-prev-next-button,
.brands-wrap .flickity-prev-next-button:hover {
    background: transparent
}

.header_icon_wrapper {
    float: left;
    position: relative;
    z-index: 881
}

.header_icon_wrapper .header_icon_container {
    width: auto;
    height: 48px;
    overflow: hidden;
    border-radius: 24px;
    float: left;
    position: relative
}

.header_icon_wrapper .header_icon_container .header_icon {
    width: 30px;
    height: 30px;
    margin: 9px 9px 9px 0;
    padding: 0;
    border: 2px solid #0c3971;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    float: left;
    z-index: 884
}

.header_icon_wrapper .header_icon_container .header_icon:hover {
    background: #0c3971;
    color: #fff
}

@media (min-width:992px) {
    .header_icon_wrapper .header_icon_container .header_icon:hover {
        background: none;
        color: #0c3971;
        border-color: #0c3971
    }
}

.header_icon_wrapper .header_icon_container .header_icon:hover svg * {
    fill: #fff
}

@media (min-width:992px) {
    .header_icon_wrapper .header_icon_container .header_icon:hover svg * {
        fill: #0c3971
    }
}

@media (min-width:992px) {
    .header_icon_wrapper .header_icon_container .header_icon {
        color: #fff;
        border-color: #fff
    }
}

.header_icon_wrapper .header_icon_container .header_icon svg {
    shape-rendering: geometricPrecision;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .2s cubic-bezier(.38, .05, .54, .96);
    transition: .2s cubic-bezier(.38, .05, .54, .96);
    -webkit-transition-property: opacity transform;
    transition-property: opacity transform
}

.header_icon_wrapper .header_icon_container .header_icon svg.icon_close {
    top: 130%
}

.header_icon_wrapper .header_icon_container .header_icon svg * {
    fill: #0c3971;
    -webkit-transition: none;
    transition: none
}

@media (min-width:992px) {
    .header_icon_wrapper .header_icon_container .header_icon svg * {
        fill: #fff
    }
}

.search_form {
    position: relative;
    z-index: 882
}

.search_form .header_icon:hover~input {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.search_form input {
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 17px 24px;
    background: #e9ecef;
    border: none;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    color: #0c3971;
    outline: none;
    float: right;
    position: relative;
    -webkit-appearance: none;
    pointer-events: none;
    opacity: 0;
    z-index: 883;
    -webkit-transition: opacity .2s ease-out, width .2s ease-out, background .3s ease-out;
    transition: opacity .2s ease-out, width .2s ease-out, background .3s ease-out
}

.search_form button {
    display: none
}

.search_form .search_results {
    width: 100vw;
    background: #e9ecef;
    overflow: hidden;
    top: 58px;
    left: -15px;
    position: absolute
}

.search_form .search_results.loaded ul {
    padding: 0 0 30px
}

@media (min-width:768px) {
    .search_form .search_results.loaded ul {
        padding: 15px 0 30px
    }
}

@media (min-width:576px) {
    .search_form .search_results {
        max-width: 360px;
        -webkit-box-shadow: 0 24px 48px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 24px 48px 0 rgba(0, 0, 0, .1);
        border-radius: 3px;
        position: absolute;
        top: 68px;
        right: 0;
        left: auto
    }
}

.search_form .search_results .search_loader {
    width: 100%;
    height: 80px;
    float: left;
    position: relative
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.search_form .search_results .search_loader svg {
    shape-rendering: crispEdges;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-animation: loader .6s infinite cubic-bezier(.38, .18, .71, .91);
    animation: loader .6s infinite cubic-bezier(.38, .18, .71, .91)
}

.search_form .search_results .search_loader svg * {
    fill: #0c3971
}

.search_form .search_results .search_loader svg:nth-of-type(2) {
    opacity: .5;
    -webkit-animation: loader .7s infinite cubic-bezier(.38, .18, .71, .91);
    animation: loader .7s infinite cubic-bezier(.38, .18, .71, .91)
}

.search_form .search_results span.result_count {
    width: 100%;
    padding: 17px 40px 19px;
    background: none;
    letter-spacing: .18px;
    line-height: 22px;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #505050;
    float: left
}

@media (min-width:992px) {
    .search_form .search_results span.result_count {
        padding: 20px 40px;
        background: #fff
    }
}

.search_form .search_results span.result_count .highlight {
    color: #007bff
}

.search_form .search_results ul {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
    overflow-y: scroll;
    overflow-scrolling: touch
}

@media (min-width:576px) {
    .search_form .search_results ul {
        max-height: 640px;
        border-radius: 0 0 2px 2px
    }
}

.search_form .search_results ul li {
    display: inline-block;
    width: 100%;
    padding: 0 0 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    float: left
}

.search_form .search_results ul li a.search_result {
    display: block;
    width: 100%;
    padding: 30px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 -1px 0 rgba(80, 80, 80, .1);
    box-shadow: 0 -1px 0 rgba(80, 80, 80, .1);
    float: left;
    position: relative
}

.search_form .search_results ul li a.search_result h4 {
    margin: 0 0 5px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 16px;
    color: #0c3971
}

.search_form .search_results ul li a.search_result h4,
.search_form .search_results ul li a.search_result p {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 22px;
    font-family: Open Sans, sans-serif;
    float: left
}

.search_form .search_results ul li a.search_result p {
    margin: 0;
    padding: 0 15px 0 0;
    letter-spacing: .18px;
    font-size: 15px;
    color: #505050
}

.search_form .search_results ul li a.search_result p .highlight {
    color: #007bff
}

.search_form .search_results ul li a.search_result:after {
    content: "";
    width: 7px;
    height: 10px;
    background: url(/fonts/htg_icon_arrow.svg?a8d90c228e088452cd69a6391c37782a) 100% 0 no-repeat;
    background-size: 7px 10px;
    position: absolute;
    top: 37px;
    right: 25px;
    -webkit-transition: right .2s ease-out;
    transition: right .2s ease-out;
    opacity: .6
}

.search_form .search_results ul li a.search_result:after * {
    fill: #0c3971
}

.search_form .search_results ul li a.search_result:hover {
    background: #fff;
    -webkit-box-shadow: 0 -1px 0 #fff;
    box-shadow: 0 -1px 0 #fff
}

.search_form .search_results ul li a.search_result:hover:after {
    right: 20px;
    opacity: 1
}

.search_form .search_results ul li:first-of-type a.search_result {
    -webkit-box-shadow: none;
    box-shadow: none
}

.lang_select {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background: hsla(0, 0%, 100%, 0);
    overflow: hidden;
    float: left;
    -webkit-transition: opacity .2s ease-out, width .2s ease-out, background .3s ease-out;
    transition: opacity .2s ease-out, width .2s ease-out, background .3s ease-out
}

.lang_select .lang_list {
    width: 87px;
    height: 48px;
    float: right
}

.lang_select .lang_list .lang_item {
    width: 30px;
    height: 30px;
    margin: 9px 9px 9px 0;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 50%;
    opacity: 0;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 26px;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #0c3971;
    overflow: hidden;
    cursor: pointer;
    float: left
}

.lang_select .lang_list .lang_item.current_lang {
    margin: 9px;
    opacity: 1;
    color: #0c3971;
    border-color: #0c3971
}

@media (min-width:992px) {
    .lang_select .lang_list .lang_item.current_lang {
        background: transparent;
        border-color: #fff;
        color: #fff
    }
}

.lang_select:hover {
    width: 87px;
    background: #e9ecef;
    -webkit-transition: width .2s ease-out;
    transition: width .2s ease-out
}

.lang_select:hover .lang_item {
    opacity: 1
}

.lang_select:hover .lang_item.current_lang {
    border-color: transparent;
    color: #0c3971
}

.lang_select:hover .lang_item:hover {
    background: #0c3971;
    border-color: #0c3971;
    color: #fff
}

.htg-modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .65);
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.htg-modal.modal-open {
    visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    opacity: 1;
    z-index: 999
}

.htg-modal .modal-inner {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.htg-modal .modal-inner .modal-content {
    background-color: #fff;
    max-width: 35em;
    padding: 1em 1.5em;
    position: relative;
    margin: 2em;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35)
}

.htg-modal .modal-inner .modal-content .modal-close-icon {
    position: absolute;
    right: 1.5em
}

.htg-modal .modal-inner .modal-content .modal-close-icon a {
    color: #000;
    font-weight: 700;
    text-decoration: none
}

.htg-modal .modal-inner .modal-content .modal-content-inner {
    padding-right: 2em
}

.htg-modal .modal-inner .modal-content .modal-content-inner h1,
.htg-modal .modal-inner .modal-content .modal-content-inner h2,
.htg-modal .modal-inner .modal-content .modal-content-inner h3,
.htg-modal .modal-inner .modal-content .modal-content-inner h4,
.htg-modal .modal-inner .modal-content .modal-content-inner h5,
.htg-modal .modal-inner .modal-content .modal-content-inner h6 {
    margin-bottom: .25em
}

.htg-modal .modal-inner .modal-content .modal-content-inner p {
    margin-bottom: 1em
}

.htg-modal .modal-inner .modal-content .modal-content-inner img {
    max-width: 100%
}

.htg-modal .modal-inner .modal-content .modal-buttons-seperator {
    margin: 1.5em 0;
    margin-top: 0
}

.htg-modal .modal-inner .modal-content .modal-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.htg-modal .modal-inner .modal-content .modal-buttons button {
    margin-left: 1em
}

.htg-modal .modal-inner .modal-content .modal-buttons button:first-child {
    margin-left: 0
}

.more-vanacies {
    margin: 2em 0 0
}

.vacancy-categories .section {
    padding-bottom: 5em
}

@media (max-width:575.98px) {
    .vacancy-categories .section {
        padding-top: 3em
    }
}

.vacancy-categories .section:first-child {
    background: -webkit-gradient(linear, left top, left bottom, from(#0c3971), color-stop(85%, rgba(12, 57, 113, .6))), url(/images/sales.jpg?47f175f233c5dcd203f9b83e150f539d) top no-repeat;
    background: linear-gradient(#0c3971, rgba(12, 57, 113, .6) 85%), url(/images/sales.jpg?47f175f233c5dcd203f9b83e150f539d) top no-repeat;
    background-size: cover
}

@media (max-width:767.98px) {
    .vacancy-categories .section:first-child {
        background: -webkit-gradient(linear, left top, left bottom, from(#0c3971), color-stop(85%, rgba(12, 57, 113, .9))), url(/images/sales.jpg?47f175f233c5dcd203f9b83e150f539d) top no-repeat;
        background: linear-gradient(#0c3971, rgba(12, 57, 113, .9) 85%), url(/images/sales.jpg?47f175f233c5dcd203f9b83e150f539d) top no-repeat
    }
}

.vacancy-categories .section:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .6))), url(/images/finance.jpg?46d4f61095d3bd30e867ac3add6a98ad) top no-repeat;
    background: linear-gradient(#fff, hsla(0, 0%, 100%, .6) 85%), url(/images/finance.jpg?46d4f61095d3bd30e867ac3add6a98ad) top no-repeat;
    background-size: cover
}

@media (max-width:767.98px) {
    .vacancy-categories .section:nth-child(2) {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .9))), url(/images/finance.jpg?46d4f61095d3bd30e867ac3add6a98ad) top no-repeat;
        background: linear-gradient(#fff, hsla(0, 0%, 100%, .9) 85%), url(/images/finance.jpg?46d4f61095d3bd30e867ac3add6a98ad) top no-repeat
    }
}

.vacancy-categories .section:nth-child(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(#0c3971), color-stop(85%, rgba(12, 57, 113, .6))), url(/images/logistic.jpg?274bb111fa8cc77c7f734b2a27c18107) top no-repeat;
    background: linear-gradient(#0c3971, rgba(12, 57, 113, .6) 85%), url(/images/logistic.jpg?274bb111fa8cc77c7f734b2a27c18107) top no-repeat;
    background-size: cover
}

@media (max-width:767.98px) {
    .vacancy-categories .section:nth-child(3) {
        background: -webkit-gradient(linear, left top, left bottom, from(#0c3971), color-stop(85%, rgba(12, 57, 113, .9))), url(/images/logistic.jpg?274bb111fa8cc77c7f734b2a27c18107) top no-repeat;
        background: linear-gradient(#0c3971, rgba(12, 57, 113, .9) 85%), url(/images/logistic.jpg?274bb111fa8cc77c7f734b2a27c18107) top no-repeat
    }
}

.vacancy-categories .section:nth-child(4) {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .6))), url(/images/ict.jpg?2d610142499f75af2b9e15104550225d) top no-repeat;
    background: linear-gradient(#fff, hsla(0, 0%, 100%, .6) 85%), url(/images/ict.jpg?2d610142499f75af2b9e15104550225d) top no-repeat;
    background-size: cover
}

@media (max-width:767.98px) {
    .vacancy-categories .section:nth-child(4) {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .9))), url(/images/ict.jpg?2d610142499f75af2b9e15104550225d) top no-repeat;
        background: linear-gradient(#fff, hsla(0, 0%, 100%, .9) 85%), url(/images/ict.jpg?2d610142499f75af2b9e15104550225d) top no-repeat
    }
}

.vacancy-categories .section:nth-child(5) {
    background: -webkit-gradient(linear, left top, left bottom, from(#0c3971), color-stop(85%, rgba(12, 57, 113, .6))), url(/images/hr.jpg?3c949ff0ff5c55e0733abb1ab78b7057) top no-repeat;
    background: linear-gradient(#0c3971, rgba(12, 57, 113, .6) 85%), url(/images/hr.jpg?3c949ff0ff5c55e0733abb1ab78b7057) top no-repeat;
    background-size: cover
}

@media (max-width:767.98px) {
    .vacancy-categories .section:nth-child(5) {
        background: -webkit-gradient(linear, left top, left bottom, from(#0c3971), color-stop(85%, rgba(12, 57, 113, .9))), url(/images/hr.jpg?3c949ff0ff5c55e0733abb1ab78b7057) top no-repeat;
        background: linear-gradient(#0c3971, rgba(12, 57, 113, .9) 85%), url(/images/hr.jpg?3c949ff0ff5c55e0733abb1ab78b7057) top no-repeat
    }
}

.vacancy-categories .section:nth-child(6) {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .6))), url(/images/internships-zw.jpg?e2cf79e05e6dc2b34386a1a5275bda6f) top no-repeat;
    background: linear-gradient(#fff, hsla(0, 0%, 100%, .6) 85%), url(/images/internships-zw.jpg?e2cf79e05e6dc2b34386a1a5275bda6f) top no-repeat;
    background-size: cover
}

@media (max-width:767.98px) {
    .vacancy-categories .section:nth-child(6) {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, .9))), url(/images/internships-zw.jpg?e2cf79e05e6dc2b34386a1a5275bda6f) top no-repeat;
        background: linear-gradient(#fff, hsla(0, 0%, 100%, .9) 85%), url(/images/internships-zw.jpg?e2cf79e05e6dc2b34386a1a5275bda6f) top no-repeat
    }
}

.vacancy-categories .vacancies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.vacancy-categories .vacancies .vacancy {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 2em
}

@media (min-width:576px) {
    .vacancy-categories .vacancies .vacancy {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:992px) {
    .vacancy-categories .vacancies .vacancy {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
}

.recruiter img {
    height: 8.23em;
    width: 8.23em;
    border-radius: 8em;
    position: relative;
    border: 1px solid #fff;
    margin-top: .5em;
    margin-bottom: .5em;
    -o-object-fit: cover;
    object-fit: cover
}

.recruiter .details .name {
    font-size: 1.3rem;
    font-weight: 600
}

.error .jumbotron {
    background-color: #fff
}

.error .jumbotron h1 {
    color: #0c3971;
    margin-bottom: .75em;
    font-size: 4em
}

.error .jumbotron p {
    font-size: 1.25rem;
    color: gray
}

 

@media (min-width:576px) {
    h1 {
        font-weight: 100
    }
}

@media (max-width:767.98px) {
    h1 {
        font-weight: 300;
        font-size: 2em
    }
}

.btn-outline-theme-1,
.section-white .btn,
.vacancy-categories .section:nth-child(2n) .btn {
    letter-spacing: 1.5px;
    color: #0c3971;
    background: transparent none;
    border-color: #0c3971
}

@media (max-width:575.98px) {
    .btn-outline-theme-1,
    .section-white .btn,
    .vacancy-categories .section:nth-child(2n) .btn {
        border-width: 2px;
        padding: 4px 15px;
        font-weight: 600
    }
}

.btn-outline-theme-1:hover,
.section-white .btn:hover,
.vacancy-categories .section:nth-child(2n) .btn:hover {
    background-color: #0c3971;
    border-color: #0c3971;
    color: #fff
}

.btn-outline-theme-2,
.section-blue .btn,
.vacancy-categories .section:nth-child(odd) .btn {
    letter-spacing: 1.5px;
    color: #fff;
    background: transparent none;
    border-color: #fff
}

@media (max-width:575.98px) {
    .btn-outline-theme-2,
    .section-blue .btn,
    .vacancy-categories .section:nth-child(odd) .btn {
        border-width: 2px;
        padding: 4px 15px;
        font-weight: 600
    }
}

.btn-outline-theme-2:hover,
.section-blue .btn:hover,
.vacancy-categories .section:nth-child(odd) .btn:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0c3971
}

.bg-trans {
    background: transparent
}

.vacancy-information {
    width: 100%;
    margin-bottom: 1rem;
    float: left
}

@media (min-width:992px) {
    .vacancy-information {
        width: 66%
    }
}

.vacancy-information tr td:first-child {
    padding: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600
}

.vacancy-information tr td:first-child:after {
    content: ":"
}

p.btn-container {
    width: 100%;
    float: left
}

.vacancies .vacancy-information,
.vacancies:not(:last-child) {
    margin-bottom: 36px
}

.vacancies .vacancy-information tr td {
    padding-right: 20px
}

.vacancies .vacancy-information tr td:first-child {
    font-weight: 600
}