:root {
    --img-slick-next: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAMAAABo+94fAAAAbFBMVEUAAAAAVaokSZIXRosiVZkgUI8cVY4gVZUeUJEeUZUdUJIcUJMdUJIcUpMeUZIdUZMdUJIcUZIdUZMeUpMdUZMdUZMdUJMeUZQcUpQdUZMdUZMdUpMdUZMdUZMdUZMdUZMdUZMdUZMdUZP///9m2kdrAAAAInRSTlMAAwcLDxASGDM8RlNgbW50fIigrK26u77FydPe8PX5/P3+69IB4wAAAAFiS0dEIypibDoAAABZSURBVBjTjZFHDoAwDAQNhN57L8n/H8kRhCYSc5yD7V2LPKg2EkCtW0w+XPaEfDAfKXl/OjPyXq8L8m6nS/JOY2qRfPgyXqayacuQfyv5QI7D4bkqS7GvN9xZvgf1yXk1vgAAAABJRU5ErkJggg==");
    --img-slick-next-trafer: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAABmJLR0QA/wD/AP+gvaeTAAAAmElEQVQ4jbXUMQ5BURAF0IkvUSiIyj60aqXGBv4GqCS2YBkWwAb0CrXeGhQUEvlHQanwk3m3n1O8N3MjWgQD7DFpM/cvfMUN02x8jAsemGXjI5zxxCIbH+KEF+psvI8jGqyy8R4OX3ydjVfY+WQbEdHFMiLmCX4VEU1EbHDvJIDl8uspMtD8zyuybkUOpMhJFymhYrXZpujfRfvieu8x/owAAAAASUVORK5CYII=');
    --img-slick-prev: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAMAAABo+94fAAAAbFBMVEUAAAAzZpkcVY4UTokiVZkbUZQYVZIbUpIeUJEeUZUcUJMeUZQdUJIeUJQcUJIcUpMeUZQdUJIdUZMeUpMcUZMdUJMeUZQdUZMdUZIcUJMcUZMdUpMdUZMeUZQdUZMdUZMdUZMdUZMdUZP////Uhui0AAAAInRSTlMABQkNDxMVHDM8QExZZmxtd3ynrLS7vsDKztfe8PL3+v3+yxBdCgAAAAFiS0dEIypibDoAAABWSURBVBjTddE3AoAgEATAM2cRzBn5/yNtrFh3yykuinzJ+1gwxbH/cHluGWp1rSlqfS8JamPnCLV9hhC1cyZA1c5Oox/FmBRhLdmAbB22PDsVO6z/hhdrMQfTnHBZggAAAABJRU5ErkJggg==');
    --img-slick-prev-trafer: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAABmJLR0QA/wD/AP+gvaeTAAAAo0lEQVQ4jbXUoQ6BYRQG4MMmCCaY5i5UwQW4ATcg6YrmYhTJXABVUDXXYIrN9v+PoHzFmB1vPnvC953zRnwIhtig+2n262CEKy5pMMa44YxBFjrBHSf0s9ApHjiil4XOUGGPThY6R40d2lnowitrtDLMBpYRsYqIOiIOEVEluNtmAvI+/3iKEs//vALPX7cCzz+QAs8/6QLPL6ECz6/NAv+p6J9wseCq7ydslwAAAABJRU5ErkJggg==');
    --img-edit: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAABCklEQVQYlW3QPUsDURCF4Xfu3U0Mq0gaJcFCRLAQbMwfUNTGwi6Nip0gWtvYaKME/CMWxo/KQsQqjWksxDUprEWjIPjB7uaOzQaW4FTD4eEMjPDPNMYoDAWcqDIFrMy0CKUftSfJ/xhOgeU0erGOeZtFz+MMfFsuMHyk0SgwqMKCzTZ9eZyr8Bon7FjDBEqAMAKceZlzdZRO3rAtHvu+4SB2FFHuwzZb9mGaXKTUgU8tsOkS9nxDLXLURMiFLTaq0PVcxCLCkggVftn1Dcex48hA8PjEWhW6AAahAviqNHFcxY5DYPitzHoP9eBsuvsYboBip8zq3C1J9iOeKiWUSwxNhbv3Etf9COAPtPRXeeqckMoAAAAASUVORK5CYII=');
    --img-statistic: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARwAAACRCAMAAAAmc/dgAAACJVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////7uSeKAAAAt3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYWJkZWZnaGlqa2xtbm9wcXJzdHV2d3h5ent8fX5/gIGDhIWGh4iJiouMjY6PkJGSk5WWl5iZmp2en6ChoqOkpaaoqausra6wsbKztLi5uru8wMHO1NvUifSvAAAAAWJLR0QB/wIt3gAAE1JJREFUGBntwY1fI/lh2OHvjEaDEEJIQgwIEEISaEBiWbQsi5blGEDzG2bRsmI58N3GdeI6SROffRefz01qO/HaV9dJrr5zmot7bh2/JXbrunlxm7Z/XyUhgV5mJIH3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');
    --img-refesh: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAMAAAAFWBeyAAAAzFBMVEUAAAAAAP8AgIAkSZIgYJ8XRoskSZIgUI8bUZQaTZkgVZUfUo8dTpMcU5EbUpEfUZMeUJQeU5IeUZQdU5McUZUcU5QfUpIeT5IdUJMcUJMeUpIeUZMdUZQeUZIeUZQdUZMdUZQeUZQeUZMdUpQdUZMdUJQdUZIdUZMdUJIcUJIdUpMdUZMcUZMdUZIdUJMcUZMdUZMdUZMdUZMdUZIdUZQeUpQcUpMcUZMdUZMdUZMeUZQdUZMdUZMdUZMdUZMdUZMdUZMdUZMdUZP////EljHqAAAAQnRSTlMAAQIHCAsOEBMUGBkaJUFCQ0RFR0hKS01QU1RVWF5fYWt3eIOEjI2Oj6KvsbS3u73AwcLKzM3Oz9TW2O319/j5+v46eSY1AAAAAWJLR0RDZ9ANYgAAAKNJREFUGBltwYcSwVAUBcCjC+GpUaK3iC66aO/8/0cxuJMxYxcibTUsE7/yHnmh9hQC4TGnpRiihYl2whCDm42P+nUEUctB2Frhj+kab2oRRaCo03jJ+HQhjM3utN92ED+S7EL0SJ4T6GwPp93GgHDpZ/BisopAZKHw5s3wR44tiHwNwrm28dF89CFCQz2vJGFYSw5DCKi15p1cZfHLLNvlFL6eWFASUYGb9tsAAAAASUVORK5CYII=');
}

.job-carousel__item.btn-nganh img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(7%) saturate(6695%) hue-rotate(177deg) brightness(93%) contrast(77%);
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

.c-blue {
    color: #1d5193
}

.c-orange {
    color: #f68500
}

.c-orange-2 {
    color: #e69c17
}

.c-text {
    color: #333
}

.c-grey {
    color: #555
}

.c-light {
    color: #999
}

.c-red {
    color: #ec2517
}

.c-red-2 {
    color: #d22600
}

.c-green {
    color: #10bf51
}

.c-teal {
    color: #166168
}

.c-teal-2 {
    color: #0e5b63
}

.c-white {
    color: #fff
}

.bg-red {
    background-color: #ec2517
}

.bg-grey {
    background-color: #f1f1f1
}

.fz-9 {
    font-size: 9px;
    line-height: 1
}

.fz-10 {
    font-size: 10px;
    line-height: 1
}

.fz-11 {
    font-size: 11px;
    line-height: 1.2
}

.fz-12 {
    font-size: 11px;
    line-height: 1.36
}

@media screen and (min-width:768px) {
    .fz-12 {
        font-size: 12px
    }
}

.fz-13 {
    font-size: 12px;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .fz-13 {
        font-size: 13px
    }
}

.a-chart-flex::after, .a-chart-flex::before, .fz-14 {
    font-size: 12px;
    line-height: 1.5
}

@media screen and (min-width:768px) {
    .a-chart-flex::after, .a-chart-flex::before, .fz-14 {
        font-size: 14px
    }
}

.fz-15 {
    font-size: 13px;
    line-height: 1.467
}

@media screen and (min-width:768px) {
    .fz-15 {
        font-size: 15px
    }
}

.fz-16 {
    font-size: 14px;
    line-height: 1.65
}

@media screen and (min-width:768px) {
    .fz-16 {
        font-size: 16px
    }
}

.fz-17 {
    font-size: 15px;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .fz-17 {
        font-size: 17px
    }
}

.fz-18 {
    font-size: 16px;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .fz-18 {
        font-size: 18px
    }
}

.fz-20 {
    font-size: 18px;
    line-height: 1.6
}

@media screen and (min-width:768px) {
    .fz-20 {
        font-size: 20px
    }
}

.fz-22 {
    font-size: 18px;
    line-height: 1.45
}

@media screen and (min-width:768px) {
    .fz-22 {
        font-size: 22px
    }
}

.fz-24 {
    font-size: 18px;
    line-height: 1.34
}

@media screen and (min-width:768px) {
    .fz-24 {
        font-size: 24px
    }
}

.fz-26 {
    font-size: 18px;
    line-height: 1.38
}

@media screen and (min-width:768px) {
    .fz-26 {
        font-size: 26px
    }
}

.fz-30 {
    font-size: 20px;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .fz-30 {
        font-size: 30px
    }
}

.fz-32 {
    font-size: 20px;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .fz-32 {
        font-size: 32px
    }
}

.fz-36 {
    font-size: 22px;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .fz-36 {
        font-size: 36px
    }
}

.fz-42 {
    font-size: 24px;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .fz-42 {
        font-size: 42px
    }
}

.fz-45 {
    font-size: 24px;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .fz-45 {
        font-size: 45px
    }
}

.fz-48 {
    font-size: 26px;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .fz-48 {
        font-size: 48px
    }
}

.fw-light {
    font-weight: 300
}

.fw-regular {
    font-weight: 400
}

.fw-medium {
    font-weight: 500
}

.fw-semi-bold {
    font-weight: 600
}

.fw-black {
    font-weight: 900
}

.underline {
    text-decoration: underline;
    text-underline-position: under
}

/*.font-lato {
    font-family: Lato,sans-serif
}*/

.heading {
    position: relative;
    padding-bottom: 17px;
    text-align: center
}

    .heading::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 3px;
        background-color: #f68500
    }

.heading--left {
    text-align: left
}

    .heading--left::before {
        left: 0;
        transform: none
    }

.heading--top {
    padding-top: 19px;
    padding-bottom: 0
}

    .heading--top::before {
        top: 0;
        bottom: auto
    }

.image {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

    .image img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        font-family: "object-fit: cover;";
        -o-object-fit: cover;
        object-fit: cover
    }

    .image.fit-contain img {
        font-family: "object-fit: contain;";
        -o-object-fit: contain;
        object-fit: contain
    }

    .image.position-bottom img {
        font-family: "object-fit: cover; object-position: bottom;";
        -o-object-position: bottom;
        object-position: bottom
    }

    .image.position-top img {
        font-family: "object-fit: cover; object-position: top;";
        -o-object-position: top;
        object-position: top
    }

img {
    max-width: 100%
}

.ratio {
    position: relative
}

    .ratio::before {
        content: "";
        display: block;
        padding-bottom: 100%
    }

html {
    overflow-x: hidden
}

body {
    overflow-x: hidden;
    font-size: 13px;
    line-height: 1.2;
    font-family: "Open Sans",sans-serif;
    color: #000
}

@media screen and (min-width:768px) {
    body {
        font-size: 15px
    }
}

a {
    transition: color .3s ease;
    text-decoration: none;
    color: #000
}

    a:hover {
        color: #1d5193
    }

img {
    vertical-align: middle
}

.container {
    max-width: 1196px
}

.sidebar {
    margin-top: 30px;
    width: 100%
}

@media screen and (min-width:992px) {
    .sidebar {
        margin-top: 0;
        margin-left: 20px;
        width: 300px
    }
}

@media screen and (min-width:1200px) {
    .sidebar {
        margin-left: 30px
    }
}

@media screen and (min-width:992px) {
    .layout-2 .sidebar {
        width: 336px
    }
}

@media screen and (min-width:1200px) {
    .layout-2 .sidebar {
        margin-left: 34px
    }
}

#wrapper {
    display: flex;
    min-height: 100vh
}

    #wrapper #aside {
        position: fixed;
        z-index: 500;
        top: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        transition: transform .3s ease;
        width: 250px
    }

        #wrapper #aside.show {
            transform: translateX(0)
        }

@media screen and (min-width:1200px) {
    #wrapper #aside {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important
    }
}

#wrapper #main {
    width: 100%
}

@media screen and (min-width:1200px) {
    #wrapper #main {
        width: calc(100% - 250px)
    }
}

.a-container {
    margin: 19px auto 50px;
    padding: 0 12px
}

@media screen and (min-width:1366px) {
    .a-container {
        padding: 0 48px
    }
}

@media screen and (min-width:1700px) {
    .a-container {
        margin-top: 25px;
        padding: 0 50px
    }
}

.a-title {
    margin-bottom: 12px
}

@media screen and (min-width:576px) {
    .a-title {
        margin-bottom: 22px
    }
}

.d-flex .a-title {
    margin-bottom: 22px
}

.a-heading {
    position: relative;
    margin-bottom: 15px;
    padding-left: 35px
}

    .a-heading::before {
        content: "";
        position: absolute;
        top: 4px;
        bottom: 3px;
        left: 0;
        width: 13px;
        background-color: #ffac06
    }

.a-head {
    justify-content: space-between;
    align-items: flex-end
}

@media screen and (min-width:576px) {
    .a-head {
        display: flex
    }
}

.template-job-viec-lam {
    padding-top: 50px;
    padding-bottom: 50px
}

.intro-top {
    padding: 32px;
    border: 1px solid #3F71E0;
    border-radius: 10px;
}

.template-job-viec-lam .heading-common {
    color: #1D5193
}

/*@media screen and (min-width:768px) {
    .template-job-viec-lam {
        padding-top: 193px
    }
}*/

.template-job-viec-lam .container {
    max-width: 1226px
}

@media screen and (min-width:992px) {
    .template-job-viec-lam .sidebar {
        width: 350px
    }
}

@media screen and (min-width:1200px) {
    .template-job-viec-lam .sidebar {
        margin-left: 42px
    }
}

.ico {
    display: inline-block;
    background-image: url(../images/common/icon.png);
    background-repeat: no-repeat
}

.ico-money {
    width: 34px;
    height: 34px;
    background-position: 0 0
}

.ico-clock {
    width: 32px;
    height: 32px;
    background-position: -40px 0
}

.ico-mark {
    width: 24px;
    height: 30px;
    background-position: -78px 0
}

.ico-house {
    width: 26px;
    height: 26px;
    background-position: -108px 0
}

.ico-group {
    width: 31px;
    height: 26px;
    background-position: -140px 0
}

.btn-primary {
    border-color: #1d5193;
    background-color: #1d5193
}

    .btn-primary:hover {
        border-color: #2f5cc5;
        background-color: #2f5cc5
    }

.btn-primary-ol {
    border-color: #1d5193;
    background-color: transparent;
    color: #1d5193
}

    .btn-primary-ol.active, .btn-primary-ol:hover {
        border-color: #1d5193;
        background-color: #1d5193;
        color: #fff
    }

.btn-primary-2 {
    border-color: #1b6cd3;
    background-color: #1b6cd3;
    color: #fff
}

    .btn-primary-2:hover {
        border-color: #2f5cc5;
        background-color: #2f5cc5;
        color: #fff
    }

.btn-success {
    border-color: #02b544;
    background-color: #02b544
}

    .btn-success:hover {
        border-color: #089c41;
        background-color: #089c41
    }

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

    .btn-danger:hover {
        border-color: #e2452d;
        background-color: #e2452d
    }

.btn-light {
    border-color: #e2eeff;
    background-color: #e2eeff;
    color: #000
}

    .btn-light:hover {
        border-color: #cbe1ff;
        background-color: #cbe1ff;
        color: #000
    }

.btn-orange {
    border-color: #f68500;
    background-color: #f68500;
    color: #fff
}

    .btn-orange:hover {
        border-color: #da790a;
        background-color: #da790a;
        color: #fff
    }

.btn-orange-2 {
    border-color: #e69c17;
    background-color: #e69c17;
    color: #fff
}

    .btn-orange-2:hover {
        border-color: #ffa807;
        background-color: #ffa807;
        color: #fff
    }

.btn-black {
    border-color: #000;
    background-color: #000;
    color: #fff
}

    .btn-black:hover {
        border-color: #323232;
        background-color: #323232;
        color: #fff
    }

.btn {
    justify-content: center;
    align-items: center;
    display: flex
}

    .btn svg {
        flex-shrink: 0
    }

.btn-read-detail {
    padding: 0;
    color: #f68500
}

    .btn-read-detail svg {
        transition: transform .3s ease;
        margin-left: 8px
    }

    .btn-read-detail:hover {
        color: #f68500
    }

        .btn-read-detail:hover svg {
            transform: translateX(5px)
        }

.btn-read-more {
    display: inline-flex;
    border-radius: 30px;
    width: 168px;
    height: 40px
}

    .btn-read-more svg {
        margin-left: 8px
    }

.btn-submit {
    position: relative;
    display: inline-flex;
    border-radius: 30px;
    min-width: 253px;
    padding: 16px;
    background-color: rgba(16,191,81,.2);
    text-align: center;
    color: #fff
}

@media screen and (min-width:576px) {
    .btn-submit {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (min-width:768px) {
    .btn-submit {
        padding-right: 52px;
        padding-left: 52px
    }
}

.btn-submit:hover {
    color: #fff
}

    .btn-submit:hover::before {
        background-color: #089c41
    }

.btn-submit::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: background-color .3s ease;
    border: 4px solid transparent;
    border-radius: 30px;
    background-color: #10bf51;
    background-clip: content-box
}

.btn-submit > span {
    position: relative;
    z-index: 5
}

@media screen and (max-width:767px) {
    .btn-submit .fz-16 {
        font-size: 13px
    }
}

.a-read-more {
    display: inline-flex;
    padding: 0
}

    .a-read-more svg {
        transition: transform .3s ease;
        margin-left: 8px;
        color: #f68500
    }

    .a-read-more:hover svg {
        transform: translateX(5px)
    }

.a-btn-add {
    flex-shrink: 0;
    display: inline-flex;
    margin-bottom: 16px;
    border-radius: 30px;
    padding: 8px 10px 9px
}

@media screen and (min-width:576px) {
    .a-btn-add {
        padding-right: 19px;
        padding-left: 19px
    }
}

@media screen and (min-width:1700px) {
    .a-btn-add {
        min-width: 180px
    }
}

.a-btn-add svg {
    margin-right: 5px
}

@media screen and (min-width:768px) {
    .a-btn-add svg {
        margin-right: 12px
    }
}

.btn-view-job {
    transition: all .3s ease;
    margin: 0 auto;
    border-radius: 30px;
    min-width: 178px;
    height: 45px;
    padding: 12px 24px
}

    .btn-view-job svg {
        transition: all .3s ease;
        margin-left: 10px
    }

    .btn-view-job:not(.btn-orange-2) {
        background-color: #ececec;
        color: #4c4c4c
    }

        .btn-view-job:not(.btn-orange-2) svg {
            color: #a7a3a0
        }

        .btn-view-job:not(.btn-orange-2):hover {
            background-color: #e69c17;
            color: #fff
        }

            .btn-view-job:not(.btn-orange-2):hover svg {
                color: #fff
            }

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

    .row > * {
        padding-right: 8px;
        padding-left: 8px
    }

.gutters-5 {
    margin-right: -5px;
    margin-left: -5px
}

.gutters-10 {
    margin-right: -10px;
    margin-left: -10px
}

.gutters-12 {
    margin-right: -12px;
    margin-left: -12px
}

@media screen and (min-width:1200px) {
    .gutters-15 {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media screen and (min-width:1200px) {
    .gutters-18 {
        margin-right: -18px;
        margin-left: -18px
    }
}

@media screen and (min-width:1200px) {
    .gutters-20 {
        margin-right: -20px;
        margin-left: -20px
    }
}

@media screen and (min-width:1200px) {
    .gutters-22 {
        margin-right: -22px;
        margin-left: -22px
    }
}

@media screen and (min-width:1200px) {
    .gutters-23 {
        margin-right: -23px;
        margin-left: -23px
    }
}

@media screen and (min-width:1200px) {
    .gutters-36 {
        margin-right: -36px;
        margin-left: -36px
    }
}

@media screen and (min-width:1200px) {
    .gutters-38 {
        margin-right: -38px;
        margin-left: -38px
    }
}

@media screen and (min-width:1200px) {
    .gutters-39 {
        margin-right: -39px;
        margin-left: -39px
    }
}

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

.gutters-10 > [class*=col] {
    padding-right: 10px;
    padding-left: 10px
}

.gutters-12 > [class*=col] {
    padding-right: 12px;
    padding-left: 12px
}

@media screen and (min-width:1200px) {
    .gutters-15 > [class*=col] {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (min-width:1200px) {
    .gutters-18 > [class*=col] {
        padding-right: 18px;
        padding-left: 18px
    }
}

@media screen and (min-width:1200px) {
    .gutters-20 > [class*=col] {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media screen and (min-width:1200px) {
    .gutters-22 > [class*=col] {
        padding-right: 22px;
        padding-left: 22px
    }
}

@media screen and (min-width:1200px) {
    .gutters-23 > [class*=col] {
        padding-right: 23px;
        padding-left: 23px
    }
}

@media screen and (min-width:1200px) {
    .gutters-36 > [class*=col] {
        padding-right: 36px;
        padding-left: 36px
    }
}

@media screen and (min-width:1200px) {
    .gutters-38 > [class*=col] {
        padding-right: 38px;
        padding-left: 38px
    }
}

@media screen and (min-width:1200px) {
    .gutters-39 > [class*=col] {
        padding-right: 39px;
        padding-left: 39px
    }
}

.wysiwyg {
    font-size: 14px;
    line-height: 1.625
}

@media screen and (min-width:768px) {
    .wysiwyg {
        font-size: 16px
    }
}

.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
    font-weight: 700
}

    .wysiwyg h1:not(:first-child), .wysiwyg h2:not(:first-child), .wysiwyg h3:not(:first-child), .wysiwyg h4:not(:first-child), .wysiwyg h5:not(:first-child), .wysiwyg h6:not(:first-child) {
        margin-top: 20px
    }

    .wysiwyg h1:not(:last-child), .wysiwyg h2:not(:last-child), .wysiwyg h3:not(:last-child), .wysiwyg h4:not(:last-child), .wysiwyg h5:not(:last-child), .wysiwyg h6:not(:last-child) {
        margin-bottom: 7px
    }

.wysiwyg b {
    font-weight: 700
}

.wysiwyg i {
    font-style: italic
}

.wysiwyg figure {
    margin-right: auto;
    margin-left: auto
}

    .wysiwyg figure:not(:first-child) {
        margin-top: 28px
    }

    .wysiwyg figure:not(:last-child) {
        margin-bottom: 26px
    }

    .wysiwyg figure img {
        width: 100%
    }

.wysiwyg figcaption {
    margin-top: 2px;
    padding: 6px 26px 12px;
    background-color: #f3f3f3;
    line-height: 1.5;
    font-style: italic
}

.wysiwyg p:not(:last-child) {
    margin-bottom: 28px
}

.wysiwyg ol {
    margin-left: 1em;
    list-style: decimal
}

.wysiwyg ul:not(:first-child) {
    margin-top: 18px
}

.wysiwyg ul:not(:last-child) {
    margin-bottom: 7px
}

.wysiwyg ul li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 25px
}

    .wysiwyg ul li::before {
        content: "";
        position: absolute;
        top: .5em;
        left: 0;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background-color: #cd5542
    }

@media screen and (min-width:768px) {
    .wysiwyg ul li::before {
        top: .54em
    }
}

@-webkit-keyframes animate {
    0% {
        opacity: 0;
        transform: translateX(-5px)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translateX(5px)
    }
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: translateX(-5px)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translateX(5px)
    }
}

*, .ol-none {
    outline: 0
}

    .ol-none:active, .ol-none:focus, .ol-none:focus-visible, .ol-none:hover, :active, :focus, :focus-visible, :hover {
        box-shadow: none;
        outline: 0
    }

@media screen and (min-width:1700px) {
    .d-xxxl-block {
        display: block !important
    }
}

@media screen and (min-width:1700px) {
    .d-xxxl-inline {
        display: inline !important
    }
}

@media screen and (min-width:1700px) {
    .d-xxxl-none {
        display: none !important
    }
}

.relative {
    position: relative
}

.form-control {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    width: 100%;
    height: 40px;
    padding: 0 8px;
    background-color: #fff;
    color: #000
}

    .form-control::-moz-placeholder {
        color: #000
    }

    .form-control:-ms-input-placeholder {
        color: #000
    }

    .form-control::placeholder {
        color: #000
    }

    .form-control:focus {
        box-shadow: none;
        outline: 0
    }

.form-select {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    width: 100%;
    height: 40px;
    padding: 0 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E %3Cpath d='M1 1L5 5L9 1' stroke='%23AFAFAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat right 15px center;
    background-color: #fff;
    cursor: pointer;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-check {
    margin: 0;
    padding-left: 29px
}

.form-check--large {
    padding-left: 31px
}

.form-check-label {
    cursor: pointer
}

.form-check-input {
    margin-left: -29px !important;
    border-color: #d9d9d9 !important;
    border-radius: 3px !important;
    width: 14px;
    height: 14px;
    cursor: pointer
}

    .form-check-input:checked[type=checkbox], .form-check-input:checked[type=radio] {
        border-color: #1d5193 !important;
        background-color: #fff !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E %3Cpath d='M9 2L4.1 7L2 5.125' stroke='%231D5193' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E")
    }

.form-check--large .form-check-input {
    margin-top: -1px;
    margin-left: -31px !important;
    border-color: #afafaf !important;
    width: 21px;
    height: 21px;
    background-color: #f5f5f5
}

    .form-check--large .form-check-input:checked[type=checkbox], .form-check--large .form-check-input:checked[type=radio] {
        border-color: #1d5193 !important;
        background-color: #fff !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E %3Cpath d='M13 2L5.3 9L2 6.375' stroke='%231D5193' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E")
    }

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

.mt-30 {
    margin-top: 30px
}

.mt-34 {
    margin-top: 34px
}

.mb-38 {
    margin-bottom: 38px
}

.mb-42 {
    margin-bottom: 42px
}

.mb-63 {
    margin-bottom: 63px
}

.nav-tabs {
    margin-bottom: -1px;
    border-bottom: none
}

@media screen and (min-width:992px) {
    .nav-tabs {
        flex-wrap: nowrap
    }
}

.nav-item {
    position: relative;
    margin: 0
}

.nav-tabs .nav-item {
    position: relative;
    margin: 0
}

@media screen and (max-width:991px) {
    .nav-tabs-responsive .nav-item {
        display: none;
        border: 1px solid #d6d6d6;
        background-color: #fff
    }

        .nav-tabs-responsive .nav-item.active {
            display: block;
            border-bottom: none;
            border-radius: 3px 3px 0 0
        }
}

@media screen and (max-width:991px) {
    .nav-tabs-responsive.open .nav-item {
        display: block;
        border-bottom: none
    }

        .nav-tabs-responsive.open .nav-item.active:not(:first-child):not(:last-child) {
            border-radius: 0
        }

        .nav-tabs-responsive.open .nav-item:first-child {
            border-radius: 3px 3px 0 0
        }

        .nav-tabs-responsive.open .nav-item:last-child {
            border: 1px solid #d6d6d6;
            border-radius: 0 0 3px 3px
        }

        .nav-tabs-responsive.open .nav-item:first-child:last-child {
            border-radius: 3px 3px 0 0
        }
}

@media screen and (max-width:991px) {
    .nav-tab-group .nav-item.active {
        border-radius: 3px 0 0 0 !important
    }

    .nav-tab-group .nav-item:first-child {
        border-radius: 3px 0 0 0 !important
    }
}

.tab-border {
    border: 1px solid #d6d6d6
}

.tab-background {
    border-radius: 0 3px 3px 3px;
    padding: 0 20px;
    background-color: #fff
}

@media screen and (max-width:991px) {
    .tab-background {
        border-radius: 0 0 3px 3px;
        padding: 0 12px
    }
}

.nav-link-bdr {
    position: relative;
    border: none;
    padding: 0;
    background: 0 0
}

@media screen and (min-width:992px) {
    .nav-link-bdr {
        height: 100%
    }
}

.nav-link-bdr::before {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    left: 1px;
    border-radius: 3px 0 0 0;
    background-color: rgba(198,198,198,.4);
    -webkit-clip-path: polygon(0 0,calc(100% - 36px) 0,100% 100%,0 100%);
    clip-path: polygon(0 0,calc(100% - 36px) 0,100% 100%,0 100%)
}

.nav-link-bdr.active::before {
    background-color: #d6d6d6
}

.nav-tabs-small .nav-link-bdr::before {
    -webkit-clip-path: polygon(0 0,calc(100% - 30px) 0,100% 100%,0 100%);
    clip-path: polygon(0 0,calc(100% - 30px) 0,100% 100%,0 100%)
}

@media screen and (max-width:991px) {
    .nav-tabs-responsive .nav-link-bdr {
        width: 100%
    }

        .nav-tabs-responsive .nav-link-bdr::before {
            content: none
        }
}

.nav-link-bdr__inner {
    position: relative;
    z-index: 5;
    align-items: center;
    display: flex;
    border: 1px solid rgba(198,198,198,.24);
    border-bottom-color: #d6d6d6;
    border-radius: 3px 0 0 0;
    min-height: 36px;
    padding: 7px 48px 8px 20px;
    background-color: #f6f6f6;
    color: #000;
    -webkit-clip-path: polygon(0 0,calc(100% - 36px) 0,100% 100%,0 100%);
    clip-path: polygon(0 0,calc(100% - 36px) 0,100% 100%,0 100%)
}

@media screen and (min-width:992px) {
    .nav-link-bdr__inner {
        height: 100%
    }
}

.nav-link-bdr__inner svg {
    margin-right: 7px;
    color: #3fa70f
}

.nav-link-bdr.active .nav-link-bdr__inner {
    border-color: #d6d6d6;
    border-bottom-color: #fff;
    background-color: #fff
}

.nav-tabs-small .nav-link-bdr__inner {
    justify-content: center;
    min-width: 88px;
    min-height: 31px;
    padding: 3px 29px 4px 12px;
    -webkit-clip-path: polygon(0 0,calc(100% - 30px) 0,100% 100%,0 100%);
    clip-path: polygon(0 0,calc(100% - 30px) 0,100% 100%,0 100%)
}

@media screen and (min-width:1200px) {
    .nav-tabs-small .nav-link-bdr__inner {
        padding-right: 34px;
        padding-left: 15px
    }
}

@media screen and (max-width:991px) {
    .nav-tabs-responsive .nav-link-bdr__inner {
        border: none !important;
        border-radius: 0 !important;
        width: 100%;
        min-height: 34px;
        padding: 6px 12px !important;
        background-color: #f6f6f6 !important;
        -webkit-clip-path: none !important;
        clip-path: none !important
    }
}

@media screen and (max-width:767px) {
    .nav-tabs-responsive .nav-link-bdr__inner {
        padding: 7px 12px !important
    }
}

@media screen and (max-width:991px) {
    .nav-tabs-responsive .nav-item.active .nav-link-bdr__inner {
        border-radius: 3px 3px 0 0 !important;
        background-color: #fff !important
    }
}

.nav-tabs-responsive.open .nav-item:first-child .nav-link-bdr__inner {
    border-radius: 3px 3px 0 0 !important
}

@media screen and (max-width:991px) {
    .nav-tabs-responsive.open .nav-item:last-child .nav-link-bdr__inner {
        border-radius: 0 0 3px 3px !important
    }
}

@media screen and (max-width:991px) {
    .nav-tabs-responsive {
        position: relative;
        z-index: 10;
        flex-grow: 1;
        display: block;
        overflow: visible;
        border-radius: 3px 3px 0 0;
        height: 36px
    }

        .nav-tabs-responsive::after {
            content: "";
            position: absolute;
            z-index: 5;
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
            width: 11px;
            height: 6px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E %3Cpath d='M9.5625 0.875L5.5 4.9375L1.4375 0.875' stroke='%23656565' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
            background-size: contain;
            pointer-events: none
        }

        .nav-tabs-responsive.open::after {
            transform: translateY(-50%) rotate(180deg)
        }
}

.nav-tab-group {
    align-items: center;
    display: flex
}

.nav-tab-toggle {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    border: 1px solid #d6d6d6;
    border-bottom: none;
    border-left: none;
    width: 50px;
    height: 35px;
    padding: 7px 12px;
    background: #fff;
    color: #a9a9a9
}

@media screen and (min-width:992px) {
    .nav-tab-toggle {
        margin-left: auto;
        border: none;
        width: 28px;
        height: 15px;
        padding: 0;
        background: 0 0
    }
}

.table-responsive {
    width: 100%
}

@media screen and (max-width:991px) {
    .table-responsive {
        position: relative;
        display: block
    }

        .table-responsive::before {
            content: "";
            position: absolute;
            z-index: 5;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border: 1px solid #d6d6d6;
            border-radius: 3px;
            pointer-events: none
        }

        .table-responsive thead {
            display: none
        }

        .table-responsive tbody {
            display: block;
            width: 100%
        }

            .table-responsive tbody tr {
                display: block
            }

                .table-responsive tbody tr:first-child td, .table-responsive tbody tr:first-child th {
                    border-radius: 0 !important
                }

                    .table-responsive tbody tr:first-child td:first-child, .table-responsive tbody tr:first-child th:first-child {
                        border-radius: 3px 3px 0 0 !important
                    }

                .table-responsive tbody tr:last-child td, .table-responsive tbody tr:last-child th {
                    border-bottom: 1px solid #d6d6d6 !important;
                    border-radius: 0 !important
                }

                    .table-responsive tbody tr:last-child td:last-child, .table-responsive tbody tr:last-child th:last-child {
                        border-bottom: none !important;
                        border-radius: 0 0 3px 3px !important
                    }

            .table-responsive tbody td, .table-responsive tbody th {
                justify-content: space-between;
                align-items: center;
                display: flex;
                box-shadow: none;
                border-right: none !important;
                border-bottom: 1px solid #d6d6d6 !important;
                height: auto;
                padding: 10px 12px !important;
                text-align: right !important;
                -moz-column-gap: 15px;
                column-gap: 15px
            }

                .table-responsive tbody td::before, .table-responsive tbody th::before {
                    content: attr(data-label);
                    flex-shrink: 0;
                    display: inline-block;
                    font-weight: 700;
                    text-align: left !important
                }

                .table-responsive tbody td:first-child, .table-responsive tbody th:first-child {
                    background-color: #f7f7f7
                }
}

.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    transition: background-color .3s ease;
    border: none;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    padding: 0;
    background-color: #fafafa;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 18px;
    text-indent: -9999px
}

.slick-prev {
    left: -53px;
    background-image: var(--img-slick-prev)
}

    .slick-prev:hover {
        border-color: #1d5193;
        background-color: #1d5193;
        background-image: var(--img-slick-prev-trafer)
    }

.slick-next {
    right: -53px;
    background-image: var(--img-slick-next)
}

    .slick-next:hover {
        border-color: #1d5193;
        background-color: #1d5193;
        background-image: var(--img-slick-next-trafer)
    }

.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center
}

    .slick-dots button {
        position: relative;
        border: none;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        margin: 0 6.5px;
        background-color: #d9d9d9;
        text-indent: -9999px
    }

        .slick-dots button::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            opacity: 0;
            transform: translate3d(-50%,-50%,0);
            border: 1px solid #ffe5c6;
            border-radius: 50%;
            width: 22px;
            height: 22px;
            pointer-events: none
        }

    .slick-dots .slick-active button {
        background-color: #f68500
    }

        .slick-dots .slick-active button::after {
            opacity: 1
        }


#cvo-toolbar {
    box-shadow: 0 .125rem .3125rem #d0d0d0;
    border-top: .0625rem solid #e2e2e2;
    box-sizing: border-box !important;
    width: 100%;
    margin-bottom: .8rem
}

.toolbar-global-controls {
    box-shadow: 0 1px 2px 0 #ccc;
    background-color: #f6f6f6
}

@media (min-width:768px) {
    .toolbar-global-controls {
        background-color: #fff
    }
}

#cvbuilder-container {
    position: relative;
    margin-bottom: 80px
}

    #cvbuilder-container .container::after {
        content: " ";
        display: block;
        clear: both;
        width: 0;
        height: 0
    }

