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;
}
.ico {
    display: inline-block;
    vertical-align: middle;
}
.ico-conversation {
    width: 40px;
    height: 40px;
    background: url(../images/common/icon.png) no-repeat 0 0;
}
.ico-cloud-computing {
    width: 32px;
    height: 26px;
    background: url(../images/common/icon.png) no-repeat -191px 0;
}
.ico-edit {
    width: 28px;
    height: 28px;
    background: url(../images/common/icon.png) no-repeat -47px 0;
}
.ico-calendar {
    width: 26px;
    height: 26px;
    background: url(../images/common/icon.png) no-repeat -82px 0;
}
.ico-handshake {
    width: 36px;
    height: 32px;
    background: url(../images/common/icon.png) no-repeat -115px 0;
}
.ico-security {
    width: 26px;
    height: 30px;
    background: url(../images/common/icon.png) no-repeat -158px 0;
}
.ico-note {
    width: 32px;
    height: 37px;
    background: url(../images/common/icon.png) no-repeat -230px 0;
}
.ico-save-energy {
    width: 35px;
    height: 35px;
    background: url(../images/common/icon.png) no-repeat -269px 0;
}
.ico-increase {
    width: 34px;
    height: 34px;
    background: url(../images/common/icon.png) no-repeat -311px 0;
}
.ico-badge {
    width: 33px;
    height: 39px;
    background: url(../images/common/icon.png) no-repeat -352px 0;
}
.ico-logout {
    width: 15px;
    height: 13px;
    background: url(../images/common/icon.png) no-repeat -230px -40px;
}
html {
    overflow-x: hidden;
}
body {
    overflow-x: hidden;
    font-family: Roboto, sans-serif;
    color: #333;
}
@media screen and (min-width: 1200px) {
    .container {
        max-width: 1030px;
    }
}
.main-wrapper {
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
}
.common-wrapper {
    margin-bottom: 80px;
    box-shadow: 0 0 18px rgba(205, 217, 242, 0.51);
    border-radius: 5px;
    background-color: #fff;
}
.bg-gray {
    padding-bottom: 1px;
    background-color: #f6f9ff;
}
.btn-success {
    border: 2px solid #57ba5f;
    border-radius: 999px;
    background-color: #57ba5f;
    font-size: 15px;
    font-weight: 400;
    color: #fff !important;
}
.btn-success:hover {
    border-color: #4da755;
    background-color: #4da755;
    color: #fff;
}
.btn-success--outline {
    background-color: transparent;
    color: #333 !important;
}
.btn-success--outline:hover {
    border-color: #4da755;
    background-color: transparent;
    color: #333;
}
.btn-white {
    transition: opacity 0.15s ease-in-out;
    border: 2px solid #fff;
    border-radius: 999px;
    padding: 9px 29px;
    background-color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #333;
}
.btn-white:hover {
    opacity: 0.7;
    border-color: #fff;
    background-color: #fff;
    color: #333;
}
.btn-white--outline {
    background-color: transparent;
    color: #fff;
}
.btn-white--outline:hover {
    border-color: #fff;
    background-color: transparent;
    color: #fff;
}
.btn-logout {
    padding: 6px 32px !important;
}
.btn-logout i {
    position: relative;
    top: -1px;
    margin-right: 8px;
}
.btn-normal {
    border: 2px solid #283654;
    border-radius: 999px;
    background-color: #283654;
    color: #fff !important;
}
.btn-normal:hover {
    border-color: #1d273d;
    background-color: #1d273d;
    color: #fff;
}
.heading {
    position: relative;
    margin-bottom: 47px;
    padding-bottom: 34px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    color: #283654;
}
@media screen and (min-width: 992px) {
    .heading {
        font-size: 32px;
        line-height: 36px;
    }
}
.heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 53px;
    height: 4px;
    background-color: #57ba5f;
}
.heading--left {
    text-align: left;
}
.heading--left::after {
    left: 0;
    transform: none;
}
.heading--white {
    color: #fff;
}
.heading--white::after {
    background-color: #fff;
}
.heading--lg {
    margin-bottom: 22px;
    padding-bottom: 25px;
    font-size: 26px;
    line-height: 32px;
}
@media screen and (min-width: 992px) {
    .heading--lg {
        font-size: 36px;
        line-height: 42px;
    }
}
.heading-2 {
    margin-bottom: 17px;
    border-bottom: 1px solid rgba(87, 186, 95, 0.3);
    padding-bottom: 11px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #283654;
}
.heading-2 i {
    margin-right: 6px;
    color: #57ba5f;
}
.image {
    position: absolute;
    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%;
}
.about {
    padding: 43px 0 31px;
}
@media screen and (min-width: 992px) {
    .about .container {
        max-width: 1022px;
    }
}
.about__logo {
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 auto 16px;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    width: 128px;
    height: 128px;
}
.about__head {
    margin-bottom: 36px;
    text-align: center;
}
.about__heading {
    margin-bottom: 18px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #283654;
}
.about__line {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 22px;
}
.about__line i {
    margin-right: 10px;
    color: #57ba5f;
}
.about__text {
    font-size: 16px;
    line-height: 26px;
}
.about__text h3 {
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
}
.about__text p {
    margin-bottom: 27px;
}
.about__text p:last-child {
    margin-bottom: 0;
}
.about__text figure {
    margin-bottom: 23px;
    text-align: center;
}
.about__text figcaption {
    margin-top: 5px;
    font-style: italic;
}
@media screen and (min-width: 768px) {
    .hero-overview__inner {
        min-height: 50px;
    }
    .countdown {
        /*align-items:flex-start;display:flex*/
    }
}
.countdown__title {
    position: relative;
    flex-shrink: 0;
    margin-right: 8%;
    margin-bottom: 15px;
    padding-bottom: 16px;
    font-size: 18px;
    line-height: 40px;
    font-weight: 500;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .countdown__title {
        margin-bottom: 10px;
        font-size: 24px;
    }
}
.countdown__title::before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
}
.countdown__content {
    flex-wrap: wrap;
    display: flex;
}
.countdown__content .item {
    margin-right: 40px;
    text-align: center;
}
.countdown__content .item:last-child {
    margin-right: 0;
}
.countdown__content .item:last-child .item__time:after {
    content: none;
}
.countdown__content .item__time {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-bottom: 0;
    border: 1px solid #fff;
    border-radius: 14px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
    color: #18b151;
}
@media screen and (min-width: 992px) {
    .countdown__content .item__time {
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
}
.countdown__content .item__time::after {
    content: ":";
    position: absolute;
    top: 44%;
    right: -25px;
    display: inline-block;
    transform: translate3d(0, -50%, 0);
    font-size: 40px;
    color: #fff;
}
.countdown__content .item__title {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .countdown__content .item__title {
        font-size: 18px;
    }
}
.advantage {
    padding: 80px 0 50px;
    background-color: #f6f9ff;
}
@media screen and (min-width: 992px) {
    .advantage {
        padding: 125px 0 61px;
    }
}
.advantage .container {
    max-width: 1026px;
}
.advantage .heading {
    margin-bottom: 10px;
}
.advantage .slick-list {
    margin: 0 -9px;
    padding: 20px 0;
}
.advantage .slick-track {
    display: flex;
}
.advantage__slide {
    height: inherit;
    padding: 0 9px;
}
.advantage__item {
    position: relative;
    box-shadow: 0 8px 20px rgba(212, 226, 255, 0.36);
    border-radius: 10px;
    height: 100%;
    padding: 36px 31px 75px;
    background-color: #fff;
}
.advantage__item-icon {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-bottom: 22px;
    border-radius: 20px;
    width: 67px;
    height: 67px;
    background: #ccc;
}
.advantage__item-text {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    text-align: justify;
}
.advantage__item::after {
    content: "";
    position: absolute;
    bottom: 38px;
    left: 34px;
    width: 40px;
    height: 4px;
    background-color: #e3ecff;
}
.advantage__item--purple .advantage__item-icon {
    background-color: #f7f5ff;
}
.advantage__item--green .advantage__item-icon {
    background-color: #e5ffe7;
}
.advantage__item--orange .advantage__item-icon {
    background-color: #fff3ed;
}
.advantage__item--pink .advantage__item-icon {
    background-color: #ffeff6;
}
.slick-arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    margin: 0;
    border: solid #000;
    width: 34px;
    height: 34px;
    padding: 0;
    background: 0 0;
    font-size: 0;
}
.slick-prev {
    left: -30px;
    border-width: 0 0 2px 2px;
}
.slick-next {
    right: -30px;
    border-width: 2px 2px 0 0;
}
.slick-dots {
    position: absolute;
    right: 0;
    bottom: -35px;
    left: 0;
    justify-content: center;
    align-items: center;
    display: flex;
}
.slick-dots li {
    display: flex;
}
.slick-dots button {
    margin: 0 6px;
    border: 0;
    border-radius: 999px;
    width: 30px;
    height: 5px;
    padding: 0;
    background-color: #cdcdcd;
    font-size: 0;
}
.slick-dots .slick-active button {
    width: 50px;
    background-color: #57ba5f;
}
.header {
    position: fixed;
    z-index: 900;
    top: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 18px rgba(205, 217, 242, 0.5);
    background-color: #fff;
}
.header .container-fluid {
    max-width: 1030px;
}
.header .navbar {
    padding-top: 14px;
    padding-bottom: 13px;
}
.header .navbar-brand {
    padding-bottom: 0;
}
@media screen and (min-width: 992px) {
    .header .nav-item {
        margin-left: 9px;
    }
    .header .nav-item:nth-last-child(2) {
        margin-left: 18px;
    }
}
@media screen and (max-width: 991px) {
    .header .nav-item {
        width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .header .nav-item--btn {
        margin-top: 10px;
        width: calc(50% - 10px);
    }
}
@media screen and (max-width: 991px) {
    .header .navbar-nav {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
.header .nav-link:not(.btn) {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
@media screen and (min-width: 992px) {
    .header .nav-link:not(.btn) {
        padding-right: 18px;
        padding-left: 18px;
    }
}
@media screen and (min-width: 992px) {
    .header .navbar-nav {
        align-items: center;
    }
}
@media screen and (min-width: 992px) {
    .header .navbar-collapse {
        flex-grow: 0;
    }
}
.header .btn-success {
    min-width: 120px;
    padding: 6px 22px;
    text-align: center;
}
.footer {
    padding: 50px 0;
}
@media screen and (min-width: 992px) {
    .footer {
        padding: 64px 0 47px;
    }
}
@media screen and (max-width: 991px) {
    .footer [class*="col-"] {
        margin-bottom: 30px;
    }
    .footer [class*="col-"]:last-child {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 992px) {
    .footer .col-lg-3 {
        width: 29%;
    }
}
@media screen and (min-width: 992px) {
    .footer .col-lg-4 {
        width: 29.333333%;
    }
}
.footer-info {
    margin-right: 10%;
}
.footer-logo {
    display: inline-block;
    margin-bottom: 5px;
}
.footer-text {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
}
.footer-social {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}
.footer-social li {
    flex-shrink: 0;
    margin-right: 5px;
}
.footer-social a {
    justify-content: center;
    align-items: center;
    display: flex;
    transition: opacity 0.15s ease-in-out;
    border: 1px solid #57ba5f;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 16px;
    text-decoration: none;
    color: #57ba5f;
}
.footer-social a:hover {
    opacity: 0.7;
}
.footer-title {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #2f3b58;
}
.footer-links li {
    margin-bottom: 18px;
}
.footer-links li:last-child {
    margin-bottom: 0;
}
.footer-links a {
    transition: opacity 0.15s ease-in-out;
    font-size: 17px;
    line-height: 18px;
    font-weight: 400;
    text-decoration: none;
    color: #333;
}
.footer-links a:hover {
    opacity: 0.7;
}
.footer-2 {
    padding: 15px 0;
    background: url(https://i-vn.joboko.com/images3/common/bg-prize.png) no-repeat center/cover !important;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    color: #fff;
}
.hero {
    position: relative;
    align-items: center;
    display: flex;
    padding: 30px 0;
}
@media screen and (min-width: 768px) {
    .hero {
        min-height: 632px;
    }
}
@media screen and (max-width: 575px) {
    .hero__featured img {
        -o-object-position: left;
        object-position: left;
    }
}
.hero__content {
    position: relative;
    z-index: 5;
}
@media screen and (min-width: 576px) {
    .hero__content {
        max-width: 50%;
        padding-bottom: 3%;
    }
}
.hero__text {
    margin-right: 18%;
    margin-bottom: 38px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    text-align: justify;
}
.hero__btn {
    padding: 7px 35px;
    font-size: 18px;
    font-weight: 700;
}
.hero-overview {
    position: relative;
    margin: 74px auto 30px;
    max-width: 1280px;
}
.hero-overview__inner {
    position: relative;
    z-index: 5;
    align-items: center;
    display: flex;
    min-height: 250px;
    padding: 30px 0;
}
@media screen and (min-width: 768px) {
    .hero-overview__inner {
        min-height: 392px;
    }
}
.hero-overview__subtitle {
    position: relative;
    z-index: 5;
    display: inline-block;
    padding: 2px 2px;
    background-color: #57ba5f;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .hero-overview__subtitle {
        font-size: 22px;
    }
}
.hero-overview__title {
    position: relative;
    z-index: 5;
    font-size: 26px;
    line-height: 38px;
    font-weight: 300;
    color: #fff;
}
@media screen and (min-width: 992px) {
    .hero-overview__title {
        font-size: 36px;
        line-height: 40px;
    }
}
.hero-overview__bar {
    position: relative;
    z-index: 5;
    padding: 20px 0;
    background: url(../images/common/bg-01.png) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
    .hero-overview__bar {
        padding: 16px 0 9px;
    }
}
.hero-test {
    margin-top: 74px;
    margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
    .hero-test .container {
        max-width: 1024px;
    }
}
.hero-test__inner {
    position: relative;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    height: 250px;
}
.register {
    position: relative;
    min-height: 395px;
    background: linear-gradient(70deg, #18b151, #1e4175);
}
@media screen and (max-width: 575px) {
    .register {
        padding: 50px 0;
    }
}
.register::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: -80px;
    right: -80px;
    border: 20px solid rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    width: 171px;
    height: 171px;
}
@media screen and (min-width: 576px) {
    .register .container {
        display: flex;
    }
}
.register .heading {
    margin-bottom: 29px;
    padding-bottom: 32px;
}
@media screen and (min-width: 576px) {
    .register__image {
        width: 54.7%;
    }
}
.register__image .image {
    top: 16px;
    right: 50%;
    bottom: -30px;
    left: -17px;
    width: auto;
    height: auto;
    pointer-events: none;
}
@media screen and (min-width: 992px) {
    .register__image .image {
        right: 45.3%;
    }
}
@media screen and (max-width: 575px) {
    .register__image .image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        padding-bottom: 58%;
    }
}
.register__content {
    padding-top: 20px;
    color: #fff;
}
@media screen and (min-width: 576px) {
    .register__content {
        width: 45.3%;
        padding: 76px 0 60px;
    }
}
.register__text {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}
.register__btn {
    padding: 11px 49px;
    font-size: 16px;
    line-height: 22px;
}
.carousel {
    padding: 50px 0 80px;
}
@media screen and (min-width: 992px) {
    .carousel {
        padding: 74px 0 126px;
    }
}
.carousel .container {
    max-width: 1004px;
}
.carousel .slick-list {
    margin: 0 -9px;
}
@media screen and (min-width: 768px) {
    .carousel .slick-list {
        margin: 0 31px;
    }
}
.carousel .heading {
    margin-bottom: 38px;
}
.carousel__slide {
    padding: 0 9px;
}
.carousel__item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding: 97px 35px 79px;
}
.carousel__item::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 75px;
    left: 35px;
    border-radius: 2px;
    width: 52px;
    height: 4px;
    background-color: #fff;
}
.carousel__item-content {
    position: relative;
    z-index: 5;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .carousel__item-content {
        width: 46%;
    }
}
.carousel__item-title {
    margin-bottom: 22px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
}
@media screen and (min-width: 992px) {
    .carousel__item-title {
        font-size: 32px;
        line-height: 36px;
    }
}
.carousel__item-text {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}
.overview {
    padding: 50px 0 20px;
}
@media screen and (min-width: 992px) {
    .overview {
        padding: 76px 0 69px;
    }
}
.overview .container {
    max-width: 1120px;
}
.overview__inner {
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}
@media screen and (min-width: 992px) {
    .overview__inner {
        padding: 44px 0 40px;
    }
}
.overview__inner::after,
.overview__inner::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
@media screen and (min-width: 992px) {
    .overview__inner::after,
    .overview__inner::before {
        content: "";
    }
}
.overview__inner::before {
    width: 516px;
    height: 516px;
    background-color: #f6f9ff;
}
.overview__inner::after {
    width: 400px;
    height: 400px;
    background-color: #e8f0ff;
}
.overview__featured {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    display: none;
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 992px) {
    .overview__featured {
        display: block;
    }
}
.overview__item {
    position: relative;
    z-index: 10;
    align-items: center;
    display: flex;
    margin-bottom: 30px;
    width: 100%;
}
@media screen and (min-width: 992px) {
    .overview__item {
        align-items: flex-start;
        margin-bottom: 47px;
        width: 50%;
        padding-right: 128px;
    }
}
.overview__item-image {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 20px;
    box-shadow: 0 8px 20px rgba(212, 226, 255, 0.36);
    border: 6px solid #fff;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    background-color: #fff;
}
@media screen and (min-width: 992px) {
    .overview__item-image {
        margin: 12px 26px;
    }
}
.overview__item-content {
    flex-grow: 1;
}
.overview__item-title {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}
.overview__item-text {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    text-align: justify;
}
@media screen and (min-width: 992px) {
    .overview__item:nth-child(odd) {
        flex-direction: row-reverse;
    }
    .overview__item:nth-child(odd) .overview__item-content {
        text-align: right;
    }
}
@media screen and (min-width: 992px) {
    .overview__item:nth-child(even) {
        padding-right: 0;
        padding-left: 128px;
    }
}
@media screen and (min-width: 992px) {
    .overview__item:nth-child(3) {
        padding-right: 185px;
    }
}
@media screen and (min-width: 992px) {
    .overview__item:nth-child(4) {
        padding-left: 185px;
    }
}
@media screen and (min-width: 992px) {
    .overview__item:nth-child(5),
    .overview__item:nth-child(6) {
        margin-bottom: 0;
    }
}
.overview__item:hover .overview__item-title {
    color: #57ba5f;
}
.overview__item:hover .overview__item-image {
    background-color: #57ba5f;
}
.overview__item:hover .overview__item-image i {
    background-position-y: -40px;
}
.banner {
    position: relative;
    margin: 0 0 -62px;
}
.banner .container {
    max-width: 1117px;
}
.guide {
    padding: 47px 0 0;
}
@media screen and (min-width: 992px) {
    .guide .container {
        max-width: 1023px;
    }
}
.guide__header {
    position: relative;
    z-index: 5;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    margin-bottom: 28px;
    border-bottom: 1px solid rgba(24, 177, 81, 0.3);
    padding-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .guide__header {
        align-items: flex-end;
    }
}
.guide__title {
    position: relative;
    top: 4px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #283654;
}
@media screen and (min-width: 768px) {
    .guide__title {
        font-size: 30px;
    }
}
.guide__title i {
    margin-right: 6px;
    color: #57ba5f;
}
@media screen and (min-width: 768px) {
    .guide__title i {
        margin-right: 12px;
    }
}
.guide__btn {
    font-weight: 400;
}
@media screen and (min-width: 768px) {
    .guide__btn {
        min-width: 250px;
        padding: 8px;
        font-size: 18px;
        line-height: 30px;
    }
}
.guide__inner {
    border-bottom: 1px dotted rgba(40, 54, 84, 0.5);
    padding: 0 0 66px;
}
@media screen and (min-width: 768px) {
    .guide__inner {
        align-items: center;
        display: flex;
    }
}
.guide__content {
    position: relative;
    counter-reset: counter;
}
@media screen and (min-width: 768px) {
    .guide__content {
        width: 55.3%;
        padding-right: 13%;
    }
}
.guide__content::after {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    width: 39px;
    height: 476px;
    background: url(../images/common/bg-02.png) no-repeat;
}
@media screen and (min-width: 768px) {
    .guide__content::after {
        content: "";
    }
}
.guide__featured {
    padding-top: 48px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .guide__featured {
        width: 44.7%;
        text-align: left;
    }
}
.guide__item {
    position: relative;
    padding-bottom: 20px;
    padding-left: 86px;
    counter-increment: counter;
}
.guide__item::before {
    content: counter(counter, decimal-leading-zero);
    position: absolute;
    top: 1px;
    left: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: #57ba5f;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
}
.guide__item::after {
    content: "";
    position: absolute;
    top: 70px;
    bottom: 5px;
    left: 30px;
    border-right: 1px dotted #283654;
}
.guide__item:last-child {
    padding-bottom: 0;
}
.guide__item:last-child::after {
    content: none;
}
.guide__item-title {
    margin-bottom: 7px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}
.guide__item-content {
    font-size: 16px;
    line-height: 24px;
}
.guide__item-content ul li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 28px;
}
.guide__item-content ul li::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 9px;
    left: 0;
    border: 2px solid #57ba5f;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.guide__item-content ul li:last-child {
    margin-bottom: 0;
}
.album {
    padding: 0 0 59px;
}
@media screen and (min-width: 992px) {
    .album .container {
        max-width: 1022x;
    }
}
.album .slick-list {
    margin: 0 -24px;
}
.album__slider {
    margin-top: 32px;
}
.album__slide {
    padding: 0 24px;
}
.album__item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding-bottom: 66.77%;
}
.album .slick-prev {
    border-width: 0 0 3px 3px;
}
@media screen and (min-width: 992px) {
    .album .slick-prev {
        left: -43px;
    }
}
.album .slick-next {
    border-width: 3px 3px 0 0;
}
@media screen and (min-width: 992px) {
    .album .slick-next {
        right: -43px;
    }
}
.album .slick-arrow {
    width: 28px;
    height: 28px;
}
@media screen and (min-width: 992px) {
    .test .container {
        max-width: 1024px;
    }
}
.test__inner {
    padding: 20px 20px 45px;
}
@media screen and (min-width: 992px) {
    .test__inner {
        padding-right: 75px;
        padding-left: 75px;
    }
}
.test__wrapper {
    border: 1px solid #acbad8;
    border-radius: 5px;
}
.test__title {
    border-bottom: 1px dotted #acbad8;
    padding: 11px 36px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    color: #18b151;
}
@media screen and (min-width: 992px) {
    .test__title {
        font-size: 30px;
    }
}
.test__content {
    padding: 12px 24px 26px;
}
.test__item {
    margin-bottom: 23px;
}
.test__item:last-child {
    margin-bottom: 0;
}
.test__item-title {
    margin-bottom: 11px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}