#cv-layout-container {
    float: left;
    width: 100%;
    max-width: 210mm
}

#cv-layout {
    width: 100%;
    max-width: 210mm;
    min-height: 290mm
}

#cv-guide-container {
    float: right;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 342px;
    height: auto
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.x-modal .modal-lg {
    margin-right: .625rem;
    margin-left: .625rem;
    max-width: none;
    font-size: 14px
}

.x-modal .modal-content {
    border-radius: 10px
}

@media screen and (min-width:768px) {
    .x-modal .modal-lg {
        margin-right: auto;
        margin-left: auto;
        max-width: 43.75rem
    }
}

@media screen and (min-width:992px) {
    .x-modal .modal-lg {
        max-width: 56.25rem
    }
}

@media screen and (min-width:768px) {
    .x-modal .modal-content {
        box-shadow: 0 .3125rem .9375rem rgba(0,0,0,.5)
    }
}

.x-modal .modal-header {
    justify-content: space-between;
    padding: 15px 14px 17px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

    .x-modal .modal-header .close {
        float: right;
        opacity: .2;
        margin: -14px -12px -16px auto;
        border: 0;
        padding: 1rem;
        background-color: transparent;
        font-size: 1.3125rem;
        line-height: 1;
        font-weight: 700;
        text-shadow: 0 .0625rem 0 #fff;
        color: #000;
        -webkit-appearance: none
    }

.x-modal .x_cclose {
    display: inline-block;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: 1px solid transparent;
    border-radius: 50px;
    padding: 5px 19px;
    background: #efefef;
    font-size: 1rem;
    line-height: 1.5;
    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
}

.x-modal .btn-submit {
    display: inline-flex;
    min-width: auto;
    padding: 10px 18px
}

@media screen and (min-width:768px) {
    .x-modal .btn-submit {
        padding: 12px 33px
    }
}

.x-modal .btn-submit::before {
    border-width: 3px
}

.x-modal .modal-title {
    font-family: Roboto,sans-serif
}

    .x-modal .modal-title:before {
        padding-right: .3125rem;
        font-family: FontAwesome
    }

.x-modal .modal-info {
    text-align: center
}

    .x-modal .modal-info h4 {
        font-size: 1.375rem;
        font-weight: 700;
        color: #048b9a
    }

    .x-modal .modal-info small {
        font-size: .875rem;
        color: #333
    }

.x-modal .form-group {
    font-size: .875rem
}

    .x-modal .form-group .col-form-label {
        font-weight: 700;
        color: #333
    }

@media screen and (min-width:768px) {
    .x-modal .form-group .col-form-label {
        text-align: right
    }
}

.x-modal .form-group .bootstrap-select > .dropdown-toggle {
    border: .0625rem solid #ced4da;
    border-radius: .25rem;
    padding: .375rem .75rem;
    background-color: #fff;
    background-color: #fff;
    background-clip: padding-box;
    font-size: .875rem
}

.x-modal .form-group .bootstrap-select .dropdown-menu {
    font-size: .875rem
}

.x-modal .form-control {
    display: block;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.08);
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.x-modal .form-group {
    margin-bottom: 15px
}

.x-modal .form-file {
    border: dashed .0625rem #4caf50;
    border-radius: .3125rem;
    width: 100%;
    padding: .625rem;
    cursor: pointer;
    font-weight: 700
}

    .x-modal .form-file i:before {
        padding-right: .3125rem
    }

    .x-modal .form-file small {
        margin-left: .625rem;
        font-weight: 400
    }

    .x-modal .form-file .close {
        font-size: 1.3125rem
    }

.x-modal .badge {
    border-radius: .625rem;
    padding: .1875rem .4375rem;
    background-color: #777;
    font-size: .75rem;
    color: #fff
}

.x-modal .alert {
    font-size: .875rem
}

.x-modal .modal-footer {
    padding: 1rem
}

@media screen and (min-width:768px) {
    .x-modal .modal-footer {
        padding: 7px 25px
    }
}

.x-modal .modal-footer p {
    margin-bottom: 0;
    color: #333
}

.x-modal .modal-footer > :not(:first-child), .x-modal .modal-footer > :not(:last-child) {
    margin-right: 0;
    margin-left: 0
}

.x-modal .modal-link {
    color: #333
}

    .x-modal .modal-link strong {
        font-weight: 700
    }

    .x-modal .modal-link:hover {
        text-decoration: underline;
        color: #23527c
    }

.x-modal .modal-send-cv {
    border-color: #2e6da4;
    padding: .625rem 1rem;
    background-color: #337ab7;
    font-size: 1.125rem;
    line-height: 1.3333333
}

    .x-modal .modal-send-cv:hover {
        border-color: #204d74;
        background-color: #286090
    }

.x-modal .nav-tabs > li {
    margin-bottom: -.0625rem
}

    .x-modal .nav-tabs > li > a {
        position: relative;
        display: block;
        margin-right: .125rem;
        border: .0625rem solid transparent;
        border-radius: .25rem .25rem 0 0;
        padding: .625rem .9375rem;
        line-height: 1.42857143;
        color: #333
    }

        .x-modal .nav-tabs > li > a:focus, .x-modal .nav-tabs > li > a:hover {
            border-color: #eee #eee #ddd;
            background-color: #eee;
            text-decoration: none;
            color: #23527c
        }

        .x-modal .nav-tabs > li > a.active, .x-modal .nav-tabs > li > a.active:focus, .x-modal .nav-tabs > li > a.active:hover {
            border: .0625rem solid #ddd;
            border-bottom-color: transparent;
            background-color: #fff;
            cursor: default;
            color: #4caf50
        }

        .x-modal .nav-tabs > li > a i:before {
            padding-right: .3125rem
        }

.x-modal .tab-content {
    min-height: 16.875rem
}

.x-modal legend {
    display: block;
    margin-bottom: .9375rem;
    border-bottom: .0625rem solid #e5e5e5;
    width: 100%;
    padding: 0;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 700;
    color: #e91e63
}

    .x-modal legend i:before {
        padding-right: .3125rem
    }

.x-modal #cvUploaded ul {
    padding: 0 0;
    list-style: none
}

@media screen and (min-width:768px) {
    .x-modal #cvUploaded ul {
        padding: 0 1.875rem
    }
}

.x-modal #cvUploaded ul a {
    font-size: .875rem;
    color: #333
}

    .x-modal #cvUploaded ul a:hover {
        text-decoration: underline;
        color: #23527c
    }

    .x-modal #cvUploaded ul a i:before {
        padding-right: .3125rem
    }

.hover-state {
    margin-right: -26px;
    margin-left: -5px;
    border-radius: 3px;
    padding-right: 26px;
    padding-left: 5px
}

    .edit-state .hover-state, .hover-state:focus, .hover-state:hover {
        outline: 1pt dashed #d22600;
        background: var() no-repeat right 9px center
    }

.a-sidebar {
    padding: 19px 0;
    background-color: #1d5193;
    color: #fff
}

.a-sidebar__header {
    margin-bottom: 29px;
    text-align: center
}

    .a-sidebar__header p {
        line-height: 1.25
    }

.a-sidebar__logo {
    display: block;
    margin: 0 auto 9px;
    width: 55px
}

.a-sidebar__item {
    position: relative;
    align-items: center;
    display: flex;
    transition: none;
    margin-left: 8px;
    height: 52px;
    padding: 5px 16px;
    background-color: transparent;
    color: #fff
}

    .a-sidebar__item::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -8px;
        width: 8px;
        background-color: transparent
    }

    .a-sidebar__item.active, .a-sidebar__item:hover {
        background-color: #fff;
        color: #000
    }

        .a-sidebar__item.active::before, .a-sidebar__item:hover::before {
            background-color: rgba(255,255,255,.5)
        }

.a-sidebar__item-icon {
    flex-shrink: 0;
    margin-right: 12px;
    width: 19px;
    text-align: center
}

.a-sidebar__item.active .a-sidebar__item-icon, .a-sidebar__item:hover .a-sidebar__item-icon {
    color: #1b6cd3
}

.close-sidebar {
    position: absolute;
    top: 0;
    right: -40px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    border: none;
    width: 42px;
    height: 42px;
    padding: 0;
    background: 0 0;
    pointer-events: none
}

    .close-sidebar::after, .close-sidebar::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 25px;
        height: 2px;
        background-color: #fff
    }

    .close-sidebar::before {
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .close-sidebar::after {
        transform: translate(-50%,-50%) rotate(-45deg)
    }

.a-sidebar.show .close-sidebar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.a-statistic .row {
    margin: 0 -20px
}

.a-statistic [class*=col] {
    padding: 0 20px
}

.a-statistic__item {
    align-items: center;
    display: flex;
    margin-bottom: 21px;
    border-radius: 10px;
    padding: 13px 12px;
    background-image: var(--img-statistic);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 150px
}

@media screen and (min-width:768px) {
    .a-statistic__item {
        margin-bottom: 40px;
        padding: 13px 22px 16px;
        background-size: 231px
    }
}

@media screen and (min-width:992px) {
    .a-statistic__item {
        background-size: 47%
    }
}

@media screen and (min-width:1700px) {
    .a-statistic__item {
        padding: 12px 15px 18px;
        background-size: contain
    }
}

.a-statistic__item--blue {
    background-color: #1b6cd3;
    color: #fff
}

.a-statistic__item--orange {
    background-color: #ff822c;
    color: #fff
}

.a-statistic__item-icon {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 20px;
    border-width: 5px;
    border-style: solid;
    border-radius: 20px;
    width: 90px;
    height: 90px
}

@media screen and (min-width:576px) {
    .a-statistic__item-icon {
        margin-right: 25px;
        width: 115px;
        height: 115px
    }
}

@media screen and (min-width:1700px) {
    .a-statistic__item-icon {
        margin-right: 43px
    }
}

.a-statistic__item--blue .a-statistic__item-icon {
    border-color: #b6d6ff
}

.a-statistic__item--orange .a-statistic__item-icon {
    border-color: #ffd9bf
}

.a-statistic__item-title {
    margin-bottom: 3px
}

@media screen and (min-width:1700px) {
    .a-statistic__item-title {
        margin-bottom: 7px
    }
}

@media screen and (min-width:1366px) {
    .a-statistic__item-content .fz-15 {
        font-size: 14px;
        line-height: 1.85
    }
}

@media screen and (min-width:1700px) {
    .a-statistic__item-content .fz-15 {
        font-size: 15px;
        line-height: 1.467
    }
}

.a-table {
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff
}

    .a-table .tr {
        display: flex;
        border-bottom: 1px solid rgba(221,221,221,.5)
    }

@media screen and (max-width:991px) {
    .a-table .tr {
        flex-wrap: wrap;
        margin-right: -1px
    }
}

.a-table .tr:last-child {
    border-bottom: none
}

.a-table--normal .td {
    text-align: center
}

    .a-table--normal .td:nth-child(1) {
        border-right: 1px solid rgba(221,221,221,.5);
        width: 100%
    }

@media screen and (min-width:576px) {
    .a-table--normal .td:nth-child(1) {
        width: calc(100% - 136px)
    }
}

@media screen and (min-width:992px) {
    .a-table--normal .td:nth-child(1) {
        border-right: none;
        width: 38.71%
    }
}

@media screen and (min-width:1700px) {
    .a-table--normal .td:nth-child(1) {
        width: 35.95%
    }
}

.a-table--normal .td:nth-child(2) {
    flex: 1 1 auto;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:576px) {
    .a-table--normal .td:nth-child(2) {
        flex: auto;
        border-top: none;
        border-right: none;
        width: 136px
    }
}

@media screen and (min-width:992px) {
    .a-table--normal .td:nth-child(2) {
        width: 15.1%
    }
}

@media screen and (min-width:1700px) {
    .a-table--normal .td:nth-child(2) {
        width: 11.6%
    }
}

.a-table--normal .td:nth-child(3) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--normal .td:nth-child(3) {
        display: block;
        flex: auto;
        border-top: none;
        border-right: none;
        width: 9.85%;
        min-width: 100px;
        padding-right: 5px;
        padding-left: 5px
    }
}

@media screen and (min-width:1700px) {
    .a-table--normal .td:nth-child(3) {
        width: 15%;
        min-width: auto;
        padding-right: 13px;
        padding-left: 13px
    }
}

.a-table--normal .td:nth-child(4) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--normal .td:nth-child(4) {
        display: block;
        flex: auto;
        border-top: none;
        border-right: none;
        width: 9.44%;
        min-width: 96px;
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width:1700px) {
    .a-table--normal .td:nth-child(4) {
        width: 10%;
        min-width: auto;
        padding-right: 13px;
        padding-left: 13px
    }
}

.a-table--normal .td:nth-child(5) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--normal .td:nth-child(5) {
        display: block;
        flex: auto;
        border-top: none;
        border-right: none;
        width: 12.8%;
        min-width: 122px
    }
}

@media screen and (min-width:1700px) {
    .a-table--normal .td:nth-child(5) {
        width: 11.7%;
        min-width: auto
    }
}

.a-table--normal .td:nth-child(6) {
    flex: 1 1 auto;
    border-top: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--normal .td:nth-child(6) {
        flex: auto;
        border-top: none;
        width: 14.1%;
        min-width: 143px
    }
}

@media screen and (min-width:1700px) {
    .a-table--normal .td:nth-child(6) {
        width: 15.75%;
        min-width: auto
    }
}

.a-table--candi .td {
    text-align: center
}

    .a-table--candi .td:nth-child(1) {
        border-right: 1px solid rgba(221,221,221,.5);
        width: 100%
    }

@media screen and (min-width:576px) {
    .a-table--candi .td:nth-child(1) {
        width: 40%
    }
}

@media screen and (min-width:992px) {
    .a-table--candi .td:nth-child(1) {
        border-right: none;
        width: 23.65%
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .td:nth-child(1) {
        width: 19.05%
    }
}

.a-table--candi .td:nth-child(2) {
    flex: 1 1 auto;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:576px) {
    .a-table--candi .td:nth-child(2) {
        flex: auto;
        border-top: none;
        border-right: none;
        width: 60%
    }
}

@media screen and (min-width:992px) {
    .a-table--candi .td:nth-child(2) {
        width: 28.1%
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .td:nth-child(2) {
        width: 21.4%
    }
}

.a-table--candi .td:nth-child(3) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--candi .td:nth-child(3) {
        display: block;
        flex: auto;
        border-top: none;
        border-right: none;
        width: 11.85%;
        min-width: 120px;
        padding-right: 5px;
        padding-left: 5px
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .td:nth-child(3) {
        width: 20.6%;
        min-width: auto;
        padding-right: 13px;
        padding-left: 13px
    }
}

.a-table--candi .td:nth-child(4) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--candi .td:nth-child(4) {
        display: block;
        flex: auto;
        border-top: none;
        border-right: none;
        width: 12.8%;
        min-width: 130px;
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .td:nth-child(4) {
        width: 19.5%;
        min-width: auto;
        padding-right: 13px;
        padding-left: 13px
    }
}

.a-table--candi .td:nth-child(5) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--candi .td:nth-child(5) {
        display: block;
        flex: auto;
        border-top: none;
        border-right: none;
        width: 11.6%;
        min-width: 118px
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .td:nth-child(5) {
        width: 9.45%;
        min-width: auto
    }
}

.a-table--candi .td:nth-child(6) {
    flex: 1 1 auto;
    border-top: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--candi .td:nth-child(6) {
        flex: auto;
        border-top: none;
        width: 12%;
        min-width: 122px
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .td:nth-child(6) {
        width: 10%;
        min-width: auto
    }
}

.a-table--simple .td {
    text-align: center
}

    .a-table--simple .td:nth-child(1) {
        border-right: 1px solid rgba(221,221,221,.5);
        width: 100%
    }

@media screen and (min-width:576px) {
    .a-table--simple .td:nth-child(1) {
        width: 50%
    }
}

@media screen and (min-width:992px) {
    .a-table--simple .td:nth-child(1) {
        border-right: none;
        width: 32%
    }
}

@media screen and (min-width:1700px) {
    .a-table--simple .td:nth-child(1) {
        width: 36.25%
    }
}

.a-table--simple .td:nth-child(2) {
    flex: 1 1 auto;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:576px) {
    .a-table--simple .td:nth-child(2) {
        flex: auto;
        border-top: none;
        border-right: none;
        width: 50%
    }
}

@media screen and (min-width:992px) {
    .a-table--simple .td:nth-child(2) {
        width: 23%
    }
}

@media screen and (min-width:1700px) {
    .a-table--simple .td:nth-child(2) {
        width: 21%
    }
}

.a-table--simple .td:nth-child(3) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--simple .td:nth-child(3) {
        display: block;
        flex: auto;
        border-top: none;
        border-right: none;
        width: 16%
    }
}

@media screen and (min-width:1700px) {
    .a-table--simple .td:nth-child(3) {
        width: 15.75%
    }
}

.a-table--simple .td:nth-child(4) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--simple .td:nth-child(4) {
        display: block;
        flex: auto;
        border-top: none;
        border-right: none;
        width: 10%;
        min-width: 100px
    }
}

.a-table--simple .td:nth-child(5) {
    flex: 1 1 auto;
    border-top: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--simple .td:nth-child(5) {
        flex: auto;
        border-top: none;
        width: 14%;
        min-width: 130px
    }
}

@media screen and (min-width:1700px) {
    .a-table--simple .td:nth-child(5) {
        width: 17%;
        min-width: 260px
    }
}

.a-table--jobs .td {
    text-align: center
}

    .a-table--jobs .td:nth-child(1) {
        border-right: 1px solid rgba(221,221,221,.5);
        width: 100%
    }

@media screen and (min-width:576px) {
    .a-table--jobs .td:nth-child(1) {
        width: 70%
    }
}

@media screen and (min-width:992px) {
    .a-table--jobs .td:nth-child(1) {
        border-right: none;
        width: 41.4%
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .td:nth-child(1) {
        width: 27.5%
    }
}

.a-table--jobs .td:nth-child(2) {
    flex: 1 1 auto;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:576px) {
    .a-table--jobs .td:nth-child(2) {
        flex: auto;
        border-top: none;
        border-right: none;
        width: 30%
    }
}

@media screen and (min-width:992px) {
    .a-table--jobs .td:nth-child(2) {
        width: 12%;
        min-width: 120px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .td:nth-child(2) {
        width: 14.6%;
        min-width: auto
    }
}

.a-table--jobs .td:nth-child(3) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--jobs .td:nth-child(3) {
        flex: auto;
        align-items: flex-start;
        border-top: none;
        border-right: none;
        width: 12.5%;
        min-width: 120px;
        padding-right: 5px;
        padding-left: 5px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .td:nth-child(3) {
        display: block;
        width: 13%;
        min-width: auto;
        padding-right: 13px;
        padding-left: 13px
    }
}

.a-table--jobs .td:nth-child(4) {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--jobs .td:nth-child(4) {
        display: block;
        border-top: none;
        border-right: none;
        width: 6.5%;
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .td:nth-child(4) {
        width: 6.5%;
        min-width: auto;
        padding-right: 13px;
        padding-left: 13px
    }
}

.a-table--jobs .td:nth-child(5) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--jobs .td:nth-child(5) {
        display: block;
        flex: auto;
        border-top: none;
        border-right: none;
        width: 11.8%;
        min-width: 120px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .td:nth-child(5) {
        width: 14.45%;
        min-width: auto
    }
}

.a-table--jobs .td:nth-child(6) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5);
    border-right: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--jobs .td:nth-child(6) {
        display: block;
        flex: auto;
        border-top: none;
        border-right: none;
        width: 10.6%;
        min-width: 107px;
        padding-right: 5px !important;
        padding-left: 5px !important
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .td:nth-child(6) {
        width: 12.45%;
        min-width: auto
    }
}

.a-table--jobs .td:nth-child(7) {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(221,221,221,.5)
}

@media screen and (min-width:992px) {
    .a-table--jobs .td:nth-child(7) {
        display: block;
        flex: auto;
        border-top: none;
        width: 12%;
        min-width: 120px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .td:nth-child(7) {
        width: 11.5%;
        min-width: auto
    }
}

.a-table-head {
    display: none
}

@media screen and (min-width:992px) {
    .a-table-head {
        display: block
    }
}

.a-table-head .td {
    border-right: 1px solid #eee;
    padding: 13px 5px;
    color: #233454
}

@media screen and (min-width:1700px) {
    .a-table-head .td {
        border-right: none
    }
}

.a-table-head .td:last-child {
    border-right: none
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-head .td:nth-child(2) {
        padding-left: 4%;
        text-align: left
    }
}

.a-table--simple .a-table-head {
    border-radius: 5px 5px 0 0;
    background-color: #f0f0f0
}

    .a-table--simple .a-table-head .td {
        padding: 12px 18px 17px
    }

        .a-table--simple .a-table-head .td:first-child {
            text-align: left
        }

.a-table--jobs .a-table-head .td::first-letter {
    text-transform: capitalize
}

@media screen and (min-width:992px) {
    .a-table--jobs .a-table-head .td:first-child {
        padding-left: 74px;
        text-align: left
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-head .td:first-child {
        padding-left: 5px;
        text-align: center
    }
}

.a-table-body .td {
    padding: 15px 12px
}

@media screen and (min-width:992px) {
    .a-table-body .td {
        padding: 19px 13px
    }
}

.a-table-body .td:first-child {
    text-align: left
}

.a-table-body .td:last-child {
    text-align: right
}

@media screen and (min-width:992px) {
    .a-table--candi .a-table-body .td {
        padding: 26px 13px 24px
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-body .td {
        padding-top: 17px;
        padding-bottom: 17px
    }
}

.a-table--candi .a-table-body .td:first-child {
    text-align: left
}

    .a-table--candi .a-table-body .td:first-child p + p {
        margin-top: 8px
    }

.a-table--candi .a-table-body .td:nth-child(2) {
    text-align: left
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-body .td:nth-child(2) p {
        margin-top: 2px
    }
}

.a-table--candi .a-table-body .td:nth-child(2) p + p {
    margin-top: 4px
}

.a-table--candi .a-table-body .td:last-child {
    text-align: right
}

@media screen and (max-width:767px) {
    .a-table--candi .a-table-body .td:last-child {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.a-table--candi .a-table-body .a-card__watch {
    margin-top: 2px;
    margin-left: 0
}

@media screen and (max-width:1699px) {
    .a-table--candi .a-table-body .a-card__watch {
        width: 103px;
        height: 34px;
        margin-top: 4px
    }
}

@media screen and (max-width:767px) {
    .a-table--candi .a-table-body .a-card__watch {
        margin-top: 0
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-body .a-card__watch svg {
        transform: translateX(10px)
    }
}

@media screen and (min-width:992px) {
    .a-table--simple .a-table-body .td {
        padding: 12px 18px 25px
    }
}

.a-table--simple .a-table-body .td:first-child {
    text-align: left
}

.a-table--simple .a-table-body .td:last-child {
    text-align: right
}

.a-table--simple .a-table-body .td:nth-child(3) {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .a-table--simple .a-table-body .td:nth-child(3) {
        justify-content: flex-start;
        text-align: left
    }
}

.a-table--simple .a-table-body .td:nth-child(4) {
    display: flex;
    justify-content: center;
    align-items: center
}

.a-table--simple .a-table-body .td:last-child {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:992px) {
    .a-table--simple .a-table-body .td:last-child {
        justify-content: flex-end
    }
}

.a-table--simple .a-table-body .a-card {
    padding: 7px 0
}

.a-table--simple .a-table-body .a-card__order {
    display: flex;
    margin-top: 0
}

.a-table--simple .a-table-body .a-card__title {
    width: 100%;
    max-width: 335px;
    margin: 0
}

.a-table--simple .a-table-body .a-card__content {
    align-self: center
}

    .a-table--simple .a-table-body .a-card__content .hover-state {
        margin-right: 0;
        margin-left: -6px;
        padding: 4px 30px 4px 6px;
        background-position: right 8px center
    }

@media screen and (max-width:767px) {
    .a-table--simple .a-table-body .a-card__content .hover-state {
        margin-top: -9px
    }
}

.a-table--simple .a-table-body .a-card__watch {
    margin-left: 0;
    padding: 5px
}

@media screen and (min-width:992px) {
    .a-table--simple .a-table-body .a-card__watch {
        margin-top: 14px;
        margin-left: 1px
    }
}

@media screen and (min-width:992px) {
    .a-table--jobs .a-table-body .td {
        padding: 20px 13px 31px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-body .td {
        padding-top: 23px;
        padding-bottom: 24px
    }
}

.a-table--jobs .a-table-body .a-card__image {
    display: block;
    border: none;
    width: 66px;
    height: auto;
    padding: 0;
    background: 0 0
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-body .a-card__image {
        margin-top: -2px;
        margin-right: 33px
    }
}

.a-table--jobs .a-table-body .a-card__image .ratio {
    width: 66px
}

    .a-table--jobs .a-table-body .a-card__image .ratio::before {
        padding-bottom: 96.9696969697%
    }

.a-table--jobs .a-table-body .a-card__content {
    display: block;
    padding-top: 3px
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-body .a-card__content {
        padding-top: 0
    }
}

.a-table--jobs .a-table-body .a-card__wrapper a:not(:first-child), .a-table--jobs .a-table-body .a-card__wrapper p:not(:first-child) {
    margin-top: 7px
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-body .a-card__wrapper a:not(:first-child), .a-table--jobs .a-table-body .a-card__wrapper p:not(:first-child) {
        margin-top: 9px
    }
}

.a-table--jobs .a-table-body .a-card__btn {
    margin-top: 18px;
    margin-right: 0
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-body .a-card__btn {
        margin-top: 15px
    }
}

.a-table-number .hover-state {
    margin-right: 0;
    margin-bottom: 6px;
    margin-left: 0;
    padding: 0 35px 0 18px;
    background-position: right 8px center
}

@media screen and (min-width:992px) {
    .a-table-number .hover-state {
        margin-right: -14px
    }
}

.a-table-order .hover-state {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0 35px 0 13px;
    background-position: right 6px center;
    line-height: 22px
}

@media screen and (min-width:992px) {
    .a-table-order .hover-state {
        margin-top: 18px;
        margin-right: 14px
    }
}

.a-table-toolbar {
    display: flex;
    align-items: flex-start;
    padding: 7px 13px;
    background-color: #f0f0f0
}

.a-table--jobs .a-table-toolbar .a-table-select {
    width: 107px
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-toolbar .a-table-select {
        width: 188px
    }
}

.a-table-toolbar__normal {
    display: flex;
    flex-grow: 1;
    align-items: center
}

@media screen and (max-width:767px) {
    .a-table-toolbar__normal {
        flex-wrap: wrap;
        margin-right: -17px;
        row-gap: 10px
    }
}

.a-table-toolbar__selected {
    display: flex;
    flex-grow: 1;
    align-items: center
}

.a-table-search {
    position: relative;
    display: flex;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    width: 100%;
    margin-right: 17px;
    background: #f7f7f7
}

@media screen and (min-width:576px) {
    .a-table-search {
        max-width: 261px
    }
}

@media screen and (min-width:1700px) {
    .a-table-search {
        max-width: 479px;
        margin-right: 31px
    }
}

.a-table-search .select, .a-table-search select {
    flex-shrink: 0;
    border: none;
    width: 87px;
    padding: 0 28px 0 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E %3Cpath d='M0 0L5 6L10 0H0Z' fill='%23555555'/%3E %3C/svg%3E") no-repeat right 15px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-left: 1px solid #ddd;
}
    /*@media screen and (min-width:1700px){
.a-table-search .select,.a-table-search select{display:none}
}*/
    .a-table-search .select::after, .a-table-search select::after {
        content: none
    }

.a-table--candi .a-table-search {
    margin-right: 11px
}

@media screen and (min-width:576px) {
    .a-table--candi .a-table-search {
        max-width: 205px
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-search {
        max-width: 285px;
        margin-right: 16px
    }
}

.a-table--candi .a-table-search .select, .a-table--candi .a-table-search select {
    display: block
}

@media screen and (min-width:768px) {
    .a-table--candi .a-table-search .select, .a-table--candi .a-table-search select {
        width: 83px;
        padding-left: 9px;
        background-position: right 10px center
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-search .select, .a-table--candi .a-table-search select {
        width: 95px;
        padding-left: 18px;
        background-position: right 15px center
    }
}

.a-table--jobs .a-table-search {
    margin-right: 11px
}

@media screen and (min-width:768px) {
    .a-table--jobs .a-table-search {
        max-width: 288px;
        margin-right: 20px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-search {
        max-width: 341px;
        margin-right: 25px
    }
}

.a-table--jobs .a-table-search .select, .a-table--jobs .a-table-search select {
    display: block
}

@media screen and (min-width:768px) {
    .a-table--jobs .a-table-search .select, .a-table--jobs .a-table-search select {
        width: 92px;
        padding-left: 13px;
        background-position: right 15px center
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-search .select, .a-table--jobs .a-table-search select {
        width: 98px;
        padding-left: 14px;
        background-position: right 11px center
    }
}

.a-table-search__group {
    position: relative;
    flex-grow: 1
}

    .a-table-search__group::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 35px
    }

@media screen and (min-width:1700px) {
    .a-table-search__group::after {
        content: none
    }
}

.a-table-search__group input {
    border: none;
    width: 100%;
    height: 34px;
    padding: 0 9px;
    background: 0 0
}

@media screen and (min-width:1700px) {
    .a-table-search__group input {
        padding: 0 52px 0 16px
    }
}

.a-table-search__group input::-moz-placeholder {
    font-style: italic;
    color: #888
}

.a-table-search__group input:-ms-input-placeholder {
    font-style: italic;
    color: #888
}

.a-table-search__group input::placeholder {
    font-style: italic;
    color: #888
}

.a-table-search__group button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    display: none;
    justify-content: center;
    align-items: center;
    border: none;
    width: 38px;
    height: 36px;
    padding: 0;
    background: 0 0;
    color: #888
}

@media screen and (min-width:1700px) {
    .a-table-search__group button {
        display: flex
    }
}

.a-table--candi .a-table-search__group::after {
    content: ""
}

.a-table--candi .a-table-search__group input {
    padding-left: 11px
}

.a-table--candi .a-table-search__group button {
    display: none
}

.a-table--jobs .a-table-search__group::after {
    content: ""
}

.a-table--jobs .a-table-search__group input {
    padding-left: 11px
}

.a-table--jobs .a-table-search__group button {
    display: none
}

.a-table-range {
    display: flex;
    margin-right: 17px
}

@media screen and (max-width:575px) {
    .a-table-range {
        flex-wrap: wrap;
        row-gap: 10px
    }
}

@media screen and (min-width:992px) {
    .a-table-range {
        margin-right: 12%
    }
}

@media screen and (min-width:1700px) {
    .a-table-range {
        margin-right: 31px
    }
}

@media screen and (min-width:992px) {
    .a-table--candi .a-table-range {
        margin-right: 7%
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-range {
        margin-right: 14.47%
    }
}

@media screen and (min-width:992px) {
    .a-table--jobs .a-table-range {
        margin-right: 12.2%
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-range {
        margin-right: 7.9%
    }
}

.a-table-range__item {
    display: flex;
    align-items: center
}

    .a-table-range__item:not(:last-child) {
        margin-right: 8px
    }

@media screen and (min-width:1700px) {
    .a-table-range__item:not(:last-child) {
        margin-right: 15px
    }
}

.a-table-range__item label {
    min-width: 24px;
    margin-right: 7px
}

@media screen and (min-width:576px) {
    .a-table-range__item label {
        min-width: auto;
        margin-right: 10px
    }
}

@media screen and (min-width:1700px) {
    .a-table-range__item label {
        min-width: 24px;
        margin-right: 9px
    }
}

.a-table-range__item input {
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    width: 102px;
    height: 36px;
    padding: 0 30px 0 6px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E %3Cpath d='M5 7.2H3.33333V8.8H5V7.2ZM8.33333 7.2H6.66667V8.8H8.33333V7.2ZM11.6667 7.2H10V8.8H11.6667V7.2ZM15 1.6H12.5V0H10.8333V1.6H4.16667V0H2.5V1.6H0V16H15V1.6ZM13.3333 14.4H1.66667V5.6H13.3333V14.4Z' fill='%23ADADAD'/%3E %3C/svg%3E") no-repeat right 8px center,#f7f7f7
}

@media screen and (min-width:576px) {
    .a-table-range__item input {
        width: 111px
    }
}

@media screen and (min-width:768px) {
    .a-table-range__item input {
        font-size: 13px
    }
}

@media screen and (min-width:1700px) {
    .a-table-range__item input {
        width: 150px;
        padding: 0 32px 0 12px;
        background-position: right 10px center;
        font-size: 14px
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-range__item {
        margin-right: 13px
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-range__item label {
        min-width: 19px;
        margin-right: 14px
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-range__item input {
        width: 160px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-range__item {
        margin-right: 18px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-range__item label {
        min-width: 21px;
        margin-right: 7px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-range__item input {
        width: 160px;
        padding-left: 8px
    }
}

.a-table-select {
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    width: 100%;
    height: 36px;
    margin-right: 17px;
    padding: 0 30px 0 11px;
    background-color: #f6f6f6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E %3Cpath d='M2 2L7 7L12 2' stroke='%23AFAFAF' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (min-width:576px) {
    .a-table-select {
        width: 113px
    }
}

@media screen and (min-width:768px) {
    .a-table-select {
        margin-right: 0
    }
}

@media screen and (min-width:1700px) {
    .a-table-select {
        width: 120px;
        background-position: right 11px center
    }
}

.a-table--normal .td .a-table-select {
    border-color: #ddd;
    width: 100%;
    max-width: 92px;
    margin-right: 0;
    background-color: #fbfbfb
}

@media screen and (min-width:768px) {
    .a-table--normal .td .a-table-select {
        max-width: 96px
    }
}

@media screen and (min-width:1700px) {
    .a-table--normal .td .a-table-select {
        max-width: none
    }
}

@media screen and (min-width:576px) {
    .a-table--candi .a-table-select {
        width: 108px
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-select {
        width: 188px
    }
}

.a-table--jobs .td .a-table-select {
    border-color: #ddd;
    width: 96px;
    background-color: #fbfbfb;
    color: #333
}

@media screen and (min-width:768px) {
    .a-table--jobs .td .a-table-select {
        padding-right: 28px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .td .a-table-select {
        width: 171px
    }
}

.a-table-select-2 {
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    width: 100%;
    height: 36px;
    margin-right: 12px;
    padding: 0 30px 0 11px;
    background-color: #f6f6f6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E %3Cpath d='M0 0L5 6L10 0H0Z' fill='%23555555'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (min-width:576px) {
    .a-table-select-2 {
        width: 113px
    }
}

@media screen and (min-width:768px) {
    .a-table-select-2 {
        width: 128px;
        padding-left: 19px
    }
}

@media screen and (min-width:1700px) {
    .a-table-select-2 {
        width: 200px;
        margin-right: 26px;
        padding-left: 11px;
        background-position: right 11px center
    }
}

.a-table-change-state {
    border: 1px solid #bebebe;
    border-radius: 3px;
    width: 164px;
    height: 32px;
    margin: 2px 6px 2px 0;
    padding: 0 10px 0 32px;
    background: var(--img-refesh) no-repeat left 6px center,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E %3Cpath d='M0 0L5 6L10 0H0Z' fill='%23555555'/%3E %3C/svg%3E") no-repeat right 6px center;
    cursor: pointer;
    color: #233454;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (min-width:576px) {
    .a-table-change-state {
        width: 226px;
        padding: 0 39px;
        background-position: left 6px center,right 19px center
    }
}

.a-table-btn-solid {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    width: 30px;
    height: 30px;
    background: 0 0;
    color: #1d5193
}

@media screen and (min-width:375px) {
    .a-table-btn-solid {
        width: 32px;
        height: 32px;
        margin-left: 22px
    }
}

.a-table-alert {
    padding: 15px 12px;
    background: #fbfbfb;
    text-align: center
}

@media screen and (min-width:768px) {
    .a-table-alert {
        padding: 18px 12px 21px
    }
}

.a-table-check {
    position: relative;
    flex-shrink: 0;
    margin-right: 7px;
    padding-right: 30px;
    cursor: pointer
}

@media screen and (min-width:1700px) {
    .a-table-check {
        margin-right: 0
    }
}

.a-table-check input[type=checkbox] {
    border: 1px solid #afafaf;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    background: #f5f5f5;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .a-table-check input[type=checkbox]:checked {
        border-color: #1d5193;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E %3Cpath d='M13 2L5.3 9L2 6.375' stroke='%231D5193' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E") no-repeat center 40%
    }

.a-table--normal .td .a-table-check {
    margin-top: 15px;
    padding-right: 5px
}

@media screen and (min-width:576px) {
    .a-table--normal .td .a-table-check {
        margin-right: 7px
    }
}

@media screen and (min-width:1700px) {
    .a-table--normal .td .a-table-check {
        margin-top: 7px;
        margin-right: 0;
        padding-right: 30px
    }
}

.a-table--candi .td .a-table-check {
    margin-top: 8px
}

@media screen and (max-width:1699px) {
    .a-table--candi .td .a-table-check {
        margin-top: 14px;
        padding-right: 10px
    }
}

.a-table--jobs .td .a-table-check {
    margin-top: 6px;
    margin-right: 7px
}

@media screen and (max-width:1699px) {
    .a-table--jobs .td .a-table-check {
        margin-top: 14px;
        padding-right: 10px
    }
}

.a-table-check--all {
    margin-top: 9px;
    margin-right: 0
}

@media screen and (min-width:768px) {
    .a-table-check--all {
        margin-right: 7px
    }
}

@media screen and (min-width:1700px) {
    .a-table-check--all {
        margin-right: 0
    }
}

.a-table-check--all input[type=checkbox] {
    background: #fff
}

    .a-table-check--all input[type=checkbox]:checked {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E %3Cpath d='M13 2L5.3 9L2 6.375' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E") no-repeat center 40%,#1d5193
    }

.a-table-check--all::after {
    content: "";
    position: absolute;
    top: 43%;
    right: 13px;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E %3Cpath d='M0 0L5 6L10 0H0Z' fill='%23555555'/%3E %3C/svg%3E") no-repeat center/contain
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-check--all {
        margin-right: 5px
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-check--all {
        margin-right: 7px
    }
}

.a-table-tools {
    display: flex;
    justify-content: center;
    padding-right: 0
}

@media screen and (min-width:992px) {
    .a-table-tools {
        display: block;
        justify-content: flex-end;
        padding-right: 4px
    }
}

@media screen and (min-width:1700px) {
    .a-table-tools {
        display: flex;
        justify-content: flex-end;
        padding-right: 0
    }
}

.a-table--candi .a-table-tools {
    padding-right: 0
}

.a-table--simple .a-table-tools {
    align-items: center;
    padding-right: 0
}

@media screen and (min-width:992px) {
    .a-table--simple .a-table-tools {
        margin-top: 9px
    }
}

@media screen and (min-width:992px) {
    .a-table--jobs .a-table-tools {
        margin-top: 6px;
        margin-right: -3px;
        padding-right: 0
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-tools {
        margin-right: 0
    }
}

.a-table-tools__main .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    width: 100%;
    height: 36px;
    padding: 5px;
    text-align: center
}

@media screen and (min-width:1700px) {
    .a-table-tools__main .btn {
        width: 120px
    }
}

.a-table--simple .a-table-tools__main .btn {
    border-radius: 5px;
    height: 32px;
    padding: 5px 15px;
    display: none
}

@media screen and (min-width:1700px) {
    .a-table--simple .a-table-tools__main .btn {
        width: 76px
    }
}

.edit-state .a-table-tools__main .btn {
    display: flex
}

.a-table-tools__other {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-self: center;
    margin: 0
}

@media screen and (min-width:992px) {
    .a-table-tools__other {
        justify-content: space-between;
        margin: 15px -10px 0
    }
}

@media screen and (min-width:1700px) {
    .a-table-tools__other {
        justify-content: flex-end;
        margin: 0
    }
}

.a-table-tools__other button {
    transition: opacity .3s ease;
    border: none;
    margin-left: 11px;
    padding: 0;
    background: 0 0
}

@media screen and (min-width:992px) {
    .a-table-tools__other button {
        margin-left: 0;
        padding: 0 10px
    }
}

@media screen and (min-width:1700px) {
    .a-table-tools__other button {
        margin-left: 11px;
        padding: 0
    }
}

.a-table-tools__other button:hover {
    opacity: .7
}

@media screen and (min-width:992px) {
    .a-table--candi .a-table-tools__other {
        justify-content: flex-end;
        margin: 8px -2px 0 0
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-tools__other {
        margin: 7px 0 0
    }
}

@media screen and (min-width:992px) {
    .a-table--candi .a-table-tools__other button {
        margin-left: 16px;
        padding: 0
    }
}

@media screen and (min-width:1700px) {
    .a-table--candi .a-table-tools__other button {
        margin-right: 2px;
        margin-left: 14px
    }
}

@media screen and (min-width:992px) {
    .a-table--simple .a-table-tools__other {
        justify-content: flex-end;
        margin: 10px 0 0 0
    }
}

@media screen and (min-width:1700px) {
    .a-table--simple .a-table-tools__other {
        margin: 0 -3px 0 0
    }
}

@media screen and (min-width:992px) {
    .a-table--simple .a-table-tools__other button {
        margin-left: 0;
        padding: 0 5px
    }
}

@media screen and (min-width:1700px) {
    .a-table--simple .a-table-tools__other button {
        margin-left: 29px;
        padding: 0
    }
}

@media screen and (min-width:992px) {
    .a-table--jobs .a-table-tools__other {
        justify-content: flex-end;
        margin: 0
    }
}

@media screen and (min-width:992px) {
    .a-table--jobs .a-table-tools__other button {
        margin-left: 15px;
    }
}

@media screen and (min-width:1700px) {
    .a-table--jobs .a-table-tools__other button {
        margin-left: 11px;
    }
}

@media screen and (min-width:576px) {
    .a-table-info {
        padding-top: 10px
    }
}

.a-table-info p:not(:last-child) {
    margin-bottom: 6px
}

.a-table--simple .a-table-info {
    padding-top: 1px
}

    .a-table--simple .a-table-info p:not(:last-child) {
        margin-bottom: 2px
    }

.a-table-info .btn {
    display: inline-flex;
    border-radius: 24px;
    margin-top: 4px;
    padding: 0 10px 2px;
    background-color: #f2f2f2;
    line-height: 1
}

.a-table-date {
    margin-bottom: 8px;
    padding-top: 8px
}

@media screen and (min-width:768px) {
    .a-table-date {
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .a-table-date {
        padding-top: 10px
    }
}

@media screen and (max-width:1699px) {
    .a-table--jobs .a-table-date {
        padding-top: 8px
    }
}

@media screen and (max-width:991px) {
    .a-table--jobs .a-table-date {
        padding-top: 0
    }
}

.a-table-status {
    display: inline-block;
    border-radius: 24px;
    min-width: 90px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 4px 6px;
    background-color: #333;
    text-align: center;
    color: #fff
}

@media screen and (min-width:768px) {
    .a-table-status {
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .a-table-status {
        margin-top: 8px
    }
}

@media screen and (min-width:1700px) {
    .a-table-status {
        padding: 4px 11px
    }
}

.a-table-status.orange {
    background-color: #ffac06
}

.a-table-status.green {
    background-color: #02b544
}

.a-table-status.red {
    background-color: #d22600
}

.a-table-footer {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(221,221,221,.5);
    padding: 15px 18px 21px 13px
}

@media screen and (min-width:1700px) {
    .a-table-footer {
        padding: 19px 23px 23px 13px
    }
}

.a-table-pagination {
    display: flex;
    flex-wrap: wrap
}

    .a-table-pagination a {
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .3s ease;
        border: 2px solid #eaeaea;
        border-radius: 10px;
        min-width: 40px;
        min-height: 40px;
        margin-right: 10px;
        padding: 5px;
        background: #fff;
        color: #333
    }

        .a-table-pagination a.current, .a-table-pagination a:hover {
            border-color: #02b544;
            background-color: #02b544;
            color: #fff
        }

            .a-table-pagination a.current svg, .a-table-pagination a:hover svg {
                color: #fff
            }

        .a-table-pagination a svg {
            transition: all .3s ease;
            color: #adadad
        }

            .a-table-pagination a span + svg, .a-table-pagination a svg + span {
                margin-left: 19px
            }

        .a-table-pagination a.next, .a-table-pagination a.prev {
            padding: 6px 14px
        }

.a-table-pager {
    border: none;
    padding-left: 25px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E %3Cpath d='M0 0L5 6L10 0H0Z' fill='%23555555'/%3E %3C/svg%3E") no-repeat left center,transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.a-table-author {
    margin-top: 9px
}

.a-table-tooltip {
    position: relative;
    top: -1px;
    border: none;
    margin-left: 5px;
    padding: 0;
    background: 0 0
}

@media screen and (min-width:992px) {
    .a-table-tooltip {
        top: 8px
    }
}

@media screen and (min-width:1700px) {
    .a-table-tooltip {
        top: -2px;
        margin-left: 1px
    }
}

.a-table-tooltip svg {
    color: #afafaf
}

.bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom {
    padding: 4px 0
}

.tooltip-inner {
    box-shadow: 0 4px 20px rgba(162,162,162,.25);
    /*  border-radius: 0;*/
    width: 180px;
    max-width: 180px;
    padding: 4px;
    /*  background-color: #fff;*/
    text-align: left;
    opacity: 0.8;
    /* color: #333*/
}

@media screen and (min-width:768px) {
    .tooltip-inner {
        width: 210px;
        max-width: 210px;
        padding: 18px 24px 23px
    }
}

.tooltip-inner p + p {
    margin-top: 4px
}

@media screen and (min-width:768px) {
    .tooltip-inner p + p {
        margin-top: 7px
    }
}

[data-popper-placement^=bottom] .tooltip-inner, [data-popper-placement^=top] .tooltip-inner {
    transform: translateX(93px)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #fff
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #fff
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #fff
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #fff
}

.tooltip.show {
    opacity: 1
}

.a-dropdown-menu {
    top: calc(100% + 1px) !important;
    right: 0 !important;
    left: 0 !important;
    transform: none !important;
    box-shadow: 0 4px 20px rgba(181,181,181,.25);
    border: none;
    border-radius: 0;
    padding: 0;
    background-color: #fff
}

    .a-dropdown-menu li {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #f2f2f2;
        min-height: 66px;
        padding: 13px 12px
    }

@media screen and (min-width:768px) {
    .a-dropdown-menu li {
        min-height: 76px;
        padding: 13px 19px
    }
}

.a-dropdown-menu li:last-child {
    border-bottom: none
}

.a-dropdown-menu__item {
    display: flex;
    align-items: center;
    width: 100%
}

    .a-dropdown-menu__item:hover p {
        color: #2f5cc5
    }

.a-dropdown-menu__item-image {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 34px
}

.a-dropdown-menu__item-content {
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    padding-left: 15px
}

    .a-dropdown-menu__item-content .btn {
        flex-shrink: 0;
        margin-top: 4px;
        margin-right: 4px;
        margin-left: 12px;
        padding: 7px 6px
    }

    .a-dropdown-menu__item-content p {
        flex-grow: 1;
        align-self: center
    }

.a-dropdown-menu__header {
    padding: 17px 22px 0 18px
}

.a-dropdown-menu__footer {
    padding: 10px 25px 20px
}

    .a-dropdown-menu__footer .a-read-more svg {
        position: relative;
        top: 6px
    }

.a-dropdown-menu--2 {
    top: calc(100% - 8px) !important;
    left: auto !important;
    min-width: 430px !important
}

    .a-dropdown-menu--2::before {
        content: "";
        position: absolute;
        top: -4px;
        right: 115px;
        transform: rotate(45deg);
        transform-origin: center;
        width: 15px;
        height: 15px;
        background-color: #fff
    }

    .a-dropdown-menu--2 li {
        min-height: 80px;
        padding: 18px 19px
    }

        .a-dropdown-menu--2 li:last-child {
            border-bottom: 1px solid #f2f2f2
        }

    .a-dropdown-menu--2 .a-table-search select {
        display: block;
        width: 102px;
        padding-left: 14px
    }

    .a-dropdown-menu--2 .a-table-search__group::after {
        content: ""
    }

    .a-dropdown-menu--2 .a-table-search__group input {
        padding-left: 11px
    }

    .a-dropdown-menu--2 .a-table-search__group button {
        display: none
    }

.a-two-up [class*=col] {
    margin-bottom: 35px
}

@media screen and (min-width:1700px) {
    .a-two-up [class*=col] {
        margin-bottom: 38px;
        width: 50%
    }
}

.a-block {
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    background: #fbfbfb
}

.a-block__main .a-card {
    border-bottom: 1px solid #efefef;
    min-height: 107px;
    padding: 15px 12px
}

@media screen and (min-width:768px) {
    .a-block__main .a-card {
        padding: 19px
    }
}

.a-block__main .a-card--candi {
    min-height: auto
}

@media screen and (min-width:768px) {
    .a-block__main .a-card--candi {
        padding-right: 23px;
        padding-bottom: 15px;
        padding-left: 15px
    }
}

@media screen and (min-width:1700px) {
    .a-block__main .a-card--candi {
        padding-right: 51px
    }
}

.a-block__footer {
    padding: 9px 12px 11px
}

@media screen and (min-width:768px) {
    .a-block__footer {
        padding-right: 12px;
        padding-left: 12px
    }
}

.a-card {
    display: flex
}

.a-card__order {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: none;
    margin-top: 17px;
    margin-right: 12px;
    border-radius: 3px;
    width: 35px;
    height: 35px;
    background: #f1f1f1
}

@media screen and (min-width:576px) {
    .a-card__order {
        display: flex
    }
}

@media screen and (min-width:768px) {
    .a-card__order {
        margin-top: 13px;
        margin-right: 24px;
        width: 45px;
        height: 45px
    }
}

.a-card--job .a-card__order {
    margin-top: 6px
}

.a-card--candi .a-card__order {
    display: flex;
    margin-top: 0
}

.a-card__image {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 80px;
    height: 52px;
    padding: 8px;
    background: #fff
}

@media screen and (min-width:576px) {
    .a-card__image {
        border-radius: 5px;
        width: 102px;
        height: 68px
    }
}

@media screen and (min-width:768px) {
    .a-card__image {
        margin-right: 20px
    }
}

.a-card__image img {
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.a-card--job .a-card__image {
    display: block;
    border: none;
    width: 66px;
    height: auto;
    padding: 0;
    background: 0 0
}

@media screen and (min-width:576px) {
    .a-card--job .a-card__image {
        width: 15.3%;
        max-width: 109px
    }
}

@media screen and (min-width:576px) {
    .a-card--table .a-card__image {
        width: 90px;
        height: 60px
    }
}

@media screen and (min-width:1700px) {
    .a-card--table .a-card__image {
        width: 120px;
        height: 80px
    }
}

.a-card--job .a-card__image .ratio {
    width: 66px
}

    .a-card--job .a-card__image .ratio::before {
        padding-bottom: 96.9696969697%
    }

.a-card__content {
    flex-grow: 1
}

@media screen and (min-width:576px) {
    .a-card__content {
        align-items: flex-start;
        display: flex
    }
}

.a-card__content .btn-success {
    justify-content: center;
    align-items: center;
    align-self: center;
    display: flex;
    margin-top: 10px;
    margin-right: 3px;
    border-radius: 3px;
    width: 100px;
    height: 32px;
    padding: 5px
}

@media screen and (min-width:576px) {
    .a-card__content .btn-success {
        margin-top: 6px;
        width: 120px;
        height: 36px
    }
}

@media screen and (min-width:1700px) {
    .a-card__content .btn-success {
        margin-right: 0
    }
}

.a-card__content .fa-map-marker {
    position: relative;
    top: -2px;
    font-size: 16px
}

.a-card--table .a-card__content {
    display: block
}

.a-card__wrapper {
    flex-grow: 1
}

@media screen and (min-width:576px) {
    .a-card__wrapper {
        padding-right: 15px
    }
}

.a-card__wrapper a, .a-card__wrapper p {
    align-items: flex-start;
    display: flex
}

    .a-card__wrapper a:not(:first-child), .a-card__wrapper p:not(:first-child) {
        margin-top: 3px
    }

    .a-card__wrapper a:last-child, .a-card__wrapper p:last-child {
        word-break: break-all
    }

    .a-card__wrapper a:hover {
        text-decoration: underline;
        color: #233454
    }

.a-card__wrapper i {
    flex-shrink: 0;
    margin-top: 3.5px;
    margin-right: 5px;
    width: 15px;
    font-size: 13px;
    text-align: center;
    color: #adadad
}

@media screen and (min-width:768px) {
    .a-card__wrapper i {
        margin-top: 5px;
        margin-right: 12px
    }
}

.a-card--candi .a-card__wrapper {
    min-height: 45px
}

@media screen and (min-width:576px) {
    .a-card--candi .a-card__wrapper {
        min-height: auto
    }
}

@media screen and (min-width:768px) {
    .a-card--candi .a-card__wrapper {
        padding-left: 3.4%
    }
}

@media screen and (min-width:1700px) {
    .a-card--candi .a-card__wrapper {
        padding-left: 2.2%
    }
}

.a-card--table .a-card__wrapper .a-chart-flex::after, .a-card--table .a-card__wrapper .a-chart-flex::before, .a-card--table .a-card__wrapper .fz-14 {
    line-height: 1.36
}

.a-card--table .a-card__wrapper p:not(:first-child) {
    margin-top: 4px
}

@media screen and (min-width:1700px) {
    .a-card--table .a-card__wrapper p:not(:first-child) {
        margin-top: 3px
    }
}

.a-card__title {
    margin: -1px 0 3px
}

@media screen and (min-width:576px) {
    .a-card--job .a-card__title {
        margin: 3px 0 8px
    }
}

@media screen and (min-width:576px) {
    .a-card--candi .a-card__title {
        margin-bottom: 8px
    }
}

@media screen and (min-width:576px) {
    .a-card--table .a-card__title {
        margin: 2px 0 0
    }
}

@media screen and (min-width:768px) {
    .a-card--table .a-card__title {
        font-size: 15px;
        line-height: 1.47
    }
}

@media screen and (min-width:1700px) {
    .a-card--table .a-card__title {
        margin: -2px 0 9px;
        font-size: 16px;
        line-height: 1.5
    }
}

.a-card__info {
    margin-bottom: 8px;
    margin-left: -47px;
    width: auto
}

@media screen and (min-width:576px) {
    .a-card__info {
        margin-bottom: 0;
        margin-left: 0;
        width: 42%;
        padding-right: 15px
    }
}

@media screen and (min-width:768px) {
    .a-card__info {
        width: 49.7%
    }
}

@media screen and (min-width:1700px) {
    .a-card__info {
        width: 34.25%
    }
}

.a-card__info p:not(:last-child) {
    margin-bottom: 4px
}

.a-card__date {
    align-self: center;
    display: none;
    width: 25.4%;
    padding-right: 15px
}

@media screen and (min-width:1700px) {
    .a-card__date {
        display: block
    }
}

.a-card__btn {
    justify-content: center;
    align-items: center;
    align-self: center;
    display: inline-flex;
    transition: all .3s ease;
    margin-top: 8px;
    margin-right: 3px;
    border: 2px solid #e6e6e6;
    border-radius: 30px;
    width: 120px;
    height: 32px;
    padding: 5px;
    background: #f5f5f5
}

@media screen and (min-width:576px) {
    .a-card__btn {
        margin-top: 0;
        width: 130px;
        height: 36px
    }
}

@media screen and (min-width:1700px) {
    .a-card__btn {
        margin-right: 11px
    }
}

.a-card__btn svg {
    transition: all .3s ease;
    margin-left: 8px;
    color: #afafaf
}

.a-card__btn:hover {
    border-color: #b1b1b1;
    background: #b1b1b1;
    color: #fff
}

    .a-card__btn:hover svg {
        color: #fff
    }

.a-card--table .a-card__btn {
    margin-top: 14px;
    margin-right: 0
}

@media screen and (min-width:1700px) {
    .a-card--table .a-card__btn {
        margin-top: 16px
    }
}

.a-card__watch {
    justify-content: center;
    align-items: center;
    align-self: center;
    display: inline-flex;
    transition: all .3s ease;
    margin-left: -47px;
    border: 2px solid #1d5193;
    border-radius: 30px;
    width: 120px;
    height: 32px;
    background: #edf5ff
}

@media screen and (min-width:576px) {
    .a-card__watch {
        margin-left: 0;
        height: 36px
    }
}

.a-card__watch svg {
    transition: all .3s ease;
    margin-left: 9px;
    color: #1d5193
}

.a-card__watch:hover {
    background: #1d5193;
    color: #fff
}

    .a-card__watch:hover svg {
        color: #fff
    }

.a-user {
    display: flex;
    margin-bottom: 25px
}

@media screen and (min-width:768px) {
    .a-user {
        margin-bottom: 38px
    }
}

.open-sidebar.navbar-collapse-open {
    justify-content: center;
    margin-right: 12px;
    border: 1px solid #1d5193;
    border-radius: 50%;
    width: 42px;
    height: 42px
}

@media screen and (min-width:768px) {
    .open-sidebar.navbar-collapse-open {
        margin-right: 14px
    }
}

.open-sidebar.navbar-collapse-open .navbar-toggler-icon {
    background-color: #1d5193
}

.a-user__wrapper {
    align-items: center;
    display: inline-flex;
    color: #b6b6b6
}

.a-user__image {
    flex-shrink: 0;
    margin-right: 12px;
    width: 42px
}

@media screen and (min-width:768px) {
    .a-user__image {
        margin-right: 14px
    }
}

.a-user__image .image {
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
    border-radius: 50%;
    background-color: #1d5193;
    color: #fff
}

.benefits {
    padding: 30px 0
}

@media screen and (min-width:768px) {
    .benefits {
        padding-top: 45px;
        padding-bottom: 71px
    }
}

.benefits .container {
    max-width: 1224px
}

.benefits [class*=col] {
    margin-bottom: 30px
}

.benefits__item {
    text-align: center
}

.benefits__item-icon {
    position: relative;
    z-index: 5;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 auto -48px;
    border-radius: 50%;
    width: 92px;
    height: 92px;
    background-color: #e69c17;
    color: #fff
}

.benefits__item-content {
    box-shadow: 0 0 10px rgba(152,152,152,.25);
    border-radius: 3px;
    padding: 64px 16px 14px;
    background: #fff
}

.brand {
    margin: 15px 0
}

@media screen and (min-width:768px) {
    .brand {
        margin: 44px 0
    }
}

.brand .container {
    max-width: 1179px
}

.brand__carousel .slick-track {
    display: flex !important
}

.brand__carousel .slick-list {
    margin: 0 30px;
    padding: 15px 0
}

@media screen and (min-width:1366px) {
    .brand__carousel .slick-list {
        margin: 0 -10px
    }
}

.brand__carousel .slick-slide {
    height: inherit !important;
    padding: 0 10px
}

.brand__carousel .slick-prev {
    left: -61px
}

@media screen and (max-width:1365px) {
    .brand__carousel .slick-prev {
        left: -25px
    }
}

@media screen and (max-width:1199px) {
    .brand__carousel .slick-prev {
        left: -10px
    }
}

.brand__carousel .slick-next {
    right: -61px
}

@media screen and (max-width:1365px) {
    .brand__carousel .slick-next {
        right: -25px
    }
}

@media screen and (max-width:1199px) {
    .brand__carousel .slick-next {
        right: -10px
    }
}

.brand__item {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    background-color: rgba(243,243,243,.38)
}

    .brand__item:hover {
        opacity: .7
    }

.brand__item-image::before {
    padding-bottom: 56%
}

.heading-new {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    text-align: center
}

@media screen and (min-width:768px) {
    .heading-new {
        margin-bottom: 63px;
        padding-bottom: 35px
    }
}

.heading-new::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 58px);
    width: 116px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='116' height='12' viewBox='0 0 116 12' fill='none'%3E %3Ccircle cx='58' cy='6' r='6' fill='%23E69C17'/%3E %3Ccircle cx='2.875' cy='6.375' r='2.625' fill='%23E69C17'/%3E %3Ccircle cx='113.125' cy='6.375' r='2.625' fill='%23E69C17'/%3E %3Crect x='10.75' y='6' width='36' height='1.5' fill='%23E69C17' fill-opacity='0.5'/%3E %3Crect x='69.25' y='6' width='36' height='1.5' fill='%23E69C17' fill-opacity='0.5'/%3E %3C/svg%3E") no-repeat center/contain
}

.business {
    padding: 30px 0
}

@media screen and (min-width:768px) {
    .business {
        padding-top: 89px;
        padding-bottom: 77px
    }
}

.business .container {
    max-width: 1223px
}

.business__list {
    margin-bottom: 20px
}

    .business__list > div {
        flex: 0 0 auto;
        flex-shrink: 0;
        margin-bottom: 18px;
        width: 100%;
        width: 50%;
        max-width: 100%;
        padding-right: 8px;
        padding-left: 8px
    }

@media screen and (min-width:576px) {
    .business__list > div {
        width: 25%;
        margin-bottom: 30px
    }
}

@media screen and (min-width:768px) {
    .business__list > div {
        width: 20%
    }
}

@media screen and (min-width:992px) {
    .business__list > div {
        padding-right: 18px;
        padding-left: 18px
    }
}

.business__list a {
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all .3s ease;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    height: 121px;
    padding: 10px
}

    .business__list a:hover {
        opacity: .7
    }

@media screen and (min-width:768px) {
    .news-list--career .news-list__heading {
        margin-bottom: 32px
    }
}

.news-list--career .news-list__item:last-child {
    border-bottom: 1px dashed #e3e3e3;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.news-list--career .news-list__wrapper {
    margin-bottom: 22px
}

.change-password {
    margin: 50px 0
}

@media screen and (min-width:768px) {
    .change-password {
        margin: 79px 0 195px
    }
}

.change-password .container {
    max-width: 822px
}

.change-password__inner {
    padding: 30px 12px;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .change-password__inner {
        padding: 36px 12px 53px
    }
}

.change-password__title {
    margin: 0 0 35px;
    text-align: center
}

.change-password__form {
    max-width: 500px;
    width: 100%;
    margin: 0 auto
}

    .change-password__form [class*=col] {
        margin-bottom: 15px
    }

    .change-password__form .form-label {
        margin-bottom: 5px
    }

    .change-password__form .form-control {
        border-color: #e1e1e1;
        padding: 0 13px;
        background-color: #f5f5f5
    }

        .change-password__form .form-control::-moz-placeholder {
            color: #888
        }

        .change-password__form .form-control:-ms-input-placeholder {
            color: #888
        }

        .change-password__form .form-control::placeholder {
            color: #888
        }

.feedback {
    margin-bottom: -60px;
    padding: 30px 0
}

@media screen and (min-width:576px) {
    .feedback {
        margin-bottom: 0
    }
}

@media screen and (min-width:768px) {
    .feedback {
        padding: 53px 0 50px
    }
}

.feedback__carousel {
    min-height: 441px
}

    .feedback__carousel .slick-list {
        margin: 0 -12px;
        padding-top: 25px !important
    }

@media screen and (min-width:576px) {
    .feedback__carousel .slick-list {
        margin: 0 30px;
        padding-top: 45px !important
    }
}

@media screen and (min-width:1366px) {
    .feedback__carousel .slick-list {
        margin: 0 -6px
    }
}

.feedback__carousel .slick-slide {
    padding: 0 6px
}

@media screen and (min-width:768px) {
    .feedback__carousel .slick-arrow {
        top: 53%
    }
}

.feedback__carousel .slick-prev {
    left: -65px
}

@media screen and (max-width:1365px) {
    .feedback__carousel .slick-prev {
        left: -25px
    }
}

@media screen and (max-width:1199px) {
    .feedback__carousel .slick-prev {
        left: -10px
    }
}

.feedback__carousel .slick-next {
    right: -65px
}

@media screen and (max-width:1365px) {
    .feedback__carousel .slick-next {
        right: -25px
    }
}

@media screen and (max-width:1199px) {
    .feedback__carousel .slick-next {
        right: -10px
    }
}

.feedback__item {
    transition: all .3s ease;
    padding-top: 60px;
    text-align: center
}

    .feedback__item > * {
        transition: all .3s ease
    }

.slick-center .feedback__item {
    position: relative;
    margin: 0 -32px;
    padding-top: 0
}

@media screen and (min-width:992px) {
    .slick-center .feedback__item {
        margin: 0 -42px
    }
}

.slick-center .feedback__item .fz-12 {
    font-size: 12px
}

@media screen and (min-width:768px) {
    .slick-center .feedback__item .fz-12 {
        font-size: 13px
    }
}

.slick-center .feedback__item .fz-13 {
    font-size: 13px
}

@media screen and (min-width:768px) {
    .slick-center .feedback__item .fz-13 {
        font-size: 14px
    }
}

.slick-center .feedback__item .a-chart-flex::after, .slick-center .feedback__item .a-chart-flex::before, .slick-center .feedback__item .fz-14 {
    font-size: 14px
}

@media screen and (min-width:768px) {
    .slick-center .feedback__item .a-chart-flex::after, .slick-center .feedback__item .a-chart-flex::before, .slick-center .feedback__item .fz-14 {
        font-size: 15px
    }
}

.feedback__item-content {
    border-radius: 15px;
    min-height: 178px;
    padding: 65px 30px 52px;
    background: url(../images/common/quote.png) no-repeat center top,#f8f8f8;
    color: #555
}

@media screen and (min-width:992px) {
    .feedback__item-content {
        min-height: 201px;
        padding-top: 72px;
        padding-bottom: 62px
    }
}

.feedback__item-content p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.54
}

.slick-center .feedback__item-content {
    min-height: 208px;
    padding: 75px 32px 58px;
    background: url(../images/common/quote-dark.png) no-repeat center top,#1d5193;
    color: #fff
}

@media screen and (min-width:992px) {
    .slick-center .feedback__item-content {
        min-height: 224px
    }
}

.feedback__item-detail {
    position: relative;
    z-index: 5;
    margin-top: -39px;
    padding: 0 30px
}

.slick-center .feedback__item-detail {
    margin-top: -43px
}

.feedback__item-image {
    position: relative;
    border: 10px solid #fff;
    border-radius: 50%;
    width: 90px;
    margin: 0 auto 4px;
    background-color: #fff
}

    .feedback__item-image .image {
        overflow: hidden;
        border-radius: 50%
    }

.slick-center .feedback__item-image {
    border-width: 13px;
    width: 127px;
    margin-bottom: 0
}

.feedback__item-title {
    margin: 0 0 2px
}

.find-jobs {
    border: 2px solid rgba(29,81,147,.5);
    border-radius: 3px;
    margin: 34px 0 30px;
    padding: 14px 12px 10px;
    background: #fbfbfb
}

@media screen and (min-width:576px) {
    .find-jobs {
        padding-bottom: 18px
    }
}

@media screen and (min-width:768px) {
    .find-jobs {
        padding-right: 18px;
        padding-left: 18px
    }
}

.find-jobs__heading {
    margin: 0 0 8px
}

.find-jobs__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px
}

@media screen and (min-width:768px) {
    .find-jobs__wrapper {
        margin: 0 -9px
    }
}

.find-jobs__item {
    width: 50%;
    padding: 0 4px;
    margin-bottom: 8px
}

@media screen and (min-width:576px) {
    .find-jobs__item {
        width: 25%;
        margin-bottom: 0
    }
}

@media screen and (min-width:768px) {
    .find-jobs__item {
        width: 26%;
        padding: 0 9px
    }
}

@media screen and (min-width:992px) {
    .find-jobs__item {
        width: 26.6525%
    }
}

.find-jobs__cta {
    width: 50%;
    padding: 0 4px
}

@media screen and (min-width:576px) {
    .find-jobs__cta {
        width: 25%
    }
}

@media screen and (min-width:768px) {
    .find-jobs__cta {
        width: 22%;
        padding: 0 9px
    }
}

@media screen and (min-width:992px) {
    .find-jobs__cta {
        width: 17.0425%
    }
}

.find-jobs__submit {
    border-radius: 3px;
    width: 100%;
    height: 40px;
    padding: 5px
}

    .find-jobs__submit svg {
        margin-right: 9px
    }

.site-footer {
    position: relative;
    padding: 30px 0;
    background-color: #1d5193;
    color: #fff
}

@media screen and (min-width:768px) {
    .site-footer {
        padding: 41px 0
    }
}

@media screen and (min-width:768px) {
    .site-footer--has-logo {
        padding: 50px 0
    }
}

.site-footer--teal {
    padding-bottom: 0;
    background-color: #0e5b63
}

    .site-footer--teal::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApIAAAFDCAMAAAC+3B5DAAAA6lBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Le70HAAAATnRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE341MNQAAAAAWJLR0QB/wIt3gAAPYpJREFUGBnswQlDMe0CBuB7FvsupJSULYWIkCU7M/Pc5///nTNoU5QWLd/bdeFf4/Xm6o12qWhQjIv7mbOgTbbiz5+vZrNjLjfmCr0zCX/+vIvdZpGCERUbkw5cqWK5IdhL7lgHPvuVwSda1VKx2j7Dnz8bcpymg37/gBz3L9yCLPUpepXa0d4ObG7JKeFFSq5SGfNOscXVppljf8CKP39eIyf7VwOa8kWD5EDnrW6+VO71qHMHLwlnUoHUhBvSEvjzZw01IgPwTCZTLoxu+IjBOzeRk7iEB74Q5uq95pGCyJTsXFYFNyGqAfz5s5JlP81pN2+tNgxuIIU51e+LtciC/zpuxxVJvRixRkqkEFzLmOoUk8FNNRWx4M+fFWy584Pdq3SBZKcxuqq2unzZzTFg8wQ7Om/Z+hSHjjJnjAt3TONKolstpA5LxfNssZaXEL9oNiTcUvci0aiKP/+8YLFdGpI0aDQEF0RZcC29mgkBakeQtSEXxvsaOdV5S5RbXKXe6I5459ISoMmFhbRGk9Esu/HdZKuEP98mNT69FIIbMqqn2ShmpCJNnauGoGk04dt0C6W+oKkKe/00kwqc8c4VvpkjeWyFKVA6wZ8vZUlnw1bgoNgY8jnjRudTRrk/yTkwI/U4N+nzPYaCc0PHicYlZRnfSm3Wg06YAlZJwp8v5SxV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');
        background-repeat: no-repeat;
        background-position: center;
        mix-blend-mode: soft-light
    }

.site-footer .container {
    position: relative;
    z-index: 5
}

.site-footer__main {
    display: flex;
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .site-footer__main {
        margin-bottom: 0;
        width: 36.95%;
        padding-right: 20px
    }
}

@media screen and (min-width:768px) {
    .site-footer--has-logo .site-footer__main {
        width: 57.7%
    }
}

.site-footer__logo {
    flex-shrink: 0;
    margin-top: 3px;
    margin-right: 25px;
    width: 97px
}

.side-footer__inner {
    flex-grow: 1
}

.site-footer__heading {
    margin-bottom: 15px;
    max-width: 320px
}

.site-footer--has-logo .site-footer__heading {
    max-width: 360px
}

.site-footer__info {
    max-width: 320px
}

    .site-footer__info dl {
        align-items: flex-start;
        display: flex;
        margin-bottom: 9px
    }

        .site-footer__info dl:last-child {
            margin-right: 0
        }

    .site-footer__info dt {
        flex-shrink: 0;
        margin-right: 15px;
        width: 16px;
        text-align: center
    }

    .site-footer__info dd {
        flex-grow: 1
    }

        .site-footer__info dd a {
            color: inherit
        }

            .site-footer__info dd a:hover {
                text-decoration: underline;
                color: inherit;
                text-underline-position: under
            }

@media screen and (min-width:768px) {
    .site-footer__wrapper {
        width: 63.05%
    }
}

.site-footer__wrapper .col-6 {
    max-width: 330px
}

@media screen and (min-width:768px) {
    .site-footer--has-logo .site-footer__wrapper {
        width: 42.3%
    }

        .site-footer--has-logo .site-footer__wrapper [class*=col]:nth-child(1) {
            width: 53.5%
        }

        .site-footer--has-logo .site-footer__wrapper [class*=col]:nth-child(2) {
            width: 46.5%
        }
}

.site-footer__title {
    margin-bottom: 12px
}

@media screen and (min-width:768px) {
    .site-footer__title {
        margin-bottom: 20px
    }
}

.site-footer--has-logo .site-footer__title {
    min-height: 27px
}

@media screen and (min-width:768px) {
    .site-footer--has-logo .site-footer__title {
        margin-bottom: 18px
    }
}

.site-footer__menu li {
    position: relative;
    margin-bottom: 9px;
    padding-left: 22px
}

    .site-footer__menu li::before {
        content: "";
        position: absolute;
        top: 7px;
        left: 2px;
        width: 6px;
        height: 10px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E %3Cpath d='M1 9L5 5L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center/contain
    }

    .site-footer__menu li a {
        color: #fff
    }

        .site-footer__menu li a:hover {
            text-decoration: underline;
            color: #fff;
            text-underline-position: under
        }

.site-footer__bottom {
    margin-top: 48px;
    padding-top: 11px;
    padding-bottom: 11px;
    text-align: center
}

.site-footer--teal .site-footer__bottom {
    background: rgba(41,173,187,.5)
}

.full-width {
    padding: 30px 0;
    background: url(../images/common/bg-2.png) no-repeat center/cover,#0e5abb;
    text-align: center;
    color: #fff
}

@media screen and (min-width:768px) {
    .full-width {
        padding: 50px 0 68px
    }
}

.full-width__title {
    margin: 0 0 7px
}

.full-width__text {
    margin: 0 0 28px
}

.full-width__button {
    position: relative;
    display: inline-flex;
    border-radius: 30px;
    min-width: 252px;
    padding: 16px;
    background-color: rgba(255,229,199,.86);
    text-align: center;
    color: #fff
}

    .full-width__button:hover {
        color: #fff
    }

        .full-width__button:hover::before {
            background-color: #da790a
        }

    .full-width__button::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: background-color .3s ease;
        border: 4px solid transparent;
        border-radius: 30px;
        background-color: #f68500;
        background-clip: content-box
    }

    .full-width__button > span {
        position: relative;
        z-index: 5
    }

.gallery {
    display: block;
    margin: 30px 0
}

@media screen and (min-width:768px) {
    .gallery {
        margin: 58px 0 75px
    }
}

.gallery .heading {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .gallery .heading {
        margin-bottom: 39px
    }
}

.gallery .slick-list {
    margin: 0 -15px 34px
}

.gallery .slick-slide {
    padding: 0 15px
}

.gallery__grid {
    display: grid;
    grid-template-rows: repeat(2,1fr);
    grid-template-columns: repeat(4,1fr);
    grid-row-gap: 15px;
    grid-column-gap: 15px
}

@media screen and (min-width:992px) {
    .gallery__grid {
        grid-row-gap: 24px;
        grid-column-gap: 30px
    }
}

.gallery__col:first-child {
    grid-row: span 2;
    grid-column: span 2
}

.gallery__image {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    height: 100%
}

    .gallery__image::before {
        padding-bottom: 66.6666666667%
    }

.gallery__col:first-child .gallery__image {
    border-radius: 15px
}

.guide {
    margin-top: -77px
}

.guide__main {
    border-radius: 5px;
    padding: 15px;
    background: url(../images/common/bg.png) no-repeat center/cover,#1d5193
}

@media screen and (min-width:768px) {
    .guide__main {
        display: flex;
        align-items: center;
        padding: 21px 27px 15px
    }
}

@media screen and (min-width:1200px) {
    .guide__main {
        padding-right: 46px
    }
}

.guide__title {
    position: relative;
    flex-shrink: 0;
    padding-left: 22px;
    color: #fff
}

@media screen and (min-width:768px) {
    .guide__title {
        padding-left: 33px;
        max-width: 220px;
        margin-bottom: 8px
    }
}

@media screen and (min-width:1200px) {
    .guide__title {
        max-width: 268px
    }
}

.guide__title::before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    width: 10px;
    background-color: #f68500
}

.guide-list {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1
}

.guide-item {
    position: relative;
    width: 50%;
    padding: 0 3%;
    margin-top: 25px
}

@media screen and (min-width:576px) {
    .guide-item {
        margin-top: 0;
        width: 25%
    }
}

.guide-item::after {
    content: "";
    position: absolute;
    top: 5px;
    right: -30px;
    width: 61px;
    height: 15px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAPCAYAAABX0MdPAAAABmJLR0QA/wD/AP+gvaeTAAABh0lEQVRIid3WP4jPcRwG8Of9Q/Kv6+4oyXAWdaXOeov4DRQTpURhcMtlucFqwMJgl02W28SISzZishlMDIoMVnoZfE6XlDt+398vnuXzfZ76vJ/n3efP91MZArA+yWSSL1X1EZNJppJ8qqo3w8jQOdDHLZxufAHvcaXxY3iBG40fwQfcaXwchzE2ui5+gxbwARYa72Me02uosQNT7XsaT/C48XHMojppYJUBN+MczjQ+i5MY78hvP17hXuPDa76dzeBEW9n+0My/+25p4wUs4VCXZttwE887M1kDsAGncLTxXQNbfaxr40Zcxc6BFB4wcBfPsOdvC83gZadbaEBAtTtlU+Nb/7TQPM4PMtwwgH14u7z1VzNhDJfR6zhbp8ABzP1Cn8Ol3gqhkjxMsj3JP910VT2tqtvo4fqKu2gyycTyL6iqCo5X1bvRxR04JPmc5BFmlsVeewUtofefNZyqUlXXkhysqq8/9CTB3qp6PbJ0HaGd64kV0tkk90f3lh0CcDHJ7p/kxW9aIku65dGODwAAAABJRU5ErkJggg==')
}

.guide-item:nth-child(even)::after {
    top: 32px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAPCAYAAABX0MdPAAAABmJLR0QA/wD/AP+gvaeTAAABi0lEQVRIid3WT4hPURQH8HN+w0T588NQQv1iYyE7skGzGKZEWNkNRVbKRlnMXs3e3mxs7JSxsCQLlLK2kMROKUs/H5vz0/SrWTDvvTG+9Tr3e+6753xP7977TsZ/DFyLiD1j7qUNNTnIzA+dq2of/YjYsYxfjoh+YIDn6K2RsNaBftm7uNerL3w6M39ifCuse+BORLzAxMjXi4iogjMinmBh+QvrGVXHvoiYzczhyP97S2emiDgbET+6l9cscAJzmTnMzNuZ+ammvtWz4sLruNKJygaBI/iCS3+z+BjeYboFbY0DF7Cpxv3VBNpYdhLzmGpIY6PAIt7iYJNBt+M+3jQWdBXABC5ipvigtV8uJsuexyOcbCXRyvlH2/cGXo6K7ir5NtzE1eLH60xtaSnfUbzG4+Jr30jhHJ5VIxA4Vbf/oT+IsRX7a3wYT7FUfBem/+n+AbN4gLnit/AR88Vn8AoLxc/gOx4W31lHaHcb+rKNoOPA5oiYiohhZn7G3og4EBFfM/M9spqjTvALBlRHKs+487QAAAAASUVORK5CYII=')
}

@media screen and (max-width:575px) {
    .guide-item:nth-child(even)::after {
        content: none
    }
}

.guide-item:last-child::after {
    content: none
}

.guide-item__count {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 49px;
    height: 49px;
    margin: 0 auto 9px;
    background-color: #7ccbfe;
    color: #1d5193
}

.guide-item__title {
    line-height: 1.28;
    text-align: center;
    color: #fff
}

.site-header {
    position: relative;
    z-index: 500;
    box-shadow: 0 4px 10px rgba(214,214,214,.25);
    background-color: #fff;
    color: #000
}

    .site-header.hide-box-shadow {
        box-shadow: none
    }

.site-header__logo {
    flex-shrink: 0;
    align-items: center;
    display: flex;
    margin-right: 15px;
    padding: 5px 0
}

@media screen and (min-width:992px) {
    .site-header__logo {
        display: block
    }
}

.navbar-brand {
    align-items: center;
    display: flex;
    margin-right: 0
}

.navbar-brand__logo {
    flex-shrink: 0;
    margin-right: 10px;
    width: 40px
}

@media screen and (min-width:992px) {
    .navbar-brand__logo {
        margin-right: 15px;
        width: 60px
    }
}

@media screen and (max-width:374px) {
    .navbar-brand__content .a-chart-flex::after, .navbar-brand__content .a-chart-flex::before, .navbar-brand__content .fz-14 {
        font-size: 9px
    }
}

.site-header__wrapper {
    flex-grow: 1
}

.site-header__top-nav {
    justify-content: flex-end;
    align-items: center;
    display: flex
}

@media screen and (min-width:992px) {
    .site-header__top-nav {
        padding: 13px 0 0
    }
}

.nav-button {
    margin-left: 26px;
    border-radius: 5px;
    padding: 4px 13px
}

.nav-lang {
    position: relative
}

    .nav-lang select {
        position: absolute;
        z-index: 5;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        cursor: pointer
    }

.nav-lang__selected {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    border: 1px solid #cecece;
    border-radius: 50%;
    width: 28px;
    height: 28px
}

@media screen and (min-width:576px) {
    .nav-lang__selected {
        border: none;
        border-radius: 0;
        width: auto;
        height: auto;
        padding-right: 20px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23AFAFAF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center
    }
}

@media screen and (min-width:768px) {
    .nav-lang__selected {
        margin-right: 18px;
        padding-right: 33px;
        background-position: right 10px center
    }
}

.nav-lang__selected::after {
    position: absolute;
    top: 50%;
    right: -11px;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: #dfdfdf
}

@media screen and (min-width:768px) {
    .nav-lang__selected::after {
        content: ""
    }
}

.nav-lang__image {
    width: 15px
}

@media screen and (min-width:576px) {
    .nav-lang__image {
        margin-right: 9px
    }
}

.nav-lang__image::before {
    padding-bottom: 66.67%
}

.nav-wrap {
    align-items: center;
    display: flex;
    margin-bottom: 14px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 14px
}

@media screen and (min-width:768px) {
    .nav-auth {
        margin-left: 13px
    }
}

.navbar-collapse {
    position: relative
}

@media screen and (max-width:991px) {
    .navbar-collapse {
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        transform: translateX(-100%);
        overflow-x: hidden;
        overflow-y: auto;
        transition: transform .3s ease !important;
        width: 100%;
        height: 100% !important;
        padding: 48px 12px;
        background-color: #fff
    }

        .navbar-collapse.show {
            transform: translateX(0)
        }
}

.nav-account {
    position: relative;
    align-items: center;
    display: flex;
    margin-left: 12px
}

@media screen and (min-width:768px) {
    .nav-account {
        margin-left: 18px
    }
}

.nav-account__wrapper {
    align-items: center;
    display: flex;
    color: #555
}

@media screen and (min-width:768px) {
    .nav-account__wrapper {
        padding-right: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E %3Cpath d='M0.142786 0.938336L3.55548 4.80157C3.61049 4.86381 3.67873 4.91376 3.75551 4.94802C3.8323 4.98227 3.91581 5 4.00032 5C4.08483 5 4.16835 4.98227 4.24513 4.94801C4.32191 4.91376 4.39015 4.86381 4.44516 4.80157L7.85786 0.938336C8.18355 0.569585 7.91352 1.30926e-07 7.41302 1.52804e-07L0.586647 4.51194e-07C0.086144 4.73072e-07 -0.183883 0.569586 0.142786 0.938336Z' fill='%23555555'/%3E %3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 8px 5px
    }
}

.nav-account__wrapper::after {
    content: none
}

.nav-account__wrapper > span {
    display: none
}

@media screen and (min-width:768px) {
    .nav-account__wrapper > span {
        display: block
    }
}

.nav-account__image {
    flex-shrink: 0;
    width: 28px
}

@media screen and (min-width:576px) {
    .nav-account__image {
        width: 30px
    }
}

@media screen and (min-width:768px) {
    .nav-account__image {
        margin-right: 11px
    }
}

.nav-account__image .image {
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    background-color: #1d5193;
    color: #fff
}

.nav-account__image.bd-outline::after {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 2px solid #e1e1e1;
    border-radius: 50%;
    pointer-events: none
}

.nav-account__menu {
    top: 12px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.25);
    border: none;
    border-radius: 10px;
    width: 260px;
    padding: 4px 12px 4px;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .nav-account__menu {
        width: 331px;
        padding: 4px 28px 4px 23px
    }
}

.nav-account__menu::before {
    content: "";
    position: absolute;
    top: -5px;
    right: 5px;
    transform: rotate(45deg);
    width: 18px;
    height: 18px;
    background-color: #fff
}

@media screen and (min-width:576px) {
    .nav-account__menu::before {
        right: 26px
    }
}

@media screen and (min-width:1200px) {
    .nav-account__menu::before {
        right: 18px
    }
}

.nav-account__menu[data-bs-popper] {
    top: calc(100% + 11px);
    right: 0;
    left: auto;
    margin-top: 0
}

@media screen and (min-width:992px) {
    .nav-account__menu[data-bs-popper] {
        top: calc(100% + 13px);
        right: 9px
    }
}

.nav-account__menu[data-popper-placement=bottom-start]::before {
    right: auto;
    left: 26px
}

@media screen and (min-width:992px) {
    .nav-account__menu[data-popper-placement=bottom-start]::before {
        left: 6px
    }
}

.nav-account__menu .dropdown-menu {
    position: relative;
    margin: -5px 0 15px 32px;
    border: none;
    padding: 0
}

    .nav-account__menu .dropdown-menu li {
        margin-bottom: 6px
    }

        .nav-account__menu .dropdown-menu li:last-child {
            margin-bottom: 0
        }

.nav-account__menu .dropdown-item {
    transition: color .3s ease;
    padding: 0
}

    .nav-account__menu .dropdown-item:hover {
        background-color: transparent;
        color: #cd5542
    }

.nav-account__detail {
    align-items: center;
    display: flex;
    margin-top: 11px;
    margin-bottom: 15px
}

.nav-account__detail-image {
    flex-shrink: 0;
    margin-right: 10px;
    width: 40px
}

@media screen and (min-width:576px) {
    .nav-account__detail-image {
        margin-right: 22px;
        width: 70px
    }
}

.nav-account__detail-image .image {
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    background-color: #1d5193;
    color: #fff
}

.nav-account__detail-content {
    flex-grow: 1
}

    .nav-account__detail-content p:not(:last-child) {
        margin-bottom: 4px
    }

@media screen and (min-width:768px) {
    .nav-account__detail-content p:not(:last-child) {
        margin-bottom: 7px
    }
}

.nav-account__link {
    align-items: center;
    display: flex;
    transition: color .3s ease;
    border-top: 1px solid #ebebeb;
    padding: 8px 0
}

    .nav-account__link:hover {
        color: #1d5193
    }

        .nav-account__link:hover i {
            color: #1d5193
        }

    .nav-account__link:last-child {
        margin-bottom: 0
    }

    .nav-account__link:first-child {
        border-top: none
    }

    .nav-account__link i {
        margin-right: 11px;
        width: 17px;
        text-align: center;
        color: #000
    }

    .nav-account__link.disabled {
        color: #999
    }

.nav-account__detail + .nav-account__link {
    border-top: 1px solid #ebebeb
}

.navbar-collapse-open {
    position: relative;
    align-items: center;
    display: flex;
    margin-right: 6px;
    border: none;
    padding: 0;
    background: 0 0;
    color: #6a6a6a
}

@media screen and (min-width:576px) {
    .navbar-collapse-open {
        margin-right: 15px
    }
}

@media screen and (min-width:992px) {
    .navbar-collapse-open {
        margin-right: 5px
    }
}

@media screen and (min-width:1200px) {
    .navbar-collapse-open {
        margin-right: 20px
    }
}

.navbar-collapse-open .navbar-toggler-icon {
    position: relative;
    display: block;
    width: 25px;
    height: 2px;
    background-color: #a9a9a9
}

@media screen and (min-width:576px) {
    .navbar-collapse-open .navbar-toggler-icon {
        width: 28px
    }
}

.navbar-collapse-open .navbar-toggler-icon::after, .navbar-collapse-open .navbar-toggler-icon::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    background-color: inherit
}

.navbar-collapse-open .navbar-toggler-icon::before {
    right: auto;
    width: 20px
}

.navbar-collapse-open .navbar-toggler-icon::before {
    top: -6px
}

.navbar-collapse-open .navbar-toggler-icon::after {
    bottom: -6px
}

.navbar-collapse-open .navbar-toggler-icon + span {
    display: none;
    margin-left: 12px
}

@media screen and (min-width:1200px) {
    .navbar-collapse-open .navbar-toggler-icon + span {
        display: inline-block
    }
}

.navbar-collapse-close {
    position: absolute;
    z-index: 5;
    top: 15px;
    right: 12px;
    border: none;
    padding: 0;
    background: 0 0
}

.navbar {
    padding: 0
}

.navbar-nav {
    display: flex;
    margin: 0;
    padding: 0
}

@media screen and (min-width:992px) {
    .navbar-nav {
        flex-direction: row;
        justify-content: flex-end;
        align-items: center
    }
}

.nav-item {
    margin-left: 15px
}

@media screen and (min-width:1200px) {
    .nav-item {
        margin-left: 30px
    }
}

@media screen and (max-width:991px) {
    .nav-item {
        margin: 0;
        border-bottom: 1px solid #ebebeb
    }
}

.nav-link {
    position: relative;
    display: block;
    padding: 14px 0;
    color: #000
}

@media screen and (min-width:992px) {
    .nav-link {
        padding: 14px 0 21px
    }
}

.nav-link::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all .3s ease;
    height: 3px;
    background-color: #f68500
}

.active .nav-link {
    color: #1d5193
}

@media screen and (min-width:992px) {
    .active .nav-link::after {
        opacity: 1
    }
}

.navbar-nav--teal .active .nav-link {
    color: #0e5b63
}

.nav-home {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-bottom: 14px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #edf5ff
}

@media screen and (min-width:992px) {
    .nav-home {
        margin-bottom: 7px
    }
}

.navbar-nav--teal .nav-home {
    background-color: #d5fbff;
    color: #0e5b63
}

.nav-button-rounded {
    margin-left: 7px;
    border-radius: 30px;
    min-width: 90px;
    padding: 4px;
    text-align: center
}

@media screen and (max-width:767px) {
    .nav-button-rounded:first-child {
        margin-left: 0
    }
}

#overlay {
    position: fixed;
    z-index: 300;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    opacity: .4;
    background-color: #000
}

    #overlay.show {
        display: block
    }

.site-nav {
    position: relative;
    z-index: 500;
    background-color: #1d5193
}

.site-nav__list {
    display: flex
}

@media screen and (max-width:767px) {
    .site-nav__list {
        flex-wrap: wrap
    }

        .site-nav__list::after {
            content: "";
            position: absolute;
            z-index: 5;
            top: 0;
            right: 11px;
            bottom: 0;
            width: 2px;
            background-color: #1d5193
        }
}

.site-nav__item {
    position: relative;
    padding: 0 12px
}

@media screen and (max-width:1199px) {
    .site-nav__item {
        flex: 1 1 auto;
        justify-content: center;
        display: flex
    }
}

@media screen and (min-width:1200px) {
    .site-nav__item {
        padding: 0 42px
    }
}

.site-nav__item::after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    width: 1px;
    height: 16px;
    background-color: rgba(111,151,201,.5)
}

.site-nav__item:last-child::after {
    content: none
}

.site-nav__link {
    align-items: center;
    display: flex;
    transition: all .3s ease;
    padding: 11px 0 10px;
    color: #fff
}

    .site-nav__link:hover {
        opacity: .8;
        color: #fff
    }

    .site-nav__link svg {
        margin-right: 10px
    }

.hero {
    position: relative;
    display: block;
    padding-top: 31px;
    padding-bottom: 1px;
    background-color: #fafafa
}

    .hero .container {
        max-width: 1374px
    }

.hero-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

    .hero-bg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

.hero-image {
    margin-bottom: -59px
}

@media screen and (min-width:768px) {
    .hero-image {
        margin-bottom: -111px
    }
}

.hero-image::before {
    padding-bottom: 41.6296296296%
}

.info-basic {
    border-radius: 3px;
    padding: 18px 12px;
    background: #fff
}

@media screen and (min-width:768px) {
    .info-basic {
        padding: 22px 48px 31px 22px
    }
}

.info-basic__head {
    margin-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
    max-width: 730px;
    padding-bottom: 15px
}

    .info-basic__head p {
        margin-bottom: 2px
    }

    .info-basic__head ul li {
        position: relative;
        padding-left: 18px;
        line-height: 1.35
    }

        .info-basic__head ul li:last-child {
            margin-bottom: 0
        }

        .info-basic__head ul li::before {
            content: "";
            position: absolute;
            top: 3px;
            left: 1px;
            width: 12px;
            height: 10px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E %3Cpath d='M10 2L4.4 8L2 5.75' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E") no-repeat left top
        }

@media screen and (min-width:768px) {
    .info-basic__head ul li::before {
        top: 4px
    }
}

.info-basic__text {
    margin-bottom: 11px;
    line-height: 1.36;
    text-align: center
}

.info-basic__title {
    margin-bottom: 9px
}

.info-basic__item {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 15px
}

    .info-basic__item:last-child {
        margin-bottom: 0
    }

.info-basic__item-head {
    margin-bottom: 5px;
    width: 100%
}

@media screen and (min-width:576px) {
    .info-basic__item-head {
        margin-bottom: 0;
        width: 31.4%;
        padding: 8px 22px 0 0;
        text-align: right
    }
}

.info-basic__item-content {
    width: 100%
}

@media screen and (min-width:576px) {
    .info-basic__item-content {
        width: 68.6%
    }
}

@media screen and (min-width:768px) {
    .info-basic__list {
        padding: 0 48px
    }
}

.info-basic__form .btn-submit {
    min-width: 179px;
    padding: 14px 30px
}

@media screen and (min-width:576px) {
    .info-basic__form .btn-submit {
        margin-left: -6px
    }
}

.info-basic__form .form-label {
    margin-bottom: 0
}

.info-basic__form .form-control {
    border-color: #cbcbcb;
    border-radius: 5px;
    height: 34px;
    padding: 0 11px;
    background-color: transparent
}

    .info-basic__form .form-control::-moz-placeholder {
        color: #888
    }

    .info-basic__form .form-control:-ms-input-placeholder {
        color: #888
    }

    .info-basic__form .form-control::placeholder {
        color: #888
    }

.info-basic__form textarea.form-control {
    height: 80px;
    padding-top: 7px;
    padding-bottom: 7px;
    resize: none
}

.info-basic__form .form-side-by-side {
    align-items: center;
    display: flex
}

    .info-basic__form .form-side-by-side input {
        flex-grow: 1
    }

    .info-basic__form .form-side-by-side label {
        flex-shrink: 0;
        margin: 0 8px;
        min-width: 40px;
        text-align: center
    }

@media screen and (min-width:768px) {
    .info-basic__form .form-side-by-side label {
        margin: 0 18px
    }
}

.info-basic__form [data-toggle=datepicker] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E %3Cpath d='M4 5.85H2.66667V7.15H4V5.85ZM6.66667 5.85H5.33333V7.15H6.66667V5.85ZM9.33333 5.85H8V7.15H9.33333V5.85ZM12 1.3H10V0H8.66667V1.3H3.33333V0H2V1.3H0V13H12V1.3ZM10.6667 11.7H1.33333V4.55H10.6667V11.7Z' fill='%23ADADAD'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center
}

.info-basic__form .form-select {
    border-color: #cbcbcb;
    border-radius: 5px;
    height: 34px;
    padding: 0 11px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'%3E %3Cpath d='M0 0L4.5 5L9 0H0Z' fill='%23ADADAD'/%3E %3C/svg%3E") no-repeat right 15px center,transparent;
    color: #888
}

.info-basic__form .form-checkbox {
    align-items: flex-start;
    display: flex;
    margin: 16px 0 0
}

    .info-basic__form .form-checkbox .form-label {
        flex-shrink: 0;
        min-width: 80px;
        padding-right: 10px
    }

@media screen and (min-width:768px) {
    .info-basic__form .form-checkbox .form-label {
        min-width: 101px
    }
}

.info-basic__form .form-checkbox__content {
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: center;
    display: flex;
    min-height: 34px;
    padding-top: 4px
}

    .info-basic__form .form-checkbox__content .form-check {
        margin: 0 38px 0 0
    }

        .info-basic__form .form-checkbox__content .form-check:last-child {
            margin: 0
        }

.info-basic__form .form-switch {
    display: flex;
    margin-bottom: 3px;
    padding-left: 0
}

    .info-basic__form .form-switch input {
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        margin: 0;
        width: 0;
        height: 0;
        padding: 0
    }

        .info-basic__form .form-switch input:checked + .slider {
            background: #6cea9b
        }

            .info-basic__form .form-switch input:checked + .slider::before {
                transform: translateX(-18px)
            }

        .info-basic__form .form-switch input:checked + * + .text-off {
            display: none
        }

        .info-basic__form .form-switch input:checked + * + * + .text-on {
            display: block
        }

    .info-basic__form .form-switch .slider {
        position: relative;
        transition: all .3s ease;
        margin-top: 4px;
        margin-right: 15px;
        box-shadow: inset 1px 1px 2px rgba(81,81,81,.25);
        border-radius: 50px;
        width: 34px;
        height: 14px;
        background: #f5f5f5;
        cursor: pointer
    }

        .info-basic__form .form-switch .slider::before {
            content: "";
            position: absolute;
            top: calc(50% - 9px);
            right: -1px;
            transition: all .3s ease;
            box-shadow: 0 2px 3px rgba(146,146,146,.4);
            border-radius: 50%;
            width: 18px;
            height: 18px;
            background: #fff;
            pointer-events: none
        }

    .info-basic__form .form-switch .text-off {
        display: block
    }

    .info-basic__form .form-switch .text-on {
        display: none
    }

.info-basic__form hr {
    opacity: 1;
    margin: 10px 0;
    background-color: #ebebeb
}

@media screen and (min-width:768px) {
    .info-basic__form hr {
        margin: 17px 0
    }
}

@media screen and (min-width:768px) {
    .info-basic__form hr.large {
        margin: 24px 0
    }
}

.job-apply {
    margin: 34px 0
}

@media screen and (min-width:768px) {
    .job-apply {
        margin-bottom: 76px
    }
}

.job-apply .container {
    max-width: 974px
}

.job-apply__inner {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    background: #fbfbfb
}

.job-apply__heading {
    display: flex;
    align-items: center;
    margin: 0 15px 15px
}

@media screen and (min-width:768px) {
    .job-apply__heading {
        margin-right: 37px;
        margin-bottom: 21px;
        margin-left: 37px
    }
}

.job-apply__heading-icon {
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-left: -10px
}

@media screen and (min-width:768px) {
    .job-apply__heading-icon {
        margin-right: 21px;
        margin-left: -18px
    }
}

.job-apply__heading-icon svg {
    -webkit-animation: animate 1.5s infinite;
    animation: animate 1.5s infinite;
    margin-right: -2px;
    color: #f68500
}

    .job-apply__heading-icon svg:nth-child(2) {
        -webkit-animation-delay: -.2s;
        animation-delay: -.2s
    }

    .job-apply__heading-icon svg:nth-child(3) {
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s
    }

.job-apply__head {
    border-bottom: 1px dashed #afafaf;
    padding: 25px 0
}

@media screen and (min-width:768px) {
    .job-apply__head {
        padding: 39px 0 26px
    }
}

.job-apply-company {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 12px
}

@media screen and (min-width:768px) {
    .job-apply-company {
        padding: 10px 75px
    }
}

.job-apply-company__image {
    width: 90px
}

.job-apply-company__content {
    width: calc(100% - 90px);
    padding-left: 20px
}

@media screen and (min-width:768px) {
    .job-apply-company__content {
        padding-left: 42px
    }
}

.job-apply-company__title {
    margin-bottom: 2px
}

.job-apply__content {
    padding: 25px 12px
}

@media screen and (min-width:768px) {
    .job-apply__content {
        padding: 38px 65px 60px
    }
}

.job-apply__title {
    margin-bottom: 26px;
    text-align: center
}

    .job-apply__title span {
        display: inline-block;
        border-radius: 30px;
        margin-bottom: 22px;
        padding: 4px 12px;
        background-color: #ededed
    }

    .job-apply__title h2 {
        margin-bottom: 14px;
        text-transform: uppercase
    }

    .job-apply__title p {
        max-width: 673px;
        margin: 0 auto;
        line-height: 1.6
    }

.job-apply-form [class*=col] {
    margin-bottom: 10px
}

.job-apply-form .btn-submit {
    margin-top: 13px
}

.job-apply-form .form-label {
    margin-bottom: 3px
}

.job-apply-form .form-control {
    border-color: #e1e1e1;
    padding: 0 13px;
    background-color: #f5f5f5
}

    .job-apply-form .form-control::-moz-placeholder {
        color: #888
    }

    .job-apply-form .form-control:-ms-input-placeholder {
        color: #888
    }

    .job-apply-form .form-control::placeholder {
        color: #888
    }

.job-apply-form [data-toggle=datepicker] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E %3Cpath d='M5 7.2H3.33333V8.8H5V7.2ZM8.33333 7.2H6.66667V8.8H8.33333V7.2ZM11.6667 7.2H10V8.8H11.6667V7.2ZM15 1.6H12.5V0H10.8333V1.6H4.16667V0H2.5V1.6H0V16H15V1.6ZM13.3333 14.4H1.66667V5.6H13.3333V14.4Z' fill='%23ADADAD'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 17px center
}

.job-apply-form .form-select {
    border-color: #e1e1e1;
    padding: 0 13px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E %3Cpath d='M0 0L5.5 6L11 0H0Z' fill='%23ADADAD'/%3E %3C/svg%3E") no-repeat right 17px center,#f5f5f5;
    color: #888
}

.job-apply-form .form-checkbox {
    display: flex;
    align-items: flex-start;
    margin: 16px 0 13px
}

    .job-apply-form .form-checkbox .form-label {
        flex-shrink: 0;
        min-width: 80px;
        padding-right: 10px
    }

@media screen and (min-width:768px) {
    .job-apply-form .form-checkbox .form-label {
        min-width: 101px
    }
}

.job-apply-form .form-checkbox__content {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: flex-start;
    border-bottom: 1px dashed #b0b0b0;
    max-width: 611px;
    padding-bottom: 12px
}

@media screen and (min-width:768px) {
    .job-apply-form .form-checkbox__content {
        padding-bottom: 21px
    }
}

.job-apply-form .form-checkbox__content .form-check {
    margin: 0 38px 10px 0
}

    .job-apply-form .form-checkbox__content .form-check:last-child {
        margin: 0
    }

.job-apply-upload {
    border-top: 1px solid rgba(217,217,217,.5);
    margin-top: 30px;
    padding-top: 14px
}

@media screen and (min-width:768px) {
    .job-apply-upload {
        margin-bottom: 39px;
        margin-top: 103px
    }
}

.job-apply-upload__wrapper {
    display: flex;
    align-items: flex-start;
    margin: 16px 0 32px
}

@media screen and (max-width:575px) {
    .job-apply-upload__wrapper {
        flex-wrap: wrap;
        margin-bottom: 16px
    }
}

.job-apply-upload__label {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    margin-top: 2px;
    margin-right: 20px
}

@media screen and (min-width:768px) {
    .job-apply-upload__label {
        margin-right: 39px
    }
}

.job-apply-upload__label svg {
    position: relative;
    flex-shrink: 0;
    margin-right: 15px;
    color: #b5b5b5
}

@media screen and (min-width:768px) {
    .job-apply-upload__label svg {
        margin-right: 23px;
        top: 2px
    }
}

.job-apply-upload__input {
    display: flex;
    flex-grow: 1;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    height: 36px;
    padding: 0 39px 0 9px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E %3Cg clip-path='url(%23clip0_85_328)'%3E %3Cpath d='M8.09375 10.5H5.90625C5.54258 10.5 5.25 10.2074 5.25 9.84377V5.25002H2.85195C2.36523 5.25002 2.12187 4.66213 2.46641 4.3176L6.62539 0.155884C6.83047 -0.0491943 7.1668 -0.0491943 7.37188 0.155884L11.5336 4.3176C11.8781 4.66213 11.6348 5.25002 11.148 5.25002H8.75V9.84377C8.75 10.2074 8.45742 10.5 8.09375 10.5ZM14 10.2813V13.3438C14 13.7074 13.7074 14 13.3438 14H0.65625C0.292578 14 0 13.7074 0 13.3438V10.2813C0 9.9176 0.292578 9.62502 0.65625 9.62502H4.375V9.84377C4.375 10.6887 5.06133 11.375 5.90625 11.375H8.09375C8.93867 11.375 9.625 10.6887 9.625 9.84377V9.62502H13.3438C13.7074 9.62502 14 9.9176 14 10.2813ZM10.6094 12.6875C10.6094 12.3867 10.3633 12.1406 10.0625 12.1406C9.76172 12.1406 9.51562 12.3867 9.51562 12.6875C9.51562 12.9883 9.76172 13.2344 10.0625 13.2344C10.3633 13.2344 10.6094 12.9883 10.6094 12.6875ZM12.3594 12.6875C12.3594 12.3867 12.1133 12.1406 11.8125 12.1406C11.5117 12.1406 11.2656 12.3867 11.2656 12.6875C11.2656 12.9883 11.5117 13.2344 11.8125 13.2344C12.1133 13.2344 12.3594 12.9883 12.3594 12.6875Z' fill='%23ADADAD'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_85_328'%3E %3Crect width='14' height='14' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E") no-repeat right 16px center,transparent
}

@media screen and (max-width:575px) {
    .job-apply-upload__input {
        width: 100%;
        margin-top: 10px
    }
}

.job-apply-upload__input input[type=file] {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0
}

.job-apply-upload__input span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #666
}

.job-apply-upload__button {
    display: inline-flex;
    border-radius: 30px;
    width: 111px;
    height: 30px;
    margin-top: -3px;
    background-color: #d9d9d9
}

.job-apply-upload__note {
    margin-right: 18px;
    margin-bottom: 10px
}

    .job-apply-upload__note a {
        text-decoration: underline
    }

.job-carousel {
    padding: 30px 0 110px;
    background-color: #f3f8ff
}

@media screen and (min-width:768px) {
    .job-carousel {
        padding: 57px 0 134px
    }
}

.job-carousel .container {
    max-width: 1154px
}

.job-carousel .heading {
    margin-bottom: 16px
}

.job-carousel .slick-track {
    display: flex !important
}

.job-carousel .slick-list {
    margin: 0 30px;
    padding: 15px 0
}

@media screen and (min-width:1366px) {
    .job-carousel .slick-list {
        margin: 0 -20px
    }
}

.job-carousel .slick-slide {
    height: inherit !important;
    padding: 0 10px
}

@media screen and (min-width:1366px) {
    .job-carousel .slick-slide {
        padding: 0 20px
    }
}

@media screen and (max-width:1365px) {
    .job-carousel .slick-prev {
        left: -25px
    }
}

@media screen and (max-width:1199px) {
    .job-carousel .slick-prev {
        left: -10px
    }
}

@media screen and (max-width:1365px) {
    .job-carousel .slick-next {
        right: -25px
    }
}

@media screen and (max-width:1199px) {
    .job-carousel .slick-next {
        right: -10px
    }
}

.job-carousel__main {
    margin-bottom: 15px
}

@media screen and (min-width:768px) {
    .job-carousel__main {
        margin-bottom: 23px
    }
}

.job-carousel__item {
    display: block;
    transition: border-color .3s ease;
    box-shadow: 0 4px 20px rgba(224,224,224,.25);
    border: 2px solid #fff;
    border-radius: 15px;
    height: 100%;
    padding: 17px 10px 15px;
    background-color: #fff;
    text-align: center
}

    .job-carousel__item:hover {
        border-color: #0189fd
    }

.job-carousel__item-image {
    max-width: 71px;
    margin: 0 auto 25px
}

.job-carousel__button {
    position: relative;
    display: inline-flex;
    border-radius: 30px;
    min-width: 253px;
    padding: 18px;
    background-color: rgba(1,137,253,.27);
    text-align: center;
    color: #fff
}

    .job-carousel__button:hover {
        color: #fff
    }

        .job-carousel__button:hover::before {
            background-color: #2f5cc5
        }

    .job-carousel__button::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: background-color .3s ease;
        border: 4px solid transparent;
        border-radius: 30px;
        background-color: #0189fd;
        background-clip: content-box
    }

    .job-carousel__button > span {
        position: relative;
        z-index: 5
    }

.job-cates {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin-bottom: 21px;
    padding: 15px 12px;
    background-color: #fbfbfb
}

@media screen and (min-width:768px) {
    .job-cates {
        padding: 17px 20px 25px
    }
}

.job-cates .btn-read-detail {
    display: inline-flex;
    margin-top: 10px;
    color: #000
}

    .job-cates .btn-read-detail[aria-expanded=true] {
        display: none
    }

    .job-cates .btn-read-detail:hover {
        color: #f68500
    }

    .job-cates .btn-read-detail svg {
        color: #f68500
    }

.job-cates [class*=col] {
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .job-cates [class*=col] {
        margin-bottom: 13px
    }
}

.job-cates__heading {
    position: relative;
    margin-bottom: 15px;
    padding-left: 30px
}

@media screen and (min-width:768px) {
    .job-cates__heading {
        margin-bottom: 21px
    }
}

.job-cates__heading::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 15px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='15' viewBox='0 0 18 15' fill='none'%3E %3Cpath d='M0 13.1597C0 11.1717 0 9.18368 0 7.17407C0.0216086 7.17407 0.0432175 7.17407 0.0432175 7.19568C2.83073 8.12485 5.59664 9.05402 8.38415 9.9832C8.79472 10.1128 9.18367 10.1345 9.59424 9.9832C12.2089 9.11885 14.8019 8.2545 17.4166 7.36855C17.611 7.30372 17.8055 7.2389 18 7.17407C18 7.21729 18 7.2389 18 7.2389C18 9.14046 18 11.042 18 12.9436C18 13.2029 17.9352 13.4838 17.8271 13.7215C17.4382 14.5426 16.7683 14.9316 15.8391 14.9316C11.3013 14.9316 6.7635 14.9316 2.22569 14.9316C2.13926 14.9316 2.07443 14.9316 1.988 14.9316C1.10204 14.91 0.32413 14.2833 0.0864349 13.4406C0.0648263 13.3758 0.0432173 13.2677 0 13.1597Z' fill='%23F78500'/%3E %3Cpath d='M0 6.0072C0 5.35894 0 4.68907 0 4.04082C0 4.01921 0.0216091 3.9976 0.0216091 3.97599C0.151261 3.06843 0.993998 2.20408 2.20408 2.22569C3.39256 2.2473 4.60264 2.22569 5.79112 2.22569C5.85594 2.22569 5.92077 2.22569 6.0072 2.22569C6.0072 2.13925 6.0072 2.07443 6.0072 2.0096C6.0072 1.7503 5.98559 1.46939 6.02881 1.21008C6.15846 0.47539 6.7635 0 7.51981 0C8.4922 0 9.48619 0 10.4586 0C10.5666 0 10.6747 -3.30044e-07 10.7827 0.0216083C11.4958 0.172869 11.9712 0.734693 11.9928 1.46939C11.9928 1.72869 11.9928 1.988 11.9928 2.2473C12.0792 2.2473 12.1657 2.2473 12.2305 2.2473C13.4622 2.2473 14.6939 2.2473 15.9256 2.2473C17.114 2.2473 18 3.15486 18 4.32173C18 4.84034 18 5.33733 18 5.85594C18 5.96398 17.9784 6.02881 17.8487 6.07203C14.9748 7.02281 12.1008 7.97359 9.2485 8.94598C9.07563 9.0108 8.90276 8.98919 8.72989 8.94598C7.10924 8.40576 5.5102 7.86555 3.88956 7.32533C2.61465 6.87155 1.29652 6.43937 0 6.0072ZM7.51981 2.22569C8.53541 2.22569 9.5078 2.22569 10.5018 2.22569C10.5018 1.96639 10.5018 1.72869 10.5018 1.491C9.5078 1.491 8.51381 1.491 7.51981 1.491C7.51981 1.7503 7.51981 1.96639 7.51981 2.22569Z' fill='%23F78500'/%3E %3C/svg%3E") no-repeat center/contain
}

.job-detail {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin-bottom: 30px;
    padding: 15px 12px;
    background: #fbfbfb
}

@media screen and (min-width:768px) {
    .job-detail {
        padding: 35px 30px
    }
}

.job-detail-head {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 23px;
    padding-bottom: 29px
}

@media screen and (max-width:575px) {
    .job-detail-head {
        flex-wrap: wrap
    }
}

.job-detail-head__logo {
    width: 97px
}

@media screen and (max-width:575px) {
    .job-detail-head__logo {
        margin: 0 auto 20px
    }
}

.job-detail-head__content {
    width: 100%;
    text-align: center
}

@media screen and (min-width:576px) {
    .job-detail-head__content {
        text-align: left;
        width: calc(100% - 97px);
        padding-left: 50px
    }
}

.job-detail-head__content .btn {
    border-radius: 30px;
    width: 125px;
    height: 39px;
    margin-right: 10px;
    transition: all .3s ease
}

    .job-detail-head__content .btn:last-child {
        margin-bottom: 0
    }

    .job-detail-head__content .btn.active:hover {
        opacity: .9
    }

@media screen and (min-width:375px) {
    .job-detail-head__content .btn {
        width: 150px
    }
}

@media screen and (min-width:768px) {
    .job-detail-head__content .btn {
        width: 184px
    }
}

.job-detail-head__title {
    margin: -8px 0 -1px
}

.job-detail-head__subtitle {
    margin: 0 0 5px
}

.job-detail-head__text {
    margin: 0 0 20px
}

.job-detail-info {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .job-detail-info {
        margin-bottom: 37px
    }
}

.job-detail-info__title {
    position: relative;
    margin-bottom: 15px;
    padding-left: 21px
}

    .job-detail-info__title::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: 1px;
        left: 0;
        width: 11px;
        background-color: #f68500
    }

.job-detail-info__wrapper {
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 8px 12px
}

@media screen and (min-width:768px) {
    .job-detail-info__wrapper {
        padding: 11px 30px
    }
}

.job-detail-info__wrapper::after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 7px;
    left: 2px;
    height: 5px;
    background-color: #fbfbfb
}

@media screen and (min-width:768px) {
    .job-detail-info__wrapper::after {
        bottom: 10px
    }
}

.job-detail-info__item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px dashed #78a5dd;
    padding: 11px 0
}

.job-detail-info__item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #edf5ff
}

.job-detail-info__item-content {
    width: calc(100% - 50px);
    padding-left: 16px
}

.job-detail-info__item-title {
    margin: 0 0 2px
}

.job-detail-content {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 30px;
    padding-bottom: 30px
}

@media screen and (min-width:768px) {
    .job-detail-content {
        margin-bottom: 38px;
        padding-bottom: 44px
    }
}

.job-detail-content h1, .job-detail-content h2, .job-detail-content h3, .job-detail-content h4, .job-detail-content h5, .job-detail-content h6 {
    margin-bottom: 12px;
    font-weight: 700;
    text-decoration: underline;
    color: #1d5193
}

.job-detail-content ul {
    margin-bottom: 30px;
    margin-left: 10px
}

    .job-detail-content ul li {
        position: relative;
        margin-bottom: 8px;
        padding-left: 26px
    }

        .job-detail-content ul li::before {
            content: "";
            position: absolute;
            top: 9px;
            left: 0;
            border-radius: 50%;
            width: 5px;
            height: 5px;
            background-color: #1d5193
        }

.job-detail-content p {
    margin-bottom: 25px
}

.job-detail-content a:not(.btn) {
    text-decoration: underline;
    color: #1d5193
}

.job-detail-content .btn {
    border-radius: 3px;
    width: 125px;
    height: 39px;
    margin-right: 15px
}

    .job-detail-content .btn:last-child {
        margin-right: 0
    }

@media screen and (min-width:375px) {
    .job-detail-content .btn {
        width: 150px
    }
}

@media screen and (min-width:768px) {
    .job-detail-content .btn {
        width: 184px
    }
}

.job-detail-company__title {
    position: relative;
    margin-bottom: 25px;
    padding-left: 21px
}

    .job-detail-company__title::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: 1px;
        left: 0;
        width: 11px;
        background-color: #f68500
    }

.job-detail-company__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 27px
}

    .job-detail-company__item:last-child {
        margin-bottom: 0
    }

.job-detail-company__item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #edf5ff
}

.job-detail-company__item-content {
    width: calc(100% - 50px);
    padding-left: 16px
}

.job-detail-company__item-label {
    margin-bottom: 3px;
    text-decoration: underline
}

.job-detail-company__item-title {
    margin-top: 10px;
    margin-bottom: 16px
}

.job-detail-company__more {
    position: relative;
    padding: 1px
}

    .job-detail-company__more::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 200px;
        background: linear-gradient(to top,#fbfbfb,transparent);
        pointer-events: none
    }

    .job-detail-company__more > * {
        position: relative;
        z-index: 5
    }

    .job-detail-company__more svg {
        margin-left: 12px
    }

    .job-detail-company__more[aria-expanded=true] {
        display: none
    }

.job-fair-detail .container {
    max-width: 1224px
}

.job-fair-detail-head {
    padding: 30px 0;
    background-color: #ececec
}

@media screen and (min-width:768px) {
    .job-fair-detail-head {
        padding: 54px 0 44px
    }
}

.job-fair-detail-head .container {
    flex-wrap: wrap;
    align-items: flex-start;
    display: flex
}

.job-fair-detail-head__image {
    justify-content: center;
    align-items: center;
    display: flex;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    width: 200px;
    height: 200px;
    padding: 10px;
    background: #fff
}

@media screen and (max-width:575px) {
    .job-fair-detail-head__image {
        margin: 0 auto
    }
}

.job-fair-detail-head__content {
    width: 100%
}

@media screen and (min-width:576px) {
    .job-fair-detail-head__content {
        width: calc(100% - 200px);
        padding-left: 20px
    }
}

@media screen and (min-width:768px) {
    .job-fair-detail-head__content {
        padding-left: 54px
    }
}

.job-fair-detail-head__title {
    position: relative;
    margin-bottom: 17px;
    padding-top: 19px;
    padding-bottom: 15px
}

    .job-fair-detail-head__title::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 1px dashed #166168;
        width: 190px
    }

.job-fair-detail-head__entry {
    margin-bottom: 8px
}

    .job-fair-detail-head__entry svg {
        position: relative;
        top: -1px;
        margin-right: 6px;
        min-width: 15px;
        text-align: center;
        color: #0e5b63
    }

.job-fair-detail-bar {
    box-shadow: 0 5px 10px rgba(208,208,208,.25);
    background: #fff
}

    .job-fair-detail-bar .nav-tabs {
        display: block;
        margin: 0
    }

@media screen and (min-width:576px) {
    .job-fair-detail-bar .nav-tabs {
        justify-content: center;
        display: flex
    }
}

.job-fair-detail-bar .nav-link {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all .3s ease;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    width: 100%;
    padding: 12px 15px;
    text-align: center;
    color: #000
}

@media screen and (min-width:576px) {
    .job-fair-detail-bar .nav-link {
        border-right: 1px solid #ededed
    }
}

@media screen and (min-width:768px) {
    .job-fair-detail-bar .nav-link {
        padding: 20px 27px
    }
}

.job-fair-detail-bar .nav-link::after {
    content: "";
    position: absolute;
    z-index: 5;
    right: auto;
    bottom: -7px;
    left: calc(50% - 8px);
    display: none;
    opacity: 1;
    transform: rotate(45deg);
    width: 16px;
    height: 16px;
    background-color: #e69c17
}

.job-fair-detail-bar .nav-link svg {
    flex-shrink: 0;
    transition: all .3s ease;
    margin-right: 12px;
    color: #e69c17
}

.job-fair-detail-bar .nav-link.active {
    border-color: #e69c17;
    background-color: #e69c17;
    color: #fff
}

    .job-fair-detail-bar .nav-link.active::after {
        display: block
    }

    .job-fair-detail-bar .nav-link.active svg {
        color: #fff
    }

.job-fair-detail-bar .nav-item:last-child .nav-link {
    border-right: none
}

.job-fair-detail-gallery {
    padding: 50px 0 0
}

    .job-fair-detail-gallery [class*=col] {
        margin-bottom: 30px
    }

    .job-fair-detail-gallery a {
        display: block
    }

        .job-fair-detail-gallery a::before {
            padding-bottom: 66.5467625899%
        }

.job-fair-detail-wrapper {
    padding-top: 30px;
    padding-bottom: 30px
}

@media screen and (min-width:768px) {
    .job-fair-detail-wrapper {
        padding-top: 40px;
        padding-bottom: 60px
    }
}

@media screen and (min-width:992px) {
    .job-fair-detail-wrapper .sidebar {
        width: 350px
    }
}

@media screen and (min-width:1200px) {
    .job-fair-detail-wrapper .sidebar {
        margin-left: 36px
    }
}

.job-fair-detail-content {
    box-shadow: 0 0 10px rgba(148,148,148,.25);
    border-radius: 3px;
    padding: 20px 12px;
    background: #fff;
    line-height: 1.73
}

@media screen and (min-width:768px) {
    .job-fair-detail-content {
        padding: 29px 30px 36px
    }
}

.job-fair-detail-content .box-shadow {
    position: relative
}

    .job-fair-detail-content .box-shadow::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 200px;
        background: linear-gradient(to top,#fff 25%,transparent);
        pointer-events: none
    }

    .job-fair-detail-content .box-shadow .btn {
        position: relative;
        z-index: 5
    }

    .job-fair-detail-content .box-shadow[aria-expanded=true] {
        display: none !important
    }

.job-fair-detail-content .title {
    align-items: flex-start;
    display: flex;
    margin-bottom: 14px
}

    .job-fair-detail-content .title svg {
        flex-shrink: 0;
        margin-top: 7px;
        margin-right: 14px
    }

.job-fair-detail-content h2 {
    margin-bottom: 17px
}

.job-fair-detail-content p {
    margin-bottom: 8px
}

.job-fair-detail-content figure {
    margin-top: 31px;
    margin-bottom: 50px;
    text-align: center
}

.job-fair-detail-content ul {
    margin-bottom: 23px
}

    .job-fair-detail-content ul li {
        position: relative;
        margin-bottom: 4px;
        padding-left: 27px
    }

        .job-fair-detail-content ul li::before {
            content: "";
            position: absolute;
            top: 10px;
            left: 0;
            border-radius: 50%;
            width: 8px;
            height: 8px;
            background-color: #b4b4b4
        }

.job-flex {
    overflow: hidden;
    border: 2px solid #10bf51;
    border-radius: 3px;
    margin: 30px 0;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .job-flex {
        margin: 39px 0
    }
}

.job-flex__top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f8f8f8
}