.test__item-image {
    margin-bottom: 24px;
    text-align: center;
}
.test__navigation {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 9px;
    border-bottom: 1px dotted #d3daea;
    padding-bottom: 19px;
}
@media screen and (min-width: 576px) {
    .test__navigation {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        display: flex;
    }
}
.test__navigation .btn {
    display: inline-block;
    transition: opacity 0.25s ease;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 16px;
    line-height: 24px;
}
.test__navigation .btn:hover {
    opacity: 0.7;
}
.test__navigation .btn i {
    margin: 0 5px;
}
.test__prev {
    background-color: #f3f7ff;
    color: #333;
}
@media screen and (max-width: 575px) {
    .test__prev {
        margin-bottom: 15px;
    }
}
.test__prev:hover {
    background-color: #f3f7ff;
    color: #333;
}
.test__next {
    background-color: #283654;
    color: #fff;
}
.test__next:hover {
    background-color: #283654;
    color: #fff;
}
.test__submit {
    margin-top: 30px;
    text-align: center;
}
.test__btn {
    min-width: 200px;
    padding: 11px 20px;
    font-size: 18px;
    font-weight: 700;
}
@media screen and (min-width: 768px) {
    .test__btn {
        min-width: 250px;
    }
}
.test__btn-large {
    min-width: 200px;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 700;
}
@media screen and (min-width: 768px) {
    .test__btn-large {
        min-width: 300px;
    }
}
.test-list {
    margin-top: 56px;
}
.test-list__title {
    margin-bottom: 18px;
    border-bottom: 1px solid #acbad8;
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #18b151;
}
.test-list__content {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: #333;
}
.test-list__content p {
    margin-bottom: 12px;
}
.test-list__content a {
    font: inherit;
}
@media screen and (min-width: 992px) {
    .group-checkbox {
        max-width: 75%;
    }
}
@media screen and (min-width: 992px) {
    .group-checkbox--two {
        max-width: 50%;
    }
}
.group-checkbox [class*="col-"] {
    margin-bottom: 12px;
}
.checkbox {
    align-items: flex-start;
    display: flex;
    cursor: pointer;
}
.checkbox input {
    visibility: hidden;
    margin: 0;
    box-shadow: none;
    border: none;
    width: 0;
    height: 0;
    padding: 0;
    background: 0 0;
}
.checkbox input:checked ~ .checkbox__mark {
    border-color: #283654;
    background-color: #fff;
}
.checkbox input:checked ~ .checkbox__mark::after {
    content: "";
}
.checkbox__mark {
    position: relative;
    flex-shrink: 0;
    display: block;
    margin-top: 4px;
    margin-right: 15px;
    border: 1px solid #dae4f7;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background-color: #dae4f7;
}
.checkbox__mark::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #283654;
}
.checkbox__text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.textarea {
    margin: 5px 0 13px;
    border: 1px solid #acbad8;
    border-radius: 5px;
    width: 100%;
    min-height: 90px;
    padding: 15px 12px;
    background-color: #f6f9ff;
}
.timer {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    margin-bottom: 20px;
}
.timer__title {
    margin-right: 8px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}