@media screen and (min-width:768px) {
    .job-flex__top {
        flex-wrap: nowrap
    }
}

.job-flex__head {
    display: flex;
    align-items: center;
    width: 36.302%;
    min-width: 294px;
    height: 50px;
    padding: 10px 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='424' height='50' viewBox='0 0 424 50' fill='none'%3E %3Cpath d='M0 0H424L393.469 38.6085C387.779 45.8035 379.11 50 369.937 50H0V0Z' fill='%2310BF51'/%3E %3C/svg%3E") no-repeat right top/auto 100%;
    color: #fff
}

@media screen and (min-width:768px) {
    .job-flex__head {
        min-width: 320px
    }
}

@media screen and (min-width:992px) {
    .job-flex__head {
        padding-right: 19px;
        padding-left: 19px
    }
}

.job-flex__logo {
    flex-shrink: 0;
    width: 98px;
    margin-right: 15px
}

@media screen and (min-width:992px) {
    .job-flex__logo {
        margin-right: 32px
    }
}

.job-flex__logo::before {
    padding-bottom: 35.7142857143%
}

.job-flex__form {
    display: flex;
    width: 100%;
    padding: 10px 12px
}

@media screen and (min-width:768px) {
    .job-flex__form {
        width: 63.698%;
        padding: 5px 21px 5px 4.3%
    }
}

.job-flex__form .form-control {
    flex-grow: 1;
    border-color: #e1e1e1;
    height: 34px;
    margin-right: 8px;
    padding: 0 13px;
    background-color: transparent
}

@media screen and (min-width:768px) {
    .job-flex__form .form-control {
        margin-right: 13px
    }
}

.job-flex__form .form-control::-moz-placeholder {
    font-style: italic
}

.job-flex__form .form-control:-ms-input-placeholder {
    font-style: italic
}

.job-flex__form .form-control::placeholder {
    font-style: italic
}

.job-flex__submit {
    flex-shrink: 0;
    transition: all .3s ease;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    width: 120px;
    height: 34px
}

@media screen and (min-width:768px) {
    .job-flex__submit {
        width: 140px
    }
}

.job-flex__submit svg {
    margin-right: 8px;
    color: #1d5193
}

.job-flex__submit:hover {
    border-color: #1d5193;
    color: #1d5193
}

.job-flex__main {
    padding: 15px 12px
}

@media screen and (min-width:768px) {
    .job-flex__main {
        padding: 34px 20px 32px
    }
}

.job-flex__main [class*=col] {
    margin-bottom: 15px
}

@media screen and (min-width:768px) {
    .job-flex__main [class*=col] {
        margin-bottom: 20px
    }
}

.job-flex__item {
    display: flex;
    align-items: flex-start;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 16px 13px 14px
}

.job-flex__item-image {
    width: 80px
}

.job-flex__item-content {
    width: calc(100% - 80px);
    padding-left: 12px
}

.job-flex__item-title {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px
}