@media screen and (min-width: 768px) {
    .timer__title {
        margin-right: 15px;
        font-size: 20px;
    }
}
.timer__wrapper {
    justify-content: flex-end;
    align-items: center;
    display: flex;
}
.timer-number {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 5px;
    border-radius: 12px;
    width: 30px;
    height: 30px;
    background-color: #cff1d2;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color: #18b151;
}
@media screen and (min-width: 768px) {
    .timer-number {
        width: 40px;
        height: 40px;
        font-size: 30px;
    }
}
.timer-colon {
    margin: 0 3px 0 7px;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: #18b151;
}
@media screen and (min-width: 768px) {
    .timer-colon {
        font-size: 40px;
    }
}
.connect-box {
    margin: 18px 0 40px;
}
.connect-box__inner {
    position: relative;
    justify-content: space-between;
    display: flex;
    margin-bottom: 23px;
}
.connect-box__wrapper {
    width: calc(50% - 12px);
}
@media screen and (min-width: 992px) {
    .connect-box__wrapper {
        width: calc(50% - 45px);
    }
}
.connect-box__item {
    position: relative;
    margin-bottom: 5px;
    border: 1px solid #acbad8;
    border-radius: 5px;
    padding: 2px 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
@media screen and (min-width: 992px) {
    .connect-box__item > span {
        position: absolute;
        top: 50%;
        left: calc(100% + 2px);
        display: none;
        transform-origin: left;
        width: 88px;
        height: 1px;
        background-color: #283654;
    }
}
.connect-box__line {
    display: flex;
    margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
    .connect-box__line [class*="col-"] {
        margin-bottom: 12px;
    }
}
.connect-box__line-title {
    flex-shrink: 0;
    margin-right: 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.connect-box__line-inner {
    flex-grow: 1;
}
@media screen and (min-width: 992px) {
    .connect-box__line-inner {
        max-width: 52%;
    }
}
.finished-test {
    min-height: calc(100vh - 55px);
    padding: 86px 0 0;
    text-align: center;
}
.finished-test__inner {
    padding: 64px 15px;
}
@media screen and (min-width: 768px) {
    .finished-test__inner {
        padding-bottom: 80px;
    }
}
.finished-test__image {
    margin-bottom: 33px;
}
.finished-test__title {
    margin-bottom: 12px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    color: #283654;
}
@media screen and (min-width: 992px) {
    .finished-test__title {
        font-size: 36px;
        line-height: 42px;
    }
}
.finished-test__subtitle {
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    color: #57ba5f;
}
.finished-test__text {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
}
.finished-test__wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
@media screen and (min-width: 768px) {
    .finished-test__wrapper {
        flex-direction: row;
    }
}
.finished-test__btn {
    margin: 0 5px;
    min-width: 250px;
    padding: 8px 20px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .finished-test__btn {
        margin-bottom: 15px;
    }
}
.result-test {
    min-height: calc(100vh - 55px);
    padding: 86px 0 0;
}
.result-test__inner {
    padding: 50px 15px 35px;
}
@media screen and (min-width: 768px) {
    .result-test__inner {
        padding: 63px 10.2% 35px;
    }
}
.result-test__title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    color: #283654;
}
@media screen and (min-width: 992px) {
    .result-test__title {
        font-size: 30px;
        line-height: 42px;
    }
}
.result-test__score {
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    color: #57ba5f;
}
@media screen and (min-width: 992px) {
    .result-test__score {
        font-size: 30px;
        line-height: 42px;
    }
}
.result-test__score strong {
    font-size: 30px;
    line-height: 1;
}
@media screen and (min-width: 992px) {
    .result-test__score strong {
        font-size: 48px;
    }
}
.result-test__box {
    border-radius: 10px;
    padding: 20px 32px 20px 28px;
    background-color: #f6f9ff;
}
.result-test__line {
    margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
    .result-test__line {
        align-items: flex-end;
        display: flex;
        margin-bottom: 9px;
    }
}
@media screen and (max-width: 767px) {
    .result-test__line:last-child {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 768px) {
    .result-test__line > span {
        flex-grow: 1;
        margin: 0 15px 5px 20px;
        border-bottom: 1px dotted #283654;
        min-width: 50px;
    }
}
.result-test__line-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
@media screen and (max-width: 767px) {
    .result-test__line-title {
        margin-bottom: 10px;
    }
}
.result-test__line-content {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}
@media screen and (max-width: 767px) {
    .result-test__line-content {
        border-bottom: 1px dotted #283654;
        padding-bottom: 10px;
    }
    .result-test__line:last-child .result-test__line-content {
        border-bottom: none;
        padding-bottom: 0;
    }
    .countdown__title::before {
        width: 0;
    }
    .countdown__title {
        text-align: center;
    }
    .hero-overview__bar {
        padding: 0;
    }
    .guide__header {
        clear: both;
    }
    .guide .container .guide__title {
        width: 70% !important;
        font-size: 18px;
        line-height: 22px;
        padding: 0 !important;
        top: 0;
    }
    .guide .container .guide__header .guide__title {
        top: 30px !important;
    }
    .guide__btn {
        width: 70%;
    }
    .guide__featured {
        display: none;
    }
    .footer-logo {
        display: none;
    }
    .guide .text-center .guide__title {
        width: 100% !important;
    }
	.image img{height:250px}
	.contest{display:block!important}
	.contest .contest__title{font-size:20px!important;padding-top:5px}
	.countdown__content{display: flex;align-items: center;justify-content: center;}
	.countdown__title{padding:0;margin:0}
}
.result-test__note {
    padding: 21px 31px;
}
.result-test__note p {
    position: relative;
    margin-bottom: 14px;
    padding-left: 28px;
}
.result-test__note p::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 0;
    border: 1px solid #57ba5f;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.progress-bar2 {
    align-items: center;
    display: flex;
}
.progress-bar2-number {
    flex-shrink: 0;
    margin-right: 10px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}
.progress-bar2-content {
    align-items: center;
    display: flex;
    border: 1px solid #57ba5f;
    border-radius: 999px;
    width: 150px;
    height: 12px;
    padding: 2px 1px;
}
.progress-bar2-content > span {
    border-radius: 999px;
    height: 8px;
    background-color: #57ba5f;
}
.box-prize {
    background: url(https://i-vn.joboko.com/images3/common/bg-prize.png) no-repeat center/cover;
    padding: 20px 0 0;
    text-align: center;
}
.box-prize .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.box-prize .block-ttl {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
}
.box-prize .block-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.box-prize .block-list .item {
    margin: 0 5px;
}
img {
    vertical-align: middle;
    border-style: none;
}
.footer-bottom {
    background-color: #252525;
    padding: 0.9375rem 0;
}
.footer-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 35px;
}
.jbk-logo-footer {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAeCAMAAACBgxnEAAAA6lBMVEUAAAD///8RvlL///8RvlKZ1rD///////////////////////8RvlL///8RvlL///////8RvlL///8RvlL///////8RvlIRvlIRvlIQwFL///////8RvlIRvlL///8RuFL///////8RvlIRvlL///////////8RvlIRvlL///////8RvlIRvlL///8RvlIRvlL///////////////8RvlL///////8RvlL///8RvlL///8RvlIRvlIQw1L///////////8RvlIRvlL///////8RvlL///8RvlIO0lL///8VnlMO0VL///8RvlKyOUD0AAAATHRSTlMA4NoXGgIM0+svHdqgIw3vTxIG+fjGrJBCMBME4MS4JvPny7mhi11X5sCZdGYI89LLsKiSh3JFOjmbfiHspIN5a19RNSkJZEn+V07h2aDC5gAAA3pJREFUSMe1lel22jAQhccYbyUGYzCL2dcEQhbWEEhZEkibVnr/1+mVjXGAlHP4kftDOhrhz+PR1UD/1etNI0rnVGjpswKd0dMofxrMcL4+i/2hM0k+s5+M8Ej8JHrF+fV5rMRiZ7F1XvoGLFV6c/oGLPTN2HhSCbGvREryqDy2q55ig5Dq3lGo68y1z+xlSvXG6GmHTeXm2Ua9lOklKdBk2HnsNNt3h9iV0wJYsbrY7Fr7IyvyonjyV517us/GPex9I+IHHpC2kNxMM0+dt0/Ytz4iBm0wCaUHpv/rKLBzUO9BuCmmMGbiAiuUKt6I0fsat4OnqpKOUZr6WJcKK7Hu26aGKSElMD7+8LHwbZSieD6yzldyz+Bkd9irXCW/fsAH5HGrmkilNTWNcY0xTRZYTTHEq/SxrTqYlm/mdFFlrGyH2Cw+1vfZLdKreNhb/7Ulzn8SWUi17QXeJMZmJAPbEqkODKJ3UKckZIFrBdhkvIgj2t9bAJF0Q9ld7hf+t0JdxoZYiEza+FJFBRyKvSOglBkbYxZn2WKsGWDjec5Le2dw/iyy74X94fcfxWHVKdmLDlKRNVaT73xsnyBZQgA5Oysio8q0PTaHQu5bT4pnBPY1CGSB3WpMMslAWW1Sy0w3gU1raZQbPzB1phVIxVtUUmss9r9sr77KNjElt5xYKOT62eI9Y5BWXra6TIVuomnT5lO2ye1xbXtf1BaJqYYS1hYZIpq2gtoqBiq/QG0PnVAJnABDzWG4kd+J6oET0qETliLDGDIEMGFQG+PEd0IaTgixlRtw1/Pok+9bQQftVyXfg29fhG8HwreGvBlLgW+BxfFhpSqPjNWWhmzMEvBtYY89uGWNuDAN+Ai8iOvsHZ7seBdJZyDAo6bk/zsYNYBUrIJbpn26ZZhzu56QGm3JrwaQQqVc0BOYr7IhVjqTXIImVdETzD7zNQA1xELRXqb+UMoCslN+hA72c73vYMqk62iPg7bqLZaxsX+m7dgQEfuj6WhO00IsxJ702yCwPVzfuYK5b7Nn+m0+xetbukCK8lW0cBR9Fu6/RPbGPA0a5iF2hEN5ooskz1pH4M1wpX5e50pc2P5CuQO9PwlLa5X1oX3wg6IwvUIXa5lm+mD2MZm0Z/0Eq74fbTd45BbUy/VjmGA71Rbu8W4yF3jrcvBH19F1Z2jJJ1v/AH9LthXMUp50AAAAAElFTkSuQmCC)
        no-repeat;
    text-indent: -9999px;
    width: 90px;
    height: 30px;
    background-position: center;
    display: inline-block;
    margin-right: 0.625rem;
}
.footer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 0.625rem;
    list-style-type: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer-list li {
    padding-right: 1.25rem;
    position: relative;
}
.footer-list li a {
    color: #fff;
    font-size: 0.8125rem;
    line-height: 2;
    display: block;
    text-decoration: none;
}
.footer-list li:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0.5rem;
    top: 54%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.0625rem;
    height: 0.75rem;
    background-color: #515151;
}
.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer-social .txt {
    color: #fff;
    font-size: 0.8125rem;
    line-height: 1.4;
    margin: 0 0.625rem 0 0;
}
.footer-social .icon {
    margin-right: 0.625rem;
    color: #fff;
    width: 2.125rem;
    height: 2.125rem;
    border: none;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #555;
    font-size: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footer-social .cert {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.jbk-reg-mi {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAjCAMAAAAuRZ1+AAACcFBMVEUAAAD////////5293rjI7////bLTL////////////aKC3////////jXWHhTlLpe37419j////qgoXhUlb////////409T////////////////////////fRUniVlr////hUFTfQUX////voaPysLLytLX1w8X75uf////////////////////fP0TjWl7odnnskJLxqKvgTFHump33z9D639/////skpX98fL87e799vb////////////////////aJCnaJSrncXTlaGzqiIrYHCHcMjfZIyjmbnH0vb72zM3qh4n64eL86en+9/f////////////////rkJLpgIP////////ZIyjYHCHmbHDdOT7WERbTAQbwq6364eH1w8T63+DrjpHbLDDeQkbkZGf////iVFjmc3b////////////////ofH/iXF/////aKC3SAADbLDHVChDTAAXQAADaKS7ZICXod3rXFRrYGR7YHCLWDhTVDBLaJCnUBArUAgjndnnXFxzVBw3nc3fncnXkY2fZHiPXExnkYWTaJivYGyDWEBboen3iUlbvoqTbLjPmb3LfQkbXEhftlJfhTVHfRkrTAAL98/Psj5Hma27lZ2rdOD3qh4rqg4bqgIPmbHDjXF/iVVngSU3cMDXskZTriozofH/ndXjiWV3cMzjNAADytLbumpzpfoHgS0/xq63wqKrwpafunJ7ul5rsjY/kXmLePkPeO0D/+/v+9/j99PX75eX42Nn40tP2ysz2xsj1w8XdNjr1wcLzubvysbPxr7HwrK3eP0T87O33zs/vn6HePUL53N3IAAD76en63t9C0uNvAAAAbnRSTlMA5ecOMuPz4eLg89j8+vr16/X1+vjt6+resJl7Dfz69/Tz8vHw7uzpzbtmIgL7+fXy8fDt7Ovp6ejo59G1cj4s/fr39/X18/Pw7uzs6unoxaWhNDIyGAj9+/jz8/Lv49/c2dSjlYp2cFxVUUsxIeB0D28AAAdhSURBVEjHrdZVk9NQGAbgphDaxd3d3d3d3d1dvpxoY03d3Q12F3d3d7e/xEkXGJjhgoG+nUpy8fTt13PaGH7J4JWdlg9oVDWpQ8eBgwyVTedOjRoDQOsW+mPPAQcraU8xA7QhvsfYE2DZ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)
        no-repeat;
    text-indent: -9999px;
    width: 106px;
    height: 40px;
    background-position: center;
    display: inline-block;
}
.footer-list li:last-child:after {
    display: none;
}
@media (min-width: 768px) {
    .guide__header {
        display: block;
        padding-top: 5px;
    }
    .guide .container .guide__header .guide__title {
        display: none;
    }
    .guide__btn {
        width: 100%;
    }
}
.navbar {
    margin-bottom: 1px;
    box-shadow: 0 0 18px rgba(203, 217, 244, 0.5);
    background-color: #fff !important;
}
@media screen and (min-width: 1200px) {
    .navbar .container {
        max-width: 1115px;
    }
}
.nav-cta {
    margin-top: 6px;
    margin-bottom: 6px;
}
@media screen and (min-width: 992px) {
    .nav-cta {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 5px;
    }
}
.nav-cta a {
    margin-right: 5px;
}
@media screen and (min-width: 992px) {
    .nav-cta a {
        margin-right: 0;
        margin-left: 9px;
    }
}
.nav-link {
    position: relative;
    padding: 5px 0 !important;
    color: #333 !important;
}
@media screen and (min-width: 992px) {
    .nav-link {
        padding: 25px 23px 27px !important;
    }
    #header .nav-link {
        padding: 10px 23px 10px !important;
    }
}
@media screen and (min-width: 992px) {
    .nav-link::after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 19px;
        bottom: -1px;
        left: 19px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        height: 4px;
        background-color: #00af34;
    }
}
.nav-link.active::after {
    opacity: 1;
    visibility: visible;
}
.btn-green {
    border: 2px solid #25c252;
    border-radius: 999px;
    min-width: 100px;
    padding: 6px 15px;
    background-color: #25c252;
    font-size: 13px;
    text-align: center;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .btn-green {
        font-size: 15px;
    }	
}
@media screen and (min-width: 992px) {
    .btn-green {
        min-width: 120px;
    }
}
.btn-green:hover {
    color: #fff;
}
.btn-green--ol {
    background-color: transparent;
    color: #333;
}
.btn-green--ol:hover {
    color: #333;
}
strong,
b {
    font-weight: 700 !important;
}
i {
    font-style: italic;
}
.about__content ul {
    list-style: disc;
    padding-left: 15px;
}
u {
    text-decoration: underline;
}