/* .job-flex__item-title p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical
    }*/

.job-flex__item:hover .job-flex__item-title p {
    color: #1d5193
}

.job-flex__item-title .qc {
    display: inline-block;
    border-radius: 3px;
    width: 20px;
    height: 18px;
    margin-right: 6px;
    padding: 4px 0;
    background-color: #10bf51;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.job-flex__item-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 8px
}

.job-flex__item-entry {
    display: flex;
    flex-wrap: wrap
}

.job-flex__item-entry-item {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: 3px;
    margin: 0 6px 6px 0;
    padding: 3px 5px;
    background-color: #f4f4f4
}

    .job-flex__item-entry-item i {
        margin-right: 3px;
        color: #adadad
    }

    .job-flex__item-entry-item:first-child i {
        color: #ec2517
    }

.job-list-2 {
    padding: 30px 0;
    background-color: #fafafa;
    font-family: Roboto,sans-serif
}

@media screen and (min-width:768px) {
    .job-list-2 {
        padding-top: 63px;
        padding-bottom: 70px
    }
}

.job-list-2 .container {
    max-width: 1224px
}

@media screen and (min-width:768px) {
    .job-list-2 .heading-new {
        margin-bottom: 50px
    }
}

.job-list-2__item {
    align-items: flex-start;
    display: flex;
    margin-bottom: 20px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 15px;
    background: #fff
}

@media screen and (min-width:768px) {
    .job-list-2__item {
        margin-bottom: 30px;
        padding: 29px 51px 15px
    }
}

.job-list-2__item-featured {
    margin-top: 17px;
    width: 70px
}

@media screen and (min-width:768px) {
    .job-list-2__item-featured {
        width: 109px
    }
}

.job-list-2__item-image::before {
    padding-bottom: 88.9908256881%
}

.job-list-2__item-content {
    width: calc(100% - 70px);
    padding-left: 18px
}

@media screen and (min-width:768px) {
    .job-list-2__item-content {
        width: calc(100% - 109px);
        padding-left: 61px
    }
}

.job-list-2__item-title {
    transition: all .3s ease;
    margin-bottom: 3px;
    color: #333
}

@media screen and (max-width:767px) {
    .job-list-2__item-title {
        line-height: 1.4
    }
}

@media screen and (min-width:768px) {
    .job-list-2__item-title {
        margin-bottom: 9px
    }
}

.job-list-2__item:hover .job-list-2__item-title {
    color: #e69c17
}

.job-list-2__item-text {
    margin-bottom: 10px;
    color: #333
}

@media screen and (min-width:768px) {
    .job-list-2__item-text {
        margin-bottom: 16px
    }
}

.job-list-2__item-wrapper {
    flex-wrap: wrap;
    display: flex;
    margin-right: -10px
}

@media screen and (min-width:768px) {
    .job-list-2__item-wrapper {
        margin-right: -20px
    }
}

.job-list-2__item-entry {
    margin: 0 10px 10px 0;
    border: 1px solid #e9e9e9;
    padding: 6px 8px;
    background: #fff
}

@media screen and (min-width:768px) {
    .job-list-2__item-entry {
        margin: 0 20px 20px 0;
        padding: 8px 24px
    }
}

.job-list-2__item-entry i {
    padding-right: 6px
}

@media screen and (min-width:768px) {
    .job-list-2__item-entry i {
        padding-right: 14px
    }
}

@media screen and (max-width:575px) {
    .job-list-2__item-entry span {
        font-size: 13px
    }
}

.heading-common {
    position: relative;
    margin-bottom: 26px;
    padding-bottom: 13px
}

    .heading-common::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 86px;
        height: 3px;
        background-color: #e69c17
    }

.heading-common--center {
    text-align: center
}

@media screen and (min-width:768px) {
    .heading-common--center {
        margin-bottom: 40px;
        padding-bottom: 20px
    }
}

.heading-common--center::before {
    left: calc(50% - 28px);
    width: 56px;
    height: 5px
}

.job-list-2--small {
    padding-top: 3px;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .job-list-2--small {
        padding-bottom: 86px
    }
}

.job-list-2--small .job-list-2__wrapper {
    margin-bottom: 35px
}

.job-list-2--small .job-list-2__item {
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .job-list-2--small .job-list-2__item {
        padding: 25px 29px 14px
    }
}

.job-list-2--small .job-list-2__item-featured {
    margin-top: 4px
}

@media screen and (min-width:768px) {
    .job-list-2--small .job-list-2__item-content {
        padding-left: 33px
    }
}

.job-list-2--small .job-list-2__item-entry {
    margin: 0 15px 15px 0;
    padding: 8px 12px 8px
}

.job-list-3 {
    position: relative;
    padding: 30px 0;
    font-family: Roboto,sans-serif
}

@media screen and (min-width:768px) {
    .job-list-3 {
        padding-top: 83px;
        padding-bottom: 95px
    }
}

.job-list-3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 600px);
    width: 1200px;
    height: 1px;
    background: linear-gradient(to right,#cecECE00,#c7c7c7,#cecECE00)
}

.job-list-3 [class*=col] {
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .job-list-3 [class*=col] {
        margin-bottom: 30px
    }
}

.job-list-3 .container {
    max-width: 1226px
}

@media screen and (min-width:768px) {
    .job-list-3 .heading-new {
        margin-bottom: 50px
    }
}

.job-list-3__item {
    align-items: flex-start;
    display: flex;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 15px;
    background: #fff
}

@media screen and (min-width:768px) {
    .job-list-3__item {
        padding: 29px 39px 33px
    }
}

.job-list-3__item-featured {
    width: 70px
}

@media screen and (min-width:768px) {
    .job-list-3__item-featured {
        width: 109px
    }
}

.job-list-3__item-image::before {
    padding-bottom: 88.9908256881%
}

.job-list-3__item-content {
    width: calc(100% - 70px);
    padding-left: 18px
}

@media screen and (min-width:768px) {
    .job-list-3__item-content {
        width: calc(100% - 109px);
        padding-left: 41px
    }
}

.job-list-3__item-title {
    transition: all .3s ease;
    margin-bottom: 3px;
    color: #333
}

@media screen and (max-width:767px) {
    .job-list-3__item-title {
        line-height: 1.4
    }
}

.job-list-3__item:hover .job-list-3__item-title {
    color: #e69c17
}

.job-list-3__item-text {
    margin-bottom: 10px;
    border-bottom: 1px dashed #bababa;
    padding-bottom: 8px;
    color: #333
}

@media screen and (min-width:768px) {
    .job-list-3__item-text {
        margin-bottom: 16px;
        padding-bottom: 12px
    }
}

.job-list-3__item-entry {
    margin-bottom: 6px
}

    .job-list-3__item-entry:last-child {
        margin-bottom: 0
    }

    .job-list-3__item-entry i {
        margin-right: 12px;
        min-width: 13px;
        text-align: center
    }

.job-list-4 {
    padding: 30px 0;
    background-color: #fafafa
}

@media screen and (min-width:768px) {
    .job-list-4 {
        padding-top: 43px;
        padding-bottom: 66px
    }
}

.job-list-4 .container {
    max-width: 1224px
}

.job-list-4 .heading-common {
    margin-bottom: 27px
}

    .job-list-4 .heading-common + p {
        margin-bottom: 24px
    }

.job-list-4__item {
    align-items: flex-start;
    display: flex;
    margin-bottom: 10px;
    box-shadow: 0 0 10px rgba(189,189,189,.25);
    border-radius: 3px;
    padding: 15px 10px;
    background: #fff
}

.job-list-4__item-featured {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 70px;
    height: 70px
}

@media screen and (min-width:768px) {
    .job-list-4__item-featured {
        width: 100px;
        height: 100px
    }
}

.job-list-4__item-content {
    width: calc(100% - 70px);
    padding-left: 18px
}

@media screen and (min-width:768px) {
    .job-list-4__item-content {
        width: calc(100% - 100px);
        padding-left: 28px
    }
}

.job-list-4__item-title {
    transition: all .3s ease;
    margin: 7px 0;
    color: #000
}

.job-list-4__item:hover .job-list-4__item-title {
    color: #e69c17
}

.job-list-4__item-text {
    margin-bottom: 4px
}

.job-list-4__item-wrapper {
    flex-wrap: wrap;
    display: flex;
    margin-right: -15px
}

@media screen and (min-width:768px) {
    .job-list-4__item-wrapper {
        margin-right: -39px
    }
}

.job-list-4__item-entry {
    margin-right: 15px;
    margin-bottom: 5px;
    font-family: Roboto,sans-serif
}

@media screen and (min-width:768px) {
    .job-list-4__item-entry {
        margin-right: 39px
    }
}

.job-list-4__item-entry i {
    margin-right: 7px
}

.job-list-4__item-entry:not(.c-red) i {
    color: #c4c4c4
}

.job-list-4__item-entry:not(.c-red) span {
    color: #888
}

.job-list {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    padding: 15px 12px;
    background-color: #fbfbfb
}

@media screen and (min-width:768px) {
    .job-list {
        padding: 29px 30px 41px
    }
}

.job-list__heading {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

@media screen and (min-width:768px) {
    .job-list__heading {
        margin-bottom: 22px
    }
}

.job-list__heading-icon {
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-left: -10px
}

@media screen and (min-width:768px) {
    .job-list__heading-icon {
        margin-right: 21px;
        margin-left: -18px
    }
}

.job-list__heading-icon svg {
    -webkit-animation: animate 1.5s infinite;
    animation: animate 1.5s infinite;
    margin-right: -2px;
    color: #f68500
}

    .job-list__heading-icon svg:nth-child(2) {
        -webkit-animation-delay: -.2s;
        animation-delay: -.2s
    }

    .job-list__heading-icon svg:nth-child(3) {
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s
    }

.job-list__wrapper {
    margin-bottom: 27px
}

.job-list__item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 12px;
    padding-bottom: 11px
}

.job-list__item-image {
    width: 70px
}

.job-list__item-content {
    width: calc(100% - 70px);
    padding-top: 11px;
    padding-left: 24px
}

.job-list__item-title {
    margin: 0 0 9px
}

.job-list__item-entry {
    display: flex
}

    .job-list__item-entry p {
        position: relative;
        margin-right: 26px;
        padding-right: 26px
    }

        .job-list__item-entry p::after {
            content: "";
            position: absolute;
            top: 4px;
            right: 0;
            bottom: 2px;
            width: 1px;
            background-color: #e7e7e7
        }

        .job-list__item-entry p:last-child::after {
            content: none;
            margin-right: 0;
            padding-right: 0
        }

.job-other {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    padding: 15px 12px;
    background: #fbfbfb
}

@media screen and (min-width:768px) {
    .job-other {
        padding: 23px 34px
    }
}

.job-other__title {
    position: relative;
    padding-left: 21px
}

    .job-other__title::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: 1px;
        left: 0;
        width: 11px;
        background-color: #f68500
    }

.job-other__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 17px
}

    .job-other__head .btn-read-detail {
        flex-shrink: 0;
        margin-left: 15px;
        color: #000
    }

        .job-other__head .btn-read-detail:hover {
            color: #1d5193
        }

        .job-other__head .btn-read-detail svg {
            color: #1d5193
        }

.job-other__item {
    position: relative;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 4px 20px rgba(207,207,207,.45);
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    margin-bottom: 14px;
    padding: 25px 13px 14px
}

@media screen and (min-width:576px) {
    .job-other__item {
        padding: 16px 13px 14px
    }
}

.job-other__item:last-child {
    margin-bottom: 0
}

.job-other__item.hot::after {
    content: "";
    position: absolute;
    top: 0;
    right: -7px;
    width: 52px;
    height: 27px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAbCAYAAAAzgqwIAAAABmJLR0QA/wD/AP+gvaeTAAAEPklEQVRYhdWYWWxUZRTHf+e79860nTKFWhFKgw9IgNZio0CKiqKJibEB9EGIygMhJvVBwhLcMPFNJPFBExONERKjElMWixBMAElJcMEXUFxZgglYEjBYWWo7c+d+x4fpLGXuDK3FLv/kPMz5zjnf/3++5d47MAaxs5JtW6uYEDZmhpvMzYDCk1HLse3jWHD92JgUBIByuygdO2Nseh+8jHvsCkrDUeGlmhhfbYtzB4CMNKP/gh2VaIj7iggvFBV0uaGuOpVKPK4qi4GZQB0Q+79I3iwUCDpXV1deHkusE3gRiI8ApyGhn6A/Z9TUusIuhbkjRWioyAq6NLu6zvhyBJhSNNqFsmXdJLZXoMnRefxcSG8zJ9X9OVJCDBBd3EPkwV6S7eXgDw/BwcIFiFddWw9yN6GXRw7egl4w4D3Qi7+/bFgIDhbu5YZ4NcL6G4mRiCLj0jGRll6Cox720uh7jBkReUJE4yJKmDm3Brh3+ZjxNpsk5Ur0uW7EVUylDc1z72km1taBO/ferC+6vJVYWwemMpauPbOBinfbqNx3nNjmXbhz5iOilG98j1hbR4FFn10TOle+GTG6qGTAeEtkaQ9OY/9D40wN8B5O4M5N4tQGhXnxKpz6Jky8Kue/bTJOfRPiGMzkWio+2o+prsH/8G1QpWLLHpxZjQTfHSI40I5ePI9T34Q9+g3BgXbsr9/fUJBrRBtKbTZnlo+5xeK1JArG3OYkwTEP76EEyU+vO1OSqZqeCED6LkYRxXu6FYmW0bPuGfRCJ6k9W6k4cJLIitUkXllJAHhPtcLCx0jt/gR78qd+NYrBRXRSqRgzIwABiaVJBd96mOkBUmMxtRbxfDBkSWf19P2OrFiNtixN+6bfmR0z02aily7AxT/SJHu70d9PYKbXF9bKa8qNYDAWjBY1qcudHf1L8LdF0E6TmQmZaCEWktvXJe25hl7tQq92QbK3b1YFLwJBqn9OkEK8SH9fJn6AZkTkfMl96eY6Y392kEBJtXvoP3nrqoTmAgQ7PsDfuAp/4yrskYPZFdKzp5CaSZh4vG8eB5k6DXv2VK5G3moP1IwR+0upAO1Kl9UTBv6WNNEusPvcnKBzEiKmrxH5Psn5gvYtYAzeq+/gNDUTWfsGUj2R4LPNofEDFqSiu0sK+sFJC7oo2MNOzt+Z2VMQHHJDcjPdzetwXsc5fRx/w3LM7GYimw9iHl1G6s216NdfFMYPZpV0PtXJIHoGqAo9ZVFwnk+CFYK3sh+GSKPFWeljv3Swe93Q1AEjFofuK0OrkeEF4M+LbFDh9aJRUTCPBNjTAr8ZMGAWBegZQX8cXW8LAqALKfMT3mGUOSNNaKjIXlU6nykp3COkv0zHLPo9U/U+agN12oF5I8RnqOgseEnQhZTZlFkDvIwWuShGLzYVfevR+5mAsERVlpD7k6Ry2KgNDucV+dh02df+BYx/8cWcFLNjAAAAAElFTkSuQmCC') no-repeat center/contain
}

@media screen and (min-width:768px) {
    .job-other__item.hot::after {
        top: 5px
    }
}

.job-other__item.urgent::after {
    content: "";
    position: absolute;
    top: 0;
    right: -7px;
    width: 69px;
    height: 27px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAAbCAYAAAAqCUKuAAAABmJLR0QA/wD/AP+gvaeTAAAFQElEQVRYw+2YWWxUVRjH74tGI9DOdGOnBhNj1BiEGF5U4M3IgyYmEh8Qba2alpQtCC3TTktLO8VqkD1g2cEWClURKJvaiNCySENYXAChhWLaaeeuM/fO8vebc+gZSpmZmvgC05v8MnPP+c453/ebc2YmV5IS9KofItXtSJJs0uAVufYMkbBnqPT37qHSq4M27pXCCdQ/JVWul6THBqVEpDBITHPdMOmZQSn9keuHSjlRB8mjs+zujKwPuzKyG7rSs6/Qq0YgEegno2303Ce7MnIK3ek5MoFEpI+QztS8ke60T1rc6R8jkRFC3PbZo93pn7YTSHTEkelOyz1LYJBcLqUnNc/RnTYbsdCyatB7hbpUdI/IR7wxDyuSPGyuvSctXyYQC3PzCSHFt7EJ8eIfZiRPWn5WT+ocxCN4vVNIUd9YETVOe28DAudvQpm6XLQFzt6A13UQnjELWV8v/lNX4S3bj54R83ns8HnwVhxA4NJtBDs8sL5vhTyhlPUZC+r6jA3jq/kF6lur2HujYK9Yz3A0iBzuH9OLPHlZ1Bro6MxrIBALecJSISTY1k0250eN1fN2cXHTV4k2+IMwdzbDk7mY9flPXYNRuh9m3Rl2761qZHG+lceBQBDeL49Cn78bwTsyAhdvs/W8yxt5LPWFx4bRsrdCm7WJH2nDpDzL+Dxrf2Zt8qRyERv8R0GwvUfce54rjlqD5Eld8CeBWBj5dZGjs+J47Ni8b1icNn21aONSWiBnFvI5KOnevlCXBv/Ry/AMX0gdfljftYo+/f3NsL6l3fJsMXzLD7OxyotL+6ynz9rCE6M1rB8usDYhZVyhiAvvvsCZG4hXaxjJk7JQJRALq/43IcXc1gJvyQEYc/Y8MNbIreVS3lwr2piUHacpSQefY3sLlIku6Dk7aeuF4Ks+BmWSi++EskNsjPx0EeTxxQxP+iL4qo7w2hsvwWpoZSgvV5K4rVz0mia+7rtfi/fy2CUih8DFDi4lTq1hJDnlM5VALPxHrtA5bKft5xFyjNy6B8aG27mUdaKNfYokRRlXhPsv/6FLkEctgTr5c14cCQ+PCd6KrKVN/YqkHGXvrd3nYG5pZqgvVZCUbaxdn7EJ1r5WBK91waw5yXfVWIfIIcik3ES8WsNIsn3x7wQGgrnhV15I0180uOCBMcZH/Pjo79TwthEOthvMTc2UpJMXtv001FeqEepUETh5PRJH3yfWzrPsXsksgbfoAJcyZSVJOcYLfb6iz3r6zO13pWyG+kIlQpqJkOLjsWOKRZyQMoA6JcVWsE+xF2IgBM7foi80C9rE6qgx2sQvmAT/wcvQp62BWXWcH4vceqhjS/nxWXOCxfqW8KKNGVvZfVhI+HvFm1cP7bWVsGr5sdWnrBbzGNm10N+u4VC7MXNHnzl8JY2RX8kxJSKv4MU7JKVtQHVKir3oA8XuQFxGUkFWgAo5GDfWm7uXdoHGM/NaMNefhJJaRFLK7pHC5wx10K/ChQ4oKdSfWU4izjMx7BfFrcOs/glKhpOk/Njv6AWarpKUXXelbONzDnci+EfnXSlLRU4RKfFrpT9vTrtiK/IQiIU+vQaBc+1UnBPxYhkpxVDHV1KSpQOLv5c0Jwks/+/j/ifY33zF5ixQbZRIDHyOw9BfX4d4cY8CTAoynU8o9pLTqq0U0dCnbUSs/kcJ8ejASCkbpSWXt2nJZUh0+jxk0lNdI7XkZc0EEpj2fo8jw0dJs1Uu0pIrPAQSjqRlFVEfXHuSKmxactUsPcm1z0iqukyvKoFHlmGuW0aSqxKS8/F/AZX3iQ7SHbk/AAAAAElFTkSuQmCC') no-repeat center/contain
}

@media screen and (min-width:768px) {
    .job-other__item.urgent::after {
        top: 5px
    }
}

.job-other__item.new::after {
    content: "";
    position: absolute;
    top: 0;
    right: -7px;
    width: 50px;
    height: 27px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAbCAYAAAA+nNxPAAAABmJLR0QA/wD/AP+gvaeTAAAEKElEQVRYhdWWTUxcVRiGn3PvAAPzQ4GihGKhDLWDKIIggq0iMW6oAjVONLWmtrpCV8aKZaEbiW01MaaE6KIx2NQFxFhKQtRNF1AEYmxrhBSM0Kn8lRawDMPP3Jk5LoDBYYYhDikT3uQkN9/Pve97vu8758J2QlNxExcOJARzKVvNZXOQNqK0qzQXPbPWs82EAJCOFJdpLjrF1wVRK8btKARARYoaEnQdNJVkAYhIM/pfaHpKBrHOACfWFWLutCUqmrsKqBASq0SkgTTcN5KbRICQtE5brENzvwd8AJi3nlJ48BOys6MiVfOqF4EnI8QnbPiEJF5+Oc2jk10SdkWSULjQAdBpi3VLdwtye4qAZSFGPO9LxBPb7AzzgzB32hIl7iEQAYP9bnollSn7UcXqdeORXlrGr1Bvb9lSohtBJ/EckiJQBBAgAkAVChUp+zl7K1DI06ZsTmUco/luO2fHWgGoTjnIa8mllPd9zJHkMg4nP+eX84vjBkZFT5waw7E/vyBKqPycU8f3k1eoH2ulyLSPzzPeotbeSMdMbwghingJgt0zBIjwJQkl6FUaH2Ug32AhO3Y3rdM93Fy8TWpMEvkGC6pQSI1OJN9g4fRIM07vIgBDC+OUmLJ5deezRCs6HjdkUmjci1t6qB9vpdi0j3yDhaHF8ZDXt84rZE44oyFDvVQonMk4jm3gU98WSbGa03C7jUn3jC9eVVSqlYNY4x6ixJyNRJJvtBCjRpFr2MOIa5JhbTK0ECAlrCEPlrNs+2qijXcefJHyhMLVuP/EN2RW4/JqAJz8u5Ge2X4A8oyZlJistP3zK+U7Cikw7iUvLnPJvwFHBWV1t9auUAiV0+7oo3mqg9O7j6NXon3xK2TueZxMLy83XuzaHca0KfIMFkqMVi5Od9E3f4sX4vPJ0qfS4xxY93srSycEoxIeDk07CEIJFVA7/C1Xc77k9aTSgPgPhxv9WgsBPc4BqhKKSdKZ6ZjtpcCRxdHk51GFQrdzYOOKeAV9G1Vk3uvi3NiPzHtdPluoHAmMuqeoG2vCpMb5xQMcMD1CmTmXMnMuj8XtQQrodg6QrIvH7prArt2hfbaXZF08i1Lj2sLgxhWRyEtCiKr1lDo8c9QMnuMPp51uRz9nMt9mh84QckZYbqOGu20cSSrj0dh0v/jvMk/4nn+a+Y1Df9XR7Vyak/bZPhDQ7uxFIrk+N8SC1DasiDD32hI1l2dQQvxa5wVrDbU3v8G+MOGzpesf4JP0o7zR/1noN28xBID++iu1SFkXaTKbwVLBht7U62cc7RIKI8wnbPg6L/aabZdX8XYBaRHkEzb8RijuRkWqW9P9AKIoUoTCxIjfz9Sc9dKoy2guReEkCvdWTp9tsM6vf6j9fjghSl2olIhKAVaWWs4Y1n7dJ0jEqCLkeZdUPvoXxE6B45XdnS8AAAAASUVORK5CYII=') no-repeat center/contain
}

@media screen and (min-width:768px) {
    .job-other__item.new::after {
        top: 5px
    }
}

.job-other__item-image {
    width: 50px
}

@media screen and (min-width:576px) {
    .job-other__item-image {
        width: 80px
    }
}

.job-other__item-content {
    width: calc(100% - 50px);
    padding-left: 15px
}

@media screen and (min-width:576px) {
    .job-other__item-content {
        width: calc(100% - 80px);
        padding-left: 21px
    }
}

.job-other__item-title {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2px
}

    .job-other__item-title p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical
    }

.job-other__item:hover .job-other__item-title p {
    color: #1d5193
}

.job-other__item-title .qc {
    display: inline-block;
    border-radius: 3px;
    width: 20px;
    height: 18px;
    margin-right: 6px;
    padding: 4px 0;
    position: relative;
    top: 2px;
    background-color: #10bf51;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.job-other__item-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 5px
}

.job-other__item-entry {
    display: flex;
    flex-wrap: wrap
}

.job-other__item-entry-item {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: 3px;
    margin: 0 6px 6px 0;
    padding: 3px 5px;
    background-color: #f4f4f4
}

    .job-other__item-entry-item i {
        margin-right: 3px;
        color: #adadad
    }

    .job-other__item-entry-item:first-child i {
        color: #ec2517
    }

.news-carousel {
    margin: 30px 0
}

@media screen and (min-width:768px) {
    .news-carousel {
        margin: 64px 0 58px
    }
}

.news-carousel .heading {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .news-carousel .heading {
        margin-bottom: 40px
    }
}

.news-carousel__slider .slick-list {
    margin: 0 30px
}

@media screen and (min-width:1366px) {
    .news-carousel__slider .slick-list {
        margin: 0 -16px
    }
}

.news-carousel__slider .slick-slide {
    padding: 0 10px
}

@media screen and (min-width:1366px) {
    .news-carousel__slider .slick-slide {
        padding: 0 16px
    }
}

.news-carousel__slider .slick-arrow {
    top: 28%;
    border: 1px solid #eee
}

@media screen and (min-width:1200px) {
    .news-carousel__slider .slick-arrow {
        width: 50px;
        height: 50px
    }
}

.news-carousel__slider .slick-arrow:hover {
    border-color: #1d5193
}

.news-carousel__slider .slick-prev {
    left: -80px
}

@media screen and (max-width:1365px) {
    .news-carousel__slider .slick-prev {
        left: -20px
    }
}

@media screen and (max-width:1199px) {
    .news-carousel__slider .slick-prev {
        left: -10px
    }
}

.news-carousel__slider .slick-next {
    right: -80px
}

@media screen and (max-width:1365px) {
    .news-carousel__slider .slick-next {
        right: -20px
    }
}

@media screen and (max-width:1199px) {
    .news-carousel__slider .slick-next {
        right: -10px
    }
}

.news-carousel__slider .btn-read-detail {
    display: inline-flex
}

.news-carousel__item-image {
    margin: 0 0 19px
}

    .news-carousel__item-image::before {
        padding-bottom: 66.4864864865%
    }

.news-carousel__item-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0 0 6px;
    line-height: 1.44
}

@media screen and (min-width:768px) {
    .news-carousel__item-title {
        margin-bottom: 12px
    }
}

.news-carousel__item-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 6px;
    line-height: 1.57
}

@media screen and (min-width:768px) {
    .news-carousel__item-text {
        margin-bottom: 15px
    }
}

.news-detail {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin: 0 0 30px;
    padding: 15px 12px;
    background-color: #fbfbfb
}

@media screen and (min-width:768px) {
    .news-detail {
        padding: 23px 30px 26px
    }
}

.news-detail__heading {
    margin: 0 0 19px;
    line-height: 1.36
}

.news-detail__date {
    border-bottom: 1px dashed #e3e3e3;
    margin-bottom: 17px;
    padding-bottom: 9px
}

.news-flex {
    margin: 30px 0
}

@media screen and (min-width:768px) {
    .news-flex {
        margin: 54px 0 67px
    }
}

.news-flex .heading {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .news-flex .heading {
        margin-bottom: 38px
    }
}

.news-flex [class*=col-] {
    margin-bottom: 12px
}

@media screen and (max-width:374px) {
    .news-flex [class*=col-] {
        width: 100%
    }
}

.news-flex__item {
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 10px rgba(228,228,228,.25);
    height: 100%
}

@media screen and (min-width:375px) {
    [class*=col-]:nth-child(even) .news-flex__item {
        flex-direction: column-reverse
    }
}

.news-flex__item-image {
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    width: 100%;
    background-color: #ededed
}

@media screen and (min-width:375px) {
    [class*=col-]:nth-child(even) .news-flex__item-image {
        border-radius: 0 0 15px 15px
    }
}

.news-flex__item-title {
    position: relative;
    z-index: 5;
    margin-bottom: 9px;
    line-height: 1.44
}

.news-flex__item-text {
    margin-bottom: 3px;
    line-height: 1.57
}

.news-flex__item-content {
    position: relative;
    z-index: 4;
    flex-grow: 1;
    transition: background-color .3s ease;
    border-radius: 0 0 15px 15px;
    padding: 18px 12px;
    background-color: #f9f9f9;
    text-align: center
}

@media screen and (min-width:768px) {
    .news-flex__item-content {
        padding: 20px 20px 12px
    }
}

.news-flex__item-content::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    transform-origin: center;
    width: 20px;
    height: 20px;
    background-color: inherit
}

@media screen and (min-width:375px) {
    [class*=col-]:nth-child(even) .news-flex__item-content {
        border-radius: 15px 15px 0 0
    }
}

@media screen and (min-width:768px) {
    [class*=col-]:nth-child(even) .news-flex__item-content {
        padding: 28px 20px 12px
    }
}

@media screen and (min-width:375px) {
    [class*=col-]:nth-child(even) .news-flex__item-content::before {
        top: auto;
        bottom: -10px
    }
}

.news-flex__item:hover .news-flex__item-content {
    background-color: #1d5193;
    color: #fff
}

    .news-flex__item:hover .news-flex__item-content .btn-read-detail {
        color: #fff
    }

        .news-flex__item:hover .news-flex__item-content .btn-read-detail:hover {
            color: #fff
        }

.news-grid {
    padding: 30px 0;
    background-color: #f3f8ff
}

@media screen and (min-width:768px) {
    .news-grid {
        padding: 58px 0 85px
    }
}

.news-grid [class*=col]:nth-child(1) {
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .news-grid [class*=col]:nth-child(1) {
        width: 49.5%;
        margin-bottom: 0
    }
}

@media screen and (min-width:768px) {
    .news-grid [class*=col]:nth-child(2) {
        width: 50.5%
    }
}

.news-grid__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .news-grid__head {
        margin-bottom: 31px
    }
}

.news-grid__head .btn-read-detail {
    flex-shrink: 0;
    margin-left: 15px;
    color: #1d5193
}

    .news-grid__head .btn-read-detail:hover {
        color: #2f5cc5
    }

.news-grid__item-large {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    height: 100%
}

    .news-grid__item-large::before {
        padding-bottom: 66.7857142857%
    }

    .news-grid__item-large::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        height: 115px;
        background: linear-gradient(to top,#000 6.09%,rgba(0,0,0,0) 94.78%)
    }

    .news-grid__item-large .title {
        position: absolute;
        top: auto;
        right: 20px;
        bottom: 19px;
        left: 20px;
        z-index: 5;
        display: block;
        width: auto;
        height: auto
    }

    .news-grid__item-large p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.4;
        color: #fff
    }

.news-grid__item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px dashed #b1b1b1;
    margin-bottom: 20px;
    padding-bottom: 17px
}

    .news-grid__item:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

.news-grid__item-image {
    overflow: hidden;
    border-radius: 10px;
    width: 150px
}

    .news-grid__item-image::before {
        padding-bottom: 66.6666666667%
    }

.news-grid__item-content {
    width: calc(100% - 150px);
    padding-left: 15px
}

@media screen and (min-width:768px) {
    .news-grid__item-content {
        padding-left: 21px
    }
}

.news-grid__item-content .btn-read-detail {
    display: inline-flex
}

.news-grid__item-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 10px;
    line-height: 1.6
}

.news-list-2 {
    padding: 30px 0;
    font-family: Roboto,sans-serif
}

@media screen and (min-width:768px) {
    .news-list-2 {
        padding-top: 75px;
        padding-bottom: 42px
    }
}

.news-list-2 [class*=col] {
    margin-bottom: 30px
}

@media screen and (max-width:575px) {
    .news-list-2 [class*=col] {
        margin-bottom: 20px
    }

        .news-list-2 [class*=col]:last-child {
            margin-bottom: 0
        }
}

.news-list-2 .container {
    max-width: 1224px
}

@media screen and (min-width:768px) {
    .news-list-2 .heading-new {
        margin-bottom: 58px
    }
}

.news-list-2__item {
    display: block
}

.news-list-2__item-image {
    margin-bottom: 12px
}

@media screen and (min-width:768px) {
    .news-list-2__item-image {
        margin-bottom: 26px
    }
}

.news-list-2__item-image::before {
    padding-bottom: 66.576819407%
}

.news-list-2__item-label {
    position: absolute;
    z-index: 5;
    top: 18px;
    right: 12px;
    left: auto;
    display: inline-block;
    border-radius: 3px;
    width: auto;
    height: 28px;
    padding: 6px 16px 4px;
    text-align: center
}

.news-list-2__item-title {
    transition: all .3s ease;
    color: #333
}

.news-list-2__item:hover .news-list-2__item-title {
    color: #e69c17
}

.news-list {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    padding: 16px 12px;
    background-color: #fbfbfb
}

@media screen and (min-width:768px) {
    .news-list {
        padding-right: 30px;
        padding-bottom: 30px;
        padding-left: 30px
    }
}

.news-list__heading {
    position: relative;
    margin: 0 0 15px
}

@media screen and (min-width:768px) {
    .news-list__heading {
        margin-bottom: 20px
    }
}

.news-list__heading::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: -13px;
    width: 6px;
    background-color: #f68500
}

@media screen and (min-width:768px) {
    .news-list__heading::before {
        left: -31px;
        width: 11px
    }
}

.news-list__wrapper {
    margin: 0 0 31px
}

.news-list__item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px dashed #e3e3e3;
    margin-bottom: 20px;
    padding-bottom: 20px
}

    .news-list__item:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

.news-list__item-image {
    border-radius: 3px;
    width: 40%
}

@media screen and (min-width:768px) {
    .news-list__item-image {
        width: 230px
    }
}

.news-list__item-image::before {
    padding-bottom: 66.5217391304%
}

.news-list__item-content {
    width: 60%;
    margin-top: -2px;
    padding-left: 15px
}

@media screen and (min-width:768px) {
    .news-list__item-content {
        width: calc(100% - 230px);
        padding-left: 33px
    }
}

.news-list__item-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 6px;
    line-height: 1.5
}

.news-list__item-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.57
}

.news-other {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    padding: 15px 12px 18px;
    background-color: #fbfbfb
}

@media screen and (min-width:768px) {
    .news-other {
        margin-bottom: 22px;
        padding: 24px 30px 27px
    }
}

.news-other__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

    .news-other__head .btn-read-detail {
        flex-shrink: 0;
        margin-left: 15px;
        color: #000
    }

        .news-other__head .btn-read-detail:hover {
            color: #f68500
        }

        .news-other__head .btn-read-detail svg {
            color: #f68500
        }

.news-other__item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px dashed #c4c4c4;
    margin-bottom: 19px;
    padding-bottom: 20px
}

[class*=col]:nth-last-child(-n+1) .news-other__item {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

@media screen and (min-width:576px) {
    [class*=col]:nth-last-child(-n+2) .news-other__item {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.news-other__item-image {
    width: 36.785%
}

    .news-other__item-image::before {
        padding-bottom: 66.6666666667%
    }

.news-other__item-content {
    width: 63.215%;
    margin-bottom: -5px;
    padding-left: 20px
}

    .news-other__item-content p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
        margin-top: -2px;
        line-height: 1.5
    }

.register-flex {
    margin: 30px 0
}

@media screen and (min-width:768px) {
    .register-flex {
        margin: 39px 0 69px
    }
}

.register-flex__inner {
    flex-wrap: wrap;
    display: flex;
    border: 1px solid rgba(220,224,230,.5);
    border-radius: 3px;
    background: #fff
}

.register-flex__sidebar {
    order: 1;
    width: 100%;
    padding: 30px 12px 320px;
    background: url(../images/common/bg-4.png) no-repeat center bottom 30px,#ebf3ff
}

@media screen and (min-width:768px) {
    .register-flex__sidebar {
        padding: 43px 50px 350px
    }
}

@media screen and (min-width:992px) {
    .register-flex__sidebar {
        order: 0;
        background-position: left 30% bottom 30px;
        width: 36%;
        padding-bottom: 487px
    }
}

@media screen and (min-width:1200px) {
    .register-flex__sidebar {
        padding-right: 62px;
        padding-left: 53px
    }
}

.register-flex__main {
    width: 100%;
    padding: 30px 12px
}

@media screen and (min-width:768px) {
    .register-flex__main {
        padding: 43px 50px
    }
}

@media screen and (min-width:992px) {
    .register-flex__main {
        width: 64%
    }
}

@media screen and (min-width:1200px) {
    .register-flex__main {
        padding-right: 75px;
        padding-left: 75px
    }
}

.register-flex__title {
    position: relative;
    margin-bottom: 23px;
    padding-bottom: 12px;
    line-height: 1.5
}

    .register-flex__title::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 80px;
        height: 3px;
        background-color: #f68500
    }

.register-flex__text {
    margin-bottom: 18px;
    line-height: 1.73
}

    .register-flex__text:not(:first-child) {
        margin-top: 27px
    }

.register-flex__list li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 27px
}

    .register-flex__list li:last-child {
        margin-bottom: 0
    }

    .register-flex__list li::before {
        content: "";
        position: absolute;
        top: 6px;
        left: -3px;
        width: 14px;
        height: 12px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E %3Cpath d='M12 2L5 10L2 7' stroke='%2310BF51' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E %3C/svg%3E") no-repeat center/contain
    }

.register-flex__form [class*=col] {
    margin-bottom: 16px
}

.register-flex__form .btn-submit {
    margin-top: 7px;
    min-width: 177px;
    padding-top: 14px;
    padding-bottom: 14px
}

.register-flex__form .form-label {
    margin-bottom: 11px
}

.register-flex__form .form-control {
    border-color: #e0e0e0;
    border-radius: 5px;
    height: 36px;
    padding: 0 13px;
    background-color: #fafafa
}

    .register-flex__form .form-control::-moz-placeholder {
        color: #888
    }

    .register-flex__form .form-control:-ms-input-placeholder {
        color: #888
    }

    .register-flex__form .form-control::placeholder {
        color: #888
    }

.register-flex__form [data-toggle=datepicker] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E %3Cpath d='M5 7.2H3.33333V8.8H5V7.2ZM8.33333 7.2H6.66667V8.8H8.33333V7.2ZM11.6667 7.2H10V8.8H11.6667V7.2ZM15 1.6H12.5V0H10.8333V1.6H4.16667V0H2.5V1.6H0V16H15V1.6ZM13.3333 14.4H1.66667V5.6H13.3333V14.4Z' fill='%23ADADAD'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 17px center
}

.register-flex__form .form-select {
    border-color: #e0e0e0;
    border-radius: 5px;
    height: 36px;
    padding: 0 13px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E %3Cpath d='M0 0L5.5 6L11 0H0Z' fill='%23ADADAD'/%3E %3C/svg%3E") no-repeat right 17px center,#fafafa;
    color: #888
}

.register-flex__form .form-checkbox {
    align-items: flex-start;
    display: flex;
    margin: 16px 0 0
}

    .register-flex__form .form-checkbox .form-label {
        flex-shrink: 0;
        min-width: 80px;
        padding-right: 10px
    }

@media screen and (min-width:768px) {
    .register-flex__form .form-checkbox .form-label {
        min-width: 101px
    }
}

.register-flex__form .form-checkbox__content {
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: center;
    display: flex;
    min-height: 36px;
    padding-top: 2px
}

    .register-flex__form .form-checkbox__content .form-check {
        margin: 0 38px 0 0
    }

        .register-flex__form .form-checkbox__content .form-check:last-child {
            margin: 0
        }

.register {
    margin: 30px 0
}

@media screen and (min-width:768px) {
    .register {
        margin: 39px 0 61px
    }
}

.register .container {
    max-width: 974px
}

.register__inner {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    padding: 25px 12px;
    background: #fbfbfb
}

@media screen and (min-width:768px) {
    .register__inner {
        padding: 39px 65px 70px
    }
}

.register__title {
    margin-bottom: 31px;
    text-align: center
}

    .register__title span {
        display: inline-block;
        margin-bottom: 23px;
        border-radius: 30px;
        padding: 3px 12px;
        background-color: #ededed
    }

    .register__title h2 {
        margin-bottom: 15px;
        text-transform: uppercase
    }

    .register__title p {
        margin: 0 auto;
        max-width: 673px;
        line-height: 1.36
    }

.register-form [class*=col] {
    margin-bottom: 13px
}

.register-form hr {
    opacity: 1;
    margin: 21px auto;
    border-bottom: 1px dashed #b0b0b0;
    width: 100%;
    max-width: 611px;
    height: 0;
    background-color: transparent
}

.register-form .btn-submit {
    margin-top: 14px
}

.register-form .form-label {
    margin-bottom: 3px
}

.register-form .form-control {
    border-color: #e1e1e1;
    padding: 0 13px;
    background-color: #f5f5f5
}

    .register-form .form-control::-moz-placeholder {
        color: #888
    }

    .register-form .form-control:-ms-input-placeholder {
        color: #888
    }

    .register-form .form-control::placeholder {
        color: #888
    }

.register-form [data-toggle=datepicker] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E %3Cpath d='M5 7.2H3.33333V8.8H5V7.2ZM8.33333 7.2H6.66667V8.8H8.33333V7.2ZM11.6667 7.2H10V8.8H11.6667V7.2ZM15 1.6H12.5V0H10.8333V1.6H4.16667V0H2.5V1.6H0V16H15V1.6ZM13.3333 14.4H1.66667V5.6H13.3333V14.4Z' fill='%23ADADAD'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 17px center
}

.register-form .form-select {
    border-color: #e1e1e1;
    padding: 0 13px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E %3Cpath d='M0 0L5.5 6L11 0H0Z' fill='%23ADADAD'/%3E %3C/svg%3E") no-repeat right 17px center,#f5f5f5;
    color: #888
}

.register-form .form-checkbox {
    align-items: flex-start;
    display: flex;
    margin: 16px 0 0
}

    .register-form .form-checkbox .form-label {
        flex-shrink: 0;
        min-width: 80px;
        padding-right: 10px
    }

@media screen and (min-width:768px) {
    .register-form .form-checkbox .form-label {
        min-width: 101px
    }
}

.register-form .form-checkbox__content {
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: flex-start;
    display: flex
}

    .register-form .form-checkbox__content .form-check {
        margin: 0 38px 0 0
    }

        .register-form .form-checkbox__content .form-check:last-child {
            margin: 0
        }

.sidebar-banner {
    max-width: 600px;
    margin: 0 auto 20px;
    text-align: center
}

    .sidebar-banner a {
        display: block;
        transition: opacity .3s ease
    }

        .sidebar-banner a:hover {
            opacity: .7
        }

    .sidebar-banner img {
        width: 100%
    }

.sidebar-benefits {
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(148,148,148,.25);
    border-radius: 3px;
    background: #fff
}

.sidebar-benefits__heading {
    align-items: center;
    display: flex;
    padding: 15px 19px
}

@media screen and (min-width:768px) {
    .sidebar-benefits__heading {
        padding: 23px 30px 18px
    }
}

.sidebar-benefits__heading svg {
    flex-shrink: 0;
    margin-right: 15px
}

.sidebar-benefits__content {
    padding-bottom: 19px
}

.sidebar-benefits__item {
    align-items: center;
    display: flex;
    border-top: 1px solid #ebebeb;
    padding: 10px 19px
}

@media screen and (min-width:768px) {
    .sidebar-benefits__item {
        padding: 10px 30px
    }
}

.sidebar-benefits__item-icon {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 19px;
    border: 1px solid #e69c17;
    border-radius: 50%;
    width: 63px;
    height: 63px;
    color: #0e5b63
}

.sidebar-buttons .btn {
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 11px
}

    .sidebar-buttons .btn svg {
        margin-right: 10px
    }

.sidebar-cates {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 17px 12px 15px;
    background: #fbfbfb
}

@media screen and (min-width:768px) {
    .sidebar-cates {
        padding-right: 20px;
        padding-left: 20px
    }
}

.sidebar-cates .btn-read-detail {
    display: inline-flex;
    color: #000
}

    .sidebar-cates .btn-read-detail[aria-expanded=true] {
        display: none
    }

    .sidebar-cates .btn-read-detail:hover {
        color: #f68500
    }

    .sidebar-cates .btn-read-detail svg {
        color: #f68500
    }

.sidebar-cates__heading {
    position: relative;
    margin-bottom: 12px;
    padding-left: 30px
}

    .sidebar-cates__heading::before {
        content: "";
        position: absolute;
        top: 3px;
        left: 0;
        width: 18px;
        height: 15px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='15' viewBox='0 0 18 15' fill='none'%3E %3Cpath d='M0 13.1597C0 11.1717 0 9.18368 0 7.17407C0.0216086 7.17407 0.0432175 7.17407 0.0432175 7.19568C2.83073 8.12485 5.59664 9.05402 8.38415 9.9832C8.79472 10.1128 9.18367 10.1345 9.59424 9.9832C12.2089 9.11885 14.8019 8.2545 17.4166 7.36855C17.611 7.30372 17.8055 7.2389 18 7.17407C18 7.21729 18 7.2389 18 7.2389C18 9.14046 18 11.042 18 12.9436C18 13.2029 17.9352 13.4838 17.8271 13.7215C17.4382 14.5426 16.7683 14.9316 15.8391 14.9316C11.3013 14.9316 6.7635 14.9316 2.22569 14.9316C2.13926 14.9316 2.07443 14.9316 1.988 14.9316C1.10204 14.91 0.32413 14.2833 0.0864349 13.4406C0.0648263 13.3758 0.0432173 13.2677 0 13.1597Z' fill='%23F78500'/%3E %3Cpath d='M0 6.0072C0 5.35894 0 4.68907 0 4.04082C0 4.01921 0.0216091 3.9976 0.0216091 3.97599C0.151261 3.06843 0.993998 2.20408 2.20408 2.22569C3.39256 2.2473 4.60264 2.22569 5.79112 2.22569C5.85594 2.22569 5.92077 2.22569 6.0072 2.22569C6.0072 2.13925 6.0072 2.07443 6.0072 2.0096C6.0072 1.7503 5.98559 1.46939 6.02881 1.21008C6.15846 0.47539 6.7635 0 7.51981 0C8.4922 0 9.48619 0 10.4586 0C10.5666 0 10.6747 -3.30044e-07 10.7827 0.0216083C11.4958 0.172869 11.9712 0.734693 11.9928 1.46939C11.9928 1.72869 11.9928 1.988 11.9928 2.2473C12.0792 2.2473 12.1657 2.2473 12.2305 2.2473C13.4622 2.2473 14.6939 2.2473 15.9256 2.2473C17.114 2.2473 18 3.15486 18 4.32173C18 4.84034 18 5.33733 18 5.85594C18 5.96398 17.9784 6.02881 17.8487 6.07203C14.9748 7.02281 12.1008 7.97359 9.2485 8.94598C9.07563 9.0108 8.90276 8.98919 8.72989 8.94598C7.10924 8.40576 5.5102 7.86555 3.88956 7.32533C2.61465 6.87155 1.29652 6.43937 0 6.0072ZM7.51981 2.22569C8.53541 2.22569 9.5078 2.22569 10.5018 2.22569C10.5018 1.96639 10.5018 1.72869 10.5018 1.491C9.5078 1.491 8.51381 1.491 7.51981 1.491C7.51981 1.7503 7.51981 1.96639 7.51981 2.22569Z' fill='%23F78500'/%3E %3C/svg%3E") no-repeat center/contain
    }

.sidebar-cates__item {
    margin-bottom: 12px
}

.sidebar-create-cv {
    display: block;
    overflow: hidden;
    transition: opacity .3s ease;
    border-radius: 5px;
    margin-bottom: 21px
}

    .sidebar-create-cv::before {
        padding-bottom: 64.6666666667%
    }

    .sidebar-create-cv:hover {
        opacity: .7
    }

    .sidebar-create-cv p {
        position: absolute;
        top: 12px;
        right: 12px;
        bottom: 12px;
        left: 12px;
        z-index: 5;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto;
        text-transform: uppercase;
        color: #fff
    }

.sidebar-recruiter {
    margin-bottom: 30px
}

.sidebar-recruiter__heading {
    border-radius: 5px 5px 0 0;
    padding: 11px 16px 16px;
    background: #e69c17;
    text-align: center;
    color: #fff
}

.sidebar-recruiter__content {
    border: 2px solid #e69c17;
    border-radius: 0 0 3px 3px;
    padding: 30px 38px 36px;
    background: #fff
}

    .sidebar-recruiter__content a {
        justify-content: center;
        align-items: center;
        display: flex;
        margin-bottom: 29px;
        border: 1px solid #e2e2e2;
        border-radius: 5px;
        height: 155px;
        padding: 15px
    }

        .sidebar-recruiter__content a:last-child {
            margin-bottom: 0
        }

.sidebar-search {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 12px 12px 15px;
    background-color: #fbfbfb
}

@media screen and (min-width:768px) {
    .sidebar-search {
        padding: 20px 20px 33px
    }
}

.sidebar-search__heading {
    margin: 0 0 9px
}

.sidebar-search__item {
    margin: 0 0 10px
}

.sidebar-search__submit {
    border-radius: 3px;
    width: 100%;
    height: 40px;
    margin-top: 15px
}

    .sidebar-search__submit svg {
        margin-right: 9px
    }

.sidebar-tool {
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    margin: 0 0 19px;
    padding: 15px 12px;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .sidebar-tool {
        padding: 14px 20px 20px
    }
}

.sidebar-tool--bd {
    border-color: #1d5193
}

.sidebar-tool__heading {
    position: relative;
    margin: 0 0 17px;
    padding-left: 22px
}

@media screen and (min-width:768px) {
    .sidebar-tool__heading {
        padding-left: 30px
    }
}

.sidebar-tool__heading::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 13px;
    height: 19px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='19' viewBox='0 0 13 19' fill='none'%3E %3Cpath d='M10.8333 0H2.16667C1.59203 0 1.04093 0.230975 0.634602 0.642112C0.228273 1.05325 0 1.61087 0 2.19231V19L6.5 13.1538L13 19V2.19231C13 1.61087 12.7717 1.05325 12.3654 0.642112C11.9591 0.230975 11.408 0 10.8333 0Z' fill='%23F78500'/%3E %3C/svg%3E") no-repeat center/contain
}

.sidebar-tool__link {
    display: block;
    transition: opacity .3s ease;
    margin: 0 auto 19px;
    max-width: 600px
}

    .sidebar-tool__link:last-child {
        margin-bottom: 0
    }

    .sidebar-tool__link:hover {
        opacity: .7
    }

    .sidebar-tool__link img {
        width: 100%;
        min-height: 120px
    }

.sidebar-tool--bd .sidebar-tool__link {
    margin-bottom: 10px
}

    .sidebar-tool--bd .sidebar-tool__link:last-child {
        margin-bottom: 0
    }

.sidebar-user {
    margin-bottom: 22px;
    box-shadow: 0 5px 20px rgba(212,212,212,.4);
    border: 1px solid #1d5193;
    border-radius: 3px;
    padding: 18px 12px;
    background: url(../images/common/bg-5.png) no-repeat center/cover,#f2f8ff
}

@media screen and (min-width:768px) {
    .sidebar-user {
        padding: 20px 17px 28px
    }
}

.sidebar-user__head {
    align-items: center;
    display: flex;
    margin-bottom: 18px;
    border-bottom: 1px dashed #cbcbcb;
    padding-bottom: 19px
}

.sidebar-user__image {
    overflow: hidden;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-color: #1d5193;
    color: #fff
}

    .sidebar-user__image .image {
        justify-content: center;
        align-items: center;
        display: flex
    }

.sidebar-user__content {
    width: calc(100% - 70px);
    padding-left: 24px
}

    .sidebar-user__content p:not(:last-child) {
        margin-bottom: 4px
    }

.sidebar-user__main .btn {
    border-radius: 5px;
    padding: 11px;
    text-align: center
}

    .sidebar-user__main .btn:not(:last-child) {
        margin-bottom: 13px
    }

.skills-group {
    margin: 30px 0
}

@media screen and (min-width:768px) {
    .skills-group {
        margin: 71px 0 77px
    }
}

.skills-group__head {
    margin: 0 0 25px;
    text-align: center
}

@media screen and (min-width:768px) {
    .skills-group__head {
        margin-bottom: 46px
    }
}

.skills-group__title {
    margin: 0 0 7px
}

.skills-group__list {
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

@media screen and (min-width:768px) {
    .skills-group__list {
        margin: 0 15px
    }
}

.skills-group__item {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    text-align: center
}

    .skills-group__item::after {
        position: absolute;
        top: 36px;
        right: -50px;
        width: 100px;
        height: 30px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAeCAMAAADXeTb3AAABlVBMVEUAAAAAAP8AgIAAVaoAQIAzZpkrVYAkSZIgYJ8aTZkXRosVVZUUTokkSZIgUI8eS5YcVY4bUZQaTZkXUZchTpAgVZUfUo8bUpIaT5UaVZEhUpQgUI8eU5YdUJIcTpUcU5EbUZQaTpAeT5IdUZEcT5McU5YbUZIbUJUfU5IfUpQeUJEdUpUcUJIcT5QbUpIeUpMeUZUdUpQcUJMeUJQeUZQdUJIcUJMcU5QfUpIeUZQeT5IdUZQcUpQcUJMeUpIdUpMdUZQcUZIcUJMeUZQdUJIdUZMdUZIcUJMcUpQcUZIeUJQeUpIdUpMdUZQcUpMeUpQcUZIeUZQeUZMeUJQdUpMcUZQeUpMeUZIdUZMdUpMcUZIeUpMeUZQdUJQdUZIdUZMdUZIdUZQcUpMdUZQdUpQdUZMdUZMdUJMdUZMdUZMeUpMdUZMdUZMcUZMdUZMdUZIdUZMdUZMdUZMdUZIdUZIdUZQcUJMdUZIdUZMdUZMeUZQdUZMdUpMdUZQcUZMdUJMdUZMdUZMdUZMdUZIdUZMdUZP///9XwgDWAAAAhXRSTlMAAQIDBAUGBwgKCwwNDhAREhMUFhcYGRwdHh8gIiMkJSYnKiwtLi8wMTIzNTY3ODs8PkBDRUZJSktMTU9RU1RXWFtcX2BhYmNkZWZnamttcHV3eHl9foCBhIaIiYqMjY6UmJmdn6ChpaeqrK2us7a3usHCw8rMztHT1dja29/g4ePl5+v395tuLgAAAAFiS0dEhozeO10AAAGASURBVBgZ1cEJUxJhAIDhd/nYLRYWEStTMM/KpNK886QEU7ByMZbuw6jUDjwqzzQr/3fN6DTD5MGxx/Q8/I9kH+2ZLvSNKG/3orzf6yP7+SKJewFkLFcx0E381wN60m1UN2rsk6i+qpF4eY7Nb0GGGiUs4p+a5kYujqpwJBGWxPyqS023YzYx8oyq1yMUqPLpK+rv12Eaf1yT3k0JitMwm+byFUwgayws1FCa6OYYXso0+OMu5RCsLFVRus4U5xsok3xT8j2qoRQuKr7cwRSB53MIita/dh0zPfzURFECjPZiKmWynhAFC+Y+YgHvzhsKoynumIwVPJ2ENU7W870f60zvtnICN5EOrBTxSLUcZ3jLh9Vafk5wjMw1rBfuQOZwLU+wibwe4zCnNm5hl+YXEv9wX0DBTjPN5PMtZrHX7W0vecSEwGYqZ138dSmFE7IfPBxQd4ZxgpI6DSQTIPDjlPEwhkFoWcIxyW3VMOAMDqrFMHDSuK7rXw2cpD/+o+03tWo07gbVqjIAAAAASUVORK5CYII=');
        background-repeat: no-repeat;
        background-size: contain
    }

@media screen and (min-width:768px) {
    .skills-group__item::after {
        content: ""
    }
}

@media screen and (min-width:992px) {
    .skills-group__item::after {
        width: 130px;
        right: -61px
    }
}

.skills-group__item:nth-child(2)::after {
    top: 63px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAeCAMAAADXeTb3AAABlVBMVEUAAAAAAP8AgIAAVaoAQIAzZpkrVYAkSZIgYJ8aTZkXRosVVZUUTokkSZIgUI8eS5YcVY4bUZQaTZkXUZchTpAgVZUfUo8bUpIaT5UaVZEhUpQgUI8eU5YdUJIcTpUcU5EbUZQaTpAeT5IdUZEcT5McU5YbUZIbUJUfU5IfUpQeUJEdUpUcUJIcT5QbUpIeUpMeUZUdUpQcUJMeUJQeUZQdUJIcUJMcU5QfUpIeUZQeT5IdUZQcUpQcUJMeUpIdUpMdUZQcUZIcUJMeUZQdUJIdUZMdUZIcUJMcUpQcUZIeUJQeUpIdUpMdUZQcUpMeUpQcUZIeUZQeUZMeUJQdUpMcUZQeUpMeUZIdUZMdUpMcUZIeUpMeUZQdUJQdUZIdUZMdUZIdUZQcUpMdUZQdUpQdUZMdUZMdUJMdUZMdUZMeUpMdUZMdUZMcUZMdUZMdUZIdUZMdUZMdUZMdUZIdUZIdUZQcUJMdUZIdUZMdUZMeUZQdUZMdUpMdUZQcUZMdUJMdUZMdUZMdUZMdUZIdUZMdUZP///9XwgDWAAAAhXRSTlMAAQIDBAUGBwgKCwwNDhAREhMUFhcYGRwdHh8gIiMkJSYnKiwtLi8wMTIzNTY3ODs8PkBDRUZJSktMTU9RU1RXWFtcX2BhYmNkZWZnamttcHV3eHl9foCBhIaIiYqMjY6UmJmdn6ChpaeqrK2us7a3usHCw8rMztHT1dja29/g4ePl5+v395tuLgAAAAFiS0dEhozeO10AAAGBSURBVBgZ1cH3WxJxAMDhz/HlTjk4JKxcpCKutNJUyoZGKg6yBIyzXSq5R2lTU1v83/o8/mA+iTJuPL4vdkq+ONCGnYYTicQXHS5io2p0nZoNCds82lV1HQRe7DIcQNcBda8POyjJUiAW40BzEjukV1wcEaMCi6lccvAPz4c01hrYdXOcsxYFK02G+E/J1kOsEnorcZLGl1hE/j5ENlPXMV+gE5ms+n54MFvjn1FO46S9EzO1u6RqzhD+2Yt54r9aOZumOIdkzODqIqCRE//6KiZw770ndz4e3MJQylgdNeSl99sNjPRsrYF8OSj7PIIhfG8WEBSkK0llPUWS70ie51UU7t7vxxRDsPmxnOLIGktLVRQmsj2IGwN4o5o0Py7IT/1MiparGEb0v6Z8tp8cXXg1Td3EFYzmHY9zcz2KqpCVCEhi8atDTXVglrK7PUT/PiWcaqMiqHFIouKaRuzdZbZ3/NwPSphN9tAx1U1iK8JcJsJy5jbpT03EnviQOaf2ATCHNO652LghAAAAAElFTkSuQmCC')
}

.skills-group__item:last-child {
    margin-bottom: 0
}

    .skills-group__item:last-child::after {
        content: none
    }

@media screen and (min-width:768px) {
    .skills-group__item {
        margin-bottom: 0;
        width: 33.3333333333%;
        padding: 0 28px
    }
}

.skills-group__item-icon {
    position: relative;
    z-index: 5;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 auto 20px;
    border-radius: 50%;
    width: 121px;
    height: 121px;
    color: #fff
}

@media screen and (min-width:768px) {
    .skills-group__item-icon {
        margin-bottom: 37px
    }
}

.skills-group__item:nth-child(1) .skills-group__item-icon {
    background-color: #10bf51
}

.skills-group__item:nth-child(2) .skills-group__item-icon {
    background-color: #1d5193
}

.skills-group__item:nth-child(3) .skills-group__item-icon {
    background-color: #f68500
}

.skills-group__item-title {
    margin: 0 0 8px
}

.skills-group__item-text {
    line-height: 1.71
}

.sponsor {
    position: relative;
    padding: 30px 0;
    font-family: Roboto,sans-serif
}

    .sponsor .container {
        max-width: 1216px
    }

    .sponsor .row > div {
        flex-shrink: 0;
        margin-top: 30px;
        width: 100%;
        max-width: 100%;
        padding-right: 8px;
        padding-left: 8px
    }

@media screen and (min-width:576px) {
    .sponsor .row > div {
        flex: 0 0 auto;
        width: 50%
    }
}

@media screen and (min-width:992px) {
    .sponsor .row > div {
        padding-right: 36px;
        padding-left: 36px
    }
}

.sponsor .row > div:nth-child(1) {
    margin-top: 0
}

@media screen and (min-width:576px) {
    .sponsor .row > div:nth-child(2) {
        margin-top: 0
    }
}

@media screen and (min-width:768px) {
    .sponsor .row > div {
        margin-top: 103px
    }
}

.sponsor .row a {
    display: block;
    text-align: center
}

    .sponsor .row a:hover {
        color: #000
    }

.sponsor .row p {
    margin-bottom: 17px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 700
}

@media screen and (min-width:768px) {
    .sponsor .row p {
        font-size: 16px
    }
}

.sponsor .row button {
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all .3s ease;
    margin: 0 auto;
    border: none;
    border-radius: 30px;
    height: 45px;
    padding: 12px 30px;
    background-color: #ececec;
    color: #4c4c4c
}

    .sponsor .row button span {
        font-size: 14px;
        line-height: 1.65;
        font-weight: 700
    }

@media screen and (min-width:768px) {
    .sponsor .row button span {
        font-size: 16px
    }
}

.sponsor .row button svg {
    flex-shrink: 0;
    transition: all .3s ease;
    margin-left: 10px;
    color: #a7a3a0
}

.sponsor .row button:hover {
    background-color: #e69c17;
    color: #fff
}

    .sponsor .row button:hover svg {
        color: #fff
    }

.sponsor--diamond {
    background-color: #fafafa;
    padding-top: 90px
}

@media screen and (min-width:768px) {
    .sponsor--diamond {
        padding-top: 179px;
        padding-bottom: 79px
    }
}

.sponsor--diamond .row a > div {
    position: relative;
    margin-bottom: 20px;
    width: 100%
}

@media screen and (min-width:768px) {
    .sponsor--diamond .row a > div {
        margin-bottom: 38px
    }
}

.sponsor--diamond .row a > div::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 48.0357142857%
}

.sponsor--diamond .row a > div figure {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.sponsor--diamond .row a > div img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width:768px) {
    .sponsor--gold {
        padding-top: 71px;
        padding-bottom: 95px
    }
}

.sponsor--gold::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 600px);
    width: 1200px;
    height: 1px;
    background: linear-gradient(to right,#cecECE00,#c7c7c7,#cecECE00)
}

.sponsor--gold a {
    margin: 0 auto;
    max-width: 462px
}

@media screen and (min-width:768px) {
    .sponsor--gold .row > div {
        margin-top: 90px
    }
}

.sponsor--gold .row a > div {
    position: relative;
    margin-bottom: 20px;
    width: 100%
}

@media screen and (min-width:768px) {
    .sponsor--gold .row a > div {
        margin-bottom: 42px
    }
}

.sponsor--gold .row a > div::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 48.0357142857%
}

.sponsor--gold .row a > div figure {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.sponsor--gold .row a > div img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width:768px) {
    .sponsor--silver {
        padding-top: 82px;
        padding-bottom: 88px
    }
}

.sponsor--silver .container {
    max-width: 1202px
}

@media screen and (min-width:576px) {
    .sponsor--silver .row > div {
        width: 33.33333333%
    }
}

@media screen and (min-width:992px) {
    .sponsor--silver .row > div {
        padding-right: 38px;
        padding-left: 38px
    }
}

@media screen and (min-width:576px) {
    .sponsor--silver .row > div:nth-child(3) {
        margin-top: 0
    }
}

.sponsor--silver .row a > div {
    position: relative;
    margin-bottom: 20px;
    width: 100%
}

@media screen and (min-width:768px) {
    .sponsor--silver .row a > div {
        margin-bottom: 28px
    }
}

.sponsor--silver .row a > div::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 48.0357142857%
}

.sponsor--silver .row a > div figure {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.sponsor--silver .row a > div img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.sponsor--bronze {
    background-color: #fafafa
}

@media screen and (min-width:768px) {
    .sponsor--bronze {
        padding-top: 86px;
        padding-bottom: 88px
    }
}

.sponsor--bronze .container {
    max-width: 1222px
}

@media screen and (min-width:576px) {
    .sponsor--bronze .row > div {
        width: 33.33333333%
    }
}

@media screen and (min-width:992px) {
    .sponsor--bronze .row > div {
        padding-right: 22px;
        padding-left: 22px
    }
}

@media screen and (min-width:576px) {
    .sponsor--bronze .row > div:nth-child(3) {
        margin-top: 0
    }
}

.sponsor--bronze .row p {
    text-transform: none
}

.sponsor--bronze .row a > div {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    border: 2px solid #ebdcd8;
    border-radius: 20px;
    height: 160px;
    padding: 50px;
    background: #f8f1ef
}

@media screen and (min-width:576px) {
    .sponsor--bronze .row a > div {
        height: 208px
    }
}

.sponsor--bronze .row a > div::before {
    content: none
}

.sponsor__heading {
    flex-direction: column;
    align-items: center;
    display: flex;
    margin-bottom: 30px;
    text-align: center;
    font-family: Roboto,sans-serif
}

@media screen and (min-width:768px) {
    .sponsor__heading {
        margin-bottom: 80px
    }
}

.sponsor__heading svg + span {
    display: block;
    margin-top: 30px
}

@media screen and (min-width:768px) {
    .sponsor--gold .sponsor__heading {
        margin-bottom: 54px
    }
}

@media screen and (min-width:768px) {
    .sponsor--silver .sponsor__heading {
        margin-bottom: 68px
    }
}

@media screen and (min-width:768px) {
    .sponsor--bronze .sponsor__heading {
        margin-bottom: 60px
    }
}

.user-update {
    margin: 50px 0
}

@media screen and (min-width:768px) {
    .user-update {
        margin: 79px 0 118px
    }
}

.user-update .container {
    max-width: 974px
}

.user-update__inner {
    padding: 30px 12px;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .user-update__inner {
        padding: 37px 65px 41px
    }
}

.user-update__title {
    margin: 0 0 35px;
    text-align: center
}

.user-update__form [class*=col] {
    margin-bottom: 15px
}

.user-update__form .btn-submit {
    margin-top: 5px
}

.user-update__form .form-label {
    margin-bottom: 5px
}

.user-update__form .form-control {
    border-color: #e1e1e1;
    padding: 0 13px;
    background-color: #f5f5f5
}

    .user-update__form .form-control::-moz-placeholder {
        color: #888
    }

    .user-update__form .form-control:-ms-input-placeholder {
        color: #888
    }

    .user-update__form .form-control::placeholder {
        color: #888
    }

.user-update__form .form-select {
    border-color: #e1e1e1;
    padding: 0 13px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E %3Cpath d='M0 0L5.5 6L11 0H0Z' fill='%23ADADAD'/%3E %3C/svg%3E") no-repeat right 17px center,#f5f5f5;
    color: #888
}

.user-update__form .form-checkbox {
    align-items: flex-start;
    display: flex;
    margin: 4px 0
}

    .user-update__form .form-checkbox .form-label {
        flex-shrink: 0;
        min-width: 80px;
        padding-right: 10px
    }

@media screen and (min-width:768px) {
    .user-update__form .form-checkbox .form-label {
        min-width: 87px
    }
}

.user-update__form .form-check-input {
    border-radius: 3px !important
}

.user-update__form .form-checkbox--vertical {
    flex-direction: column
}

    .user-update__form .form-checkbox--vertical .form-check {
        margin: 0 0 9px
    }

    .user-update__form .form-checkbox--vertical .form-check-input {
        margin-left: -36px !important;
        background-color: #fff
    }

    .user-update__form .form-checkbox--vertical .form-check--large {
        padding-left: 36px
    }

.user-update__form .form-checkbox__content {
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: flex-start;
    display: flex
}

@media screen and (min-width:768px) {
    .user-update__form .form-checkbox__content {
        padding-bottom: 21px
    }
}

.user-update__form .form-checkbox__content .form-check {
    margin: 0 38px 10px 0
}

    .user-update__form .form-checkbox__content .form-check:last-child {
        margin: 0
    }

.a-chart {
    display: grid;
    grid-template-rows: auto auto auto;
    margin-bottom: 35px;
    -moz-column-gap: 22px;
    column-gap: 22px;
    row-gap: 22px
}

@media screen and (min-width:768px) {
    .a-chart {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 43px
    }
}

@media screen and (min-width:992px) {
    .a-chart {
        -moz-column-gap: 37px;
        column-gap: 37px;
        row-gap: 40px
    }
}

@media screen and (min-width:1700px) {
    .a-chart {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: auto 490px;
        margin-bottom: 46px;
        -moz-column-gap: 41px;
        column-gap: 41px;
        row-gap: 39px
    }
}

.a-chart-group {
    grid-row: 3;
    overflow: hidden;
    border-radius: 5px 5px 10px 10px;
    background: #f9fbff
}

@media screen and (min-width:768px) {
    .a-chart-group {
        grid-row: 2;
        grid-column: span 2
    }
}

@media screen and (min-width:1700px) {
    .a-chart-group {
        grid-row: span 2;
        grid-column: 1
    }
}

.a-chart-group__heading {
    padding: 8px 12px;
    background-color: #e2eafb
}

@media screen and (min-width:768px) {
    .a-chart-group__heading {
        padding-left: 11.3%
    }
}

@media screen and (min-width:1700px) {
    .a-chart-group__heading {
        padding-left: 12px;
        text-align: center
    }
}

.a-chart-group__content {
    padding: 13px 12px
}

@media screen and (min-width:768px) {
    .a-chart-group__content {
        padding: 13px 20px
    }
}

.a-chart-flex {
    position: relative;
    border-bottom: 1px solid #4a7fd7;
    border-left: 1px solid #4a7fd7;
    height: 410px;
    margin-top: 25px;
    margin-bottom: 39px;
    margin-left: 80px
}

@media screen and (min-width:375px) {
    .a-chart-flex {
        margin-left: 100px
    }
}

@media screen and (min-width:576px) {
    .a-chart-flex {
        margin-right: 10px;
        margin-left: 238px
    }
}

@media screen and (min-width:992px) {
    .a-chart-flex {
        margin-right: 55px
    }
}

@media screen and (min-width:1700px) {
    .a-chart-flex {
        margin-top: 23px;
        margin-right: 47px;
        margin-left: 246px
    }
}

@media screen and (max-width:575px) {
    .a-chart-flex .fz-13 {
        font-size: 10px
    }
}

.a-chart-flex::before {
    content: attr(data-y-label);
    position: absolute;
    top: -25px;
    left: -80px;
    color: #4a7fd7
}

@media screen and (min-width:375px) {
    .a-chart-flex::before {
        left: -100px
    }
}

@media screen and (min-width:576px) {
    .a-chart-flex::before {
        left: -238px
    }
}

@media screen and (min-width:1700px) {
    .a-chart-flex::before {
        left: -246px
    }
}

.a-chart-flex::after {
    content: attr(data-x-label);
    position: absolute;
    right: -6px;
    bottom: 11px;
    color: #4a7fd7;
    transform: rotate(180deg);
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl
}

.a-chart-flex__y {
    position: absolute;
    top: 0;
    right: 35px;
    bottom: 15px;
    left: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

    .a-chart-flex__y span {
        position: relative;
        height: 5px;
        background-color: #1b6cd3
    }

        .a-chart-flex__y span::before {
            content: attr(data-label);
            position: absolute;
            top: 50%;
            right: 100%;
            transform: translateY(-50%);
            width: 80px;
            padding-right: 10px;
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical
        }

@media screen and (min-width:375px) {
    .a-chart-flex__y span::before {
        width: 100px
    }
}

@media screen and (min-width:576px) {
    .a-chart-flex__y span::before {
        width: 238px
    }
}

@media screen and (min-width:1700px) {
    .a-chart-flex__y span::before {
        width: 246px
    }
}

.a-chart-flex__x {
    position: absolute;
    top: 100%;
    right: 3px;
    left: -5%;
    display: flex
}

    .a-chart-flex__x span {
        position: relative;
        flex: 1;
        padding: 10px 0;
        text-align: center
    }

        .a-chart-flex__x span:not(:first-child)::before {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            width: .75px;
            height: 410px;
            background-color: #ececec
        }

.a-chart-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    border-radius: 10px;
    padding: 17px 12px;
    background: #f9f9f9
}

@media screen and (max-width:1699px) {
    .a-chart-item {
        grid-row: 1;
        grid-column: 2
    }

        .a-chart-item:last-child {
            grid-column: 1
        }
}

@media screen and (max-width:767px) {
    .a-chart-item {
        grid-row: 2;
        grid-column: 1
    }

        .a-chart-item:last-child {
            grid-row: 1
        }
}

@media screen and (min-width:768px) {
    .a-chart-item {
        padding: 22px 22px 17px
    }
}

@media screen and (min-width:1700px) {
    .a-chart-item {
        padding: 32px 24px 17px
    }
}

.a-chart-item::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 12px;
    border-radius: 30px;
    width: 42px;
    height: 5px;
    background: #ff822c
}

@media screen and (min-width:768px) {
    .a-chart-item::before {
        left: 24px
    }
}

@media screen and (min-width:1700px) {
    .a-chart-item::before {
        top: 32px
    }
}

.a-chart-item::after {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 0;
    border-radius: 0 10px 10px 0;
    width: 120px;
    height: 13px;
    background: rgba(119,170,255,.1)
}

@media screen and (min-width:992px) {
    .a-chart-item::after {
        width: 140px
    }
}

@media screen and (min-width:1700px) {
    .a-chart-item::after {
        bottom: 15px
    }
}

.a-chart-item__head {
    width: 50%;
    padding-top: 19px;
    padding-right: 15px
}

@media screen and (min-width:992px) {
    .a-chart-item__head {
        width: 44%
    }
}

@media screen and (min-width:1700px) {
    .a-chart-item__head {
        width: 168px
    }
}

.a-chart-item__head p:not(:last-child) {
    margin-bottom: 13px
}

@media screen and (min-width:1700px) {
    .a-chart-item__head p:not(:last-child) {
        margin-bottom: 4px
    }
}

@media screen and (min-width:1366px) {
    .a-chart-item__head .fz-48 {
        font-size: 40px
    }
}

@media screen and (min-width:1700px) {
    .a-chart-item__head .fz-48 {
        font-size: 48px
    }
}

.a-chart-item__content {
    width: 50%
}

@media screen and (min-width:992px) {
    .a-chart-item__content {
        width: 56%
    }
}

@media screen and (min-width:1700px) {
    .a-chart-item__content {
        width: calc(100% - 168px)
    }
}

.a-chart-item__icon {
    width: 133px;
    margin: 0 auto 23px
}

@media screen and (min-width:1700px) {
    .a-chart-item__icon {
        margin-bottom: 20px
    }
}

.a-chart-item__icon svg {
    width: 100%;
    height: auto
}

.a-chart-item__note {
    position: relative;
    margin: 0 0 10px 8%;
    padding-left: 24px
}

@media screen and (min-width:1700px) {
    .a-chart-item__note {
        margin: 0 0 8px 12%
    }
}

.a-chart-item__note::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: var(--color)
}

.chart-circle {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    width: 100%;
    max-width: 133px;
    background-color: var(--b)
}

    .chart-circle::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        background: conic-gradient(var(--c) calc(var(--p) * 1%),#0000 0);
        inset: 0
    }

    .chart-circle span {
        position: absolute;
        z-index: 3;
        width: auto;
        height: auto
    }

@media screen and (min-width:576px) {
    .a-modal .modal-dialog {
        max-width: calc(100% - 24px)
    }
}

@media screen and (min-width:1200px) {
    .a-modal .modal-dialog {
        max-width: 1000px
    }
}

.a-modal .modal-content {
    display: block;
    border: none;
    border-radius: 0;
    background: 0 0
}

@media screen and (min-width:1200px) {
    .a-modal .tab-background {
        min-height: 600px
    }
}

.a-modal .btn-close {
    position: absolute;
    z-index: 5;
    top: 3px;
    right: 3px;
    opacity: 1;
    border: none;
    border-radius: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    background: 0 0;
    color: #fff
}

@media screen and (min-width:768px) {
    .a-modal .btn-close {
        top: 14px;
        right: 19px
    }
}

.a-modal .nav-item {
    border-bottom: none
}

.a-modal .nav-link-bdr {
    margin-right: -1px
}

    .a-modal .nav-link-bdr::before {
        content: none
    }

.a-modal .nav-link-bdr__inner {
    border: none;
    min-width: auto;
    padding: 7px 31px 7px 7px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='329' height='45' viewBox='0 0 329 45' fill='none'%3E %3Cpath d='M0 5C0 2.23858 2.23858 0 5 0H268.655C273.397 0 277.984 1.68493 281.599 4.75412L329 45H0V5Z' fill='%23EBF2FA'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%;
    -webkit-clip-path: none;
    clip-path: none
}

@media screen and (min-width:375px) {
    .a-modal .nav-link-bdr__inner {
        padding: 7px 32px 7px 7px
    }
}

@media screen and (min-width:768px) {
    .a-modal .nav-link-bdr__inner {
        min-width: 250px;
        padding: 10px 72px 9px 33px
    }
}

.a-modal .nav-link-bdr__inner svg {
    margin-right: 6px;
    max-width: 15px;
    color: #1d5193
}

@media screen and (min-width:768px) {
    .a-modal .nav-link-bdr__inner svg {
        margin-right: 16px;
        max-width: none
    }
}

@media screen and (max-width:767px) {
    .a-modal .nav-link-bdr__inner .fz-16 {
        font-size: 13px
    }
}

@media screen and (max-width:374px) {
    .a-modal .nav-link-bdr__inner .fz-16 {
        font-size: 10px
    }
}

.a-modal .nav-item:nth-child(2) .nav-link-bdr__inner {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='249' height='45' viewBox='0 0 249 45' fill='none'%3E %3Cpath d='M0 5C0 2.23858 2.23858 0 5 0H188.655C193.397 0 197.984 1.68493 201.599 4.75412L249 45H0V5Z' fill='%23EBF2FA'/%3E %3C/svg%3E")
}

.a-modal .nav-link-bdr.active .nav-link-bdr__inner {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='329' height='45' viewBox='0 0 329 45' fill='none'%3E %3Cpath d='M0 5C0 2.23858 2.23858 0 5 0H268.655C273.397 0 277.984 1.68493 281.599 4.75412L329 45H0V5Z' fill='white'/%3E %3C/svg%3E")
}

.a-modal .nav-item:nth-child(2) .nav-link-bdr.active .nav-link-bdr__inner {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='249' height='45' viewBox='0 0 249 45' fill='none'%3E %3Cpath d='M0 5C0 2.23858 2.23858 0 5 0H188.655C193.397 0 197.984 1.68493 201.599 4.75412L249 45H0V5Z' fill='white'/%3E %3C/svg%3E")
}

.a-modal-title {
    margin-bottom: 25px;
    text-align: center
}

@media screen and (min-width:768px) {
    .a-modal-title {
        margin-bottom: 39px
    }
}

.a-modal-title p + p {
    margin-top: 12px
}

.a-modal-success .a-modal-title {
    margin-bottom: 26px
}

.a-modal-warning .a-modal-title {
    margin-bottom: 24px
}

.a-modal-title__icon {
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 auto 27px;
    border-radius: 50%;
    width: 65px;
    height: 65px
}

    .a-modal-title__icon.success {
        background-color: #d6fde4;
        color: #00a645
    }

    .a-modal-title__icon.warning {
        background-color: #fff2ec;
        color: #ff7033
    }

.a-modal-login {
    padding: 30px 0
}

@media screen and (min-width:768px) {
    .a-modal-login {
        padding: 50px 0
    }
}

.a-modal-login__form {
    margin: 0 auto;
    max-width: 570px
}

.a-modal-login__item {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

.a-modal-login__item-label {
    margin-bottom: 8px;
    width: 100%
}

@media screen and (min-width:576px) {
    .a-modal-login__item-label {
        margin-bottom: 0;
        width: 140px;
        padding-right: 12px
    }
}

@media screen and (min-width:768px) {
    .a-modal-login__item-label {
        width: 170px
    }
}

.a-modal-login__item-label .form-label {
    margin-bottom: 0
}

.a-modal-login__item-content {
    width: 100%
}

@media screen and (min-width:576px) {
    .a-modal-login__item-content {
        width: calc(100% - 140px)
    }
}

@media screen and (min-width:768px) {
    .a-modal-login__item-content {
        width: calc(100% - 170px)
    }
}

.a-modal-login__item-content .form-control, .a-modal-login__item-content .form-select {
    transition: all .3s ease;
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 44px;
    padding: 0 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .a-modal-login__item-content .form-control::-moz-placeholder, .a-modal-login__item-content .form-select::-moz-placeholder {
        color: #888
    }

    .a-modal-login__item-content .form-control:-ms-input-placeholder, .a-modal-login__item-content .form-select:-ms-input-placeholder {
        color: #888
    }

    .a-modal-login__item-content .form-control::placeholder, .a-modal-login__item-content .form-select::placeholder {
        color: #888
    }

    .a-modal-login__item-content .form-control:active, .a-modal-login__item-content .form-control:focus, .a-modal-login__item-content .form-select:active, .a-modal-login__item-content .form-select:focus {
        border-width: 2px;
        border-color: #1b6cd3;
        padding: 0 15px
    }

.a-modal-login__item-content .form-select {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E %3Cpath d='M0 0L5 6L10 0H0Z' fill='%23888888'/%3E %3C/svg%3E") no-repeat right 16px center;
    color: #888
}

.a-modal-login__submit {
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 3px;
    width: 100%;
    height: 44px
}

.a-modal-success {
    padding: 30px 0
}

@media screen and (min-width:768px) {
    .a-modal-success {
        padding: 50px 0
    }
}

@media screen and (min-width:1366px) {
    .a-modal-success {
        padding: 64px 0
    }
}

.a-modal-success__block {
    align-items: center;
    margin: 0 auto 23px;
    border: 1px dashed #02b544;
    border-radius: 3px;
    max-width: 600px;
    padding: 14px 12px;
    background: #f5fff9
}

@media screen and (min-width:576px) {
    .a-modal-success__block {
        display: flex
    }
}

@media screen and (min-width:768px) {
    .a-modal-success__block {
        padding: 16px 28px 17px 26px
    }
}

@media screen and (min-width:576px) {
    .a-modal-success__block-left {
        flex-grow: 1
    }
}

.a-modal-success__block-left b {
    font-weight: 700
}

.a-modal-success__block-left p + p {
    margin-top: 6px
}

.a-modal-success__block-right {
    justify-content: center;
    display: flex;
    margin-top: 10px
}

@media screen and (min-width:576px) {
    .a-modal-success__block-right {
        flex-shrink: 0;
        display: block;
        margin-top: 0;
        margin-left: 15px
    }
}

.a-modal-success__block-right .btn {
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 30px;
    width: 120px;
    height: 34px
}

@media screen and (min-width:768px) {
    .a-modal-success__block-right .btn {
        width: 140px
    }
}

.a-modal-success__btn {
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 auto;
    border-radius: 3px;
    width: 280px;
    height: 44px
}

@media screen and (min-width:768px) {
    .a-modal-success__btn {
        width: 306px
    }
}

.a-modal-warning {
    padding: 30px 0
}

@media screen and (min-width:768px) {
    .a-modal-warning {
        padding: 50px 0
    }
}

@media screen and (min-width:1366px) {
    .a-modal-warning {
        padding: 60px 0
    }
}

.a-modal-warning__block {
    margin: 0 auto 23px;
    border: 1px dashed #ff7033;
    border-radius: 3px;
    max-width: 600px;
    padding: 14px 12px;
    background: #fff8f4
}

@media screen and (min-width:768px) {
    .a-modal-warning__block {
        padding: 16px 24px 29px
    }
}

.a-modal-warning__block p + p {
    margin-top: 6px
}

.a-modal-info {
    padding: 25px 0
}

@media screen and (min-width:768px) {
    .a-modal-info {
        padding: 30px 20px
    }
}

@media screen and (min-width:1200px) {
    .a-modal-info {
        padding: 44px 40px 58px
    }
}

.a-modal-info .job-detail-company__title {
    margin-bottom: 21px;
    padding-left: 0
}

    .a-modal-info .job-detail-company__title::before {
        content: none
    }

.a-modal-info .job-detail-company__more::before {
    background: linear-gradient(to top,#fff,transparent)
}

@media screen and (min-width:768px) {
    .a-modal-info .job-detail-company__more {
        margin: 11px 0
    }
}

.a-modal-info .job-detail-company__item-label {
    text-decoration: none
}

.a-modal-info__wrapper {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 27px;
    border-bottom: 1px dashed #d7d7d7;
    padding-bottom: 33px
}

.a-modal-info__brand {
    flex-shrink: 0;
    width: 108px
}

@media screen and (min-width:576px) {
    .a-modal-info__brand {
        width: 130px
    }
}

.a-modal-info__logo {
    margin-bottom: 13px
}

.a-modal-info__upload {
    display: flex;
    margin-right: -2px;
    cursor: pointer
}

    .a-modal-info__upload input[type=file] {
        visibility: hidden;
        overflow: hidden;
        margin: 0;
        width: 0;
        height: 0;
        padding: 0
    }

    .a-modal-info__upload svg {
        position: relative;
        top: 2px;
        margin-right: 6px
    }

@media screen and (min-width:768px) {
    .a-modal-info__upload svg {
        top: 4px;
        margin-right: 12px
    }
}

.a-modal-info__content {
    width: calc(100% - 108px);
    padding: 0 0 0 12px
}

@media screen and (min-width:576px) {
    .a-modal-info__content {
        width: calc(100% - 270px);
        padding: 0 15px 0 7.7%
    }
}

.a-modal-info__content dl {
    display: flex;
    margin-bottom: 7px
}

.a-modal-info__content dt {
    position: relative;
    top: 1px;
    flex-shrink: 0;
    margin-right: 7px;
    width: 14px;
    text-align: center
}

@media screen and (min-width:768px) {
    .a-modal-info__content dt {
        margin-right: 13px
    }
}

.a-modal-info__content dd {
    flex-grow: 1
}

.a-modal-info__title {
    margin-bottom: 11px
}

.a-modal-info__buttons {
    flex-shrink: 0;
    width: 100%
}

@media screen and (min-width:576px) {
    .a-modal-info__buttons {
        align-self: flex-end;
        margin-bottom: 2px;
        width: 140px
    }
}

.a-modal-info__buttons .btn {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 11px;
    border-radius: 5px;
    width: 100%;
    height: 36px;
    padding: 5px
}

    .a-modal-info__buttons .btn svg {
        margin-right: 8px
    }




/*CSS mới*/
.font-roboto {
    font-family: Roboto,sans-serif
}

.line-clamp-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.text-underline {
    text-decoration: underline
}

@media screen and (min-width:992px) {
    #header .navbar-nav .dropdown-menu {
        top: calc(100% - 15px)
    }
}

@media screen and (min-width:1200px) {
    #header .nav-item {
        margin-left: 21px
    }
}

@media screen and (min-width:1200px) {
    #header .navbar-collapse .navbar-nav {
        margin-top: -2px
    }
}

#header .dropdown-item {
    padding: 8px;
    padding-left: 13px;
    font-size: 14px
}

/*.find-jobs {
    margin-top: 24px;
    margin-bottom: 23px
}

@media screen and (min-width:576px) {
    .find-jobs {
        padding-bottom: 17px
    }
}
*/
/*@media screen and (min-width:992px) {
    .find-jobs__item {
        width: 20.7%
    }
}*/

/*.find-jobs__item .select2-container {
    width: 100% !important
}*/

@media screen and (min-width:992px) {
    .find-jobs__cta {
        width: 17.2%
    }
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 13px;
    font-size: 14px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 12px
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: none;
        width: 10px;
        height: 6px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%23AFAFAF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3E%3C/svg%3E") no-repeat
    }

.job-cates {
    margin-bottom: 25px
}

@media screen and (min-width:768px) {
    .job-cates {
        padding-top: 17px
    }
}

.job-featured {
    position: relative;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin-bottom: 25px;
    padding: 19px 23px 40px 21px;
    background-color: #fbfbfb
}

    .job-featured::after {
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        z-index: 5;
        border-top: 6px solid #1d5193;
        border-radius: 3px;
        pointer-events: none
    }

    .job-featured .item {
        display: block
    }

.job-featured__heading {
    margin-bottom: 2px
}

.job-featured__slider .slick-list {
    margin: 0 -9px;
    padding: 10px 0
}

.job-featured__slider .slick-slide {
    padding: 0 9px
}

.job-featured__slider .slick-arrow {
    top: 165px;
    right: 46%;
    left: auto;
    transform: none;
    transition: color .3s ease;
    width: 29px;
    height: 29px;
    background: 0 0;
    text-indent: 0;
    color: #6a6a6a
}

    .job-featured__slider .slick-arrow:hover {
        color: #1d5193
    }

.job-featured__slider .slick-prev {
    right: 51%
}

.job-featured__slider .item {
    display: flex;
    align-items: flex-start;
    box-shadow: 0 3px 6.3px rgba(0,0,0,.12);
    border-radius: 3px;
    padding: 23px 21px 19px 18px;
    background-color: #fff;
    height: 100%;
}

.job-featured__slider .item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d9d9d9;
    width: 100px;
    height: 100px;
    padding: 8px
}

    .job-featured__slider .item-image img {
        max-height: 100%
    }

.job-featured__slider .item-content {
    width: calc(100% - 100px);
    padding-left: 24px
}

.job-featured__slider .item-title {
    margin-bottom: 7px;
    line-height: 1.4
}

.job-featured__slider .item-company {
    margin-bottom: 8px
}

.job-featured__slider .item-entry {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.job-featured__bottom {
    margin-top: 6px;
    text-align: center
}

    .job-featured__bottom a {
        display: inline-block;
        color: #1d5193
    }

        .job-featured__bottom a:hover {
            opacity: 1;
            color: #00bf71
        }



/*#main {
    width: 100%
}*/

/*@media screen and (min-width:992px) {
    #main {
        width: calc(100% - 332px)
    }
}*/
.nw-best-extensions {
    padding: 34px 0 22px
}

.nw-best-extensions__title {
    margin-bottom: 14px
}

.fz-33 {
    font-size: 22px;
    line-height: 1.15
}

@media screen and (min-width:768px) {
    .fz-33 {
        font-size: 33px
    }
}

.nw-best-extensions__list {
    margin: 0 -11px
}

@media screen and (min-width:992px) {
    .nw-best-extensions__list {
        display: flex;
        flex-wrap: wrap
    }
}

.nw-best-extensions__list .item {
    margin-bottom: 18px;
    padding: 0 11px;
    transition: all .3s ease
}

@media screen and (min-width:992px) {
    .nw-best-extensions__list .item:nth-child(1) {
        width: 54.35%
    }
}

.nw-best-extensions__list .item:nth-child(1) .item-inner {
    background-color: #469dec
}

    .nw-best-extensions__list .item:nth-child(1) .item-inner .item-icon {
        background-color: rgba(0,124,217,.8)
    }

@media screen and (min-width:992px) {
    .nw-best-extensions__list .item:nth-child(2) {
        width: 45.65%
    }
}

.nw-best-extensions__list .item:nth-child(2) .item-inner {
    background-color: #faa24b
}

@media screen and (min-width:992px) {
    .nw-best-extensions__list .item:nth-child(2) .item-inner {
        padding-left: 34px
    }
}

.nw-best-extensions__list .item:nth-child(2) .item-inner .item-icon {
    background-color: #f78d1f
}

@media screen and (min-width:992px) {
    .nw-best-extensions__list .item:nth-child(2) .item-inner .item-content {
        min-height: 216px
    }
}

@media screen and (min-width:992px) {
    .nw-best-extensions__list .item:nth-child(3) {
        width: 44.65%;
        padding-right: 8px
    }
}

.nw-best-extensions__list .item:nth-child(3) .item-inner {
    background-color: #2c58ab
}

@media screen and (min-width:992px) {
    .nw-best-extensions__list .item:nth-child(3) .item-inner {
        padding-top: 22px;
        padding-bottom: 31px;
        padding-left: 29px
    }
}

.nw-best-extensions__list .item:nth-child(3) .item-inner .item-icon {
    background-color: rgba(88,146,240,.55);
    padding: 18px
}

.nw-best-extensions__list .item:nth-child(3) .item-inner .item-title {
    margin-bottom: 10px
}

    .nw-best-extensions__list .item:nth-child(3) .item-inner .item-title .fz-30 {
        line-height: 1.32
    }

    .nw-best-extensions__list .item:nth-child(3) .item-inner .item-title .fz-42 {
        line-height: .8
    }

@media screen and (min-width:992px) {
    .nw-best-extensions__list .item:nth-child(4) {
        width: 55.35%
    }
}

.nw-best-extensions__list .item:nth-child(4) .item-inner {
    background-color: #52b6e7
}

@media screen and (min-width:992px) {
    .nw-best-extensions__list .item:nth-child(4) .item-inner {
        padding-top: 23px;
        padding-bottom: 31px;
        padding-left: 33px
    }
}

.nw-best-extensions__list .item:nth-child(4) .item-inner .item-icon {
    background-color: #0d92d5
}

.nw-best-extensions__list .item:nth-child(4) .item-inner .item-title {
    margin-bottom: 14px
}

    .nw-best-extensions__list .item:nth-child(4) .item-inner .item-title .fz-30 {
        line-height: 1.25
    }

    .nw-best-extensions__list .item:nth-child(4) .item-inner .item-title .fz-40 {
        line-height: .9
    }

.nw-best-extensions__list .item:nth-child(4) .item-inner .item-text {
    max-width: 350px
}

.nw-best-extensions__list .item .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    width: 122px;
    height: 30px;
    margin-left: 4px;
    background-color: #fff;
    color: #1461a0
}

@media screen and (min-width:768px) {
    .nw-best-extensions__list .item .btn {
        margin-top: auto
    }
}
/* .nw-best-extensions__list .item .btn:hover{background-color:#1461a0;color:#fff} */
.nw-best-extensions__list .item-inner {
    border-radius: 8px;
    height: 100%;
    padding: 15px;
    color: #fff
}

@media screen and (min-width:768px) {
    .nw-best-extensions__list .item-inner {
        padding: 27px 40px 28px 30px
    }
}

@media screen and (min-width:992px) {
    .nw-best-extensions__list .item-inner {
        display: flex;
        align-items: center
    }
}

@media screen and (min-width:992px) {
    .nw-best-extensions__list .item-content {
        display: flex;
        flex-direction: column;
        width: calc(100% - 184px);
        padding-right: 14px
    }
}

.nw-best-extensions__list .item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 184px;
    height: 184px
}

@media screen and (max-width:991px) {
    .nw-best-extensions__list .item-icon {
        margin: 20px auto 0
    }
}

.nw-best-extensions__list .item-title {
    margin-bottom: 7px;
    transition: all .3s ease;
}

    .nw-best-extensions__list .item-title .fz-30 {
        line-height: 1.4
    }

.nw-best-extensions__list .item-text {
    max-width: 320px;
    margin-bottom: 20px;
    line-height: 1.125
}

.fz-40 {
    font-size: 40px;
}

.news-detail__heading {
    margin-bottom: 10px;
}


/*Css V5*/

@media screen and (min-width:992px) {
    .site-header__logo {
        top: 3px
    }
}

@media screen and (min-width:992px) {
    .navbar-brand {
        padding-top: 0
    }
}

@media screen and (min-width:992px) {
    .navbar-brand__logo {
        width: 64px;
        margin-right: 9px;
        margin-left: 3px
    }
}

.site-header__logo {
    position: relative
}

@media screen and (min-width:768px) {
    .nav-lang__selected {
        background: 0 0
    }
}

.nav-lang__image img {
    border-radius: 0
}

@media screen and (min-width:768px) {
    #header .dropdown-toggle::after {
        content: none
    }

    /* #header .dropdown-menu.show {
        display: none
    }*/
}

#header .dropdown-menu {
    box-shadow: 1px 0 6.3px rgba(0,0,0,.25);
    border: none;
    border-radius: 4px;
    padding-bottom: 11px
}

@media screen and (min-width:992px) {
    #header .dropdown-menu {
        min-width: 210px
    }
}

#header .dropdown-item {
    padding-top: 12px;
    padding-bottom: 11px
}

    #header .dropdown-item:hover {
        background: 0 0;
        color: #E97E00;
    }

#header .nav-link:focus, #header .nav-link:hover {
    color: #f68500
}

@media screen and (min-width:768px) {
    #header .navbar-collapse .navbar-nav {
        margin-top: 2px
    }
}



@media screen and (min-width:992px) {
    #header .nav-link {
        padding-bottom: 17px
    }
}
/*CSS V5*/

@media screen and (min-width: 768px) {
    #header .navbar-collapse .navbar-nav {
        margin-top: 15px !important;
    }
}

.submenu {
    display: none;
    padding-left: 20px;
    color: #fff;
}

    .submenu.show {
        display: block;
    }

.a-sidebar__item {
    cursor: pointer;
}


.submenu .a-sidebar__item-icon {
    margin-right: 10px;
}

    .submenu .a-sidebar__item-icon .fa {
        font-size: 12px;
    }