/*=========================*/
/*=========================*/
/* Style Header */
.body-sticky {
    padding-top: 157px;
}
@media (max-width: 991px) {
    .body-sticky {
        padding-top: 77px;
    }
}
.body-sticky-small {
    padding-top: 74px;
}
@media (max-width: 991px) {
    .body-sticky-small {
        padding-top: 64px;
    }
}
.body-pay {
    padding-top: 0;
}
@media (max-width: 991px) {
    .body-pay {
        padding-top: 0;
    }
}
.lp-header {
    background-color: #fff;
    position: relative;
    -webkit-transition: 0.7s all;
    transition: 0.7s all;
    z-index: 3;
}
.header {
    background-color: #fff;
    height: 157px;
    position: relative;
    -webkit-transition: 0.7s all;
    transition: 0.7s all;
    z-index: 3;
}
@media (max-width: 991px) {
    .header {
        height: 77px;
    }
}
.header--sticky {
    box-shadow: 0 5px 10px rgba(129, 126, 126, 0.31);
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: 0.7s all;
    transition: 0.7s all;
    width: 100%;
    z-index: 99;
}
.header--small {
    background-color: #14afb4;
    height: 74px;
}
@media (max-width: 991px) {
    .header--small {
        height: 64px;
    }
}
.header__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 74px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .header__inner {
        height: 64px;
    }
}
@media (max-width: 991px) {
    .header__logo {
        margin-right: 10px;
        width: 118px;
    }
}
.header__logo-link {
    display: block;
}
.header__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.header__auth {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.0875px;
    margin-left: 60px;
}
@media (max-width: 991px) {
    .header__auth {
        margin-left: 30px;
    }
}
.header__auth:hover {
    opacity: 0.85;
}
.box-language li.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.main {
    width: 100%;
}
.hotline {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hotline:hover {
    opacity: 0.85;
}
.hotline__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 36px;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    width: 36px;
}
@media (max-width: 991px) {
    .hotline__icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 32px;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px;
        height: 32px;
        margin-right: 5px;
        width: 32px;
    }
}
.hotline__number {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
}
@media (max-width: 991px) {
    .hotline__number {
        font-size: 17px;
        line-height: 20px;
    }
}
.banner-pack__pc {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (max-width: 991px) {
    .banner-pack__pc {
        display: none;
    }
}
.banner-pack__sp {
    display: none;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (max-width: 991px) {
    .banner-pack__sp {
        display: block;
    }
}
.service-gtgt__sp {
    display: none;
}
.lists.slider .list-gtgt .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
.lists.slider .list-news .item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}
.lists.slider .list-same .item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}
.list-gtgt .owl-stage-outer {
    padding: 30px 0 10px;
}
.list-gtgt .gtgt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
    -ms-flex: 0 0 calc(100% / 2 - 30px);
    flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px 30px;
    width: calc(100% / 2 - 30px);
}
.list-gtgt .goi-cuoc {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.list-news .owl-stage-outer {
    padding: 30px 0 10px;
}
.list-news .gtgt {
    border-radius: 10px;
    box-shadow: 0px 10px 20px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 30px);
    -ms-flex: 0 0 calc(100% / 3 - 30px);
    flex: 0 0 calc(100% / 3 - 30px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 15px 30px;
    width: calc(100% / 3 - 30px);
}
.list-news .gtgt:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
}
.list-same .owl-stage-outer {
    padding: 30px 0 10px;
}
.list-same .gtgt {
    border-radius: 10px;
    box-shadow: 0px 10px 20px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 30px);
    -ms-flex: 0 0 calc(100% / 3 - 30px);
    flex: 0 0 calc(100% / 3 - 30px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 15px 30px;
    width: calc(100% / 3 - 30px);
}
.list-same .gtgt:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
}
.box-entertainm .gtgt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.box-music .list-dt .goi-cuoc .minmax {
    display: block;
    padding: 0 30px;
    width: calc(100% - 30%);
}
.box-music .min-data {
    margin: 5px 0;
}
.box-music .goi-cuoc .imgs {
    width: 30%;
}
.box-news .list-dt .goi-cuoc .minmax {
    display: block;
    padding: 0 0 0 25px;
    width: calc(100% - 20%);
}
.box-news .list-dt .min-maxd {
    padding-right: 110px;
}
.box-news .min-data {
    margin: 5px 0;
}
.box-news .goi-cuoc {
    padding: 15px;
}
.box-news .goi-cuoc .imgs {
    width: 20%;
}
.box-utilities .list-dt .goi-cuoc .minmax {
    display: block;
    padding: 0 0 0 25px;
    width: calc(100% - 20%);
}
.box-utilities .list-dt .min-maxd {
    padding-right: 110px;
}
.box-utilities .min-data {
    margin: 5px 0;
}
.box-utilities .goi-cuoc {
    padding: 15px;
}
.box-utilities .goi-cuoc .imgs {
    width: 20%;
}
.goi-cuoc .imgs img {
    border-radius: 10px;
}
.sim-sp {
    display: none;
}
@media (max-width: 767px) {
    .sim-sp {
        display: block;
    }
}
.sim-sp__input {
    position: relative;
}
.sim-sp__input .input-form {
    background-color: #f6fafa;
    border: 0;
    border-radius: 10px;
    color: #576c8a;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    padding-left: 45px;
    width: 100%;
}
.sim-sp__input .input-form::-webkit-input-placeholder {
    color: #576c8a;
}
.sim-sp__input .input-form::-moz-placeholder {
    color: #576c8a;
}
.sim-sp__input .input-form:-ms-input-placeholder {
    color: #576c8a;
}
.sim-sp__input .input-form::placeholder {
    color: #576c8a;
}
.sim-sp__input .btn-icon {
    font-size: 0;
    left: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sim-sp__input .btn-icon i {
    color: #576c8a;
    font-size: 20px;
}
.sim-sp__type {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
.sim-sp__type .radio-custom1:not(:last-child) {
    margin-right: 20px;
}
.sim-sp__type .txt-sim {
    color: #0c0033;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    top: 2px;
}
.sim-sp__list {
    margin-top: 5px;
}
.sim-sp__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 70px;
}
.sim-sp__stt {
    color: #576c8a;
    font-size: 12px;
    line-height: 18px;
}
.sim-sp__value {
    color: #14afb4;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.sim-sp__money {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
}
.sim-sp__btn {
    border-width: 1px;
    border-radius: 6px;
    padding: 12px;
}
.sim-sp__icon {
    font-size: 0;
}
.sim-sp__icon i {
    color: #14afb4;
    font-size: 22px;
}
.sort-sp {
    display: none;
}
@media (max-width: 767px) {
    .sort-sp {
        display: block;
    }
}
.sort-sp__title {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
}
.sort-sp__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}
.sort-sp__order {
    margin-right: 18px;
    width: 50%;
}
.sort-sp__pack {
    width: 50%;
}
.sort-sp__pack .box-filter__text {
    color: #576c8a;
}
.sort-sp .box-filter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: 6px 12px;
    position: relative;
}
.sort-sp .filter-content {
    border-radius: 0 0 6px 6px;
    left: 0;
    right: auto;
}
.sort-sp .filter-content ul a {
    font-size: 14px;
    line-height: 21px;
}
.box-filter__icon {
    font-size: 0;
    margin-right: 5px;
}
.box-filter__icon i {
    color: #14afb4;
    font-size: 16px;
}
.box-filter__text {
    color: #14afb4;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.box-filter__next {
    color: #576c8a;
    font-size: 0;
    position: absolute;
    right: 15px;
}
.box-filter__next .fs-angle-down {
    font-size: 8px;
}
.box-filter__next .icon-i-next {
    font-size: 12px;
}
.postage {
    display: none;
}
@media (max-width: 767px) {
    .postage {
        display: block;
    }
}
.postage__list {
    margin: 16px 0 25px;
}
.postage__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    padding: 15px 12px;
}
.postage__item:not(:last-child) {
    margin-bottom: 16px;
}
.postage__images {
    height: 48px;
    margin-right: 12px;
    width: 48px;
}
.postage__images img {
    border-radius: 6px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.postage__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 60px);
}
.postage__detail {
    width: calc(100% - 90px);
}
.postage__name {
    color: #0c0033;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.postage__name span {
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    margin-left: 5px;
}
.postage__rate {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 3px 0;
}
.postage__review {
    font-size: 0;
    margin: 0 2px;
}
.postage__review i {
    font-size: 8px;
}
.postage__review .icon-i-star-full {
    color: #ffd500;
}
.postage__review.none .icon-i-star-full {
    color: #bfc4ce;
}
.postage__price-top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.postage__price-new {
    color: #14afb4;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.postage__price-sale {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(255, 213, 0, 0.15);
    border-radius: 6px;
    color: #fe9a00;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    height: 22px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 18px;
    margin-left: 12px;
    min-width: 42px;
}
.postage__price-old {
    color: #bfc4ce;
    font-size: 14px;
    line-height: 21px;
}
.postage__btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    min-width: 90px;
    padding: 5px 10px;
}
.sort-device {
    display: none;
}
@media (max-width: 767px) {
    .sort-device {
        display: block;
    }
}
.sort-device__title {
    color: #0c0033;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.sort-device__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
.sort-device__result {
    color: #14afb4;
    font-size: 14px;
    line-height: 21px;
    position: relative;
    width: calc(100% - 86px);
}
.sort-device__result.opened .result-filter {
    display: block;
}
.sort-device__result.opened .sort-device__icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.sort-device__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    margin-left: 10px;
    position: relative;
    top: 1px;
}
.sort-device__icon i {
    font-size: 12px;
}
.sort-device__button {
    width: 86px;
}
.sort-device__button .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 6px 12px;
    width: 100%;
}
.sort-device__button.opened .filter-device {
    display: block;
}
.box-result {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .sort .search {
        padding: 10px 0 0;
    }
}
@media (max-width: 991px) {
    .sort .search input {
        background-color: #f6fafa;
        padding-left: 48px;
    }
}
@media (max-width: 991px) {
    .sort .search button {
        left: 15px;
        top: 26px;
    }
}
.grild-product .infor .price-p {
    line-height: 1.5;
}
.grild-product li {
    margin: 0 2% 20px;
}
.list-product li span,
.list-type li span {
    color: #bfc4ce;
}
.price-old {
    color: #bfc4ce;
    font-size: 14px;
    line-height: 21px;
    padding: 0 0 0 20px;
    text-decoration: line-through;
}
@media (max-width: 991px) {
    .price-old {
        display: block;
        padding: 0 0 0 15px;
    }
}
.about-price {
    margin: 40px 0 30px;
}
.about-price .txt-input {
    padding: 5px 10px;
}
.range-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 25px 0 35px;
    width: 100%;
}
@media (max-width: 991px) {
    .range-price {
        margin: 0 -5px 30px;
        padding: 0;
        width: auto;
    }
}
.range-price__item {
    border: 2px solid #e7e7e7;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(177, 186, 201, 0.15);
    cursor: pointer;
    margin: 0 5px 10px;
    min-width: 110px;
    padding: 0 10px;
    text-align: center;
}
.range-price__name {
    color: #e7e7e7;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.result-filter {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
    display: none;
    left: 0;
    min-width: 230px;
    padding: 15px 0;
    position: absolute;
    top: 100%;
    z-index: 10;
}
.result-filter__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-left: 3px solid transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    padding: 0 15px;
}
.result-filter__item.active,
.result-filter__item:hover {
    background-color: #f7f7f7;
    border-left: 3px solid #14afb4;
}
.result-filter__item.active .result-filter__link,
.result-filter__item:hover .result-filter__link {
    color: #14afb4;
}
.result-filter__link {
    color: #474747;
    font-size: 14px;
    line-height: 21px;
}
.filter-device {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
    display: none;
    padding: 30px 15px;
    position: absolute;
    right: 0;
    top: 42px;
    width: 100%;
    z-index: 11;
}
.filter-device:before {
    bottom: 100%;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    height: 0;
    position: absolute;
    right: 20px;
    width: 0;
}
.filter-device__title {
    font-size: 16px;
    margin-bottom: 15px;
}
.filter-device__item:not(:last-child) {
    margin-bottom: 10px;
}
.filter-device__item:last-child {
    margin-top: 30px;
}
.filter-device__item .btn {
    padding: 12px;
}
.filter-device__item .btn:not(:last-child) {
    margin-bottom: 15px;
}
.filter-device .range-price__item {
    padding: 6px 10px;
    width: calc(100% / 3 - 20px);
}
.list-price {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}
.list-price__item {
    width: 50%;
}
.list-price__item:not(:last-child) {
    margin-right: 15px;
}
.list-price__label {
    color: #576c8a;
    display: block;
    margin-bottom: 10px;
}
.list-price__input {
    border-radius: 6px;
    padding: 9px 16px;
}
.code-otp .control {
    padding: 0 135px 0 195px;
}
.code-otp .btn-find {
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    text-decoration: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.code-otp .btn-find:hover {
    color: #fff;
}
.field .control .input-otp {
    margin: 0;
}
.tabs-nav {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px -15px;
    overflow-x: auto;
}
@media (max-width: 767px) {
    .tabs-nav {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 15px -8px;
        padding-bottom: 10px;
    }
}
.tabs-item {
    margin: 0 15px 5px;
}
.tabs-item.active .tabs-link {
    border-bottom: 2px solid #14afb4;
    color: #14afb4;
    font-weight: bold;
}
@media (max-width: 767px) {
    .tabs-item {
        margin: 0 8px 5px;
    }
}
.tabs-link {
    border-bottom: 2px solid transparent;
    color: #576c8a;
    font-size: 16px;
    letter-spacing: 0.1px;
    line-height: 19px;
    white-space: nowrap;
}
@media (max-width: 767px) {
    .tabs-link {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 20px;
    }
}
.page-result-search {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .page-result-search {
        margin-top: 30px;
    }
}
.title-search {
    color: #252525;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 28px;
    margin-bottom: 40px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .title-search {
        color: #000;
        font-family: "Montserrat";
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
}
.form-search {
    position: relative;
    margin-bottom: 30px;
}
.form-search .ipt-search {
    background-color: #f6fafa;
    border: 0;
    border-radius: 10px;
    padding-left: 50px;
}
.form-search .btn-search {
    background-color: transparent;
    border: 0;
    font-size: 0;
    left: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.form-search .btn-search i {
    color: #576c8a;
    font-size: 20px;
}
.results-search {
    padding-bottom: 60px;
}
@media (max-width: 767px) {
    .results-search {
        padding-bottom: 20px;
    }
}
.results-search .tabs-nav {
    margin: 30px -15px 70px;
}
@media (max-width: 767px) {
    .results-search .tabs-nav {
        margin: 15px -8px;
    }
}
.section-title {
    color: #252525;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 28px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .section-title {
        font-size: 16px;
        line-height: 24px;
    }
}
.box-results {
    margin: 0 -15px;
}
.box-results .packs-fee {
    margin: 0 15px;
}
@media (max-width: 767px) {
    .combo-result .owl-carousel .owl-stage-outer {
        padding: 0 0 30px;
    }
}
@media (max-width: 767px) {
    .packs-fee {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 0 -8px;
        padding-bottom: 15px;
        overflow: auto;
    }
    .packs-fee--wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        overflow: inherit;
        padding-bottom: 0;
    }
    .packs-fee--wrap .packs-fee__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0;
        width: 100%;
    }
    .packs-fee--wrap .packs-fee__item:not(:last-child) {
        margin-bottom: 16px;
    }
}
.packs-fee__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 136px;
    padding: 16px;
    width: 100%;
}
.packs-fee__item:not(:last-child) {
    margin-bottom: 30px;
}
.packs-fee__item:hover {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
    .packs-fee__item {
        border-radius: 6px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100%/1.1 - 16px);
        -ms-flex: 0 0 calc(100%/1.1 - 16px);
        flex: 0 0 calc(100%/1.1 - 16px);
        margin: 0 8px;
        min-height: 100px;
        padding: 12px;
        width: calc(100%/1.1 - 16px);
    }
    .packs-fee__item:not(:last-child) {
        margin-bottom: 0;
    }
}
.packs-fee__left {
    height: 104px;
    margin-right: 25px;
    width: 104px;
}
@media (max-width: 767px) {
    .packs-fee__left {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 48px;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        height: 48px;
        margin-right: 12px;
        width: 48px;
    }
}
.packs-fee__number {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 54px;
    width: 100%;
}
@media (max-width: 767px) {
    .packs-fee__number {
        font-size: 16px;
    }
}
.packs-fee__number.purple {
    background-color: #864fdf;
}
.packs-fee__number.orange {
    background-color: #ffba23;
}
.packs-fee__number.red {
    background-color: #fb4600;
}
.packs-fee__img {
    border-radius: 6px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.packs-fee__right {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.packs-fee__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px;
    width: 100%;
}
@media (max-width: 767px) {
    .packs-fee__info {
        margin-right: 10px;
    }
}
.packs-fee__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.packs-fee__name {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 28px;
    margin-right: 10px;
}
@media (max-width: 767px) {
    .packs-fee__name {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
    }
}
.packs-fee__link {
    color: #0c0033;
}
.packs-fee__sub {
    color: #0c0033;
    font-size: 16px;
    line-height: 24px;
}
@media (max-width: 767px) {
    .packs-fee__sub {
        font-size: 12px;
        line-height: 18px;
    }
}
.packs-fee__rate {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0;
}
@media (max-width: 767px) {
    .packs-fee__rate {
        margin: 3px 0;
    }
}
.packs-fee__review {
    font-size: 0;
    margin: 0 3px;
}
.packs-fee__review i {
    color: #ffd500;
    font-size: 15px;
}
@media (max-width: 767px) {
    .packs-fee__review i {
        font-size: 8px;
    }
}
.packs-fee__review.none i {
    color: #bfc4ce;
}
.packs-fee__prices {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 767px) {
    .packs-fee__prices {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.packs-fee__des {
    font-size: 14px;
    line-height: 21px;
}
.packs-fee__btn a {
    border-width: 1px;
    line-height: 20px;
    min-width: 150px;
    padding: 15px 30px;
}
@media (max-width: 767px) {
    .packs-fee__btn a {
        border-radius: 6px;
        min-width: 88px;
        padding: 5px 10px;
    }
}
.prices__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
}
@media (max-width: 767px) {
    .prices__info {
        margin-right: 0;
    }
}
.prices__sales {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(255, 213, 0, 0.15);
    border-radius: 6px;
    color: #fe9a00;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 24px;
    margin-right: 10px;
    min-width: 50px;
}
@media (max-width: 767px) {
    .prices__sales {
        font-size: 13px;
        height: 22px;
        line-height: 21px;
        margin: 0 0 0 12px;
        min-width: 42px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}
.prices__new {
    color: #14afb4;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 180%;
}
@media (max-width: 767px) {
    .prices__new {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 21px;
    }
}
.prices__old {
    color: #bfc4ce;
    font-size: 14px;
    line-height: 24px;
    text-decoration: line-through;
}
@media (max-width: 767px) {
    .prices__old {
        line-height: 21px;
    }
}
.prices__date {
    color: #0c0033;
    font-size: 14px;
    line-height: 24px;
    margin-left: 10px;
}
@media (max-width: 767px) {
    .prices__date {
        font-size: 12px;
        line-height: 18px;
        margin-left: 5px;
    }
}
.prices__icon {
    font-size: 0;
    margin-right: 5px;
}
.prices__icon i {
    color: #14afb4;
    font-size: 12px;
}
.posts {
    margin: 0 -15px;
}
.posts__list {
    margin: 0 15px;
}
.posts__item:not(:last-child) {
    margin-bottom: 20px;
}
.posts__title {
    color: #0c0033;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 28px;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .posts__title {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 21px;
        margin-bottom: 5px;
    }
}
.posts__link {
    color: #007bff;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline;
}
@media (max-width: 767px) {
    .posts__link {
        font-size: 12px;
        line-height: 18px;
    }
}
.box-item {
    padding-bottom: 40px;
}
.box-item__row {
    position: relative;
}
.box-item__row:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .box-item__row:not(:last-child) {
        margin-bottom: 16px;
    }
}
.box-item__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 73px;
    padding: 20px 30px;
}
.box-item__top.active .box-item__icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media (max-width: 767px) {
    .box-item__top {
        border-radius: 6px;
        min-height: 48px;
        padding: 10px 16px;
    }
}
.box-item__title {
    color: #0c0033;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: -0.5px;
    line-height: 26px;
    margin-right: 20px;
}
@media (max-width: 767px) {
    .box-item__title {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
    }
}
.box-item__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
}
.box-item__icon i {
    color: #14d6cf;
    font-size: 16px;
}
@media (max-width: 767px) {
    .box-item__icon i {
        font-size: 12px;
    }
}
.box-item__content {
    display: none;
    padding-top: 30px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
@media (max-width: 767px) {
    .box-item__content {
        padding-top: 16px;
    }
}
.box-item__more {
    display: none;
    margin-top: 30px;
}
@media (max-width: 767px) {
    .box-item__more {
        display: none !important;
        margin-top: 16px;
    }
}
.box-item__link {
    color: #14afb4;
    font-size: 16px;
    letter-spacing: 0.0875px;
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline;
    line-height: 24px;
}
@media (max-width: 767px) {
    .box-item__link {
        font-size: 12px;
        line-height: 18px;
    }
}
.box-item__link:hover {
    color: #14d6cf;
}
.box-item .packs-fee__title {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.box-item .packs-fee__sub {
    margin-top: 5px;
}
@media (max-width: 767px) {
    .box-item .packs-fee__sub {
        margin-top: 0;
    }
}
.packs-service {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
@media (max-width: 767px) {
    .packs-service {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 0 0 -8px;
        padding-bottom: 15px;
        overflow: auto;
    }
}
.packs-service__item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
    margin: 0 15px 30px;
    width: calc(100%/2 - 30px);
}
.packs-service__item:hover {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
.packs-service__item:hover img {
    opacity: 0.75;
}
@media (max-width: 767px) {
    .packs-service__item {
        border-radius: 6px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100%/2.5 - 16px);
        -ms-flex: 0 0 calc(100%/2.5 - 16px);
        flex: 0 0 calc(100%/2.5 - 16px);
        margin: 0 8px;
        width: calc(100%/2.5 - 16px);
    }
}
.packs-service__image img {
    background: rgba(255, 255, 255, 0.893229);
    border-radius: 10px 10px 0 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (max-width: 767px) {
    .packs-service__image img {
        height: 136px;
    }
}
.packs-service__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 20px 25px;
}
@media (max-width: 767px) {
    .packs-service__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 16px 16px;
    }
}
.packs-service__detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 20px;
    width: 100%;
}
@media (max-width: 767px) {
    .packs-service__detail {
        margin-right: 0;
    }
}
.packs-service__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 767px) {
    .packs-service__title {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.packs-service__name {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    margin-right: 25px;
}
@media (max-width: 767px) {
    .packs-service__name {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 16px;
        line-height: 24px;
        margin-right: 10px;
        width: 100%;
    }
}
.packs-service__link {
    color: #252525;
}
.packs-service__link:hover {
    color: #14afb4;
}
.packs-service__icon {
    font-size: 0;
}
.packs-service__icon i {
    color: #252525;
    font-size: 16px;
}
@media (max-width: 767px) {
    .packs-service__icon i {
        font-size: 12px;
    }
}
.packs-service__des {
    color: #252525;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    padding: 5px 0;
}
@media (max-width: 767px) {
    .packs-service__des {
        font-size: 14px;
        line-height: 21px;
        padding: 2px 0;
    }
}
.packs-service__price {
    color: #14afb4;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
}
@media (max-width: 767px) {
    .packs-service__price {
        font-size: 14px;
        line-height: 21px;
    }
}
.packs-service__btn .btn {
    border-width: 1px;
    line-height: 20px;
    padding: 11px 20px;
}
@media (max-width: 767px) {
    .packs-service__btn {
        margin-top: 15px;
        width: 100%;
    }
    .packs-service__btn .btn {
        border-radius: 6px;
        min-width: 105px;
        padding: 5px 10px;
    }
}
.packs-info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
@media (max-width: 767px) {
    .packs-info {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 -8px;
        overflow: auto;
        padding-bottom: 15px;
    }
}
.packs-info__item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
    margin: 0 15px;
    padding: 35px;
    width: calc(100%/3 - 30px);
}
.packs-info__item:hover {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
    .packs-info__item {
        border-radius: 6px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100%/1.5 - 16px);
        -ms-flex: 0 0 calc(100%/1.5 - 16px);
        flex: 0 0 calc(100%/1.5 - 16px);
        margin: 0 8px;
        padding: 16px;
        width: calc(100%/1.5 - 16px);
    }
}
.packs-info__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.packs-info__name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 37px;
    margin-right: 10px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .packs-info__name {
        font-size: 16px;
        left: 0;
        line-height: 24px;
    }
}
.packs-info__link {
    color: #576c8a;
}
.packs-info__link:hover {
    color: #14afb4;
}
.packs-info__icon {
    font-size: 0;
}
.packs-info__icon i {
    color: #576c8a;
    font-size: 20px;
}
@media (max-width: 767px) {
    .packs-info__icon i {
        font-size: 12px;
    }
}
.packs-info__price {
    color: #14afb4;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    font-size: 22px;
    line-height: 26px;
    margin: 18px 0;
    padding: 15px 0;
}
@media (max-width: 767px) {
    .packs-info__price {
        font-size: 14px;
        font-weight: bold;
        line-height: 21px;
        margin: 10px 0;
        padding: 10px 0;
    }
}
.packs-info__des {
    color: #576c8a;
    font-size: 16px;
    line-height: 19px;
}
@media (max-width: 767px) {
    .packs-info__des {
        font-size: 12px;
        line-height: 18px;
    }
}
.packs-info__btn {
    margin-top: 30px;
    text-align: center;
}
.packs-info__btn .btn {
    min-width: 152px;
}
@media (max-width: 767px) {
    .packs-info__btn {
        margin-top: 15px;
    }
    .packs-info__btn .btn {
        border-radius: 6px;
        border-width: 1px;
        min-width: 88px;
        padding: 6px 12px;
    }
}
.packs-other {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
@media (max-width: 767px) {
    .packs-other {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 -8px;
        overflow: auto;
        padding-bottom: 15px;
    }
}
.packs-other__item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
    margin: 0 15px;
    width: calc(100%/2 - 30px);
}
.packs-other__item:hover {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
.packs-other__item:hover img {
    opacity: 0.75;
}
@media (max-width: 767px) {
    .packs-other__item {
        border-radius: 6px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100%/1.5 - 16px);
        -ms-flex: 0 0 calc(100%/1.5 - 16px);
        flex: 0 0 calc(100%/1.5 - 16px);
        margin: 0 8px;
        width: calc(100%/1.5 - 16px);
    }
}
.packs-other__image img {
    background: rgba(255, 255, 255, 0.893229);
    border-radius: 10px 10px 0 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (max-width: 767px) {
    .packs-other__image img {
        height: 120px;
    }
}
.packs-other__content {
    padding: 10px 30px 30px;
}
@media (max-width: 767px) {
    .packs-other__content {
        padding: 16px;
    }
}
.packs-other__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.packs-other__name {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.2125px;
    line-height: 57px;
}
@media (max-width: 767px) {
    .packs-other__name {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
    }
}
.packs-other__link {
    color: #252525;
}
.packs-other__link:hover {
    color: #14afb4;
}
.packs-other__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 0;
}
@media (max-width: 767px) {
    .packs-other__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 0 0;
    }
}
.packs-other__des {
    color: #252525;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin-right: 20px;
    width: 100%;
}
@media (max-width: 767px) {
    .packs-other__des {
        font-size: 14px;
        line-height: 21px;
        margin-right: 0;
    }
}
.packs-other__btn .btn {
    border-width: 1px;
    line-height: 20px;
    padding: 8px 26px;
}
@media (max-width: 767px) {
    .packs-other__btn {
        margin-top: 15px;
    }
    .packs-other__btn .btn {
        border-radius: 6px;
        min-width: 88px;
        padding: 5px 10px;
    }
}
.tel-device {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
@media (max-width: 767px) {
    .tel-device {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 -8px;
        overflow: auto;
        padding-bottom: 15px;
    }
}
.tel-device__item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
    margin: 0 15px;
    width: calc(100%/3 - 30px);
}
.tel-device__item:hover {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
.tel-device__item:hover img {
    opacity: 0.75;
}
@media (max-width: 767px) {
    .tel-device__item {
        border-radius: 6px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100%/1.5 - 16px);
        -ms-flex: 0 0 calc(100%/1.5 - 16px);
        flex: 0 0 calc(100%/1.5 - 16px);
        margin: 0 8px;
        width: calc(100%/1.5 - 16px);
    }
}
.tel-device__image img {
    background: rgba(255, 255, 255, 0.893229);
    border-radius: 10px 10px 0 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (max-width: 767px) {
    .tel-device__image img {
        height: 175px;
    }
}
.tel-device__content {
    padding: 30px 38px;
    text-align: center;
}
@media (max-width: 767px) {
    .tel-device__content {
        padding: 15px 25px 25px;
    }
}
.tel-device__subname {
    color: #14afb4;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .tel-device__subname {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
    }
}
.tel-device__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.tel-device__name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    margin-right: 10px;
}
@media (max-width: 767px) {
    .tel-device__name {
        font-size: 16px;
        line-height: 24px;
    }
}
.tel-device__link {
    color: #252525;
}
.tel-device__link:hover {
    color: #14afb4;
}
.tel-device__icon {
    font-size: 0;
}
.tel-device__icon i {
    color: #576c8a;
    font-size: 20px;
}
@media (max-width: 767px) {
    .tel-device__icon i {
        font-size: 12px;
    }
}
.tel-device__des {
    color: #576c8a;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    padding: 20px;
}
@media (max-width: 767px) {
    .tel-device__des {
        font-size: 14px;
        line-height: 21px;
        padding: 12px;
    }
}
.tel-device__price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
}
.tel-device__price-new {
    color: #14afb4;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 5px;
}
@media (max-width: 767px) {
    .tel-device__price-new {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
    }
}
.tel-device__price-old {
    color: #979797;
    font-size: 16px;
    line-height: 19px;
    text-decoration: line-through;
}
@media (max-width: 767px) {
    .tel-device__price-old {
        font-size: 14px;
        line-height: 21px;
    }
}
.tel-device__btn .btn {
    min-width: 152px;
}
@media (max-width: 767px) {
    .tel-device__btn .btn {
        border-radius: 6px;
    }
}
.sim-tel__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 92px;
    width: 100%;
}
.sim-tel__item:last-child {
    border-bottom: 0;
}
.sim-tel__item--head {
    background-color: transparent;
    border-bottom: 2px solid #979797;
    min-height: 40px;
}
.sim-tel__item--head .sim-tel__stt,
.sim-tel__item--head .sim-tel__number,
.sim-tel__item--head .sim-tel__price {
    color: #0c0033;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
}
@media (max-width: 767px) {
    .sim-tel__item--head {
        display: none;
    }
}
@media (max-width: 767px) {
    .sim-tel__item {
        min-height: 70px;
    }
}
.sim-tel__stt {
    color: #576c8a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 23px;
    padding: 0 15px;
    width: 10%;
}
@media (max-width: 767px) {
    .sim-tel__stt {
        font-size: 12px;
        line-height: 18px;
        padding: 0 10px;
        width: auto;
    }
}
.sim-tel__value {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
}
@media (max-width: 767px) {
    .sim-tel__value {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        padding: 0 10px;
    }
}
.sim-tel__call {
    font-size: 0;
    margin-right: 10px;
}
.sim-tel__call i {
    color: #576c8a;
    font-size: 15px;
}
@media (max-width: 767px) {
    .sim-tel__call {
        display: none;
    }
}
.sim-tel__number {
    color: #14afb4;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.125px;
    line-height: 57px;
}
@media (max-width: 767px) {
    .sim-tel__number {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px;
    }
}
.sim-tel__price {
    color: #576c8a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 21px;
    padding: 0 15px;
}
@media (max-width: 767px) {
    .sim-tel__price {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        font-size: 14px;
        line-height: 21px;
        padding: 0 10px;
    }
}
.sim-tel__btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 15px;
    width: 20%;
}
@media (max-width: 767px) {
    .sim-tel__btn {
        padding: 0 10px;
        width: auto;
    }
}
.sim-tel__btn .btn {
    border-width: 1px;
    line-height: 20px;
    padding: 11px 16px;
}
@media (max-width: 767px) {
    .sim-tel__btn .btn {
        border-radius: 6px;
        padding: 10px;
    }
}
.sim-tel__icon {
    margin-left: 15px;
    font-size: 0;
}
.sim-tel__icon i {
    color: #14afb4;
    font-size: 22px;
}
@media (max-width: 767px) {
    .sim-tel__icon i {
        font-size: 20px;
    }
}
.sim-tel__icon:hover i:before,
.sim-tel__icon.active i:before {
    content: "\e917";
}
.feautures {
    margin: 0 -15px;
}
.feautures__list {
    margin: 0 15px;
}
.feautures__item {
    border-radius: 10px;
    box-shadow: 0px 8px 15px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 30px;
    min-height: 88px;
    width: 100%;
}
.feautures__item:hover {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
.feautures__item:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .feautures__item {
        border-radius: 6px;
        min-height: 82px;
        padding: 15px 30px;
    }
    .feautures__item:not(:last-child) {
        margin-bottom: 16px;
    }
}
.feautures__title {
    color: #0c0033;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 26px;
    margin-bottom: 5px;
}
@media (max-width: 767px) {
    .feautures__title {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 0;
    }
}
.feautures__link {
    color: #14afb4;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
}
@media (max-width: 767px) {
    .feautures__link {
        font-size: 12px;
        line-height: 18px;
    }
}
.results-none {
    margin-bottom: 50px;
    text-align: center;
}
.results-none__image {
    margin-bottom: 20px;
}
.results-none__image img {
    border-radius: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.results-none__des {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
}
.packs-pstn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.packs-pstn__info {
    width: 50%;
}
.packs-pstn__info .check__fixed__title {
    margin-bottom: 30px;
    text-align: center;
}
.packs-pstn__link {
    margin-top: 40px;
}
.packs-pstn__link .btn {
    border-width: 1px;
    line-height: 20px;
    min-width: 260px;
    padding: 15px 30px;
}
.bill-pstn__link {
    margin-bottom: 40px;
}
.bill-pstn__link .btn {
    border-width: 1px;
    line-height: 20px;
    min-width: 260px;
    padding: 15px 30px;
}
.bill-pstn__note {
    color: #576c8a;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    margin-bottom: 40px;
}
.contract__title {
    color: #14afb4;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    padding: 20px 15px;
    text-align: center;
}
.contract__noti {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffeedf;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 15px;
    min-height: 84px;
    padding: 10px;
    position: relative;
}
.contract__noti-text {
    color: #576c8a;
    font-size: 13px;
    line-height: 21px;
}
.contract__noti-text span {
    color: #ff421b;
}
.contract__order {
    margin: 25px 15px;
}
.contract__body {
    background: #f1f5f8;
    border-radius: 15px 15px 0px 0px;
    padding: 15px 15px 40px;
}
.contract__detail-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    min-height: 36px;
    width: 244px;
}
.contract__detail-icon {
    font-size: 0;
    margin-right: 10px;
}
.contract__detail-text {
    color: #0176ff;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: underline;
}
.contract__button {
    margin-top: 35px;
    text-align: center;
}
.contract__button .btn:not(last-child) {
    margin-right: 10px;
}
.contract .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 10px 30px;
}
.section-contract__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.section-contract__title-icon {
    font-size: 0;
    margin-right: 10px;
}
.section-contract__title-text {
    color: #0176ff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
}
.section-contract__content {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.04);
    padding: 20px 15px;
}
.section-contract:not(:last-child) {
    margin-bottom: 25px;
}
.info-basic__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.info-basic__item:not(:last-child) {
    margin-right: 40px;
}
.info-basic__name {
    color: #576c8a;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.info-basic__value {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}
.info-product__button {
    cursor: pointer;
    margin-top: 20px;
    text-align: center;
}
.info-product__detail {
    display: none;
}
.info-product__line {
    background-color: #e7e7e7;
    border-radius: 6px;
    height: 3px;
    margin: 15px 0 20px;
    width: 100%;
}
.info-product__row:not(:last-child) {
    margin-bottom: 25px;
}
.info-product__title {
    color: #48596d;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px;
}
.info-product__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.info-product__item:not(:last-child) {
    margin-bottom: 15px;
}
.info-product__dot {
    background-color: #0176ff;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5px;
    -ms-flex: 0 0 5px;
    flex: 0 0 5px;
    height: 5px;
    margin-right: 15px;
    position: relative;
    top: 8px;
    width: 5px;
}
.info-product__txt {
    color: #48596d;
    font-size: 14px;
    line-height: 1.5;
}
.info-postage .section-contract__content {
    padding: 15px;
}
.info-postage__item:not(:last-child) {
    margin-bottom: 5px;
}
.info-postage__name {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
}
.info-postage__value {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.info-customer .section-contract__content {
    padding: 15px;
}
.info-customer__item:not(:last-child) {
    margin-bottom: 5px;
}
.info-customer__name {
    color: #576c8a;
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    margin-right: 15px;
    min-width: 80px;
}
.info-customer__value {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.info-order .section-contract__content {
    padding: 15px;
}
.info-order__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.info-order__item:not(:last-child) {
    margin-bottom: 3px;
}
.info-order__item.has-sub {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.info-order__line {
    background-color: #e7e7e7;
    border-radius: 6px;
    height: 3px;
    margin: 15px 0;
    width: 100%;
}
.info-order__name {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
    margin-right: 15px;
}
.info-order__name-sub {
    color: #14afb4;
    display: block;
    font-size: 14px;
    line-height: 21px;
}
.info-order__value {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.info-order__value.total {
    color: #14afb4;
    font-size: 16px;
    font-weight: bold;
}
.info-contract__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 64px;
    padding: 10px 15px;
}
.info-contract__item:not(:last-child) {
    margin-bottom: 16px;
}
.info-contract__detail {
    margin-right: 15px;
}
.info-contract__name {
    color: #0c0033;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-contract__des {
    color: #576c8a;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-contract__icon {
    cursor: pointer;
    font-size: 0;
    position: relative;
    top: -2px;
}
.info-contract__icon i {
    color: #576c8a;
    font-size: 20px;
}
.info-profile .section-contract__content {
    padding: 20px 15px 0;
}
.upload-info__confirm {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 24px;
}
.upload-info__note {
    color: #576c8a;
    font-size: 12px;
    font-style: italic;
    margin: 12px 0;
    line-height: 18px;
}
.upload-info .required {
    color: #ff0000;
}
.signature-confirm__des {
    color: #0c0033;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 21px;
}
.upload-file {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.upload-file__item {
    margin: 0 15px 25px;
    width: calc(100% / 2 - 30px);
}
.upload-file__title {
    color: #576c8a;
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
}
.upload-file__title .required {
    color: #ff0000;
}
.upload-file__content {
    position: relative;
}
.upload-file__before {
    background-color: #fff;
    border: 1px dashed #979797;
    border-radius: 10px;
    height: 164px;
    padding: 6px;
    position: relative;
    text-align: center;
    width: 100%;
}
.upload-file__before:before {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f8fa;
    border-radius: 50%;
    color: #2e445d;
    content: '+';
    display: none;
    font-size: 24px;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
}
.upload-file__before.has-images {
    border-color: transparent;
}
.upload-file__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.upload-file__btn {
    background-color: #14afb4;
    border: 1px solid #14afb4;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-family: 'Montserrat';
    margin-top: 20px;
    line-height: 20px;
    padding: 5px 12px;
    text-align: center;
}
.upload-file input[type='file'] {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.upload-file__img {
    height: 75px;
    margin: 0 auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.upload-file__txt {
    color: #14afb4;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    text-decoration: underline;
}
.upload-file__preview {
    background-color: #fff;
    border: 1px dashed #979797;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.upload-file__preview.active {
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.upload-file__preview img {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.upload-file__hover {
    bottom: 10px;
    position: absolute;
    width: 100%;
    z-index: 99;
}
.upload-file__icon {
    background-color: #14afb4;
    border: 1px solid transparent;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 30px;
}
.upload-file__icon:first-child {
    left: 10px;
}
.upload-file__icon:last-child {
    right: 10px;
}
.upload-file__icon:hover {
    background-color: #fff;
    border-color: #14afb4;
    color: #14afb4;
}
.upload-file--signature {
    margin: 0;
}
.upload-file--signature .upload-file__before {
    border: 1px solid #e7e7e7;
    height: 125px;
}
.upload-file--signature .upload-file__before:before {
    display: none;
}
.error-404 {
    margin: 35px auto 60px;
    max-width: 750px;
    text-align: center;
}
@media (max-width: 767px) {
    .error-404 {
        margin: 35px auto;
        max-width: 100%;
    }
}
.error-404__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 36px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .error-404__title {
        font-size: 20px;
        margin-bottom: 30px;
    }
}
.error-404__images {
    height: 365px;
    margin: 30px auto;
    width: 735px;
}
@media (max-width: 767px) {
    .error-404__images {
        height: auto;
        width: 100%;
    }
}
.error-404__images img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.error-404__images img:hover {
    opacity: 0.75;
}
.error-404__info {
    margin: 35px auto 0;
    max-width: 410px;
}
@media (max-width: 767px) {
    .error-404__info {
        margin: 30px auto 0;
        max-width: 100%;
    }
}
.error-404__des {
    color: #0c0033;
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 27px;
    word-break: break-word;
}
@media (max-width: 767px) {
    .error-404__des {
        font-size: 16px;
    }
}
.error-404__des:not(:last-child) {
    padding: 0 50px;
}
.form-2column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.form-2column .form-customize {
    margin: 0 8px 18px;
    width: calc(50% - 16px);
}
.form-customize {
    margin-bottom: 18px;
    position: relative;
    width: 100%;
}
.form-customize .label-title {
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 10px;
    position: relative;
    word-break: break-word;
}
.form-customize .required {
    color: #f25151;
    margin-left: 2px;
    position: absolute;
    top: -2px;
}
.form-customize .form-control {
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #e7e7e7;
    color: #576c8a;
    display: block;
    font-size: 14px;
    height: 40px;
    padding: 10px 15px;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 100%;
}
.form-customize .form-control::-webkit-input-placeholder {
    color: #c4c4c4;
}
.form-customize .form-control::-moz-placeholder {
    color: #c4c4c4;
}
.form-customize .form-control:-ms-input-placeholder {
    color: #c4c4c4;
}
.form-customize .form-control::placeholder {
    color: #c4c4c4;
}
.form-customize .form-control:focus {
    border-color: #14afb4;
}
.form-customize .error-text {
    color: #ff0000;
    font-size: 12px;
    margin-top: 8px;
    word-break: break-word;
}
.form-customize--error .form-control {
    border-color: #ff0000;
}
.radio-customize {
    margin-bottom: 15px;
}
.radio-customize .radio-custom1 {
    padding-left: 30px;
}
.radio-customize .txt-radio {
    color: #0c0033;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.radio-customize .txt-sub {
    color: #576c8a;
    font-size: 12px;
    line-height: 18px;
    padding-left: 30px;
}
.radio-customize input:checked ~ .checkmark ~ span {
    color: #14afb4;
}
.checkbox--customize {
    padding: 2px 0 2px 35px;
    margin-bottom: 18px;
}
.checkbox--customize .checkbox__txt {
    color: #0c0033;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.checkbox--customize input:checked ~ .checkmark ~ span {
    color: #14afb4;
}
.checkbox--small {
    font-size: 12px;
    padding: 2px 0 2px 25px;
}
.checkbox--small .checkbox__checkmark {
    background-color: #fff;
    border: 1px solid #14afb4;
    border-radius: 50%;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
}
.checkbox--small .checkbox__checkmark:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.08496 1.28571C4.81143 1.28571 1.37068 4.72647 1.37068 9C1.37068 13.2735 4.81143 16.7143 9.08496 16.7143C13.3585 16.7143 16.7992 13.2735 16.7992 9C16.7992 8.64971 16.7556 8.34777 16.6987 7.955C16.6917 7.90654 16.6845 7.85669 16.6771 7.8052C16.6269 7.45373 16.8711 7.1281 17.2226 7.07789C17.5741 7.02768 17.8997 7.2719 17.9499 7.62337C17.9569 7.6725 17.9641 7.72172 17.9713 7.77114C18.0273 8.15547 18.085 8.55121 18.085 9C18.085 13.9836 14.0686 18 9.08496 18C4.10135 18 0.0849609 13.9836 0.0849609 9C0.0849609 4.01639 4.10135 0 9.08496 0C10.6008 0 11.9951 0.345647 13.2543 1.04518C13.5647 1.21761 13.6765 1.60898 13.5041 1.91934C13.3316 2.2297 12.9403 2.34152 12.6299 2.1691C11.5748 1.58292 10.3977 1.28571 9.08496 1.28571Z' fill='%2314AFB4'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8937 1.47048C18.1464 1.71989 18.149 2.12691 17.8996 2.3796L9.01652 11.3796C8.89573 11.502 8.73094 11.5709 8.55899 11.5709C8.38703 11.5709 8.22225 11.502 8.10146 11.3796L4.77029 8.0046C4.52088 7.75191 4.52354 7.34489 4.77623 7.09548C5.02892 6.84608 5.43594 6.84874 5.68535 7.10143L8.55899 10.0129L16.9846 1.47643C17.234 1.22374 17.641 1.22108 17.8937 1.47048Z' fill='%23FE9A00'/%3e%3c/svg%3e ");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: none;
    height: 16px;
    width: 16px;
}
.checkbox--small .checkbox__txt {
    color: #576c8a;
    text-decoration: underline;
}
.checkbox--small .checkbox__link {
    color: #14afb4;
    margin-left: 2px;
    text-decoration: underline;
}
.checkbox--small .none-underline {
    text-decoration: inherit;
}
.checkbox--small input:checked ~ .checkbox__checkmark {
    border-color: transparent;
}
.checkbox--small input:checked ~ .checkbox__checkmark:after {
    display: block;
}
.order-id {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.step-bar__inner {
    background-color: #f8f8f8;
    padding: 18px 0;
}
.step-bar__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.step-bar__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 8px;
    position: relative;
    text-align: center;
    width: 25%;
}
.step-bar__item.active .step-bar__text {
    font-weight: bold;
}
.step-bar__item.done .step-bar__value {
    background-color: #14afb4;
    color: #fff;
    font-size: 0;
}
.step-bar__item.done .step-bar__value:before {
    content: "\e920";
    font-family: 'icon-theme';
    font-size: 10px;
    left: 50%;
    position: absolute;
    top: 4px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.step-bar__item:after {
    background-color: #14afb4;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 10px;
    width: 100%;
}
.step-bar__item:last-child:after {
    left: 0;
    width: 50%;
}
.step-bar__value {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 2px solid #14afb4;
    border-radius: 50%;
    color: #14afb4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "SF Pro Text";
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.1px;
    padding: 2px;
    position: relative;
    width: 20px;
    z-index: 1;
}
.step-bar__text {
    color: #14afb4;
    font-size: 12px;
    margin-top: 12px;
    line-height: 18px;
}
.banner-images__img img {
    border-radius: 6px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.switch-postpaid {
    margin: 30px 0;
}
.switch-postpaid__title {
    color: #000;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    margin: 30px 0 15px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
}
.switch-postpaid .banner-images {
    margin: 10px 0 25px;
}
.switch-postpaid .order-id {
    margin-bottom: 25px;
}
.switch-postpaid .step-bar {
    margin: 25px 0 40px;
}
.switch-postpaid .upload-info {
    margin-top: 15px;
}
.switch-postpaid__button {
    margin-top: 20px;
}
.switch-postpaid__button .btn {
    width: 100%;
}
.switch-postpaid__sub {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 24px;
}
.switch-postpaid .info-postage {
    margin-bottom: 25px;
}
.switch-postpaid .info-postage__list {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
    padding: 20px 15px;
}
.switch-postpaid .info-postage__item:not(:last-child) {
    margin-bottom: 10px;
}
.switch-postpaid .info-check {
    margin-bottom: 20px;
}
.switch-postpaid .info-address {
    margin: 20px 0;
}
.switch-postpaid .info-confirm {
    margin: 25px 0 30px;
}
.switch-postpaid .info-order {
    margin: 25px 0;
}
.switch-postpaid .info-order__name {
    color: #0c0033;
}
.switch-postpaid .info-order__list {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
    padding: 20px 15px;
}
.switch-postpaid .info-order__item:not(:last-child) {
    margin-bottom: 10px;
}
.switch-postpaid .info-contract {
    margin: 30px 0;
}
.switch-postpaid .signature-confirm {
    margin: 30px 0 20px;
}
.switch-postpaid__des {
    margin: 25px 0;
}
.modal__content {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
    margin: 0 auto;
    max-width: 100%;
    padding: 0 15px;
    position: relative;
}
@media (min-width: 576px) {
    .modal__content {
        max-width: 500px;
    }
}
.modal__header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 10px 0;
}
.modal__close {
    font-size: 0;
}
.modal__close i {
    color: #576c8a;
    font-size: 22px;
}
.modal__body {
    padding: 0 0 25px;
}
.modal__images {
    font-size: 0;
    margin-bottom: 30px;
    text-align: center;
}
.modal__images i {
    font-size: 80px;
}
.modal__images--warning i {
    color: #ff0048;
}
.modal__images--success i {
    color: #14afb4;
}
.modal__info {
    text-align: center;
}
.modal__title {
    color: #000;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 24px;
}
.modal__form {
    margin-top: 40px;
    text-align: left;
}
.modal__input {
    margin: 28px 0;
}
.modal__input input {
    border-radius: 6px;
    padding: 10px 15px;
}
.modal__des {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
    word-break: break-word;
}
.modal__des-title {
    font-weight: bold;
    margin-right: 2px;
}
.modal__des:not(:last-child) {
    margin-bottom: 2px;
}
.modal__btn {
    margin-top: 25px;
    text-align: center;
}
.modal__btn .btn {
    width: calc(50% - 10px);
}
.modal__btn .btn:not(:last-child) {
    margin-right: 15px;
}
.modal__btn .btn--full {
    width: 100%;
}
@media (max-width: 991px) {
    .modal__btn .btn--full {
        border-radius: 6px;
    }
}
.modal--my-viettel .modal__body {
    padding: 0 0 18px;
}
.modal--my-viettel .modal__des {
    color: #000;
}
.modal--my-viettel .form-group--otp .wrap {
    margin: 16px auto 16px;
}
.modal--my-viettel .form-group--otp input {
    background-color: #fff;
    font-size: 22px;
    height: 48px;
    max-width: 48px;
    width: 48px;
}
@media (min-width: 576px) {
    .modal--tickets .modal__content {
        max-width: 551px;
    }
}
.modal--tickets .modal__body {
    padding: 0 0 30px;
}
@media (max-width: 991px) {
    .modal--tickets .modal__body {
        padding: 0 0 24px;
    }
}
.modal--tickets .modal__title {
    font-size: 24px;
    line-height: 36px;
}
@media (max-width: 991px) {
    .modal--tickets .modal__title {
        font-size: 16px;
        line-height: 24px;
    }
}
.modal--tickets .modal__images {
    margin: 20px 0;
}
@media (max-width: 991px) {
    .modal--tickets .modal__images {
        margin: 0 0 15px;
    }
}
.modal--tickets .modal__des {
    color: #474747;
    font-size: 16px;
    line-height: 1.5;
}
@media (max-width: 991px) {
    .modal--tickets .modal__des {
        color: #576c8a;
        font-size: 14px;
        line-height: 21px;
    }
}
.modal--tickets .modal__des span {
    margin: 0 0 0 5px;
    font-weight: 500;
}
.modal--tickets .modal__btn {
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .modal--tickets .modal__btn {
        margin: 24px 0 0;
    }
}
.modal--tickets .modal__btn .btn {
    padding: 15px 30px;
    width: 170px;
}
@media (max-width: 991px) {
    .modal--tickets .modal__btn .btn {
        border-width: 1px;
        border-radius: 6px;
        padding: 12px 24px;
        width: 100%;
    }
}
@media (min-width: 576px) {
    .modal--loading .modal__content {
        max-width: 343px;
    }
}
.modal--loading .modal__body {
    padding: 20px 30px 45px;
}
.modal--loading .modal__title {
    color: #252525;
    font-size: 20px;
    margin: 10px 0;
}
@media (max-width: 991px) {
    .modal--loading .modal__title {
        color: #000;
        font-size: 14px;
    }
}
.modal--loading .modal__images {
    margin: 10px 0;
}
.modal--loading .modal__btn {
    margin: 40px 0 0;
}
.modal--loading .modal__btn .btn {
    padding: 15px 30px;
    width: 100%;
}
@media (max-width: 991px) {
    .modal--loading .modal__btn .btn {
        border-width: 1px;
        border-radius: 6px;
        width: 100%;
    }
}
@media (min-width: 576px) {
    .modal--flight .modal__content {
        max-width: 523px;
    }
}
.main--spillover {
    background-color: #f6fafa;
    width: 100%;
}
.spillover-service {
    padding: 50px 0 70px;
}
@media (max-width: 991px) {
    .spillover-service {
        padding: 20px 0 70px;
    }
}
.spillover-service__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
}
@media (max-width: 991px) {
    .spillover-service__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }
}
.spillover-service__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    margin-right: 20px;
    text-align: center;
}
@media (max-width: 991px) {
    .spillover-service__images {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        margin-right: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }
}
.spillover-service__images img {
    -o-object-fit: cover;
    object-fit: cover;
}
.spillover-service__images img:hover {
    opacity: 0.75;
}
.spillover-service__info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 455px;
    -ms-flex: 0 0 455px;
    flex: 0 0 455px;
}
@media (max-width: 991px) {
    .spillover-service__info {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        margin-bottom: 20px;
        width: 100%;
    }
}
.spillover-service__title {
    color: #14afb4;
    font-size: 40px;
    font-weight: normal;
    letter-spacing: 0.25px;
    line-height: 57px;
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .spillover-service__title {
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 5px;
        text-align: center;
    }
}
.spillover-service__des {
    color: #576c8a;
    font-size: 16px;
    line-height: 26px;
}
@media (max-width: 991px) {
    .spillover-service__des {
        font-size: 14px;
        line-height: 20px;
        padding: 0 40px;
        text-align: center;
    }
}
.box-spillover {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 60px;
    padding: 60px;
}
@media (max-width: 991px) {
    .box-spillover {
        margin-top: 0;
        padding: 30px 15px;
    }
}
.box-spillover__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0 20px;
}
@media (max-width: 767px) {
    .box-spillover__top {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.box-spillover__top--info {
    margin: 0;
}
.box-spillover__top--info .box-spillover__sub {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .box-spillover__top--info .box-spillover__sub {
        font-size: 20px;
        line-height: 23px;
        max-width: 100%;
    }
}
.box-spillover__tabs {
    margin-top: -24px;
}
@media (max-width: 991px) {
    .box-spillover__tabs {
        margin-top: 20px;
    }
}
.box-spillover__tabs .tabs-sub {
    margin-top: 20px;
}
@media (max-width: 991px) {
    .box-spillover__tabs .tabs-sub {
        margin-top: 10px;
    }
}
.box-spillover__tabs .tabs-nav {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .box-spillover__tabs .tabs-nav {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}
.box-spillover__sub {
    color: #364350;
    font-size: 24px;
    letter-spacing: 0.15px;
    line-height: 28px;
}
@media (max-width: 991px) {
    .box-spillover__sub {
        margin: 0 auto;
        text-align: center;
    }
}
.intro-info__note {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.intro-info__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    margin-right: 15px;
}
.intro-info__image img {
    -o-object-fit: cover;
    object-fit: cover;
}
.intro-info__des {
    color: #576c8a;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .intro-info__des {
        font-size: 13px;
        line-height: 20px;
    }
}
.intro-info__link {
    border-bottom: 1px dashed #ff8a00;
    color: #ff8a00;
    font-weight: bold;
    margin-left: 5px;
}
.intro-info__link:hover {
    color: #ffba23;
}
.intro-info__detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 50px 0;
}
@media (max-width: 991px) {
    .intro-info__detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 30px 0;
    }
}
.intro-info__sub {
    color: #364350;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
.intro-code {
    margin-right: 20px;
    width: 17%;
}
@media (max-width: 991px) {
    .intro-code {
        margin-right: 0;
        width: 100%;
    }
}
.intro-code__content {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    width: 132px;
}
@media (max-width: 991px) {
    .intro-code__content {
        text-align: left;
        width: 100%;
    }
}
.intro-code__number {
    color: #14afb4;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
}
@media (max-width: 991px) {
    .intro-code__number {
        font-size: 15px;
        line-height: 18px;
    }
}
.intro-link {
    width: calc(100% - 17% - 20px);
}
@media (max-width: 991px) {
    .intro-link {
        margin-top: 20px;
        width: 100%;
    }
}
.intro-link__item:not(:last-child) {
    margin-bottom: 25px;
}
.intro-link__result {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 30px;
}
@media (max-width: 991px) {
    .intro-link__result {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
    }
}
.intro-link__box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    padding: 10px 20px;
    width: 490px;
}
@media (max-width: 991px) {
    .intro-link__box {
        margin-right: 0;
        width: 100%;
    }
}
.intro-link__name {
    color: #14afb4;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 373px;
}
@media (max-width: 991px) {
    .intro-link__name {
        font-size: 15px;
        line-height: 18px;
        width: 80%;
    }
}
.intro-link__name:hover {
    color: #14d6cf;
    text-decoration: underline;
}
.intro-link__value {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: calc(100% - 373px - 20px);
}
@media (max-width: 991px) {
    .intro-link__value {
        width: calc(100% - 80% - 20px);
    }
}
.intro-link__icon {
    margin-right: 5px;
}
.intro-link__text {
    color: #364350;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
}
.intro-link__right {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: calc(100% - 490px - 20px);
}
@media (max-width: 991px) {
    .intro-link__right {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 20px;
        width: 100%;
    }
}
.intro-link .radio-customize .txt-radio {
    font-size: 16px;
}
.intro-btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    min-width: 128px;
    padding: 12px 20px;
}
@media (max-width: 991px) {
    .intro-btn {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
    }
}
.intro-btn__icon {
    margin-right: 10px;
}
.intro-btn__text {
    color: #364350;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}
.intro-btn:hover {
    border-color: #14afb4;
}
.intro-btn--primary {
    background-color: #14afb4;
}
.intro-btn--primary .intro-btn__text {
    color: #fff;
}
.intro-btn--primary:hover {
    background-color: #14d6cf;
    border-color: #14d6cf;
}
.intro-btn:not(:last-child) {
    margin-right: 15px;
}
@media (max-width: 991px) {
    .intro-btn:not(:last-child) {
        margin-right: 20px;
    }
}
.intro-time {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 991px) {
    .intro-time {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 15px;
        width: 100%;
    }
}
.intro-time__title {
    color: #576c8a;
    font-size: 13px;
    letter-spacing: 0.15px;
    line-height: 15px;
    margin-right: 12px;
}
@media (max-width: 991px) {
    .intro-time__title {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 21px;
        margin: 0 0 8px;
    }
}
.intro-time__info {
    position: relative;
}
@media (max-width: 991px) {
    .intro-time__info {
        width: 100%;
    }
}
.intro-time__info.opened .intro-time__menu {
    display: block;
}
.intro-time__toggle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f9f9f9;
    border-radius: 5px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 10px;
}
@media (max-width: 991px) {
    .intro-time__toggle {
        background-color: #fff;
        border: 1px solid #e7e7e7;
        border-radius: 6px;
        padding: 9px 20px;
        width: 100%;
    }
}
.intro-time__text {
    color: #364350;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 15px;
    margin-right: 5px;
}
@media (max-width: 991px) {
    .intro-time__text {
        color: #576c8a;
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
    }
}
.intro-time__icon {
    color: #14afb4;
    font-size: 0;
    position: relative;
}
.intro-time__icon i {
    font-size: 8px;
}
.intro-time__menu {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 25px rgba(39, 52, 125, 0.08);
    display: none;
    margin-top: 5px;
    padding: 15px 0 20px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 274px;
    z-index: 10;
}
@media (max-width: 991px) {
    .intro-time__menu {
        width: 100%;
    }
}
.intro-time__list {
    padding: 0 15px;
}
.intro-time__item:not(:last-child) {
    margin: 0 0 5px;
}
.intro-time__link {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
}
.intro-time__link:hover {
    color: #14afb4;
}
.intro-time__group {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 12px;
}
.intro-time__label {
    color: #576c8a;
    display: block;
    font-size: 11px;
    line-height: 24px;
    margin-bottom: 2px;
}
@media (max-width: 991px) {
    .intro-time__label {
        font-size: 12px;
    }
}
.intro-time__input {
    position: relative;
}
.intro-time__input:before {
    background: url(../images_content/ic-calendar.png) 0 0 no-repeat;
    content: "";
    height: 12px;
    left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
}
.intro-time__input input {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    border-radius: 5px;
    color: #364350;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    padding: 2px 0 2px 30px;
}
.intro-time__input input::-webkit-input-placeholder {
    color: #364350;
    font-size: 13px;
    font-weight: 500;
}
.intro-time__input input::-moz-placeholder {
    color: #364350;
    font-size: 13px;
    font-weight: 500;
}
.intro-time__input input:-ms-input-placeholder {
    color: #364350;
    font-size: 13px;
    font-weight: 500;
}
.intro-time__input input::placeholder {
    color: #364350;
    font-size: 13px;
    font-weight: 500;
}
.intro-time__input input:focus {
    border-color: #14d6cf;
}
.intro-time__tilde {
    background-color: #14afb4;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12px;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px;
    height: 1px;
    margin: 0 10px;
    position: relative;
    top: 10px;
    width: 12px;
}
.intro-time__form {
    padding: 28px 18px 0;
}
.intro-time__row:not(:last-child) {
    margin-bottom: 15px;
}
.intro-time__btn {
    border: 1px solid #e4e6ea;
    border-radius: 5px;
    color: #364350;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    padding: 4px 15px;
    text-align: center;
}
.intro-time__btn.active,
.intro-time__btn:hover,
.intro-time__btn:focus {
    border-color: #14d6cf;
}
.intro-time--select .intro-time__icon {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 991px) {
    .intro-time--select .intro-time__icon {
        right: 20px;
    }
}
.intro-time select {
    background: #f9f9f9;
    border: 0;
    border-radius: 6px;
    color: #364350;
    font-weight: bold;
    padding: 3px 30px 3px 10px;
}
@media (max-width: 991px) {
    .intro-time select {
        background-color: #fff;
        border: 1px solid #e7e7e7;
        color: #576c8a;
        padding: 7px 35px 7px 20px;
        width: 100%;
    }
}
.w--50 {
    width: 50px;
}
.w--95 {
    width: 95px;
}
.w--108 {
    width: 108px;
}
.w--115 {
    width: 115px;
}
.w--130 {
    width: 130px;
}
.w--140 {
    width: 140px;
}
.w--145 {
    width: 145px;
}
.w--150 {
    width: 150px;
}
.w--170 {
    width: 170px;
}
.w--190 {
    width: 190px;
}
.w--200 {
    width: 200px;
}
.w--250 {
    width: 250px;
}
.intro-history {
    display: block;
    overflow-x: auto;
    width: 100%;
}
.table-customize {
    background-color: #fff;
    border: 1px solid #ebedf1;
    border-collapse: separate;
    border-radius: 6px;
    border-spacing: 0;
    min-width: 1200px;
    overflow: auto;
    table-layout: fixed;
    width: 100%;
}
.table-customize thead tr {
    background-color: #f9f9f9;
}
.table-customize tr:last-child td {
    border-bottom: 0;
}
@media (max-width: 991px) {
    .table-customize tr th:first-child,
    .table-customize tr td:first-child {
        display: none;
    }
}
.table-customize th,
.table-customize td {
    color: #576c8a;
    border-bottom: 1px solid #ebedf1;
    font-size: 16px;
    padding: 18px 10px;
    text-align: left;
}
.table-customize th {
    font-size: 15px;
    font-weight: 500;
}
.table-customize__call {
    font-size: 0;
    margin-right: 10px;
}
@media (max-width: 991px) {
    .table-customize__call {
        display: none;
    }
}
.table-customize__call i {
    font-size: 15px;
}
.table-customize__number {
    color: #14afb4;
    font-weight: 500;
}
.table-customize__truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.table-customize__status {
    font-weight: 500;
}
.table-customize__status.fail {
    color: #ff0048;
}
.table-customize__status.success {
    color: #14afb4;
}
.table-customize__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.table-customize__action-icon {
    color: #14afb4;
    font-size: 0;
    margin: 0 5px 0 0;
}
.table-customize__action-icon i {
    font-size: 15px;
}
.table-customize__action-link {
    color: #14afb4;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
}
.box-auth {
    background-color: #fff;
    margin: 0 auto;
    max-width: 615px;
    padding: 0 40px 70px;
    width: 100%;
}
@media (max-width: 991px) {
    .box-auth {
        padding: 40px 15px 60px;
    }
}
.box-auth__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .box-auth__title {
        font-size: 22px;
        margin-bottom: 30px;
    }
}
.box-auth__btn {
    margin-top: 50px;
}
.box-auth__btn .btn {
    padding: 14px 20px;
    width: 100%;
}
.box-auth__confirm {
    color: #0c0033;
    font-size: 18px;
    line-height: 21px;
    margin-top: 85px;
    text-align: center;
}
@media (max-width: 991px) {
    .box-auth__confirm {
        font-size: 16px;
        margin-top: 35px;
    }
}
.box-auth__confirm .input-link {
    margin-left: 5px;
}
.pack-list {
    margin: 35px 0 120px;
}
@media (max-width: 991px) {
    .pack-list {
        margin: 15px 0 50px;
    }
    .pack-list .content {
        padding: 0;
    }
}
.pack-list__tel {
    color: #14afb4;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 21px;
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .pack-list__tel {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 10px;
        text-align: center;
    }
}
.pack-list__row {
    margin-bottom: 75px;
}
@media (max-width: 991px) {
    .pack-list__row {
        margin-bottom: 40px;
        padding: 0 15px;
    }
    .pack-list__row:last-child {
        margin-bottom: 0;
    }
    .pack-list__row--voice {
        background: url('../images_content/bg-pack-voice.png') center center no-repeat;
        background-size: cover;
        padding: 40px 15px;
    }
    .pack-list__row--voice .pack-list__title {
        color: #fff;
    }
}
.pack-list__title {
    color: #252525;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 26px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .pack-list__title {
        color: #000;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 18px;
        text-align: center;
    }
}
.pack-list__detail {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .pack-list__detail {
        display: none;
        overflow-x: auto;
        margin: 0 -10px;
    }
}
.pack-list__item {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(39, 52, 125, 0.08);
    cursor: pointer;
    margin: 0 15px;
    padding: 25px 30px;
    text-align: center;
    width: calc(100% / 3 - 15px);
}
@media (max-width: 991px) {
    .pack-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 1.2 - 10px);
        -ms-flex: 0 0 calc(100% / 1.2 - 10px);
        flex: 0 0 calc(100% / 1.2 - 10px);
        margin: 20px 10px 25px;
        padding: 25px 20px;
        width: calc(100% / 1.2 - 10px);
    }
    .pack-list__item:hover {
        box-shadow: 0 8px 25px rgba(39, 52, 125, 0.08);
    }
}
.pack-list__item:hover {
    box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.12);
}
.pack-list__name {
    color: #576c8a;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 33px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .pack-list__name {
        font-size: 24px;
        line-height: 28px;
    }
}
.pack-list__sub {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    color: #14afb4;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    margin: 20px 0;
    padding: 10px 0;
}
@media (max-width: 991px) {
    .pack-list__sub {
        margin: 15px 0;
    }
}
.pack-list__info {
    margin: 20px 0 30px;
}
.pack-list__text {
    color: #576c8a;
    font-size: 16px;
    line-height: 25px;
}
@media (max-width: 991px) {
    .pack-list__text {
        font-size: 14px;
        line-height: 24px;
    }
}
.pack-list__btn {
    margin-bottom: 18px;
}
.pack-list__btn .btn {
    width: 100%;
}
.pack-list__more .btn {
    border-width: 1px;
    min-width: 138px;
    padding: 7px 20px;
}
.pack-sp {
    display: none;
}
@media (max-width: 991px) {
    .pack-sp {
        display: block;
    }
}
.pack-sp__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 16px;
}
.pack-sp__item:not(:last-child) {
    margin-bottom: 16px;
}
.pack-sp__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48px;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    height: 48px;
    margin-right: 16px;
    width: 48px;
}
.pack-sp__images img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.pack-sp__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 48px - 16px);
}
.pack-sp__info {
    margin-right: 5px;
    width: calc(100% - 82px - 5px);
}
.pack-sp__name {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pack-sp__icon {
    font-size: 0;
    margin-right: 5px;
}
.pack-sp__icon i {
    color: #14afb4;
    font-size: 12px;
}
.pack-sp__value {
    color: #14afb4;
    font-size: 12px;
    line-height: 18px;
}
.pack-sp__des {
    color: #979797;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pack-sp__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 6px 10px;
    width: 82px;
}
@media (min-width: 576px) {
    .modal--v2 .modal__content {
        max-width: 711px;
    }
}
.modal--v2 .modal__body {
    padding: 0 80px 40px;
}
@media (max-width: 991px) {
    .modal--v2 .modal__body {
        padding: 0 0 30px;
    }
}
.modal--v2 .modal__body--app {
    padding: 0 140px 50px;
}
@media (max-width: 991px) {
    .modal--v2 .modal__body--app {
        padding: 0 30px 30px;
    }
}
.modal--v2 .modal__body--code {
    padding: 0 130px 60px;
}
@media (max-width: 991px) {
    .modal--v2 .modal__body--code {
        padding: 0 30px 30px;
    }
}
.modal--v2 .modal__title {
    color: #0c0033;
    font-size: 24px;
    line-height: 36px;
}
@media (max-width: 991px) {
    .modal--v2 .modal__title {
        color: #000;
        font-size: 16px;
        line-height: 24px;
    }
}
.modal--v2 .modal__des {
    color: #0c0033;
    font-size: 16px;
    line-height: 1.5;
}
@media (max-width: 991px) {
    .modal--v2 .modal__des {
        color: #576c8a;
        font-size: 14px;
        line-height: 21px;
    }
}
.modal--v2 .modal__txt {
    font-weight: bold;
    margin: 0 3px;
}
.modal--v2 .modal__form {
    margin-top: 20px;
}
.modal--v2 .modal__btn {
    margin-top: 45px;
    padding: 0 70px;
}
@media (max-width: 991px) {
    .modal--v2 .modal__btn {
        margin-top: 30px;
        padding: 0;
    }
}
.modal--noti .modal__body {
    padding: 0 90px 40px;
}
@media (max-width: 991px) {
    .modal--noti .modal__body {
        padding: 0 15px 30px;
    }
}
.modal--noti .modal__title {
    margin-bottom: 20px;
}
.modal--noti .modal__images {
    margin-bottom: 25px;
}
.modal--noti .btn {
    padding: 14px 20px;
}
.modal--fee .modal__body {
    padding: 0 75px 30px;
}
@media (max-width: 991px) {
    .modal--fee .modal__body {
        padding: 0 0 30px;
    }
}
@media (min-width: 576px) {
    .modal--fee .modal__content {
        max-width: 551px;
    }
}
.modal--fee .modal__title {
    margin-bottom: 24px;
}
.modal--fee .modal__images {
    margin-bottom: 24px;
}
.modal--fee .modal__btn {
    margin-top: 25px;
    padding: 0;
}
.modal--fee .btn {
    border-width: 1px;
    padding: 15px 20px;
}
.modal--pack .modal__body {
    padding: 0 40px 40px;
}
@media (max-width: 991px) {
    .modal--pack .modal__body {
        padding: 0 15px 30px;
    }
}
.modal--pack .modal__title {
    margin-bottom: 20px;
}
.modal--pack .modal__btn {
    margin-top: 10px;
}
.modal--pack .btn {
    padding: 14px 20px;
    width: 170px;
}
.modal__list {
    text-align: left;
}
.modal__list-item:not(:last-child) {
    margin-bottom: 20px;
}
.modal__list-title {
    color: #14afb4;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 5px;
}
.modal__list-des {
    color: #0c0033;
    font-size: 16px;
    line-height: 1.5;
}
.modal__list-des:not(:last-child) {
    margin-bottom: 15px;
}
.modal__app {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 35px;
}
.modal__app-images {
    height: 60px;
    width: 60px;
}
.modal__app-images img {
    height: 100%;
    width: 100%;
}
.modal__app-images img:hover {
    opacity: 0.75;
}
.modal__app-txt {
    color: #474747;
    display: block;
    font-size: 16px;
    margin-top: 5px;
    text-align: center;
}
.modal__app--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modal__code {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}
@media (max-width: 991px) {
    .modal__code {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 25px;
    }
}
.modal__code-images {
    width: calc(100% - 152px - 20px);
}
.modal__code-images img:hover {
    opacity: 0.75;
}
.modal__code .btn {
    margin-left: 20px;
    width: 152px;
}
@media (max-width: 991px) {
    .modal__code .btn {
        margin: 30px 0 0;
        width: 100%;
    }
}
@media (min-width: 576px) {
    .modal--switch .modal__content {
        max-width: 774px;
    }
}
.modal--switch .modal__body {
    padding: 0 20px 60px;
}
@media (max-width: 991px) {
    .modal--switch .modal__body {
        padding: 0 0 50px;
    }
}
.modal-switch__des {
    color: #474747;
    font-size: 16px;
    line-height: 180%;
    margin: 0 60px 15px;
    text-align: center;
}
@media (max-width: 991px) {
    .modal-switch__des {
        margin: 0 0 15px;
    }
}
.modal-switch__bold {
    font-weight: bold;
}
.modal-switch__form {
    margin: 15px 0 30px;
    padding: 0 110px;
}
@media (max-width: 991px) {
    .modal-switch__form {
        padding: 0;
    }
}
@media (max-width: 991px) {
    .modal-switch .form-horizontal {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.modal-switch .form-horizontal .label-title {
    margin: 10px 20px 0 0;
    width: auto;
}
.modal-switch .form-horizontal .form-control {
    padding: 10px 15px;
}
.modal-switch__radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.modal-switch__radio .radio-customize {
    margin: 0 10px 20px;
    width: calc(100% / 2 - 20px);
}
.modal-switch__radio .radio-customize .txt-radio {
    color: #14afb4;
    font-size: 20px;
}
@media (max-width: 991px) {
    .modal-switch__radio .radio-customize .txt-radio {
        font-size: 16px;
    }
}
.modal-switch__radio .radio-custom1 .checkmark {
    height: 16px;
    top: 2px;
    width: 16px;
}
.modal-switch__radio .radio-custom1 input:checked ~ .checkmark:after {
    height: 8px;
    left: 2px;
    top: 2px;
    width: 8px;
}
.modal-switch__info {
    border: 1px solid #14afb4;
    border-radius: 10px;
    margin: 20px 0 35px;
    padding: 16px 25px 25px;
}
@media (max-width: 991px) {
    .modal-switch__info {
        margin: 10px 0 35px;
    }
}
.modal-switch__sub {
    color: #14afb4;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 23px;
    margin: 0 0 16px;
    text-align: center;
}
.modal-switch__item {
    color: #474747;
    font-size: 16px;
    line-height: 180%;
    word-break: break-word;
}
.modal-switch__item:not(:last-child) {
    margin: 0 0 2px;
}
.modal-switch__btn {
    margin: 35px 0 0;
    text-align: center;
}
.modal-switch__btn .btn {
    border-width: 1px;
    padding: 15px 20px;
    width: 360px;
}
@media (max-width: 991px) {
    .modal-switch__btn .btn {
        width: 100%;
    }
}
.form-customize__info {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    padding: 15px 25px;
}
@media (max-width: 991px) {
    .form-customize__info {
        padding: 15px;
    }
}
.form-customize__txt {
    color: #828282;
    font-size: 16px;
    line-height: 1.5;
}
@media (max-width: 991px) {
    .form-customize__txt {
        font-size: 14px;
    }
}
.form-customize__links {
    color: #14afb4;
    margin: 0 3px;
    text-decoration: underline;
}
.form-customize__links:hover {
    color: #14d6cf;
}
.notice-text {
    color: #f18b32;
    font-size: 14px;
    line-height: 1.3;
    margin-top: 10px;
}
.search-orders {
    margin: 45px auto 120px;
    position: relative;
}
.search-orders--01 {
    margin-bottom: 150px;
    max-width: 550px;
    padding: 0 25px;
}
@media (max-width: 767px) {
    .search-orders--01 {
        margin: 40px auto 50px;
    }
}
.search-orders--03 {
    margin-bottom: 0;
}
.search-orders--03 .search-orders__form {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
@media (max-width: 767px) {
    .search-orders--03 .search-orders__form {
        margin: 0;
    }
}
.search-orders--03 .form-vertical {
    margin: 0 15px 20px;
    width: calc(100% / 3 - 30px);
}
@media (max-width: 767px) {
    .search-orders--03 .form-vertical {
        margin: 0 0 20px;
        width: 100%;
    }
}
.search-orders--03 .search-orders__btn .btn {
    min-width: 360px;
}
.search-orders--04 .search-orders__title {
    margin-bottom: 10px;
}
.search-orders--04 .search-orders__btn .btn {
    min-width: 360px;
}
.search-orders__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .search-orders__title {
        font-size: 20px;
    }
}
.search-orders__des {
    color: #474747;
    font-size: 16px;
    line-height: 180%;
    text-align: center;
}
@media (max-width: 767px) {
    .search-orders__des {
        font-size: 14px;
    }
}
.search-orders__note {
    color: #576c8a;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    text-align: center;
}
.search-orders__form {
    margin-top: 50px;
}
@media (max-width: 767px) {
    .search-orders__form {
        margin-top: 30px;
    }
}
.search-orders__btn {
    margin-top: 40px;
    text-align: center;
}
.search-orders__btn .btn {
    min-width: 170px;
    padding: 15px 30px;
}
@media (max-width: 767px) {
    .search-orders__btn .btn {
        padding: 10px 30px;
    }
}
.form-vertical {
    margin-bottom: 20px;
    position: relative;
    text-align: left;
}
.form-vertical .label-title {
    color: #0c0033;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px;
}
.form-vertical .form-control {
    padding: 14px 15px;
}
.form-vertical .form-control:disabled {
    background-color: #ececec;
    color: #576c8a;
}
.form-vertical .input-link {
    bottom: -35px;
    position: absolute;
    right: 0;
}
.form-vertical.has-link {
    margin-bottom: 60px;
}
.form-vertical.has-btn .form-control {
    padding: 10px 15px 50px;
}
.form-vertical .error-text {
    color: #ff0000;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    margin-top: 10px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .form-vertical .error-text {
        font-size: 12px;
    }
}
.form-vertical--error .form-control {
    border-color: #ff0000;
}
@media (max-width: 991px) {
    .form-vertical .label-title {
        color: #000;
        font-size: 14px;
        line-height: 21px;
    }
    .form-vertical .form-control {
        border-radius: 6px;
        padding: 9px 15px;
    }
}
.form-btn {
    bottom: 12px;
    position: absolute;
    right: 12px;
}
.input-link {
    color: #14afb4;
    font-size: 18px;
    line-height: 21px;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .input-link {
        font-size: 16px;
    }
}
.input-link:hover {
    color: #14d6cf;
}
.form-input {
    position: relative;
}
.input-addon {
    color: #14afb4;
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 16px;
    position: absolute;
    right: 15px;
    text-decoration: underline;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}
.form-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    position: relative;
}
@media (max-width: 991px) {
    .form-horizontal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.form-horizontal .label-title {
    color: #0c0033;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 13px 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}
@media (max-width: 991px) {
    .form-horizontal .label-title {
        color: #000;
        font-size: 14px;
        line-height: 21px;
        margin: 0 0 8px;
        width: 100%;
    }
}
.form-horizontal__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.form-horizontal .form-control {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 14px 15px;
}
@media (max-width: 991px) {
    .form-horizontal .form-control {
        border-radius: 6px;
        padding: 9px 15px;
    }
}
.form-horizontal .form-control:disabled {
    background-color: #ececec;
    color: #576c8a;
}
.form-horizontal .error-text {
    color: #ff0000;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    margin-top: 10px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .form-horizontal .error-text {
        font-size: 12px;
    }
}
.form-horizontal .note-text {
    color: #576c8a;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    margin-top: 10px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .form-horizontal .note-text {
        color: #979797;
        font-size: 12px;
    }
}
.form-horizontal--error .form-control {
    border-color: #ff0000;
}
.results-orders {
    background-color: #f8fafb;
    margin-top: 70px;
    padding: 40px 0 120px;
}
@media (max-width: 767px) {
    .results-orders {
        margin: 40px auto 50px;
    }
}
.results-orders__title {
    color: #0c0033;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 15px;
}
.results-orders__list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
@media (max-width: 767px) {
    .results-orders__list {
        margin: 0;
    }
}
.results-orders__item {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    cursor: pointer;
    margin: 0 15px 25px;
    padding: 20px;
    width: calc(100% / 2 - 30px);
}
@media (max-width: 767px) {
    .results-orders__item {
        margin: 0 0 25px;
        width: 100%;
    }
}
.results-orders__item:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.results-orders__item:hover .results-orders__name {
    color: #14afb4;
}
.results-orders__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #576c8a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.results-orders__id {
    color: #576c8a;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    line-height: 1.8;
}
.results-orders__icon {
    font-size: 0;
    margin-left: 20px;
}
.results-orders__icon i {
    color: #576c8a;
    font-size: 16px;
}
.results-orders__sub {
    margin: 5px 0;
}
.results-orders__name {
    color: #000;
    font-size: 20px;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.results-orders__last {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 15px;
}
.price-orders {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #14afb4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.price-orders__icon {
    font-size: 0;
    margin-right: 5px;
}
.price-orders__icon i {
    font-size: 20px;
}
.price-orders__value {
    font-size: 24px;
    letter-spacing: -0.5px;
    line-height: 28px;
}
.status-orders {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #14afb4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
}
.status-orders--success {
    color: #14afb4;
}
.status-orders--fail {
    color: #ff0048;
}
.status-orders--round {
    color: #fe9a00;
}
.status-orders__icon {
    font-size: 0;
    margin-right: 8px;
}
.status-orders__icon i {
    font-size: 16px;
}
.status-orders__text {
    font-size: 14px;
    line-height: 1.8;
}
.time-orders {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #576c8a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%;
}
.time-orders__icon {
    font-size: 0;
    margin-right: 10px;
}
.time-orders__icon i {
    font-size: 16px;
}
.time-orders__value {
    font-size: 14px;
    line-height: 18px;
}
.time-orders__value:not(:last-child) {
    margin-right: 8px;
}
.box-orders {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
@media (max-width: 767px) {
    .box-orders {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.box-orders__item {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    width: 50%;
}
@media (max-width: 767px) {
    .box-orders__item {
        width: 100%;
    }
}
.box-orders__item:not(:last-child) {
    margin-right: 30px;
}
@media (max-width: 767px) {
    .box-orders__item:not(:last-child) {
        margin: 0 0 30px;
    }
}
.box-orders__top {
    background-color: rgba(20, 175, 180, 0.15);
    border-radius: 10px 10px 0 0;
    padding: 25px;
}
.box-orders__title {
    color: #0c0033;
    font-size: 24px;
    letter-spacing: -0.5px;
    line-height: 24px;
}
.box-orders__content {
    padding: 25px;
}
.box-orders__name {
    color: #0c0033;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 24px;
    margin-right: 15px;
    width: 200px;
}
.box-orders__sub {
    color: #14afb4;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 5px;
}
.box-orders__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.box-orders__row:not(:last-child) {
    margin-bottom: 20px;
}
.box-orders__row.pack .box-orders__name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.box-orders__row.total .box-orders__name {
    font-weight: 500;
}
.box-orders__row.total .box-orders__value {
    color: #14afb4;
    font-size: 24px;
    line-height: 28px;
}
.box-orders__row.phone .box-orders__value {
    color: #14afb4;
    text-decoration: underline;
}
.box-orders__row.address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.box-orders__row.address .box-orders__name {
    font-weight: 600;
    margin: 0 0 5px;
}
.box-orders__row.address .box-orders__value {
    font-weight: normal;
}
.box-orders__detail {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.box-orders__value {
    color: #0c0033;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 24px;
}
.box-orders__images {
    margin-right: 8px;
}
.popup-otp-orders {
    padding: 15px 35px 45px;
    text-align: center;
}
.popup-otp-orders .inner-input p.modal-des {
    margin: 20px 0 25px;
}
.popup-otp-orders .form-group--otp input {
    background-color: #fff;
    font-size: 22px;
    height: 48px;
    max-width: 48px;
    width: 48px;
}
.popup-otp-orders .form-group--otp input + input {
    margin-left: 16px;
}
.popup-otp-orders .otp-resend-btn {
    margin-bottom: 50px;
}
.popup-cancel-orders {
    padding: 15px 40px 45px;
}
.popup-cancel-orders .inner-input p.modal-des {
    margin: 20px 0 30px;
}
.popup-cancel-orders .field {
    margin: 0 0 50px;
}
.merchant-account {
    margin: 40px 0 100px;
}
@media (max-width: 991px) {
    .merchant-account {
        margin: 40px 0 80px;
    }
}
.merchant-account__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .merchant-account__title {
        font-size: 20px;
    }
}
.merchant-account__note {
    color: #576c8a;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    text-align: center;
}
.merchant-account__sub {
    color: #0c0033;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 28px;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .merchant-account__sub {
        font-size: 20px;
    }
}
.merchant-account__item {
    margin-top: 25px;
}
@media (max-width: 991px) {
    .merchant-account__item {
        margin-top: 20px;
    }
}
.merchant-account__form {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .merchant-account__form {
        margin: 0;
    }
}
.merchant-account .form-vertical {
    margin: 0 15px 25px;
    width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
    .merchant-account .form-vertical {
        margin: 0 0 15px;
        width: 100%;
    }
}
.merchant-account .form-vertical--stall {
    width: calc(100% / 1.5 - 30px);
}
@media (max-width: 991px) {
    .merchant-account .form-vertical--stall {
        width: 100%;
    }
}
.merchant-account .checkbox {
    display: inline-block;
}
.merchant-account .checkbox--customize {
    margin-bottom: 25px;
}
.merchant-account .checkbox--customize .checkbox__txt {
    color: #0c0033;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.5px;
}
@media (max-width: 991px) {
    .merchant-account .checkbox--customize .checkbox__txt {
        font-size: 18px;
    }
}
.merchant-account__agree {
    margin-top: 10px;
}
.merchant-account__agree .checkbox {
    color: #576c8a;
    font-size: 14px;
    font-style: italic;
    letter-spacing: -0.5px;
    line-height: 16px;
    padding: 5px 0 0 35px;
}
.merchant-account__agree a {
    color: #14afb4;
    font-style: normal;
    margin-left: 3px;
    text-decoration: underline;
}
.merchant-account__btn {
    margin: 60px 0 30px;
    text-align: center;
}
@media (max-width: 991px) {
    .merchant-account__btn {
        margin: 40px 0 30px;
    }
}
.merchant-account__btn .btn {
    min-width: 360px;
    padding: 15px 30px;
}
@media (max-width: 991px) {
    .merchant-account__btn .btn {
        min-width: 100%;
    }
}
.merchant-account__confirm {
    color: #576c8a;
    font-size: 14px;
    font-style: italic;
    letter-spacing: -0.5px;
    line-height: 16px;
    margin-top: 30px;
}
.merchant-account__link {
    color: #14afb4;
    font-style: normal;
    margin-left: 3px;
    text-decoration: underline;
}
.main-pay .content.tabs .tabs-inner .nav-tabs {
    margin: 0 -15px;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li {
    width: 204px;
}
@media (max-width: 991px) {
    .main-pay .content.tabs .tabs-inner .nav-tabs li {
        width: calc(100% / 2 - 30px);
    }
}
.main-pay .content.tabs .tabs-inner .nav-tabs li a {
    padding: 0 10px;
    position: relative;
    word-break: break-word;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li .icon-dd {
    background: url('../images_content/ic-dd.png') no-repeat center center;
    height: 56px;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li .icon-cd {
    background: url('../images_content/ic-cd.png') no-repeat center center;
    height: 56px;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li.active .icon-dd {
    background: url('../images_content/ic-dd-active.png') no-repeat center center;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li.active .icon-cd {
    background: url('../images_content/ic-cd-active.png') no-repeat center center;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li span.sale-off {
    right: 17px;
    top: 25px;
}
@media (max-width: 991px) {
    .main-pay .content.tabs .tabcontent .col-payl .row-group .radio-custom1 {
        padding: 4px 0 0 35px;
    }
}
@media (max-width: 991px) {
    .main-pay .content.tabs .tabcontent .col-payl .row-group .control .currency > ul {
        -webkit-box-pack: inherit;
        -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        margin: 0 -3px;
    }
    .main-pay .content.tabs .tabcontent .col-payl .row-group .control .currency > ul li {
        margin: 5px 3px !important;
        width: calc(100% / 3 - 6px) !important;
    }
}
.main-pay .field .radio-custom1 {
    padding: 4px 0 0 35px;
}
.main-pay .field .radio-custom1:not(:last-child) {
    margin-right: 80px;
}
@media (max-width: 991px) {
    .main-pay .field .radio-custom1:not(:last-child) {
        margin: 0 0 10px;
    }
}
.main-pay .field .label-radio {
    padding-top: 3px;
}
.main-pay .radio-custom1 .txt-radio {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.5px;
}
.main-pay .radio-custom1 .checkmark {
    height: 24px;
    width: 24px;
}
.main-pay .radio-custom1 .checkmark:after {
    color: #fff;
    content: '\e920';
    font-family: 'icon-theme';
    font-size: 10px;
}
.main-pay .radio-custom1 input:checked ~ .checkmark {
    background-color: #14afb4;
}
.main-pay .radio-custom1 input:checked ~ .checkmark:after {
    background: transparent;
    top: 2px;
}
.main-pay .radio-custom1 input:checked ~ .checkmark ~ span {
    font-weight: normal;
}
.main-pay .content.tabs .tabs-inner .nav-tabs li span.sale-off.other {
    right: 48px;
    top: 18px;
}
@media (max-width: 991px) {
    .main-pay .content.tabs .tabs-inner .nav-tabs li span.sale-off.other {
        right: 18px;
    }
}
@media (max-width: 991px) {
    .main.main-pay.hhv-nttc-cd .content.tabs .tabs-inner .nav--fee {
        -webkit-box-pack: inherit;
        -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        padding: 35px 0;
    }
}
.main-pay .content.tabs .tabcontent .col-payl .row-group .control .currency .advance-fee {
    clear: both;
    color: #fe9a00;
    display: block;
    font-size: 14px;
    line-height: 18px;
}
@media (max-width: 991px) {
    .main-pay .content.tabs .tabcontent .col-payl .row-group .control .currency .advance-fee {
        margin: 5px 0 0;
    }
}
.main-pay .content.tabs .tabcontent .col-payl .row-group .control .currency .advance-fee span {
    color: #14afb4;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
}
@media (max-width: 991px) {
    .radio-customize {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
}
.field .box-capcha--pay {
    float: left;
}
input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.agree--pay {
    margin: 45px 0 20px;
    padding-left: 195px;
}
@media (max-width: 991px) {
    .agree--pay {
        margin: 20px 0;
        padding-left: 0;
    }
}
.agree--pay .checkbox {
    color: #576c8a;
    padding-top: 5px;
}
.agree--pay .checkbox .checkmark {
    box-shadow: none;
}
.agree--pay a {
    text-decoration: underline;
}
.modal--pay .modal__content {
    max-width: 524px;
}
.modal--pay .modal__title {
    color: #0c0033;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 30px;
    text-align: center;
}
.modal--pay .modal__body {
    padding: 0 0 35px;
}
.modal--pay .modal__body--pay4 {
    padding: 0 35px 35px;
}
@media (max-width: 991px) {
    .modal--pay .modal__body--pay4 {
        padding: 0 0 35px;
    }
}
.modal--pay .modal__body--pay5 {
    padding: 0 85px 35px;
}
@media (max-width: 991px) {
    .modal--pay .modal__body--pay5 {
        padding: 0 0 35px;
    }
}
.modal--pay .modal__body--pay6 {
    padding: 0 35px 35px;
}
@media (max-width: 991px) {
    .modal--pay .modal__body--pay6 {
        padding: 0 0 35px;
    }
}
.modal--pay .modal__noti {
    color: #0c0033;
    font-size: 16px;
    line-height: 21px;
    margin: 40px 0 20px;
}
.modal--pay .modal__noti-bold {
    font-weight: bold;
    margin: 0 2px;
}
.modal--pay .modal__des {
    font-size: 16px;
}
.modal--pay .modal__btn .btn {
    padding: 15px 20px;
    width: 170px;
}
.modal--pay .modal__link {
    color: #14afb4;
    font-size: 14px;
    line-height: 21px;
    text-decoration: underline;
}
.modal--pay .modal__list-item {
    color: #0c0033;
    font-size: 16px;
    line-height: 150%;
}
.modal--pay .modal__list-item:not(:last-child) {
    margin-bottom: 5px;
}
.modal--pay .modal__list-value.total {
    font-weight: bold;
}
.modal__order {
    margin-bottom: 20px;
}
.modal__order-name {
    color: #14afb4;
    font-size: 18px;
    font-weight: bold;
    line-height: 180%;
    margin-bottom: 10px;
}
.modal__body--pay4 .modal__info {
    text-align: left;
}
.modal__body--pay4 .modal__btn {
    margin-top: 35px;
}
.modal__body--pay5 .modal__title {
    margin-bottom: 25px;
}
.modal__body--pay5 .modal__images {
    margin-bottom: 20px;
}
.modal__body--pay5 .modal__noti {
    margin: 25px 0 20px;
}
.modal__body--pay5 .modal__btn {
    margin-top: 35px;
}
.modal__body--pay6 .modal__des {
    text-align: left;
}
.modal__body--pay6 .modal__form {
    margin-top: 25px;
}
.modal__body--pay6 .modal__btn {
    margin-top: 30px;
}
.modal__body--pay7 .modal__btn {
    margin-top: 50px;
}
.form-input__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #abb5c4;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 23px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 23px;
}
.form-input__icon i {
    color: #fff;
    font-size: 14px;
}
.pay-viettel {
    background-color: #e5e5e5;
    height: 100vh;
    min-height: 100%;
    position: relative;
}
.pay-viettel__header {
    background-color: #14afb4;
}
.pay-viettel__content {
    height: calc(100vh - 50px - 74px);
    padding: 20px 15px;
}
.pay-viettel__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 64px;
    padding: 0 15px;
}
.pay-viettel__item.disabled {
    background-color: #f2f2f2;
}
.pay-viettel__item.disabled .radio-custom1 {
    cursor: default;
    opacity: 0.6;
}
.pay-viettel__item.disabled .radio-custom1:hover input ~ .checkmark {
    border-color: #576c8a;
}
.pay-viettel__item:not(:last-child) {
    margin-bottom: 15px;
}
.pay-viettel__item .radio-customize {
    margin-bottom: 0;
    width: 100%;
}
.pay-viettel__item .radio-custom1 .checkmark {
    border: 1px solid #576c8a;
    height: 16px;
    top: 10px;
    width: 16px;
}
.pay-viettel__item .radio-custom1 input:checked ~ .checkmark:after {
    height: 8px;
    width: 8px;
}
.pay-viettel__footer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 74px;
    padding: 0 15px;
    position: fixed;
    width: 100%;
}
.pay-viettel__title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px;
}
.pay-nav {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    position: relative;
}
.pay-nav__icon {
    font-size: 0;
    left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pay-nav__icon i {
    font-size: 18px;
}
.pay-nav__text {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
.radio-pay {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.radio-pay__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px;
}
.radio-pay__title {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.radio-pay__des {
    font-size: 12px;
    line-height: 21px;
}
.radio-pay__des.free {
    color: #14afb4;
}
.radio-pay__des.cost {
    color: #fe9a00;
}
.radio-pay__icon {
    height: 19px;
}
.pay-total {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px;
}
.pay-total__text {
    color: rgba(87, 108, 138, 0.7);
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 3px;
}
.pay-total__price {
    color: #fe9a00;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
.pay-btn .btn {
    border-radius: 6px;
    min-width: 165px;
}
.support-online {
    padding: 0;
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 100;
}
.support-online__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.support-online__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #00c1ae;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    position: relative;
    width: 146px;
}
.support-online__title:after {
    background: url("../images_content/ic-support.png") center center no-repeat;
    content: "";
    bottom: -8px;
    height: 18px;
    position: absolute;
    right: 0;
    width: 18px;
}
.support-online__name {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
}
.support-online__chat {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffb700;
    border-radius: 12px 12px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.support-online__icon {
    margin-right: 8px;
}
.support-online__text {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}
.shop-viettel {
    margin: 40px 0 90px;
    position: relative;
}
@media (max-width: 991px) {
    .shop-viettel {
        margin: 0 0 120px;
    }
}
.shop-viettel__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .shop-viettel__top {
        margin-bottom: 15px;
    }
}
.shop-viettel__nav {
    position: relative;
    z-index: 10;
}
.shop-viettel__nav.opened .nav-links {
    display: block;
}
.shop-viettel__title {
    color: #0c0033;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
}
@media (max-width: 991px) {
    .shop-viettel__title {
        font-size: 16px;
        line-height: 24px;
        margin: 0 15px 0 0;
    }
}
.banner-shop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}
.banner-shop__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 15px;
}
@media (max-width: 991px) {
    .banner-shop__left {
        display: none;
    }
}
.banner-shop__right {
    margin: 0 15px;
}
@media (max-width: 991px) {
    .banner-shop__right {
        display: none;
    }
}
.banner-shop__sp {
    display: none;
    width: 100%;
}
@media (max-width: 991px) {
    .banner-shop__sp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.banner-shop__sp img {
    width: 100%;
}
@media (max-width: 991px) {
    .banner-shop__sp img {
        height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.banner-shop__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.banner-shop__item:not(:last-child) {
    margin-bottom: 30px;
}
.banner-shop img:hover {
    opacity: 0.85;
}
.service-shop {
    margin: 40px 0 70px;
}
@media (max-width: 991px) {
    .service-shop {
        margin: 30px 0 20px;
    }
}
.service-shop__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
@media (max-width: 991px) {
    .service-shop__list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: auto;
        padding-bottom: 10px;
    }
}
.service-shop__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 10px;
}
@media (max-width: 991px) {
    .service-shop__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 4 - 10px);
        -ms-flex: 0 0 calc(100% / 4 - 10px);
        flex: 0 0 calc(100% / 4 - 10px);
        margin: 0 5px;
        width: calc(100% / 4 - 10px);
    }
}
.service-shop__link:hover .service-shop__images {
    box-shadow: 0 1px 6px #ccd8db;
    opacity: 0.8;
}
.service-shop__link:hover .service-shop__title {
    color: #14afb4;
}
.service-shop__images {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
}
@media (max-width: 991px) {
    .service-shop__images {
        height: 50px;
        width: 50px;
    }
}
.service-shop__images:hover {
    box-shadow: 0 1px 6px #ccd8db;
    opacity: 0.8;
}
.service-shop__images img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px;
}
@media (max-width: 991px) {
    .service-shop__images img {
        width: 20px;
    }
}
.service-shop__title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
}
@media (max-width: 991px) {
    .service-shop__title {
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 18px;
    }
}
.hot-shop {
    margin: 70px 0 0;
}
@media (max-width: 991px) {
    .hot-shop {
        margin: 20px 0 0;
    }
}
.hot-shop__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 45px;
}
@media (max-width: 991px) {
    .hot-shop__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 10px;
    }
}
.hot-shop__list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.time-promotion {
    margin-right: 45px;
}
@media (max-width: 991px) {
    .time-promotion {
        margin-right: 0;
    }
}
.time-promotion__number {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
}
@media (max-width: 991px) {
    .time-promotion__number {
        font-size: 14px;
        line-height: 21px;
    }
}
.time-promotion__progress {
    background-color: #e5e5e5;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 5px;
}
@media (max-width: 991px) {
    .time-promotion__progress {
        height: 3px;
    }
}
.time-promotion__bar {
    background-color: #14afb4;
    border-radius: 10px;
}
@media (max-width: 991px) {
    .time-promotion__bar {
        border-radius: 6px;
    }
}
.list-promotion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .list-promotion {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -8px;
    }
}
.list-promotion__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 15px;
    position: relative;
    width: calc(100% / 4 - 30px);
}
@media (max-width: 991px) {
    .list-promotion__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
        flex: 0 0 calc(100% / 2 - 16px);
        margin: 0 8px 16px;
        width: calc(100% / 2 - 16px);
    }
}
.list-promotion__item.active .list-promotion__action {
    background: -webkit-linear-gradient(left, #14afb4 0%, #35ae8b 100%);
    background: linear-gradient(90deg, #14afb4 0%, #35ae8b 100%);
}
.list-promotion__item:after {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    bottom: 15px;
    content: "";
    height: 45px;
    position: absolute;
    right: -12px;
    width: 45px;
}
@media (max-width: 991px) {
    .list-promotion__item:after {
        height: 30px;
        width: 30px;
    }
}
.list-promotion__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 45px;
    padding: 0 20px;
}
@media (max-width: 991px) {
    .list-promotion__info {
        border-radius: 6px 0 0 6px;
        height: 30px;
        padding: 0 12px;
    }
}
.list-promotion__name {
    color: #252525;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .list-promotion__name {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
    }
}
.list-promotion__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #bdbdbd;
    border-radius: 0 10px 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
}
@media (max-width: 991px) {
    .list-promotion__action {
        border-radius: 0 6px 6px 0;
        height: 30px;
        width: 30px;
    }
    .list-promotion__action img {
        width: 13px;
    }
}
.rules-promotion {
    margin-right: 67px;
    width: 330px;
}
@media (max-width: 991px) {
    .rules-promotion {
        margin: 0 0 25px;
        width: 100%;
    }
}
.rules-promotion__title {
    color: #252525;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .rules-promotion__title {
        letter-spacing: 0;
        line-height: 21px;
        margin-bottom: 15px;
    }
}
@media (max-width: 991px) {
    .rules-promotion__list.opened .rules-promotion__item.none {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .rules-promotion__list.opened .rules-promotion__item.rules-more {
        display: none;
    }
}
.rules-promotion__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.rules-promotion__item:not(:last-child) {
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .rules-promotion__item.none {
        display: none;
    }
}
.rules-promotion__item.rules-more {
    border-top: 0.6px solid #f2f2f2;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 8px;
}
.rules-promotion__item.rules-more i {
    color: #14afb4;
    font-size: 8px;
    margin-left: 8px;
}
@media (max-width: 991px) {
    .rules-promotion__item.rules-more {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.rules-promotion__icon {
    font-size: 0;
    margin-right: 15px;
}
.rules-promotion__icon i {
    color: #14afb4;
    font-size: 16px;
}
.rules-promotion__name {
    color: #252525;
    font-size: 14px;
    letter-spacing: 0.0875px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rules-promotion__more {
    color: #14afb4;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.box-shop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}
@media (max-width: 991px) {
    .box-shop {
        margin: 0 -8px;
        overflow: auto;
        padding-bottom: 20px;
    }
}
.box-shop__item {
    background-color: #fff;
    border-radius: 41px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    margin: 0 10px;
    position: relative;
    text-align: center;
    width: calc(100% / 3 - 20px);
}
@media (max-width: 991px) {
    .box-shop__item {
        border-radius: 26px;
        box-shadow: 0 6px 25px rgba(39, 52, 125, 0.12);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
        flex: 0 0 calc(100% / 2.2 - 16px);
        margin: 0 8px;
        width: calc(100% / 2.2 - 16px);
    }
}
.box-shop__item.hot .box-shop__info {
    border-width: 0.6px;
}
.box-shop__item.hot .box-shop__value {
    font-size: 16px;
}
@media (max-width: 991px) {
    .box-shop__item.hot .box-shop__value {
        font-size: 12px;
    }
}
.box-shop__item:hover {
    box-shadow: 0 1px 6px #ccd8db;
}
.box-shop__detail {
    border-radius: 41px;
    overflow: hidden;
    padding: 30px;
    position: relative;
}
@media (max-width: 991px) {
    .box-shop__detail {
        border-radius: 26px;
        padding: 18px 20px 15px;
    }
}
.box-shop__bar {
    border-radius: 41px;
    height: 7px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 991px) {
    .box-shop__bar {
        border-radius: 26px;
        height: 5px;
    }
}
.box-shop__label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ff9f40;
    border-radius: 41px 30px 0 41px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 26px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: -0.5px;
    line-height: 24px;
    position: absolute;
    right: -6px;
    top: 25px;
    width: 55px;
}
@media (max-width: 991px) {
    .box-shop__label {
        border-radius: 26px 20px 0 26px;
        font-size: 10px;
        height: 17px;
        letter-spacing: 0;
        line-height: 18px;
        top: 15px;
        width: 36px;
    }
}
.box-shop__label:after {
    background: url("../images_content/ic-hot.png") 0 0 no-repeat;
    bottom: -6px;
    content: "";
    height: 7px;
    position: absolute;
    right: 0;
    width: 7px;
}
.box-shop__name {
    color: #14afb4;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.0875px;
    line-height: 33px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .box-shop__name {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 10px;
    }
}
.box-shop__info {
    border-top: 1px solid #f2f2f2;
    padding: 7px 0;
}
@media (max-width: 991px) {
    .box-shop__info {
        border-width: 0.6px;
        padding: 5px 0;
    }
}
.box-shop__info.last {
    border-bottom: 1px solid #f2f2f2;
}
@media (max-width: 991px) {
    .box-shop__info.last {
        border-width: 0.6px;
    }
}
.box-shop__text {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin-right: 20px;
}
@media (max-width: 991px) {
    .box-shop__text {
        display: none;
        font-size: 10px;
        letter-spacing: 0;
        line-height: 18px;
    }
}
.box-shop__value {
    color: #252525;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .box-shop__value {
        font-size: 10px;
        letter-spacing: 0;
        line-height: 18px;
    }
}
.box-shop__value.prices {
    color: #14afb4;
    font-size: 18px;
}
@media (max-width: 991px) {
    .box-shop__value.prices {
        font-size: 12px;
    }
}
.box-shop__btn {
    margin-top: 28px;
}
@media (max-width: 991px) {
    .box-shop__btn {
        margin-top: 20px;
    }
}
.box-shop__btn .btn {
    border-width: 1px;
    min-width: 145px;
}
@media (max-width: 991px) {
    .box-shop__btn .btn {
        border-radius: 6px;
        min-width: 100%;
        padding: 6px 12px;
    }
}
.box-shop__btn .btn + .btn {
    margin-left: 8px;
}
@media (max-width: 991px) {
    .box-shop__btn .btn + .btn {
        display: none;
    }
}
.pack-shop {
    margin: 60px 0 0;
}
@media (max-width: 991px) {
    .pack-shop {
        margin: 20px 0 0;
    }
}
.pack-shop__row:not(:last-child) {
    margin-bottom: 32px;
}
@media (max-width: 991px) {
    .pack-shop__row:not(:last-child) {
        margin-bottom: 10px;
    }
}
.pack-shop .box-shop__item {
    width: calc(100% / 4 - 20px);
}
@media (max-width: 991px) {
    .pack-shop .box-shop__item {
        border-radius: 26px;
        box-shadow: 0 6px 25px rgba(39, 52, 125, 0.12);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
        flex: 0 0 calc(100% / 2.2 - 16px);
        margin: 0 8px;
        width: calc(100% / 2.2 - 16px);
    }
}
.pack-shop .box-shop__item.hot {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 366px;
    -ms-flex: 0 0 366px;
    flex: 0 0 366px;
    width: 366px;
}
@media (max-width: 991px) {
    .pack-shop .box-shop__item.hot {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
        flex: 0 0 calc(100% / 2.2 - 16px);
        width: calc(100% / 2.2 - 16px);
    }
}
.nav-sp {
    cursor: pointer;
    display: none;
}
@media (max-width: 991px) {
    .nav-sp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.nav-sp__name {
    color: #576c8a;
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
}
.nav-sp i {
    font-size: 8px;
    margin-left: 3px;
    position: relative;
    top: -2px;
}
.nav-links {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .nav-links {
        background-color: #fff;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);
        border-radius: 6px;
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 5px;
        min-width: 160px;
        padding: 5px 10px;
        position: absolute;
        right: 0;
        top: 100%;
    }
}
.nav-links__item:not(:last-child) {
    margin-right: 25px;
}
.nav-links__item.active .nav-links__name,
.nav-links__item:hover .nav-links__name {
    color: #1aa187;
}
@media (max-width: 991px) {
    .nav-links__item {
        padding: 8px 0;
    }
    .nav-links__item:not(:last-child) {
        border-bottom: 1px solid #e1e1e1;
        margin-right: 0;
    }
}
.nav-links__name {
    color: #14afb4;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}
@media (max-width: 991px) {
    .nav-links__name {
        white-space: nowrap;
    }
}
.post-shop {
    margin: 50px 0 0;
}
@media (max-width: 991px) {
    .post-shop {
        margin: 10px 0 0;
    }
}
.post-shop__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}
@media (max-width: 991px) {
    .post-shop__content {
        margin: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.post-shop__item {
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 132px;
    margin: 0 10px;
    padding: 10px 0 15px 20px;
    width: calc(100% / 2 - 20px);
}
@media (max-width: 991px) {
    .post-shop__item {
        height: auto;
        margin: 0;
        padding: 15px;
        width: 100%;
    }
}
.post-shop__item.left {
    background: url("../images_content/bg-post-1.png") 0 0 no-repeat;
    background-size: cover;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 991px) {
    .post-shop__item.left {
        margin-bottom: 15px;
    }
}
.post-shop__item.right {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../images_content/bg-post-2.png") 0 0 no-repeat;
    background-size: cover;
}
@media (max-width: 991px) {
    .post-shop__item.right {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.post-shop__item.right .post-shop__btn {
    margin: 45px 0 0 20px;
}
@media (max-width: 991px) {
    .post-shop__item.right .post-shop__btn {
        margin: 10px 0 0;
    }
}
.post-shop__item:hover {
    opacity: 0.8;
}
.post-shop__info {
    max-width: 310px;
}
@media (max-width: 991px) {
    .post-shop__info {
        max-width: 270px;
    }
}
.post-shop__title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.0875px;
    line-height: 33px;
}
@media (max-width: 991px) {
    .post-shop__title {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 22px;
        margin-bottom: 5px;
    }
}
.post-shop__des {
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.0622392px;
    line-height: 17px;
}
@media (max-width: 991px) {
    .post-shop__des {
        font-size: 10px;
        letter-spacing: 0;
        line-height: 15px;
    }
}
.post-shop__row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .post-shop__row:not(:last-child) {
        margin-bottom: 2px;
    }
}
.post-shop__icon {
    font-size: 0;
    margin-right: 5px;
}
.post-shop__icon i {
    color: #fff;
    font-size: 10px;
}
@media (max-width: 991px) {
    .post-shop__icon i {
        font-size: 9px;
    }
}
.post-shop__text {
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.0622392px;
    line-height: 18px;
}
@media (max-width: 991px) {
    .post-shop__text {
        font-size: 10px;
        letter-spacing: 0;
        line-height: 15px;
    }
}
.post-shop__btn {
    margin-top: 5px;
}
@media (max-width: 991px) {
    .post-shop__btn {
        margin-top: 10px;
    }
}
.post-shop__btn .btn {
    border-width: 1px;
    padding: 8px 15px;
    width: 155px;
}
@media (max-width: 991px) {
    .post-shop__btn .btn {
        width: auto;
    }
}
.post-shop__btn .btn:hover {
    background-color: #fff;
    color: #14afb4;
    opacity: 0.85;
}
.sim-shop {
    margin: 60px 0 0;
}
@media (max-width: 991px) {
    .sim-shop {
        margin: 30px 0 0;
    }
}
.sim-shop__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}
@media (max-width: 991px) {
    .sim-shop__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 15px;
    }
}
.sim-shop__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 326px;
    -ms-flex: 0 0 326px;
    flex: 0 0 326px;
    margin-right: 20px;
    width: 326px;
}
@media (max-width: 991px) {
    .sim-shop__images {
        display: none;
    }
}
.sim-shop__images img {
    border-radius: 10px;
}
.sim-shop__images img:hover {
    opacity: 0.85;
}
.sim-shop__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 991px) {
    .sim-shop__info {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        overflow: auto;
        padding-bottom: 10px;
        width: 100%;
    }
}
.sim-shop .nav-links {
    background-color: transparent;
    box-shadow: none;
    display: block;
    margin: 0;
    min-width: auto;
    padding: 0;
    position: static;
    right: auto;
    top: auto;
    width: auto;
}
.search-shop__name {
    color: #576c8a;
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 21px;
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .search-shop__name {
        color: #333;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 21px;
        margin-bottom: 8px;
    }
}
.search-shop__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .search-shop__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.search-shop__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px;
}
@media (max-width: 991px) {
    .search-shop__action {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 0 15px;
        width: 100%;
    }
}
.search-shop__action .btn {
    width: 173px;
}
@media (max-width: 991px) {
    .search-shop__action .btn {
        border-radius: 6px;
        border-width: 1px;
        padding: 10px 15px;
        width: 124px;
    }
}
.search-shop__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-right: 20px;
}
.search-shop__input i {
    color: #576c8a;
    font-size: 18px;
    left: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.search-shop__input input {
    background-color: rgba(244, 248, 248, 0.788188);
    border: 0;
    padding: 12px 35px;
}
.search-shop__input input::-webkit-input-placeholder {
    font-weight: normal;
}
.search-shop__input input::-moz-placeholder {
    font-weight: normal;
}
.search-shop__input input:-ms-input-placeholder {
    font-weight: normal;
}
.search-shop__input input::placeholder {
    font-weight: normal;
}
@media (max-width: 991px) {
    .search-shop__input input {
        background-color: #f6fafa;
        border-radius: 6px;
        padding: 10px 30px 10px 45px;
    }
}
.key-hot__title {
    color: #0c0033;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 5px;
}
@media (max-width: 991px) {
    .key-hot__title {
        color: #000;
        font-size: 12px;
        line-height: 18px;
    }
}
.key-hot__number {
    color: #14afb4;
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 180%;
}
@media (max-width: 991px) {
    .key-hot__number {
        font-size: 14px;
        line-height: 21px;
    }
}
.key-hot__number:not(:last-child) {
    margin-right: 40px;
}
@media (max-width: 991px) {
    .key-hot__number:not(:last-child) {
        margin-right: 18px;
    }
}
.table-sim {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-collapse: separate;
    border-radius: 10px 10px 0 0;
    border-spacing: 0;
    overflow: hidden;
    width: 100%;
}
@media (max-width: 991px) {
    .table-sim {
        min-width: 400px;
    }
}
.table-sim thead tr {
    background-color: rgba(20, 175, 180, 0.15);
}
.table-sim tbody tr:nth-child(2n) {
    background-color: rgba(20, 175, 180, 0.15);
}
.table-sim th,
.table-sim td {
    border-right: 1px solid #e9e9e9;
    font-size: 18px;
    padding: 7px 10px;
    text-align: center;
}
@media (max-width: 991px) {
    .table-sim th,
    .table-sim td {
        font-size: 12px;
        padding: 16px 5px;
    }
}
.table-sim th:last-child,
.table-sim td:last-child {
    border-right: 0;
}
.table-sim th {
    color: #000;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 24px;
    padding: 24px 15px;
}
@media (max-width: 991px) {
    .table-sim th {
        font-size: 14px;
        letter-spacing: 0;
        padding-left: 21px;
        padding: 12px 5px;
    }
}
.table-sim__call {
    font-size: 0;
    margin-right: 10px;
}
@media (max-width: 991px) {
    .table-sim__call {
        display: none;
    }
}
.table-sim__call i {
    color: #576c8a;
    font-size: 15px;
}
.table-sim__number {
    color: #14afb4;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.125px;
    line-height: 57px;
}
@media (max-width: 991px) {
    .table-sim__number {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
    }
}
.table-sim .radio-custom1 {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding-left: 30px;
}
@media (max-width: 991px) {
    .table-sim .radio-custom1 {
        font-size: 14px;
        padding-left: 25px;
    }
}
.table-sim .radio-custom1 .checkmark {
    top: -1px;
}
.table-sim .radio-custom1:hover input ~ .checkmark {
    border-color: #dadada;
}
.table-sim .radio-custom1 input:checked ~ .checkmark {
    border-color: #14afb4;
}
.table-sim .radio-custom1 input:checked ~ .checkmark ~ span {
    font-weight: normal;
}
.table-sim .btn {
    border-width: 1px;
    line-height: 20px;
    padding: 7px 12px;
}
@media (max-width: 991px) {
    .table-sim .btn {
        border-radius: 6px;
    }
}
.internet-shop {
    margin: 85px 0 0;
}
@media (max-width: 991px) {
    .internet-shop {
        margin: 20px 0 0;
    }
}
.internet-shop__content {
    position: relative;
}
.internet-shop .label-title {
    color: #000;
    display: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 0 0 5px;
}
@media (max-width: 991px) {
    .internet-shop .label-title {
        display: block;
    }
}
.internet-shop__select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.internet-shop__select select {
    color: #14afb4;
    padding: 14px 20px;
    width: 253px;
}
@media (max-width: 991px) {
    .internet-shop__select select {
        background-position-y: 50%;
        border-radius: 6px;
        padding: 9px 16px;
        width: 100%;
    }
}
.internet-shop__detail {
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .internet-shop__detail {
        margin: 20px 0 0;
    }
}
.internet-shop__row:not(:last-child) {
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .internet-shop__row:not(:last-child) {
        margin-bottom: 30px;
    }
}
.internet-shop__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}
@media (max-width: 991px) {
    .internet-shop__list {
        margin: 0 -8px;
        overflow: auto;
        padding-bottom: 20px;
    }
}
.internet-shop__item {
    background-color: #fff;
    border-top: 5px solid;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    margin: 0 10px;
    padding: 20px 25px 35px;
    position: relative;
    width: calc((100% - 366px) / 3 - 20px);
}
@media (max-width: 991px) {
    .internet-shop__item {
        border-width: 3px;
        box-shadow: 0 6px 25px rgba(39, 52, 125, 0.12);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
        flex: 0 0 calc(100% / 2.2 - 16px);
        margin: 0 8px;
        padding: 20px 15px 25px;
        width: calc(100% / 2.2 - 16px);
    }
}
.internet-shop__item.hot {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 366px;
    -ms-flex: 0 0 366px;
    flex: 0 0 366px;
    text-align: center;
    width: 366px;
}
@media (max-width: 991px) {
    .internet-shop__item.hot {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
        flex: 0 0 calc(100% / 2.2 - 16px);
        width: calc(100% / 2.2 - 16px);
    }
}
.internet-shop__item.hot .internet-shop__center {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 25px;
    padding-bottom: 30px;
}
@media (max-width: 991px) {
    .internet-shop__item.hot .internet-shop__center {
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-width: 0.6px;
    }
}
.internet-shop__item.hot .internet-shop__info {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.internet-shop__item.hot .internet-shop__btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.internet-shop__item.hot .internet-shop__btn .btn {
    width: 50%;
}
@media (max-width: 991px) {
    .internet-shop__item.hot .internet-shop__btn .btn {
        width: 100%;
    }
}
.internet-shop__item.hot .internet-shop__btn .btn + .btn {
    margin-left: 16px;
}
.internet-shop__item:hover {
    box-shadow: 0 1px 6px #ccd8db;
}
.internet-shop__label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ff9f40;
    border-radius: 30px 41px 41px 0;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 26px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: -5px;
    letter-spacing: -0.5px;
    line-height: 24px;
    position: absolute;
    top: 15px;
    width: 55px;
}
@media (max-width: 991px) {
    .internet-shop__label {
        border-radius: 20px 26px 26px 0;
        font-size: 10px;
        height: 17px;
        letter-spacing: 0;
        line-height: 18px;
        top: 5px;
        width: 36px;
    }
}
.internet-shop__label:before {
    background: url("../images_content/ic-hot-2.png") 0 0 no-repeat;
    bottom: -6px;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    width: 7px;
}
.internet-shop__name {
    color: #0c0033;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 26px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .internet-shop__name {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
    }
}
.internet-shop__sub {
    color: #14afb4;
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 180%;
    margin-bottom: 10px;
}
@media (max-width: 991px) {
    .internet-shop__sub {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 15px;
    }
}
.internet-shop__info {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.internet-shop__info:not(:last-child) {
    margin-bottom: 2px;
}
@media (max-width: 991px) {
    .internet-shop__info:not(:last-child) {
        margin-bottom: 5px;
    }
}
.internet-shop__icon {
    font-size: 0;
    margin-right: 5px;
}
.internet-shop__icon i {
    color: #14afb4;
    font-size: 12px;
}
@media (max-width: 991px) {
    .internet-shop__icon i {
        font-size: 10px;
    }
}
.internet-shop__text {
    color: #000;
    font-size: 14px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .internet-shop__text {
        color: #333;
        font-size: 10px;
        letter-spacing: 0;
        line-height: 15px;
    }
}
.internet-shop__text.bold {
    font-weight: bold;
}
@media (max-width: 991px) {
    .internet-shop__center {
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 0.6px solid #f2f2f2;
    }
}
.internet-shop__btn {
    margin-top: 12px;
}
.internet-shop__btn .btn {
    border-width: 1px;
    width: 100%;
}
@media (max-width: 991px) {
    .internet-shop__btn .btn {
        border-radius: 6px;
        padding: 6px 12px;
    }
}
.internet-shop__btn .btn + .btn {
    margin-left: 8px;
}
@media (max-width: 991px) {
    .internet-shop__btn .btn + .btn {
        display: none;
    }
}
.device-shop {
    margin: 60px 0 0;
}
@media (max-width: 991px) {
    .device-shop {
        margin: 25px 0 0;
    }
    .device-shop .shop-viettel__top {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .device-shop .nav-links {
        background-color: transparent;
        box-shadow: none;
        display: block;
        margin: 0;
        min-width: auto;
        padding: 0;
        position: static;
        right: auto;
        top: auto;
        width: auto;
    }
}
.device-shop__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .device-shop__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.device-shop__left {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    width: 560px;
}
@media (max-width: 991px) {
    .device-shop__left {
        border-radius: 4px;
        box-shadow: 0 6px 25px rgba(39, 52, 125, 0.12);
        margin: 0 0 20px;
        width: 100%;
    }
}
.device-shop__left:hover {
    box-shadow: 0 1px 6px #ccd8db;
}
.device-shop__bg {
    background: -webkit-linear-gradient(117.01deg, #0870ea -8.21%, rgba(16, 158, 149, 0) 123.15%);
    background: linear-gradient(332.99deg, #0870ea -8.21%, rgba(16, 158, 149, 0) 123.15%);
    border-radius: 6px 0 0 6px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 152px;
    -ms-flex: 0 0 152px;
    flex: 0 0 152px;
    margin-right: 100px;
    width: 152px;
}
@media (max-width: 991px) {
    .device-shop__bg {
        border-radius: 4px 0 0 4px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 95px;
        -ms-flex: 0 0 95px;
        flex: 0 0 95px;
        margin-right: 20px;
        width: 95px;
    }
}
.device-shop__bg img {
    margin: 10px 45px;
}
@media (max-width: 991px) {
    .device-shop__bg img {
        margin: 10px 30px;
    }
}
.device-shop__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 991px) {
    .device-shop__right {
        width: 100%;
    }
}
.device-shop__info {
    padding: 20px 20px 20px 0;
}
@media (max-width: 991px) {
    .device-shop__info {
        padding: 20px;
    }
}
.device-shop__sub {
    color: #0c0033;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 26px;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .device-shop__sub {
        font-size: 14px;
        letter-spacing: -0.30625px;
        line-height: 16px;
    }
}
.device-shop__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.device-shop__item:not(:last-child) {
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .device-shop__item:not(:last-child) {
        margin-bottom: 15px;
    }
}
.device-shop__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(20, 175, 180, 0.15);
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 31px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 12px;
    width: 31px;
}
@media (max-width: 991px) {
    .device-shop__icon {
        height: 20px;
        margin-right: 10px;
        width: 20px;
    }
}
.device-shop__text {
    color: #252525;
    font-size: 14px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .device-shop__text {
        font-size: 10px;
        letter-spacing: 0.0535938px;
        line-height: 15px;
    }
}
.device-shop__des {
    color: #252525;
    font-size: 14px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin-top: 20px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .device-shop__des {
        font-size: 10px;
        letter-spacing: 0.0535938px;
        line-height: 15px;
        margin-top: 15px;
    }
}
.device-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}
@media (max-width: 991px) {
    .device-list {
        margin: 0 -8px;
        overflow: auto;
        padding-bottom: 20px;
    }
}
.device-list__item {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    margin: 0 10px;
    padding: 20px;
    position: relative;
    text-align: center;
    width: calc(100% / 3 - 20px);
}
@media (max-width: 991px) {
    .device-list__item {
        box-shadow: 0 6px 25px rgba(39, 52, 125, 0.12);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2.2 - 16px);
        -ms-flex: 0 0 calc(100% / 2.2 - 16px);
        flex: 0 0 calc(100% / 2.2 - 16px);
        margin: 0 8px;
        padding: 15px 20px 25px;
        width: calc(100% / 2.2 - 16px);
    }
}
.device-list__item:hover {
    box-shadow: 0 1px 6px #ccd8db;
}
.device-list__images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 140px;
    margin-bottom: 10px;
}
.device-list__images img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.device-list__images img:hover {
    opacity: 0.85;
}
.device-list__name {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 21px;
}
@media (max-width: 991px) {
    .device-list__name {
        color: #0c0033;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
    }
}
.device-list__sales {
    color: #14afb4;
    font-size: 16px;
    letter-spacing: -0.5px;
    margin: 12px 0 2px;
}
@media (max-width: 991px) {
    .device-list__sales {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 21px;
        margin: 5px 0 2px;
    }
}
.device-list__price {
    color: #bfc4ce;
    font-size: 12px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .device-list__price {
        font-size: 12px;
        line-height: 18px;
    }
}
.device-list__btn {
    margin-top: 15px;
}
@media (max-width: 991px) {
    .device-list__btn {
        margin-top: 20px;
    }
}
.device-list__btn .btn {
    border-width: 1px;
    padding: 8px 15px;
    width: 100%;
}
@media (max-width: 991px) {
    .device-list__btn .btn {
        padding: 6px 12px;
        border-radius: 6px;
    }
}
.sales-shop {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../images_content/bg-sales.png") center center no-repeat;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 122px;
    margin: 60px 0 0;
    padding: 0 0 0 34px;
}
@media (max-width: 991px) {
    .sales-shop {
        background-size: cover;
        display: none;
        height: auto;
        margin: 20px 0 0;
        padding: 30px 15px;
    }
}
.sales-shop__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 850px;
}
@media (max-width: 991px) {
    .sales-shop__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
}
.sales-shop__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 15px;
}
@media (max-width: 991px) {
    .sales-shop__info {
        margin: 0 0 20px;
        width: 100%;
    }
}
.sales-shop__title {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin-bottom: 10px;
}
@media (max-width: 991px) {
    .sales-shop__title {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 22px;
    }
}
.sales-shop__des {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .sales-shop__des {
        font-size: 10px;
        letter-spacing: 0;
        line-height: 15px;
    }
}
@media (max-width: 991px) {
    .sales-shop .btn {
        border-radius: 6px;
        border-width: 1px;
        padding: 6px 18px;
    }
}
.sales-shop .btn:hover {
    background-color: #fff;
    color: #14afb4;
    opacity: 0.85;
}
.switches-network {
    background: -webkit-linear-gradient(129.5deg, rgba(0, 190, 197, 0.1) 16.61%, rgba(0, 216, 158, 0.1) 112.58%);
    background: linear-gradient(320.5deg, rgba(0, 190, 197, 0.1) 16.61%, rgba(0, 216, 158, 0.1) 112.58%);
    border-radius: 12px;
    bottom: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    padding: 5px;
    position: fixed;
    right: 15px;
    width: 140px;
    z-index: 100;
}
@media (max-width: 991px) {
    .switches-network {
        bottom: 100px;
        right: 10px;
    }
}
.switches-network__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-linear-gradient(126.78deg, #00bec5 16.61%, #00d89e 112.58%);
    background: linear-gradient(323.22deg, #00bec5 16.61%, #00d89e 112.58%);
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
}
.switches-network__inner img {
    margin-top: -20px;
}
.switches-network__name {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 15px;
}
.list-sim-so--new .tab-title li a {
    margin: 0 30px;
}
@media (max-width: 991px) {
    .list-sim-so--new .tab-title li a {
        margin: 0 10px;
    }
}
.list-sim-so--new .tbl-sim {
    margin-top: 60px;
}
@media (max-width: 991px) {
    .list-sim-so--new .tbl-sim {
        margin-top: 20px;
    }
}
@media (max-width: 991px) {
    .list-sim-so--new {
        margin: 30px 0;
    }
    .list-sim-so--new .content .btabs ul.tab-title {
        background-color: transparent;
        box-shadow: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0 0 10px;
        position: static;
        width: 100%;
    }
    .list-sim-so--new .content .btabs ul.tab-title li {
        border-bottom: 0;
    }
    .list-sim-so--new .content .btabs ul.tab-title li.active a {
        border-bottom: 2px solid #14afb4;
    }
}
.select-checkbox .sx {
    margin: 0 0 35px;
}
.select-checkbox .left {
    margin: 20px 0 0;
}
.select-checkbox .radio-custom1 {
    padding-left: 34px;
}
.select-btn {
    margin-bottom: 50px;
}
.select-btn .btn + .btn {
    margin-left: 25px;
}
.lp-header__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 74px;
}
@media (max-width: 991px) {
    .lp-header__inner {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.lp-header__logo {
    font-size: 0;
    line-height: 1.5;
    padding-right: 40px;
    width: 182px;
}
@media (max-width: 991px) {
    .lp-header__logo {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 10px;
        text-align: center;
        width: auto;
    }
}
.lp-header__menu {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 74px;
    margin: 0 30px;
    position: relative;
}
@media (max-width: 991px) {
    .lp-header__menu {
        display: none;
    }
}
.lp-header__menu:before {
    background-color: #e1e5ee;
    bottom: 15px;
    content: "";
    height: 44px;
    left: -30px;
    position: absolute;
    top: 15px;
    width: 1px;
}
.lp-header__item:not(:last-child) {
    margin-right: 40px;
}
.lp-header__item.active .lp-header__link,
.lp-header__item:hover .lp-header__link {
    color: #14afb4;
}
.lp-header__link {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1px;
    line-height: 19px;
}
.lp-header__btn .btn {
    border-width: 1px;
    padding: 8px 22px;
}
@media (max-width: 991px) {
    .lp-header__btn .btn {
        padding: 8px 12px;
    }
}
.lp-header .off-canvas-toggle {
    color: #14afb4;
}
.lp-mobile {
    display: none;
    padding: 30px 20px 0;
}
.lp-mobile__logo {
    font-size: 0;
    line-height: 1.5;
}
.lp-mobile__logo img {
    width: 60%;
}
.lp-mobile__menu {
    padding: 30px 0;
}
.lp-mobile__item:not(:last-child) {
    margin-bottom: 15px;
}
.lp-mobile__item.active .lp-mobile__link,
.lp-mobile__item:hover .lp-mobile__link {
    color: #14afb4;
}
.lp-mobile__link {
    font-size: 14px;
    font-weight: 500;
}
.open .lp-mobile {
    background-color: #fff;
    bottom: 0;
    display: block;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 85%;
    z-index: 999;
}
.lp-main__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: bold;
    line-height: 54px;
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .lp-main__title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 10px;
    }
}
.lp-main__bg {
    background-color: #d6f0f1;
    margin-top: -90px;
    padding: 40px 0 100px;
}
@media (max-width: 991px) {
    .lp-main__bg {
        margin-top: -40px;
        padding: 40px 0 60px;
    }
}
.lp-banner {
    background: url("../images_content/bg-banner-lp-1.png") center center no-repeat;
    height: 587px;
    position: relative;
    z-index: 1;
}
@media (max-width: 991px) {
    .lp-banner {
        background-size: cover;
        height: 500px;
    }
}
.lp-banner__inner {
    padding-top: 90px;
}
@media (max-width: 991px) {
    .lp-banner__inner {
        padding-top: 50px;
    }
}
.lp-banner__title {
    font-size: 0;
    line-height: 1.5;
}
.lp-banner__sub {
    color: #ffd66b;
    margin: 0 0 0 18px;
}
.lp-banner__des {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin: 15px 0 0;
}
.lp-banner__price {
    color: #d1fff3;
    font-size: 0;
    font-weight: bold;
}
.lp-banner__btn {
    margin: 25px 0 0;
}
.lp-banner__btn .btn {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
    width: 202px;
}
@media (max-width: 991px) {
    .lp-banner__btn .btn {
        width: 150px;
    }
}
.lp-banner__btn .btn:hover {
    background-color: transparent;
    color: #14d6cf;
    opacity: 0.75;
}
.lp-banner__images {
    margin: 60px 0 0;
    width: 102px;
}
@media (max-width: 991px) {
    .lp-banner__images {
        margin: 30px 0 0;
    }
}
.lp-banner__images img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.lp-intro .content {
    position: relative;
    z-index: 1;
}
.lp-intro__content:before {
    background: url("../images_content/img-intro-lp-1.png") center center no-repeat;
    content: "";
    height: 300px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 300px;
}
@media (max-width: 991px) {
    .lp-intro__content:before {
        background-size: cover;
        height: 200px;
        width: 200px;
    }
}
.lp-intro__content:after {
    background: url("../images_content/img-intro-lp-2.png") center center no-repeat;
    bottom: -50px;
    content: "";
    height: 50px;
    position: absolute;
    right: 0;
    width: 50px;
}
@media (max-width: 991px) {
    .lp-intro__content:after {
        bottom: 50px;
    }
}
.lp-intro__des {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    position: relative;
    word-break: break-word;
    z-index: 2;
}
@media (max-width: 991px) {
    .lp-intro__des {
        font-size: 14px;
        letter-spacing: 0;
    }
}
.lp-intro__link {
    color: #14afb4;
    font-size: 18px;
    line-height: 18px;
    margin-left: 5px;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .lp-intro__link {
        font-size: 14px;
    }
}
.lp-search {
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .lp-search {
        margin: 30px 0 0;
    }
}
.lp-search .lp-main__title {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .lp-search .lp-main__title {
        margin-bottom: 10px;
    }
}
.lp-search__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .lp-search__content {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.lp-search__des {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin-right: 40px;
    width: 358px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .lp-search__des {
        font-size: 14px;
        letter-spacing: 0;
        margin: 0 0 10px;
        width: 100%;
    }
}
.lp-search__form {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(20, 175, 180, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 22px;
}
@media (max-width: 991px) {
    .lp-search__form {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
}
.lp-search__label {
    color: #0c0033;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-right: 15px;
}
@media (max-width: 991px) {
    .lp-search__label {
        font-size: 14px;
        letter-spacing: 0;
        margin: 0 0 10px;
        width: 100%;
    }
}
.lp-search__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 991px) {
    .lp-search__info {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
}
.lp-search__info input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 14px 16px;
}
@media (max-width: 991px) {
    .lp-search__info input {
        padding: 10px 16px;
        width: 100%;
    }
}
.lp-search__info .btn {
    border-width: 1px;
    margin-left: 30px;
    padding: 15px 30px;
    width: 165px;
}
@media (max-width: 991px) {
    .lp-search__info .btn {
        margin: 15px 0 0;
        padding: 10px 20px;
        width: 100%;
    }
}
.lp-advantages {
    margin: 40px 0 0;
    position: relative;
}
@media (max-width: 991px) {
    .lp-advantages {
        margin: 30px 0 0;
    }
}
@media (max-width: 991px) {
    .lp-advantages__content {
        margin: 20px 0 0;
    }
}
.lp-advantages__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .lp-advantages__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.lp-advantages__row:not(:last-child) {
    margin-bottom: 80px;
}
@media (max-width: 991px) {
    .lp-advantages__row:not(:last-child) {
        margin-bottom: 35px;
    }
}
.lp-advantages__row--top .lp-advantages__left:after {
    background-color: rgba(20, 175, 180, 0.2);
    border-radius: 50%;
    bottom: 55px;
    content: '';
    height: 300px;
    position: absolute;
    right: 50px;
    width: 300px;
    z-index: -1;
}
@media (max-width: 991px) {
    .lp-advantages__row--top .lp-advantages__left:after {
        right: 0;
    }
}
.lp-advantages__row--middle {
    margin-top: -250px;
}
@media (max-width: 991px) {
    .lp-advantages__row--middle {
        margin-top: 0;
    }
    .lp-advantages__row--middle .lp-advantages__left {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .lp-advantages__row--middle .lp-advantages__right {
        margin: 0 0 20px;
    }
}
.lp-advantages__row--middle .lp-advantages__right:after {
    background-color: rgba(20, 175, 180, 0.2);
    border-radius: 50%;
    content: '';
    height: 120px;
    left: -50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    width: 120px;
    z-index: -1;
}
.lp-advantages__row--middle .lp-advantages__des {
    margin-bottom: 20px;
}
.lp-advantages__row--last {
    margin-top: 68px;
}
@media (max-width: 991px) {
    .lp-advantages__row--last {
        margin-top: 30px;
    }
}
.lp-advantages__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    z-index: 2;
}
@media (max-width: 991px) {
    .lp-advantages__left {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
    }
}
.lp-advantages__right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
}
@media (max-width: 991px) {
    .lp-advantages__right {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-top: 20px;
        max-width: 100%;
    }
}
.lp-advantages__sub {
    color: #000;
    font-size: 24px;
    letter-spacing: 0.0875px;
    line-height: 36px;
    margin-bottom: 10px;
    width: 80%;
}
@media (max-width: 991px) {
    .lp-advantages__sub {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
        width: 100%;
    }
}
.lp-advantages__des {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    position: relative;
    width: 80%;
    word-break: break-word;
    z-index: 2;
}
@media (max-width: 991px) {
    .lp-advantages__des {
        font-size: 14px;
        letter-spacing: 0;
        width: 100%;
    }
}
.lp-advantages__des--last {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}
@media (max-width: 991px) {
    .lp-advantages__des--last {
        margin-top: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.lp-advantages__des--last:after {
    background-color: rgba(255, 222, 171, 0.8);
    border-radius: 50%;
    content: '';
    height: 250px;
    position: absolute;
    right: -55px;
    top: 0;
    width: 250px;
    z-index: -1;
}
@media (max-width: 991px) {
    .lp-advantages__des--last:after {
        right: 0;
    }
}
.lp-advantages__bg {
    background: url("../images_content/bg-advantages.png") center center no-repeat;
    height: 763px;
    margin-top: -85px;
}
@media (max-width: 991px) {
    .lp-advantages__bg {
        background-size: cover;
        height: 250px;
        margin-top: 20px;
    }
}
.lp-advantages__bg .lp-advantages__sub {
    color: #fff;
    display: none;
    padding-top: 105px;
    text-align: center;
    width: 100%;
}
@media (max-width: 991px) {
    .lp-advantages__bg .lp-advantages__sub {
        padding-top: 45px;
    }
}
.lp-advantages__note {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 220px;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    margin-right: 10px;
    width: 220px;
}
@media (max-width: 991px) {
    .lp-advantages__note {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-right: 0;
        width: 100%;
    }
}
.lp-advantages__note:before {
    background-color: #fff;
    border: 1px solid #18b2b0;
    border-radius: 50%;
    bottom: 65px;
    content: '';
    height: 43px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 43px;
}
.lp-advantages__note:after {
    background-color: rgba(24, 178, 175, 0.1);
    border-radius: 50%;
    bottom: -55px;
    content: '';
    height: 90px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90px;
}
.lp-advantages__img {
    left: -20px;
    position: relative;
    top: -65px;
    z-index: 2;
}
@media (max-width: 991px) {
    .lp-advantages__img {
        top: -30px;
    }
}
.lp-banner2 {
    background: url("../images_content/bg-banner-lp-2.png") center center no-repeat;
    height: 308px;
    margin-top: -60px;
    position: relative;
    z-index: 1;
}
@media (max-width: 991px) {
    .lp-banner2 {
        background-size: cover;
        height: 200px;
        margin-top: -20px;
    }
}
.lp-banner2__inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.lp-banner2__sub {
    color: #fff;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}
@media (max-width: 991px) {
    .lp-banner2__sub {
        font-size: 18px;
        line-height: 24px;
    }
}
.lp-banner2 .lp-main__title {
    color: #fff;
    margin: 0;
}
.lp-pack {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 991px) {
    .lp-pack {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.lp-pack .lp-main__title {
    margin-bottom: 35px;
}
@media (max-width: 991px) {
    .lp-pack .lp-main__title {
        margin-bottom: 20px;
    }
}
.lp-pack__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 500px;
    -ms-flex: 0 0 500px;
    flex: 0 0 500px;
    margin-right: 50px;
    max-width: 500px;
}
@media (max-width: 991px) {
    .lp-pack__images {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 20px;
        max-width: 100%;
    }
}
.lp-pack__images img {
    max-width: 100%;
}
.lp-pack__images img:hover {
    opacity: 0.8;
}
.lp-pack__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.lp-pack__support {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 10px;
}
@media (max-width: 991px) {
    .lp-pack__support {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.lp-pack__item {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .lp-pack__item {
        font-size: 14px;
        letter-spacing: 0;
    }
}
.lp-pack__item:not(:last-child) {
    margin-right: 25px;
}
@media (max-width: 991px) {
    .lp-pack__item:not(:last-child) {
        margin-right: 0;
    }
}
.lp-pack__des {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .lp-pack__des {
        font-size: 14px;
        letter-spacing: 0;
    }
}
.lp-data {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 83px;
}
@media (max-width: 991px) {
    .lp-data {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }
}
.lp-data__symbol {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-linear-gradient(110.71deg, #f76b1c 37.4%, #fad961 115.59%);
    background: linear-gradient(339.29deg, #f76b1c 37.4%, #fad961 115.59%);
    border-radius: 10px 0 0 10px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83px;
    -ms-flex: 0 0 83px;
    flex: 0 0 83px;
    font-size: 30px;
    font-weight: bold;
    height: 83px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.152205px;
    line-height: 42px;
    width: 83px;
}
@media (max-width: 991px) {
    .lp-data__symbol {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        border-radius: 10px 10px 0 0;
        height: 50px;
        letter-spacing: 0;
        width: 100%;
    }
}
.lp-data__box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 83px;
    padding: 0 15px;
}
@media (max-width: 991px) {
    .lp-data__box {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 15px;
        width: 100%;
    }
}
.lp-data__left {
    border-right: 1px solid #f1f1f1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49%;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 83px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 2%;
    padding-right: 2%;
}
@media (max-width: 991px) {
    .lp-data__left {
        border-bottom: 1px solid #f1f1f1;
        border-right: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: auto;
        margin: 0 0 10px;
        padding: 0 0 10px;
        width: 100%;
    }
}
.lp-data__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 83px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 991px) {
    .lp-data__right {
        height: auto;
        width: 100%;
    }
}
.lp-data__name {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin-bottom: 5px;
}
@media (max-width: 991px) {
    .lp-data__name {
        font-size: 16px;
        letter-spacing: 0;
    }
}
.lp-data__name.price {
    color: #14afb4;
}
.lp-data__des {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .lp-data__des {
        font-size: 14px;
        letter-spacing: 0;
    }
}
.lp-data__note {
    color: #000;
    font-size: 12px;
    letter-spacing: 0.0875px;
    line-height: 18px;
}
@media (max-width: 991px) {
    .lp-data__note {
        letter-spacing: 0;
    }
}
.lp-product {
    margin: 30px 0 0;
    position: relative;
}
.lp-product .lp-main__title {
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .lp-product .lp-main__title {
        margin-bottom: 20px;
    }
}
.lp-product__box {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    position: relative;
    z-index: 9;
}
.lp-product__box.opened .lp-specifications {
    display: block;
}
.lp-product__box.opened .lp-product__showmore.first {
    display: none;
}
.lp-product__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
@media (max-width: 991px) {
    .lp-product__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
}
.lp-product__content:before {
    background: url("../images_content/bg-product-lp-1.png") center center no-repeat;
    bottom: -280px;
    content: "";
    height: 405px;
    position: absolute;
    left: -210px;
    width: 405px;
    z-index: 1;
}
.lp-product__content:after {
    background: url("../images_content/bg-product-lp-2.png") center center no-repeat;
    bottom: 80px;
    content: "";
    height: 90px;
    position: absolute;
    left: -45px;
    width: 90px;
    z-index: 1;
}
.lp-product__video {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 9;
}
@media (max-width: 991px) {
    .lp-product__video {
        height: 200px;
        width: 100%;
    }
}
.lp-product__video iframe {
    border-radius: 10px 0 0 10px;
    height: 100%;
    width: 100%;
}
@media (max-width: 991px) {
    .lp-product__video iframe {
        border-radius: 10px 10px 0 0;
    }
}
.lp-product__info {
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 484px;
    -ms-flex: 0 0 484px;
    flex: 0 0 484px;
    padding: 30px;
    position: relative;
    width: 484px;
    z-index: 9;
}
@media (max-width: 991px) {
    .lp-product__info {
        border-radius: 0 0 10px 10px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 30px 15px;
        width: 100%;
    }
}
.lp-product__sub {
    color: #0c0033;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .lp-product__sub {
        margin-bottom: 10px;
    }
}
.lp-product__des {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin-bottom: 15px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .lp-product__des {
        font-size: 14px;
        letter-spacing: 0;
    }
}
.lp-product__list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -5px;
}
.lp-product__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 10px);
    -ms-flex: 0 0 calc(100% / 3 - 10px);
    flex: 0 0 calc(100% / 3 - 10px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 5px 20px;
    text-align: center;
    width: calc(100% / 3 - 10px);
}
.lp-product__icon {
    font-size: 0;
    margin-bottom: 10px;
}
.lp-product__icon img {
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px;
}
.lp-product__name {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .lp-product__name {
        font-size: 14px;
        letter-spacing: 0;
    }
}
.lp-product__showmore {
    color: #14afb4;
    cursor: pointer;
    display: block;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .lp-product__showmore {
        font-size: 16px;
    }
}
.lp-specifications {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    display: none;
    padding: 45px 30px 30px;
    position: relative;
    z-index: 9;
}
@media (max-width: 991px) {
    .lp-specifications {
        padding: 0 15px 20px;
    }
}
.lp-specifications__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px 40px;
}
@media (max-width: 991px) {
    .lp-specifications__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 30px;
    }
}
.lp-specifications__list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 20px);
    -ms-flex: 0 0 calc(100% / 2 - 20px);
    flex: 0 0 calc(100% / 2 - 20px);
    margin: 0 10px;
    width: calc(100% / 2 - 20px);
}
@media (max-width: 991px) {
    .lp-specifications__list {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0;
        width: 100%;
    }
}
.lp-specifications__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.lp-specifications__item:first-child .lp-specifications__name {
    border-top-left-radius: 10px;
}
.lp-specifications__item:last-child .lp-specifications__name {
    border-bottom-left-radius: 10px;
}
.lp-specifications__name {
    background-color: #dcfafa;
    color: #14afb4;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 136px;
    -ms-flex: 0 0 136px;
    flex: 0 0 136px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin: 0 16px 0 0;
    padding: 6px 10px;
    width: 136px;
}
@media (max-width: 991px) {
    .lp-specifications__name {
        font-size: 14px;
    }
}
.lp-specifications__info {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    padding: 6px 0;
}
@media (max-width: 991px) {
    .lp-specifications__info {
        font-size: 14px;
    }
}
.lp-faq {
    margin: 70px 0 0;
    position: relative;
    z-index: 9;
}
@media (max-width: 991px) {
    .lp-faq {
        margin: 40px 0 0;
    }
}
.lp-faq .lp-main__title {
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .lp-faq .lp-main__title {
        margin-bottom: 20px;
    }
}
.lp-faq__item {
    background-color: #fff;
    border: 1px solid #e1e5ee;
    border-radius: 10px;
    cursor: pointer;
}
.lp-faq__item:not(:last-child) {
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .lp-faq__item:not(:last-child) {
        margin-bottom: 15px;
    }
}
.lp-faq__item.active {
    border: 1px solid #14afb4;
}
.lp-faq__item.active .lp-faq__icon:before {
    content: "-";
    font-size: 24px;
}
.lp-faq__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 25px;
}
@media (max-width: 991px) {
    .lp-faq__top {
        height: 50px;
        padding: 0 15px;
    }
}
.lp-faq__name {
    color: #363940;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}
@media (max-width: 991px) {
    .lp-faq__name {
        font-size: 16px;
    }
}
.lp-faq__icon:before {
    color: #14afb4;
    content: "+";
    font-size: 20px;
}
.lp-faq__info {
    display: none;
    margin-bottom: 30px;
    padding: 0 25px;
}
@media (max-width: 991px) {
    .lp-faq__info {
        padding: 0 15px;
    }
}
.lp-faq__des {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .lp-faq__des {
        font-size: 14px;
        letter-spacing: 0;
    }
}
.lp-faq__des:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .lp-faq__des:not(:last-child) {
        margin-bottom: 15px;
    }
}
.flc {
    margin: 0 0 100px;
}
@media (max-width: 991px) {
    .flc {
        margin: 0 0 40px;
    }
}
.flc-nav {
    background-color: #14afb4;
    display: none;
}
@media (max-width: 991px) {
    .flc-nav {
        display: block;
    }
}
.flc-nav__link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 15px;
    position: relative;
}
.flc-nav__icon {
    font-size: 0;
    left: 15px;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.flc-nav__icon i {
    font-size: 18px;
}
.flc-nav__name {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}
.flc-banner {
    margin: 0 0 30px;
}
.flc-banner__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flc-banner img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.flc-main__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 35px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .flc-main__title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }
}
.flc-reasons {
    margin: 30px 0 0;
    position: relative;
}
.flc-reasons__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px;
    padding: 0 120px;
}
@media (max-width: 991px) {
    .flc-reasons__list {
        padding: 0;
    }
}
.flc-reasons__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 10px;
    width: calc(100% / 4 - 20px);
}
.flc-reasons__images {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 110px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 25px;
    padding: 10px;
    width: 110px;
}
@media (max-width: 991px) {
    .flc-reasons__images {
        height: 50px;
        margin-bottom: 12px;
        width: 50px;
    }
}
.flc-reasons__images:hover {
    box-shadow: 0 1px 6px #ccd8db;
    opacity: 0.8;
}
.flc-reasons__name {
    color: #252525;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
    text-align: center;
}
@media (max-width: 991px) {
    .flc-reasons__name {
        color: #000;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
    }
}
.flc-endow {
    margin: 80px 0 0;
}
@media (max-width: 991px) {
    .flc-endow {
        margin: 30px 0 0;
    }
}
.flc-endow .flc-main__title {
    margin-bottom: 60px;
}
@media (max-width: 991px) {
    .flc-endow .flc-main__title {
        margin-bottom: 15px;
    }
}
.flc-endow--internal .box-endow:before {
    background: url("../images_content/img-box-endow-3.png") center center no-repeat;
}
@media (max-width: 991px) {
    .flc-endow--internal .box-endow:before {
        background-size: cover;
    }
}
.flc-endow--internal .box-endow:after {
    background: url("../images_content/img-box-endow-4.png") center center no-repeat;
}
@media (max-width: 991px) {
    .flc-endow--internal .box-endow:after {
        background-size: cover;
    }
}
@media (max-width: 991px) {
    .flc-endow--internal .box-endow__name {
        margin: 10px 0;
    }
}
.box-endow {
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    border-radius: 10px;
    margin-bottom: 50px;
    padding: 20px 30px 20px 135px;
    position: relative;
}
@media (max-width: 991px) {
    .box-endow {
        border-radius: 6px;
        margin-bottom: 15px;
        padding: 15px;
    }
}
.box-endow:hover {
    box-shadow: 0 1px 6px #ccd8db;
}
.box-endow:before {
    background: url("../images_content/img-box-endow-1.png") center center no-repeat;
    content: "";
    height: 63px;
    left: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 63px;
}
@media (max-width: 991px) {
    .box-endow:before {
        background-size: cover;
        height: 32px;
        left: 15px;
        top: 18px;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
        width: 35px;
    }
}
.box-endow:after {
    background: url("../images_content/img-box-endow-2.png") center center no-repeat;
    content: "";
    height: 144px;
    position: absolute;
    right: 40px;
    top: -30px;
    width: 162px;
}
@media (max-width: 991px) {
    .box-endow:after {
        background-size: cover;
        bottom: 10px;
        height: 103px;
        right: 15px;
        top: auto;
        width: 116px;
    }
}
.box-endow__inner {
    max-width: 70%;
}
@media (max-width: 991px) {
    .box-endow__inner {
        max-width: 100%;
    }
}
.box-endow__name {
    color: #252525;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.0875px;
    line-height: 24px;
    margin-bottom: 5px;
}
@media (max-width: 991px) {
    .box-endow__name {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 21px;
        margin: 0 0 10px;
        padding-left: 45px;
    }
}
.box-endow__des {
    color: #252525;
    font-size: 14px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .box-endow__des {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 21px;
        padding-right: 150px;
    }
}
.list-endow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .list-endow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
}
.list-endow__item {
    margin: 0 15px;
    width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
    .list-endow__item {
        margin: 0;
        width: 100%;
    }
    .list-endow__item:not(:last-child) {
        margin-bottom: 20px;
    }
}
.list-endow__images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 60px;
}
.list-endow__images img:hover {
    opacity: 0.8;
}
.list-endow:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .list-endow:not(:last-child) {
        margin-bottom: 16px;
    }
}
@media (max-width: 991px) {
    .list-endow--other .list-endow__item:not(:last-child) {
        margin-bottom: 10px;
    }
}
.list-endow--tb {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.list-endow--tb .pack-endow--other:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .list-endow--tb .pack-endow--other:not(:last-child) {
        margin-bottom: 15px;
    }
}
.list-endow--separate {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {
    .list-endow--separate .list-endow__item:not(:last-child) {
        margin-bottom: 0;
    }
}
.pack-endow {
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    border-radius: 10px;
    position: relative;
}
@media (max-width: 991px) {
    .pack-endow {
        border-radius: 6px;
    }
}
.pack-endow:hover {
    box-shadow: 0 1px 6px #ccd8db;
}
.pack-endow__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d3f0e9;
    border-radius: 10px 10px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 30px;
}
@media (max-width: 991px) {
    .pack-endow__top {
        border-radius: 6px 6px 0 0;
        padding: 10px 25px;
    }
}
.pack-endow__images {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45px;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    height: 45px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 15px 0 0;
    padding: 5px;
    width: 45px;
}
@media (max-width: 991px) {
    .pack-endow__images {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50px;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        height: 50px;
        margin: 0 10px 0 0;
        width: 50px;
    }
}
.pack-endow__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 991px) {
    .pack-endow__title {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.pack-endow__name {
    color: #252525;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0.2125px;
    line-height: 57px;
    margin: 0 20px 0 0;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .pack-endow__name {
        color: #0c0033;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
        margin: 0 0 2px;
    }
}
.pack-endow__price {
    color: #14afb4;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 33px;
}
@media (max-width: 991px) {
    .pack-endow__price {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 21px;
    }
}
.pack-endow__unit {
    color: #0c0033;
    font-size: 16px;
    line-height: 35px;
}
@media (max-width: 991px) {
    .pack-endow__unit {
        font-size: 14px;
        line-height: 21px;
    }
}
.pack-endow__btn {
    margin-left: 15px;
}
@media (max-width: 991px) {
    .pack-endow__btn {
        margin-left: 10px;
    }
}
.pack-endow__btn .btn {
    border-width: 1px;
    padding: 15px 20px;
}
@media (max-width: 991px) {
    .pack-endow__btn .btn {
        border-radius: 6px;
        padding: 6px 12px;
    }
}
.pack-endow__content {
    border-radius: 0 0 10px 10px;
    padding: 25px 30px 10px;
}
@media (max-width: 991px) {
    .pack-endow__content {
        border-radius: 0 0 6px 6px;
        padding: 12px 25px;
    }
}
.pack-endow__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.pack-endow__item {
    margin: 0 10px 20px;
    width: calc(100% / 2 - 20px);
}
@media (max-width: 991px) {
    .pack-endow__item {
        margin: 0 10px;
        width: calc(100% / 3 - 20px);
    }
    .pack-endow__item--last {
        margin: 10px 10px 0;
        width: 100%;
    }
}
.pack-endow__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}
.pack-endow__icon {
    margin-right: 10px;
}
@media (max-width: 991px) {
    .pack-endow__icon {
        margin-right: 5px;
    }
}
.pack-endow__sub {
    color: #252525;
    font-size: 18px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .pack-endow__sub {
        color: #000;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
    }
}
.pack-endow__des {
    color: #252525;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .pack-endow__des {
        color: #000;
        font-size: 10px;
        letter-spacing: 0;
        line-height: 18px;
    }
}
.pack-endow__note {
    color: #576c8a;
    font-size: 14px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .pack-endow__note {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
    }
}
.pack-endow__note.show-sp {
    margin-top: 10px;
    display: none;
}
@media (max-width: 991px) {
    .pack-endow__note.show-sp {
        display: block;
    }
}
.pack-endow__thumbnail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 140px;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    margin-right: 35px;
    width: 140px;
}
@media (max-width: 991px) {
    .pack-endow__thumbnail {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 95px;
        -ms-flex: 0 0 95px;
        flex: 0 0 95px;
        margin-right: 10px;
        width: 95px;
    }
}
.pack-endow__thumbnail img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.pack-endow__thumbnail img:hover {
    opacity: 0.8;
}
.pack-endow__detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}
.pack-endow__detail .pack-endow__btn {
    position: absolute;
    right: 0;
    top: 15px;
}
@media (max-width: 991px) {
    .pack-endow__detail .pack-endow__btn {
        top: 5px;
    }
}
.pack-endow__detail .btn {
    width: 150px;
}
@media (max-width: 991px) {
    .pack-endow__detail .btn {
        width: auto;
    }
}
.pack-endow--other {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
}
@media (max-width: 991px) {
    .pack-endow--other {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px;
    }
}
.pack-endow--other .pack-endow__name {
    font-size: 30px;
    margin: 0;
}
@media (max-width: 991px) {
    .pack-endow--other .pack-endow__name {
        font-size: 16px;
        margin: 0 0 2px;
    }
}
@media (max-width: 991px) {
    .pack-endow--other .pack-endow__charge {
        margin-bottom: 10px;
    }
}
.pack-endow--other .pack-endow__sub {
    font-size: 16px;
}
@media (max-width: 991px) {
    .pack-endow--other .pack-endow__sub {
        font-size: 12px;
    }
}
.pack-endow--other .pack-endow__des {
    font-size: 16px;
    margin-bottom: 10px;
}
@media (max-width: 991px) {
    .pack-endow--other .pack-endow__des {
        font-size: 12px;
        margin-bottom: 0;
    }
}
@media (max-width: 991px) {
    .pack-endow--other .pack-endow__note {
        display: none;
    }
    .pack-endow--other .pack-endow__note.show-sp {
        display: block;
    }
}
.vt-endow {
    margin: 80px 0 0;
}
@media (max-width: 991px) {
    .vt-endow {
        margin: 30px 0 0;
    }
}
.vt-endow .flc-main__title {
    margin-bottom: 70px;
}
@media (max-width: 991px) {
    .vt-endow .flc-main__title {
        margin-bottom: 20px;
    }
}
.vt-endow__content {
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    border-radius: 10px;
    padding: 80px 50px 40px;
    position: relative;
}
@media (max-width: 991px) {
    .vt-endow__content {
        border-radius: 6px;
        padding: 45px 80px 30px;
    }
}
.vt-endow__content:hover {
    box-shadow: 0 1px 6px #ccd8db;
}
.vt-endow__content:before {
    background: url("../images_content/img-vt-endow.png") center center no-repeat;
    content: "";
    height: 70px;
    left: 50%;
    position: absolute;
    top: -35px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70px;
}
@media (max-width: 991px) {
    .vt-endow__content:before {
        background-size: cover;
        height: 44px;
        top: -15px;
        width: 44px;
    }
}
.vt-endow__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}
@media (max-width: 991px) {
    .vt-endow__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
}
.vt-endow__item {
    margin: 0 10px;
    text-align: center;
    width: calc(100% / 4 - 20px);
}
@media (max-width: 991px) {
    .vt-endow__item {
        margin: 0 0 10px;
        width: 100%;
    }
}
.vt-endow__name {
    color: #14afb4;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: bold;
    line-height: 54px;
    margin-bottom: 2px;
}
.vt-endow__des {
    color: #252525;
    font-size: 16px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .vt-endow__des {
        font-size: 14px;
    }
}
.vt-endow__btn {
    margin: 60px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .vt-endow__btn {
        margin: 15px 0 0;
    }
}
.vt-endow__btn .btn {
    border-width: 1px;
    padding: 15px 30px;
    width: 150px;
}
@media (max-width: 991px) {
    .vt-endow__btn .btn {
        border-radius: 6px;
        padding: 6px 12px;
        width: auto;
    }
}
.flc-channels {
    margin: 80px 0 0;
}
@media (max-width: 991px) {
    .flc-channels {
        margin: 30px 0 0;
    }
    .flc-channels .flc-main__title {
        padding: 0 60px;
    }
}
.flc-channels__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .flc-channels__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -8px;
    }
}
.flc-channels__item {
    cursor: pointer;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 4 - 30px);
    -ms-flex: 0 0 calc(100% / 4 - 30px);
    flex: 0 0 calc(100% / 4 - 30px);
    margin: 0 15px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: calc(100% / 4 - 30px);
}
@media (max-width: 991px) {
    .flc-channels__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
        flex: 0 0 calc(100% / 2 - 16px);
        margin: 0 8px 10px;
        width: calc(100% / 2 - 16px);
    }
}
.flc-channels__item:hover img {
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
@media (max-width: 991px) {
    .flc-channels__item:hover img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.flc-channels__item:hover .flc-channels__link {
    color: #14afb4;
}
.flc-channels__images {
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
@media (max-width: 991px) {
    .flc-channels__images {
        border-radius: 6px;
    }
}
.flc-channels__images img {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
}
@media (max-width: 991px) {
    .flc-channels__images img {
        border-radius: 6px;
    }
}
.flc-channels__link {
    color: #252525;
    display: block;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.2125px;
    line-height: 57px;
    margin-top: 5px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
}
@media (max-width: 991px) {
    .flc-channels__link {
        font-size: 16px;
        letter-spacing: 0.132089px;
        line-height: 35px;
    }
}
.flc-channels__btn {
    margin-top: 50px;
    text-align: center;
}
@media (max-width: 991px) {
    .flc-channels__btn {
        margin-top: 20px;
    }
}
.flc-channels__btn .btn {
    border-width: 1px;
    border-radius: 10px;
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    padding: 16px 30px;
    text-transform: uppercase;
    width: 500px;
}
@media (max-width: 991px) {
    .flc-channels__btn .btn {
        border-radius: 10px;
        font-size: 14px;
        padding: 11px 20px;
        width: auto;
    }
}
.flc-registration {
    margin: 30px 0 0;
}
.flc-registration__btn {
    margin: 80px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .flc-registration__btn {
        margin: 15px 0 0;
    }
}
.flc-registration__btn .btn {
    border-width: 1px;
    padding: 15px 30px;
    width: 262px;
}
@media (max-width: 991px) {
    .flc-registration__btn .btn {
        border-radius: 6px;
        padding: 12px 20px;
        width: 100%;
    }
}
.flc-registration__btn .btn:not(:last-child) {
    margin-right: 25px;
}
@media (max-width: 991px) {
    .flc-registration__btn .btn:not(:last-child) {
        margin: 0 0 12px;
    }
}
.flc-registration__thumbnail {
    display: none;
    margin-top: 35px;
    text-align: center;
}
@media (max-width: 991px) {
    .flc-registration__thumbnail {
        display: block;
    }
}
.flc-registration .pack-endow {
    height: 100%;
    z-index: 1;
}
@media (max-width: 991px) {
    .flc-registration .list-endow__item:not(:last-child) {
        margin-bottom: 10px;
    }
}
.flc-registration .has-bg .pack-endow:after {
    background-color: #fafafa;
    border-radius: 0 0 10px 10px;
    bottom: 0;
    content: "";
    height: 52%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
}
@media (max-width: 991px) {
    .flc-registration .has-bg .pack-endow:after {
        border-radius: 0 0 6px 6px;
        height: 63%;
    }
}
.flc-info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.flc-info__thumbnail {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 187px;
    -ms-flex: 0 0 187px;
    flex: 0 0 187px;
    margin: 0 50px 0 0;
    width: 187px;
}
@media (max-width: 991px) {
    .flc-info__thumbnail {
        display: none;
    }
}
.flc-info__detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flc-info__last {
    margin-top: 15px;
}
@media (max-width: 991px) {
    .flc-info__last {
        margin-top: 10px;
    }
}
.flc-info__last .flc-info__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}
@media (max-width: 991px) {
    .flc-info__last .flc-info__list {
        margin: 0;
    }
}
.flc-info__last .flc-info__item {
    margin: 0 8px;
    width: calc(100% / 2 - 16px);
}
@media (max-width: 991px) {
    .flc-info__last .flc-info__item {
        margin: 0 0 2px;
        width: 100%;
    }
}
.flc-info__last .flc-info__title {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flc-info__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}
@media (max-width: 991px) {
    .flc-info__title {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.flc-info__name {
    color: #0c0033;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
}
@media (max-width: 991px) {
    .flc-info__name {
        color: #000;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 14px;
    }
}
.flc-info__row {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flc-info__icon {
    cursor: pointer;
    font-size: 0;
    margin-left: 10px;
}
.flc-info__icon i {
    color: #14afb4;
    font-size: 14px;
}
.flc-info__item:not(:last-chikd) {
    margin-bottom: 2px;
}
.flc-info__text {
    color: #0c0033;
    font-size: 16px;
    font-weight: 500;
    line-height: 180%;
    margin-right: 2px;
}
@media (max-width: 991px) {
    .flc-info__text {
        color: #252525;
        font-size: 14px;
    }
}
.flc-info__value {
    color: #0c0033;
    font-size: 16px;
    line-height: 180%;
    margin-right: 2px;
}
@media (max-width: 991px) {
    .flc-info__value {
        color: #252525;
        font-size: 14px;
    }
}
.flc-request__list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .flc-request__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
}
.flc-request__item {
    margin: 0 15px;
    width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
    .flc-request__item {
        margin: 0;
        width: 100%;
    }
    .flc-request__item:not(:last-child) {
        margin-bottom: 15px;
    }
}
.flc-request__note {
    color: #0c0033;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 10px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .flc-request__note {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 20px;
    }
}
.flc-request__des {
    color: #474747;
    font-size: 16px;
    line-height: 180%;
    word-break: break-word;
}
@media (max-width: 991px) {
    .flc-request__des {
        color: #000;
        font-size: 14px;
        line-height: 21px;
    }
}
.flc-request__des:not(:last-child) {
    margin-bottom: 5px;
}
.flc-request__link {
    color: #14afb4;
    margin-left: 2px;
    text-decoration: underline;
}
.flc-request__link:hover {
    color: #14d6cf;
}
.flc-request__box {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px 0 0;
    padding: 10px 15px;
}
@media (max-width: 991px) {
    .flc-request__box {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 6px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.flc-request__detail {
    color: #474747;
    font-size: 16px;
    line-height: 180%;
    position: relative;
}
@media (max-width: 991px) {
    .flc-request__detail {
        font-size: 14px;
        line-height: 21px;
    }
}
.flc-request__detail:not(:last-child) {
    border-right: 1px solid #e7e7e7;
    margin: 0 15px 0 0;
    padding-right: 15px;
}
@media (max-width: 991px) {
    .flc-request__detail:not(:last-child) {
        border-right: 0;
        margin: 0 0 5px;
        padding-right: 0;
    }
}
.flc-request__detail .flc-request__btn {
    margin-top: 80px;
}
@media (max-width: 991px) {
    .flc-request__detail .flc-request__btn {
        margin-top: 30px;
    }
}
.flc-request__value {
    color: #14afb4;
    font-weight: bold;
    margin-left: 2px;
}
.flc-request__btn {
    margin-top: 40px;
    text-align: center;
}
@media (max-width: 991px) {
    .flc-request__btn {
        margin-top: 30px;
    }
}
.flc-request__btn .btn {
    border-width: 1px;
    padding: 16px 30px;
    width: 360px;
}
@media (max-width: 991px) {
    .flc-request__btn .btn {
        border-radius: 6px;
        padding: 12px 20px;
        width: 100%;
    }
}
.flc-form {
    margin: 60px 0 0;
}
@media (max-width: 991px) {
    .flc-form {
        margin: 30px 0 0;
    }
}
.flc-form .flc-main__title {
    margin-bottom: 50px;
}
@media (max-width: 991px) {
    .flc-form .flc-main__title {
        margin-bottom: 15px;
    }
}
.flc-form__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px 30px;
}
@media (max-width: 991px) {
    .flc-form__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
}
.flc-form__row .form-vertical {
    margin: 0 15px;
}
@media (max-width: 991px) {
    .flc-form__row .form-vertical {
        margin: 0 0 15px;
    }
}
.flc-form__row--2column .form-vertical {
    margin: 0 15px 30px;
    width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
    .flc-form__row--2column .form-vertical {
        margin: 0 0 15px;
        width: 100%;
    }
}
.flc-form__row--2column .flc-form__note {
    margin: 0;
}
@media (max-width: 991px) {
    .flc-form__row--2column .flc-form__note {
        margin: 0 10px;
    }
}
.flc-form__row--2column .flc-form__btn {
    margin: 12px 0 0;
}
@media (max-width: 991px) {
    .flc-form__row--2column .flc-form__btn {
        margin: 30px 0 0;
    }
}
.flc-form__row--2column .flc-form__btn .btn {
    width: 314px;
}
@media (max-width: 991px) {
    .flc-form__row--2column .flc-form__btn .btn {
        width: 100%;
    }
}
.flc-form__row--3column .form-vertical {
    width: calc(100% / 3 - 30px);
}
@media (max-width: 991px) {
    .flc-form__row--3column .form-vertical {
        width: 100%;
    }
}
.flc-form__info {
    text-align: center;
}
@media (max-width: 991px) {
    .flc-form__info {
        text-align: left;
    }
}
.flc-form__note {
    color: #576c8a;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    margin: 10px 0 0 190px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .flc-form__note {
        color: #979797;
        font-size: 12px;
        line-height: 18px;
        margin: 10px 10px 0;
    }
}
.flc-form__btn {
    margin-top: 60px;
    text-align: center;
}
@media (max-width: 991px) {
    .flc-form__btn {
        margin-top: 30px;
    }
}
.flc-form__btn .btn {
    border-width: 1px;
    padding: 16px 30px;
    width: 164px;
}
@media (max-width: 991px) {
    .flc-form__btn .btn {
        border-radius: 6px;
        padding: 12px 20px;
        width: 100%;
    }
}
.flc-form--01 .flc-form__content {
    margin: 0 auto;
    max-width: 580px;
    padding: 0 15px;
}
@media (max-width: 991px) {
    .flc-form--01 .flc-form__content {
        padding: 0;
        max-width: 100%;
    }
}
.flc-popup {
    background-color: #fff;
    border-radius: 6px;
    margin: 0 auto;
    max-width: 100%;
    padding: 15px;
    position: relative;
    width: 550px;
}
@media (max-width: 991px) {
    .flc-popup {
        width: 100%;
    }
}
.flc-popup .modal-flc-pack__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .flc-popup .modal-flc-pack__title {
        color: #000;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }
}
@media (max-width: 991px) {
    .flc-popup .form-vertical {
        margin-top: 15px;
    }
}
.flc-popup--noti {
    padding: 15px 80px 40px;
}
@media (max-width: 991px) {
    .flc-popup--noti {
        padding: 15px 20px 25px;
    }
}
.flc-popup--info {
    padding: 15px 40px 40px;
}
@media (max-width: 991px) {
    .flc-popup--info {
        padding: 15px 20px 25px;
    }
}
.flc-popup--pack {
    padding: 40px 45px 70px;
    width: 1200px;
}
@media (max-width: 991px) {
    .flc-popup--pack {
        padding: 20px 15px 30px;
        width: 100%;
    }
    .flc-popup--pack .list-endow__images {
        display: none;
    }
}
@media (max-width: 991px) {
    .report {
        margin: 30px 0 0;
    }
}
.report__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin: 0 0 35px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .report__title {
        font-size: 20px;
        margin: 0 0 20px;
    }
}
.report__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .report__top {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.report__top-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 20px 0 0;
}
@media (max-width: 991px) {
    .report__top-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 20px;
        width: 100%;
    }
}
.report__top-link {
    color: #14afb4;
    font-size: 16px;
    letter-spacing: 0.125px;
    line-height: 19px;
    text-decoration: underline;
}
.report .intro-time {
    -webkit-box-flex: initial;
    -webkit-flex-grow: initial;
    -ms-flex-positive: initial;
    flex-grow: initial;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (max-width: 991px) {
    .report .intro-time {
        margin: 0;
    }
}
.report .intro-time:not(:last-child) {
    margin: 0 65px 0 0;
}
@media (max-width: 991px) {
    .report .intro-time:not(:last-child) {
        margin: 0 0 15px;
    }
}
.report .intro-time__title {
    font-size: 15px;
    line-height: 18px;
    margin-right: 15px;
}
.report .intro-time__text {
    font-size: 14px;
    line-height: 16px;
    margin-right: 8px;
}
.report .intro-time__icon i {
    font-size: 6px;
}
.report__table {
    display: block;
    margin: 18px 0 0;
    overflow-x: auto;
    width: 100%;
}
.report .table-customize th,
.report .table-customize td {
    font-size: 14px;
    padding: 10px;
}
.report .table-customize th {
    color: #333;
    font-size: 14px;
    padding: 12px 10px;
}
.report .table-customize__txt {
    line-height: 18px;
}
.modal-report {
    padding: 0 45px 45px;
}
@media (max-width: 991px) {
    .modal-report {
        padding: 0 0 25px;
    }
}
.modal-report__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin: 0 0 20px;
    text-align: center;
}
@media (max-width: 991px) {
    .modal-report__title {
        font-size: 20px;
        margin: 0 0 10px;
    }
}
.modal-report__list {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
}
.modal-report__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.modal-report__item:nth-child(2n + 1) {
    background-color: #f3f3f3;
}
.modal-report__item:not(:last-child) {
    border-bottom: 1px solid #d3d3d3;
}
.modal-report__item:after {
    background-color: #d3d3d3;
    content: '';
    height: 100%;
    position: absolute;
    left: 190px;
    top: 0;
    width: 1px;
}
.modal-report__name {
    color: #576c8a;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 190px;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.125px;
    line-height: 24px;
    overflow: hidden;
    padding: 8px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 190px;
}
@media (max-width: 991px) {
    .modal-report__name {
        font-size: 14px;
    }
}
.modal-report__info {
    border-left: 1px solid #d3d3d3;
    color: #576c8a;
    font-size: 16px;
    letter-spacing: 0.173333px;
    line-height: 24px;
    padding: 8px 15px;
}
@media (max-width: 991px) {
    .modal-report__info {
        font-size: 14px;
    }
}
.modal--report .modal__content {
    max-width: 697px;
}
@media (max-width: 991px) {
    .modal--report .modal__content {
        max-width: 100%;
    }
}
.form-report {
    background-color: #f9f9f9;
    border-radius: 6px;
    color: #576c8a;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    padding: 6px 10px;
}
.date-report {
    position: relative;
}
.date-report:after {
    background: url("../images_content/ic-calendar-2.png") 0 0 no-repeat;
    content: "";
    height: 16px;
    right: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
}
.data-free {
    margin: 0 auto;
    max-width: 505px;
    padding: 70px 15px 50px;
    text-align: center;
}
@media (max-width: 991px) {
    .data-free {
        padding: 0 0 50px;
    }
}
.data-free__header {
    background-color: #14afb4;
    margin: 0 -15px;
    display: none;
}
@media (max-width: 991px) {
    .data-free__header {
        display: block;
    }
}
.data-free__images {
    margin: 0 auto;
    width: 420px;
}
@media (max-width: 991px) {
    .data-free__images {
        padding: 25px 60px 0;
        width: 100%;
    }
}
.data-free__images img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.data-free__content {
    margin: 60px 0 0;
}
@media (max-width: 991px) {
    .data-free__content {
        margin: 40px 0 0;
    }
}
.data-free__des {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
}
.data-free__des:not(:last-child) {
    margin: 0 0 24px;
}
.data-free__bold {
    font-weight: 700;
    margin: 0 2px;
}
.data-free__italic {
    font-style: italic;
}
.data-free__btn {
    margin: 18px 0 0;
}
.data-free__btn .btn {
    border-radius: 6px;
    width: 343px;
}
@media (max-width: 991px) {
    .data-free__btn .btn {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .product-detail {
        margin: 16px 0 0;
    }
}
.product-detail__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: bold;
    line-height: 54px;
    margin: 0 0 2px;
}
@media (max-width: 991px) {
    .product-detail__title {
        color: #000;
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
    }
}
.product-detail__top .rating {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product-detail__top .rating-custom {
    margin: 0 12px 0 0;
}
.product-detail__top .rating-custom__star i {
    font-size: 16px;
}
.product-detail__top .rating-info {
    color: #576c8a;
}
.product-detail__top .rating-info:not(:last-child) {
    margin: 0 8px 0 0;
}
.product-detail__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .product-detail__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 24px 0 0;
    }
}
.product-detail__images {
    margin: 0 20px 0 0;
    width: 566px;
}
@media (max-width: 991px) {
    .product-detail__images {
        margin: 0 0 12px;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .product-detail__images .img-thumb {
        margin: 20px 0 0;
    }
}
.product-detail__images .img-thumb li {
    border-radius: 10px;
}
@media (max-width: 991px) {
    .product-detail__images .img-thumb li {
        border-radius: 0;
    }
}
.product-detail__info {
    width: calc(100% - 566px - 20px);
}
@media (max-width: 991px) {
    .product-detail__info {
        width: 100%;
    }
}
.product-detail__des {
    color: #0c0033;
    font-size: 16px;
    line-height: 180%;
    margin: 20px 0;
}
@media (max-width: 991px) {
    .product-detail__des {
        font-size: 12px;
        line-height: 18px;
        margin: 12px 0;
    }
}
.product-detail__tk {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
}
@media (max-width: 991px) {
    .product-detail__tk {
        margin: 12px 0;
    }
}
.guarantee {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0 0;
}
.guarantee__btn {
    background-color: #fff;
    border: 2px solid #fe9a00;
    border-radius: 10px;
    color: #fe9a00;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 20px;
    text-align: center;
}
@media (max-width: 991px) {
    .guarantee__btn {
        border: 1px solid #fe9a00;
        font-size: 12px;
        line-height: 18px;
        padding: 4px 8px;
    }
}
.product-price {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product-price__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.product-price__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 2px;
}
.product-price__new {
    color: #14afb4;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: bold;
    line-height: 54px;
    margin: 0 20px 0 0;
}
@media (max-width: 991px) {
    .product-price__new {
        font-size: 22px;
        line-height: 33px;
        margin: 0 8px 0 0;
    }
}
.product-price__old {
    color: #576c8a;
    font-size: 18px;
    line-height: 24px;
    text-decoration: line-through;
}
@media (max-width: 991px) {
    .product-price__old {
        font-size: 14px;
        line-height: 21px;
    }
}
.product-price__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product-price__des {
    color: #576c8a;
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    letter-spacing: -0.5px;
}
@media (max-width: 991px) {
    .product-price__des {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
    }
}
.product-price__hotline {
    color: #fe9a00;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 0 8px;
}
.product-share {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .product-share {
        display: none;
    }
}
.product-share i {
    font-size: 20px;
}
.product-share__fb {
    color: #3b5998;
    margin: 0 20px 0 0;
}
.product-share__social {
    color: #576c8a;
}
.product-qty {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 25px 0 0;
}
.product-qty__title {
    color: #576c8a;
    font-size: 16px;
    line-height: 180%;
    margin: 0 12px 0 0;
}
@media (max-width: 991px) {
    .product-qty__title {
        font-size: 12px;
        line-height: 18px;
        margin: 0 8px 0 0;
    }
}
.product-qty__input {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product-qty__input a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 2px solid #e7e7e7;
    border-radius: 6px 0 0 6px;
    color: #0c0033;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 28px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
}
.product-qty__input a:last-child {
    border-radius: 0 6px 6px 0;
}
.product-qty__input input {
    border: 2px solid #e7e7e7;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    color: #0c0033;
    font-size: 14px;
    height: 28px;
    padding: 0;
    text-align: center;
    width: 40px;
}
.product-color {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product-color__title {
    color: #576c8a;
    font-size: 16px;
    line-height: 180%;
    margin: 0 12px 0 0;
}
@media (max-width: 991px) {
    .product-color__title {
        font-size: 12px;
        line-height: 18px;
        margin: 0 8px 0 0;
    }
}
.product-color__list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -2px;
}
.product-color__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33px;
    -ms-flex: 0 0 33px;
    flex: 0 0 33px;
    height: 33px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 2px;
    padding: 2px;
    position: relative;
    width: 33px;
}
.product-color__item.green.active {
    border-color: #14afb4;
}
.product-color__item.green .product-color__name {
    background-color: #14afb4;
}
.product-color__item.orange.active {
    border-color: #fe9a00;
}
.product-color__item.orange .product-color__name {
    background-color: #fe9a00;
}
.product-color__item.gray.active {
    border-color: #576c8a;
}
.product-color__item.gray .product-color__name {
    background-color: #576c8a;
}
.product-color__name {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 23px;
    -ms-flex: 0 0 23px;
    flex: 0 0 23px;
    font-size: 0;
    height: 23px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 23px;
}
.delivery-free {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0 12px;
    padding: 15px;
}
@media (max-width: 991px) {
    .delivery-free {
        border: 0;
        box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
        margin: 15px 0;
    }
}
.delivery-free__images {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 38px;
    -ms-flex: 0 0 38px;
    flex: 0 0 38px;
    height: 38px;
    margin: 0 20px 0 0;
    width: 38px;
}
@media (max-width: 991px) {
    .delivery-free__images {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 44px;
        -ms-flex: 0 0 44px;
        flex: 0 0 44px;
        height: 44px;
        margin: 0 16px 0 0;
        width: 44px;
    }
}
.delivery-free__images img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.delivery-free__title {
    color: #14afb4;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin: 0 0 5px;
}
.delivery-free__subtitle {
    color: #14afb4;
    font-size: 12px;
}
.delivery-address {
    margin: 12px 0 0;
}
.delivery-address__des {
    color: #576c8a;
    font-size: 16px;
    line-height: 180%;
    text-align: center;
}
@media (max-width: 991px) {
    .delivery-address__des {
        font-size: 12px;
        font-style: italic;
        line-height: 18px;
        text-align: left;
    }
}
.share-sp {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
    display: none;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 12px -15px 16px;
    padding: 12px 15px;
}
@media (max-width: 991px) {
    .share-sp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.share-sp__like {
    color: #576c8a;
    font-size: 12px;
    line-height: 18px;
}
.share-sp__like i {
    font-size: 15px;
    margin: 0 2px 0 0;
}
.share-sp__link {
    color: #14afb4;
    font-size: 12px;
    line-height: 18px;
    text-decoration: underline;
}
.share-sp__fb {
    color: #3b5998;
}
.share-sp__fb i {
    font-size: 20px;
}
.share-sp__social {
    color: #576c8a;
}
.share-sp__social i {
    font-size: 20px;
}
.product-promotion {
    background-color: #fff;
    margin: 40px 0 50px;
}
@media (max-width: 991px) {
    .product-promotion {
        border-radius: 10px;
        box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
        margin: 16px 0;
        padding: 16px 12px;
    }
}
.product-promotion__title {
    color: #14afb4;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
}
@media (max-width: 991px) {
    .product-promotion__title {
        font-size: 16px;
        line-height: 24px;
    }
}
.product-promotion__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0;
}
@media (max-width: 991px) {
    .product-promotion__item {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}
.product-promotion__item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}
.product-promotion__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 991px) {
    .product-promotion__info {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
    }
}
.product-promotion__icon {
    color: #fe9a00;
    font-size: 0;
    margin: 0 12px 0 0;
}
@media (max-width: 991px) {
    .product-promotion__icon {
        margin: 0 10px 0 0;
    }
}
.product-promotion__icon i {
    font-size: 16px;
}
.product-promotion__name {
    color: #0c0033;
    font-size: 14px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .product-promotion__name {
        font-size: 14px;
        line-height: 21px;
    }
}
.product-promotion__action {
    color: #576c8a;
    cursor: pointer;
    font-size: 0;
}
.product-promotion__action i {
    font-size: 14px;
}
.product-btn__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product-btn__item:not(:last-child) {
    margin: 0 0 24px;
}
@media (max-width: 991px) {
    .product-btn__item:not(:last-child) {
        margin: 0 0 16px;
    }
}
.product-btn .btn-buy {
    background-color: #fe9a00;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: bold;
    padding: 14px 16px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
@media (max-width: 991px) {
    .product-btn .btn-buy {
        font-size: 14px;
        font-weight: normal;
        padding: 13px 16px;
        text-transform: inherit;
        width: calc(100% - 24px - 24px);
    }
}
.product-btn .btn-buy:hover {
    opacity: 0.75;
}
.product-btn img {
    margin: 0 0 0 24px;
}
.product-btn .btn-choose {
    background-color: #fff;
    border: 1px solid #14afb4;
    border-radius: 10px;
    color: #14afb4;
    font-size: 20px;
    padding: 14px 16px;
    text-align: center;
    width: 100%;
}
@media (max-width: 991px) {
    .product-btn .btn-choose {
        font-size: 14px;
        padding: 13px 16px;
        width: calc(100% - 24px - 24px);
    }
}
.product-btn .btn-choose:hover {
    opacity: 0.75;
}
.product-support {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0 0;
}
@media (max-width: 991px) {
    .product-support {
        display: none;
    }
}
.product-support__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product-support__name {
    color: #0c0033;
    font-size: 16px;
    margin: 0 0 0 8px;
}
.product-support i {
    color: #576c8a;
    font-size: 16px;
}
.product-support__number {
    color: #14afb4;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin: 0 0 0 12px;
}
@media (max-width: 991px) {
    .d-view {
        display: none;
    }
}
.d-view .view-startr {
    box-shadow: none;
}
.d-view .view-startr-inner dl {
    width: 60%;
}
.d-view .view-startr-inner dl dd {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.d-view .view-startr-inner .rate {
    color: #828282;
    font-size: 14px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 85px;
    -ms-flex: 0 0 85px;
    flex: 0 0 85px;
    margin: 0 0 0 25px;
}
.d-view .linksend {
    width: 36%;
}
.product-view {
    display: none;
    margin: 0 0 20px;
}
@media (max-width: 991px) {
    .product-view {
        display: block;
    }
}
.product-view__title {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 16px;
}
.product-view__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product-view .view-start {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 102px;
    -ms-flex: 0 0 102px;
    flex: 0 0 102px;
    margin: 0 8px 0 0;
    width: 102px;
}
.product-view .view-start .rating-custom {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 10px;
}
.product-view .view-start .rating-custom__star i {
    font-size: 12px;
}
.product-view .start-inner {
    padding: 12px 6px;
}
.product-view .start-inner .starts {
    margin: 0;
}
.product-view .start-inner p a {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}
.product-view .start-inner p a:not(:last-child) {
    margin: 0 0 6px;
}
.product-view .view-startr-inner {
    padding: 12px 16px;
}
.product-view .linksend {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
}
.product-view .linksend label {
    font-size: 14px;
    line-height: 21px;
    margin: 0 20px 0 0;
}
.product-view .linksend .rating-summary {
    margin: 0;
}
.product-view .linksend .rating-custom {
    margin: 0;
}
@media (max-width: 991px) {
    .vote .title-vote {
        margin: 0;
    }
    .vote .title-vote h4 {
        color: #000;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        padding: 0;
        text-align: left;
    }
}
@media (max-width: 991px) {
    .vote .navpage {
        margin: 0 0 25px;
    }
}
@media (max-width: 991px) {
    .start-v {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .start-v > span {
        padding: 0 15px;
    }
}
.product-highlights {
    margin: 40px 0 60px;
}
@media (max-width: 991px) {
    .product-highlights {
        margin: 28px 0;
    }
}
.product-highlights__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin: 0 0 30px;
}
@media (max-width: 991px) {
    .product-highlights__title {
        color: #000;
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
        margin: 0 0 16px;
    }
}
.technical-specifications {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 0 0 15px;
}
@media (max-width: 991px) {
    .technical-specifications {
        border: 0;
        border-radius: 0;
        padding: 0;
    }
}
.technical-specifications__top {
    background-color: rgba(20, 175, 180, 0.1);
    border-radius: 10px 10px 0 0;
}
@media (max-width: 991px) {
    .technical-specifications__top {
        background-color: #fff;
        border-radius: 0;
    }
}
.technical-specifications__title {
    color: #0c0033;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
}
@media (max-width: 991px) {
    .technical-specifications__title {
        color: #000;
        font-size: 16px;
        margin: 0 0 16px;
        padding: 0;
        text-align: left;
    }
}
.technical-specifications__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 140px;
    margin: 25px 0;
    overflow: hidden;
    position: relative;
}
@media (max-width: 991px) {
    .technical-specifications__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 305px;
        margin: 0 0 16px;
    }
}
.technical-specifications__content.opened {
    height: auto;
}
.technical-specifications__content:after {
    background-color: #e0e0e0;
    content: '';
    left: 50%;
    position: absolute;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
}
@media (max-width: 991px) {
    .technical-specifications__content:after {
        display: none;
    }
}
.technical-specifications__list {
    margin: 0 70px;
    width: calc(100% / 2 - 140px);
}
@media (max-width: 991px) {
    .technical-specifications__list {
        margin: 0;
        width: 100%;
    }
    .technical-specifications__list:not(:last-child) {
        margin: 0 0 10px;
    }
}
.technical-specifications__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.technical-specifications__item:not(:last-child) {
    margin: 0 0 5px;
}
@media (max-width: 991px) {
    .technical-specifications__item:not(:last-child) {
        margin: 0 0 10px;
    }
}
.technical-specifications__name {
    color: #576c8a;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 120px;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 40px 0 0;
    width: 120px;
}
@media (max-width: 991px) {
    .technical-specifications__name {
        font-size: 14px;
        line-height: 21px;
    }
}
.technical-specifications__info {
    color: #0c0033;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
@media (max-width: 991px) {
    .technical-specifications__info {
        font-size: 14px;
        line-height: 21px;
    }
}
.technical-specifications__more {
    color: #14afb4;
    display: block;
    font-size: 20px;
    letter-spacing: 0.125px;
    line-height: 23px;
    text-align: center;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .technical-specifications__more {
        border: 1px solid #14afb4;
        border-radius: 6px;
        font-family: "Montserrat";
        font-size: 14px;
        letter-spacing: 0;
        line-height: 21px;
        padding: 10px 20px;
        text-decoration: inherit;
    }
}
.product-hot {
    margin: 0 0 40px;
}
@media (max-width: 991px) {
    .product-hot {
        margin: 0 0 16px;
    }
}
.product-hot__title {
    color: #0c0033;
    display: none;
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin: 0 0 30px;
}
@media (max-width: 991px) {
    .product-hot__title {
        color: #000;
        display: block;
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 14px;
    }
}
.product-hot .owl-stage-outer {
    border-radius: 10px;
    overflow: hidden;
}
.product-hot .owl-stage-outer img {
    border-radius: 10px;
}
.product-desc {
    margin: 40px 0 60px;
}
@media (max-width: 991px) {
    .product-desc {
        margin: 16px 0 20px;
    }
}
.product-desc__txt {
    color: #474747;
    font-size: 16px;
    line-height: 180%;
}
@media (max-width: 991px) {
    .product-desc__txt {
        font-size: 14px;
        line-height: 21px;
    }
}
.product-desc__txt:not(:last-child) {
    margin: 0 0 20px;
}
@media (max-width: 991px) {
    .product-desc__txt:not(:last-child) {
        margin: 0;
    }
}
.product-desc__more {
    color: #14afb4;
    display: block;
    font-size: 20px;
    letter-spacing: 0.125px;
    line-height: 23px;
    margin: 15px 0 0;
    text-align: center;
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline;
}
@media (max-width: 991px) {
    .product-desc__more {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
        margin: 5px 0 0;
    }
}
.product-other__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin: 0 0 20px;
}
@media (max-width: 991px) {
    .product-other__title {
        color: #000;
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 16px;
        text-transform: uppercase;
    }
}
@media (max-width: 991px) {
    .product-other .grild-product.lists.slider {
        margin: 0 -15px;
        padding: 0;
    }
    .product-other .owl-carousel .owl-stage-outer {
        margin: 0 0 20px;
    }
    .product-other .infor {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .product-other .infor h3 {
        margin: 0 0 5px;
    }
    .product-other .infor .left {
        width: calc(100% - 56px);
    }
    .product-other .infor .price-p {
        font-size: 14px;
        line-height: 20px;
    }
    .product-other .infor .right {
        margin: 25px 0 0;
        min-width: 56px;
        width: auto;
    }
    .product-other .infor .btn {
        border-radius: 6px;
        border-width: 1px;
        padding: 6px;
    }
}
.box-comment {
    word-break: break-word;
}
.box-comment .title-vote h4 {
    font-weight: bold;
}
.box-comment__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px;
}
.box-comment__noti {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.box-comment__noti-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #14afb4;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    font-size: 0;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px 0 0;
    width: 20px;
}
.box-comment__noti-icon i {
    color: #fff;
    font-size: 10px;
}
.box-comment__noti-txt {
    color: #14afb4;
    font-size: 16px;
    line-height: 1.8;
}
.box-comment .rating-custom {
    margin: 0 15px 0 0;
}
.box-comment .rating-custom__star i {
    font-size: 14px;
    line-height: 1.8;
}
.box-comment__des {
    font-size: 16px;
    font-weight: normal;
}
.box-comment__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0;
}
.box-comment__reply {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #14afb4;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
}
.box-comment__reply-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    margin: 0 5px 0 0;
}
.box-comment__reply-icon i {
    font-size: 14px;
}
.box-comment__reply__txt {
    font-size: 14px;
}
.box-comment__dot {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #576c8a;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3px;
    margin: 0 8px;
    width: 3px;
}
.box-comment__time {
    color: #576c8a;
    font-size: 14px;
    line-height: 24px;
}
.box-comment__avatar {
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 28px;
    -ms-flex: 0 0 28px;
    flex: 0 0 28px;
    height: 28px;
    margin: 0 12px 0 0;
    width: 28px;
}
.box-comment__avatar img {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.box-comment__badges {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffd500;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 80px;
    padding: 2px 5px;
}
.box-comment__badges-txt {
    color: #0c0033;
    font-size: 12px;
    line-height: 1;
}
.box-comment__tag {
    color: #14afb4;
    font-weight: 500;
    margin: 0 2px 0 0;
}
.box-comment__form {
    margin: 12px 0 0;
}
.box-comment__form textarea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin: 0;
}
.box-comment .form-btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 6px 15px;
    min-width: 90px;
}
.rep-comment {
    margin: 15px 0 0;
}
.rep-comment__item {
    background-color: #f5f8fd;
    border-radius: 4px;
    padding: 15px 20px;
}
.rep-comment__item:not(:last-child) {
    margin: 0 0 5px;
}
.rating-custom {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.rating-custom__star {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #e7e7e7;
    cursor: pointer;
    font-size: 0;
}
.rating-custom__star:not(:last-child) {
    margin: 0 5px 0 0;
}
.rating-custom__star.voted {
    color: #ffd500;
}
.rating-custom__star i {
    font-size: 22px;
}
.linksend .rating-custom {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 15px;
}
.list-vote .item-vote {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
}
.list-vote .item-vote .box-comment__name {
    margin: 0 20px 0 0;
}
.list-vote .item-vote .box-comment__des {
    font-size: 16px;
    font-weight: normal;
}
.modal-product {
    padding: 0 25px 10px;
}
@media (max-width: 991px) {
    .modal-product {
        padding: 0;
    }
}
.modal-product__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin: 0 0 15px;
    text-align: center;
}
@media (max-width: 991px) {
    .modal-product__title {
        font-size: 20px;
        line-height: 24px;
    }
}
.modal-product .rating-custom {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modal-product__radio {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0 20px;
}
.modal-product__radio .radio-custom1 {
    padding: 0 0 0 30px;
}
.modal-product__radio .radio-custom1:not(:last-child) {
    margin: 0 40px 0 0;
}
.modal-product__radio .txt-radio {
    font-weight: 500;
}
.modal-product__form {
    margin: 20px 0;
}
.modal-product .form-vertical {
    margin: 0 0 15px;
}
.modal-product .form-vertical .form-control {
    border-radius: 6px;
    padding: 10px 15px;
}
.modal-product__btn {
    margin: 20px 0 0;
}
.modal-product__btn .btn {
    width: 100%;
}
@media (max-width: 991px) {
    .modal-product__btn .btn {
        border-radius: 6px;
    }
}
.hotline-now {
    margin: 0 0 0 20px;
}
@media (max-width: 991px) {
    .hotline-now {
        display: block;
        margin: 20px 0 0;
    }
}
.hotline-now__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #14afb4;
    border: 1px solid #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 10px;
    position: relative;
}
.hotline-now__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffff;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    height: 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px 0 0;
    position: relative;
    width: 32px;
    z-index: 2;
}
.hotline-now__icon i {
    color: #14afb4;
    font-size: 16px;
}
.hotline-now__phone {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 23px;
}
.hotline-now__name {
    color: #ffff;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin: 0 0 3px;
    text-align: right;
}
.contact-now {
    bottom: 150px;
    left: 15px;
    position: fixed;
    z-index: 2;
}
@media (max-width: 991px) {
    .contact-now {
        bottom: 100px;
    }
}
.contact-now.closed {
    display: none;
}
.contact-now__content {
    background-color: #fff;
    border: 2px solid #fe9a00;
    border-radius: 8px;
    padding: 12px 16px;
    position: relative;
}
@media (max-width: 991px) {
    .contact-now__content {
        padding: 24px 40px 12px 16px;
    }
}
.contact-now__close {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
}
@media (max-width: 991px) {
    .contact-now__close {
        display: block;
    }
}
.contact-now__close i {
    color: #fe9a00;
    font-size: 16px;
}
.contact-now__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.contact-now__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fe9a00;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    height: 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px 0 0;
    position: relative;
    width: 32px;
    z-index: 2;
}
.contact-now__icon i {
    color: #fff;
    font-size: 16px;
}
.contact-now__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #fe9a00;
    border-radius: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding: 6px 18px 6px 40px;
    position: absolute;
    z-index: 1;
}
.contact-now__title {
    color: #fe9a00;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase;
}
.contact-now__phone {
    color: #fe9a00;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 23px;
    margin: 3px 0;
}
.contact-now__name {
    color: #fe9a00;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}
.row-frm .control input:disabled {
    background-color: #ececec;
    color: #576c8a;
}
.advertise {
    margin: 0 0 150px;
}
@media (max-width: 991px) {
    .advertise {
        display: none;
    }
}
.advertise__content {
    margin: 0 auto;
    max-width: 953px;
    width: 100%;
}
.advertise__content.opened .advertise__table {
    display: block;
}
.advertise__content.opened .advertise__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.advertise__top {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 24px;
    padding: 24px 28px;
}
.advertise__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.advertise__name {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin: 0 0 12px;
}
.advertise__des {
    color: #14afb4;
    font-size: 18px;
    font-weight: bold;
}
.advertise__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.advertise__text {
    color: #14afb4;
    font-size: 16px;
    line-height: 18px;
    margin: 0 5px 0 0;
}
.advertise__icon {
    color: #576c8a;
    font-size: 0;
}
.advertise__icon i {
    font-size: 8px;
}
.advertise__table {
    display: none;
}
.advertise__table .table-customize {
    border: 0;
    box-shadow: 0 1.59791px 3.19582px rgba(39, 52, 125, 0.2);
    min-width: auto;
}
.advertise__table .table-customize tr:nth-child(2n) {
    background-color: #e7f7f7;
}
.advertise__table .table-customize thead tr {
    background-color: transparent;
}
.advertise__table .table-customize th,
.advertise__table .table-customize td {
    color: #000;
    font-size: 16px;
}
.advertise__table .table-customize__des {
    font-weight: 500;
}
.advertise__table .table-customize__txt {
    color: #576c8a;
}
.advertise__table .table-customize__status {
    font-weight: 500;
}
.advertise__table .table-customize__status.active {
    color: #14afb4;
}
.advertise__table .table-customize__status.none {
    color: #ff0048;
}
.advertise-sp {
    display: none;
    margin: 20px 0 80px;
}
@media (max-width: 991px) {
    .advertise-sp {
        display: block;
    }
}
.advertise-sp__content.opened .advertise-sp__list {
    display: block;
}
.advertise-sp__content.opened .advertise-sp__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.advertise-sp__top {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 16px rgba(105, 82, 82, 0.14);
    margin: 0 0 16px;
    padding: 16px;
}
.advertise-sp__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 12px;
}
.advertise-sp__name {
    color: #576c8a;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    margin: 0 10px 0 0;
}
.advertise-sp__des {
    color: #14afb4;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}
.advertise-sp__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.advertise-sp__text {
    color: #14afb4;
    font-size: 12px;
    margin: 0 5px 0 0;
}
.advertise-sp__icon {
    color: #576c8a;
    font-size: 0;
}
.advertise-sp__icon i {
    font-size: 8px;
}
.advertise-sp__list {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 16px rgba(105, 82, 82, 0.14);
    display: none;
    padding: 8px 16px;
}
.advertise-sp__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
}
.advertise-sp__item:not(:last-child) {
    border-bottom: 1px solid #ededed;
}
.advertise-sp__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 20px 0 0;
}
.advertise-sp__row:not(:last-child) {
    margin: 0 0 5px;
}
.advertise-sp__txt {
    color: #576c8a;
    font-size: 12px;
    line-height: 18px;
}
.advertise-sp__noti {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 10px;
}
.advertise-sp__detail {
    color: rgba(0, 0, 0, 0.9);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin: 0 0 0 10px;
}
.advertise-sp__status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 20px 0 0;
    width: 110px;
}
.advertise-sp__status:before {
    border: 1px solid transparent;
    border-radius: 50%;
    content: '';
    height: 5px;
    left: -5px;
    position: relative;
    top: 2px;
    width: 5px;
}
.advertise-sp__status.active {
    color: #14afb4;
}
.advertise-sp__status.active:before {
    background-color: #14afb4;
}
.advertise-sp__status.none {
    color: #ff0048;
}
.advertise-sp__status.none:before {
    background-color: #ff0048;
}
.advertise-custom {
    margin: 50px 0 60px;
}
@media (max-width: 991px) {
    .advertise-custom {
        margin: 30px 0 60px;
    }
}
.advertise-custom__inner {
    margin: 0 auto;
    max-width: 953px;
    width: 100%;
}
.advertise-custom .tab-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 991px) {
    .advertise-custom .tab-title {
        background-color: #fff;
        border-radius: 6px;
        box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
        padding: 0 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 991px) {
    .advertise-custom .tab-title li {
        padding: 16px 0;
    }
    .advertise-custom .tab-title li:not(:last-child) {
        border-bottom: 1px solid #ededed;
    }
}
.advertise-custom .tab-title li a {
    border-bottom: 2px solid #e7e7e7;
    color: #979797;
    font-size: 18px;
    padding: 0 15px 10px;
}
@media (max-width: 991px) {
    .advertise-custom .tab-title li a {
        border-bottom: 0;
        color: #000;
        font-size: 14px;
        padding: 0;
    }
}
.advertise-custom .tab-title li.active a,
.advertise-custom .tab-title li a:hover {
    border-bottom: 2px solid #14afb4;
    color: #14afb4;
}
@media (max-width: 991px) {
    .advertise-custom .tab-title li.active a,
    .advertise-custom .tab-title li a:hover {
        border-bottom: 0;
    }
}
.advertise-custom__content {
    margin: 50px 0 0;
}
@media (max-width: 991px) {
    .advertise-custom__content {
        margin: 20px 0 0;
    }
}
@media (max-width: 991px) {
    .advertise-custom__table {
        display: none;
    }
}
.advertise-custom .table-customize {
    border: 0;
    box-shadow: 0 1.59791px 3.19582px rgba(39, 52, 125, 0.2);
    min-width: auto;
}
.advertise-custom .table-customize tr:nth-child(2n) {
    background-color: #e7f7f7;
}
.advertise-custom .table-customize thead tr {
    background-color: transparent;
}
.advertise-custom .table-customize th,
.advertise-custom .table-customize td {
    text-align: center;
}
.advertise-custom .table-customize th {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
.advertise-custom .table-customize__tel {
    color: #000;
}
.advertise-custom .table-customize__txt {
    color: #576c8a;
}
.advertise-custom .table-customize__stt {
    font-weight: 500;
}
.advertise-custom .table-customize__stt.active {
    color: #14afb4;
}
.advertise-custom .table-customize__stt.none {
    color: #fe9a00;
}
.advertise-custom__list {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    display: none;
    padding: 8px 16px;
}
@media (max-width: 991px) {
    .advertise-custom__list {
        display: block;
    }
}
.advertise-custom__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
}
.advertise-custom__item:not(:last-child) {
    border-bottom: 1px solid #ededed;
}
.advertise-custom__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 20px 0 0;
}
.advertise-custom__detail {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.advertise-custom__name {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.advertise-custom__date {
    color: #979797;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
}
.advertise-custom__stt {
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
}
.advertise-custom__stt.done {
    color: #14afb4;
}
.advertise-custom__stt.error {
    color: #fe9a00;
}
.tooltip-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.tooltip-custom__text {
    background-color: black;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}
.tooltip-custom:hover .tooltip-custom__text {
    visibility: visible;
}
.links-personal {
    background-color: #fff;
    margin: 0 auto;
    max-width: 585px;
    width: 100%;
}
.links-personal__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
}
.links-personal__content {
    margin: 70px 0 200px;
}
.links-personal__form {
    margin: 0 0 20px;
}
.links-personal__label {
    color: #0c0033;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    margin: 0 0 10px;
}
.links-personal__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.links-personal__input {
    color: #1a4c7e;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px;
}
.links-personal__btn {
    border-width: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 140px;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    margin: 0 0 0 22px;
    padding: 15px 20px;
}
.links-personal__btn.disabled {
    opacity: 0.5;
    pointer-events: none;
}
.links-personal__box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(246, 250, 250, 0.8);
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 0;
    padding: 13px 20px;
}
.links-personal__name {
    color: #14afb4;
    font-size: 18px;
    font-weight: bold;
    margin: 0 20px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 373px;
}
.links-personal__name:hover {
    color: #14d6cf;
    text-decoration: underline;
}
.links-personal__value {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: calc(100% - 373px - 20px);
}
.links-personal__icon {
    margin: 0 5px 0 0;
}
.links-personal__text {
    color: #364350;
    font-size: 12px;
    font-weight: 500;
}
.has-sub .submenu {
    min-width: 140px;
}
.has-sub .submenu li {
    width: 100%;
}
.has-sub .submenu li a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.has-sub .submenu li a i {
    margin-top: 0;
}
.card-game {
    height: 100vh;
    min-height: 100%;
    position: relative;
}
.card-game__header {
    background-color: #14afb4;
}
.card-game__nav {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    position: relative;
}
.card-game__nav-icon {
    font-size: 0;
    left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.card-game__nav-icon i {
    font-size: 18px;
}
.card-game__nav-text {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
.card-game__content {
    padding: 15px;
}
.buy-card__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.buy-card__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 16px);
    -ms-flex: 0 0 calc(100% / 3 - 16px);
    flex: 0 0 calc(100% / 3 - 16px);
    margin: 0 8px 20px;
    position: relative;
    width: calc(100% / 3 - 16px);
}
.buy-card__images {
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.buy-card__images img {
    border-radius: 8px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.buy-card__price {
    bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.tabs-list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #e7e7e7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
}
.tabs-list .tabs-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin: 0;
    width: 50%;
}
.tabs-list .tabs-link {
    display: block;
    margin: 0 0 -2px;
    padding: 0 20px 8px;
    text-align: center;
}
.trans-history__des {
    color: #576c8a;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}
.trans-history__list {
    margin: 10px 0 0;
}
.trans-history__row {
    border-bottom: 1px solid #e7e7e7;
    margin: 0 0 15px;
    padding: 0 0 15px;
}
.trans-history__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 5px;
}
.trans-history__sub {
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 20px 0 0;
}
.trans-history__price {
    color: #14afb4;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
}
.trans-history__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.trans-history__item:not(:last-child) {
    margin: 0 0 5px;
}
.trans-history__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    margin: 0 10px 0 0;
}
.trans-history__value {
    color: #576c8a;
    font-size: 12px;
    line-height: 20px;
}
.modal-card .modal__images {
    margin-bottom: 15px;
}
.modal-card .modal__title {
    margin: 0 0 15px;
    text-align: center;
}
.modal-card__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.modal-card__name {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
}
.modal-card__value {
    color: #576c8a;
    font-size: 14px;
    line-height: 25px;
}
.check-fee {
    margin: 0 0 80px;
}
@media (max-width: 991px) {
    .check-fee {
        margin: 30px 0 40px;
    }
}
.check-fee__header {
    background-color: #14afb4;
}
.check-fee__nav {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    position: relative;
}
.check-fee__icon {
    font-size: 0;
    left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.check-fee__icon i {
    font-size: 18px;
}
.check-fee__txt {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
.check-fee__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0 0 20px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .check-fee__title {
        font-size: 20px;
        line-height: 24px;
    }
}
.check-fee__sub {
    color: #0c0033;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 28px;
    margin: 0 0 10px;
}
@media (max-width: 991px) {
    .check-fee__sub {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
    }
}
.check-fee__top {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 30px;
}
@media (max-width: 991px) {
    .check-fee__top {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }
}
.check-fee__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    padding: 0 15px;
}
@media (max-width: 991px) {
    .check-fee__left {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        padding: 0;
    }
}
.check-fee__right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    padding: 0 15px;
}
@media (max-width: 991px) {
    .check-fee__right {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        padding: 0;
    }
}
.check-fee__btn {
    display: none;
    margin: 20px 0 0;
}
@media (max-width: 991px) {
    .check-fee__btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.check-fee__btn .btn {
    width: 100%;
}
@media (max-width: 991px) {
    .check-fee__btn .btn {
        border-radius: 6px;
    }
}
.check-fee__col-left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    padding: 0 15px;
}
@media (max-width: 991px) {
    .check-fee__col-left {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        padding: 0;
    }
}
.check-fee__col-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    padding: 0 15px;
}
@media (max-width: 991px) {
    .check-fee__col-right {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        padding: 0;
    }
}
.check-fee__col-right .check-fee__btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 0;
}
@media (max-width: 991px) {
    .check-fee__col-right .check-fee__btn {
        margin: 20px 0 0;
    }
}
.check-fee__col-right .btn {
    padding: 11px 20px;
}
@media (max-width: 991px) {
    .check-fee__col-right .btn {
        border-radius: 6px;
        padding: 11px 15px;
    }
}
.check-fee__col-right .btn:not(:last-child) {
    margin: 0 30px 0 0;
}
@media (max-width: 991px) {
    .check-fee__col-right .btn:not(:last-child) {
        margin: 0 15px 0 0;
    }
}
.check-fee__box {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    padding: 25px 30px;
}
@media (max-width: 991px) {
    .check-fee__box {
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        padding: 15px 0 0;
    }
}
.check-fee--postpaid .check-fee__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .check-fee--postpaid .check-fee__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.check-fee--postpaid .history-fee__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.check-fee--postpaid .history-fee__action {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 15px 0 0;
    width: 100%;
}
@media (max-width: 991px) {
    .check-fee--postpaid .use-fee {
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 15px;
        padding: 0;
    }
}
.info-fee {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    padding: 35px 30px;
}
@media (max-width: 991px) {
    .info-fee {
        box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
        padding: 15px;
    }
}
.info-fee__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 5px;
}
.info-fee__txt {
    color: #0c0033;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 15px 0 0;
}
@media (max-width: 991px) {
    .info-fee__txt {
        font-size: 14px;
        line-height: 21px;
    }
}
.info-fee__price {
    color: #0c0033;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
}
@media (max-width: 991px) {
    .info-fee__price {
        font-size: 14px;
        line-height: 21px;
        font-weight: 600;
    }
}
.info-fee__price.highlight {
    color: #14afb4;
}
.info-fee__des {
    color: #576c8a;
    font-size: 14px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .info-fee__des {
        font-size: 12px;
        line-height: 18px;
    }
}
.info-fee__btn {
    margin: 20px 0 0;
}
@media (max-width: 991px) {
    .info-fee__btn {
        margin: 10px 0 0;
        text-align: center;
    }
}
.info-fee__btn .btn {
    width: 100%;
}
@media (max-width: 991px) {
    .info-fee__btn .btn {
        border-radius: 6px;
        border-width: 1px;
        padding: 8px 16px;
        width: 138px;
    }
}
.choose-fee__list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}
@media (max-width: 991px) {
    .choose-fee__list {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: auto;
    }
}
.choose-fee__item {
    background-color: #fff;
    border: 1px solid #14afb4;
    border-radius: 6px;
    color: #14afb4;
    cursor: pointer;
    font-size: 14px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 102px;
    -ms-flex: 0 0 102px;
    flex: 0 0 102px;
    line-height: 21px;
    margin: 0 8px 16px;
    padding: 5px 2px;
    text-align: center;
    width: 102px;
}
.choose-fee__item--selected {
    background-color: #14afb4;
    color: #fff;
}
.use-fee {
    margin: 15px 0;
}
@media (max-width: 991px) {
    .use-fee {
        background-color: #fff;
        border-radius: 6px;
        box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
        padding: 15px;
    }
}
.use-fee__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .use-fee__top {
        margin: 0 0 5px;
    }
}
@media (max-width: 991px) {
    .use-fee__top .check-fee__sub {
        margin: 0 10px 0 0;
    }
}
@media (max-width: 991px) {
    .use-fee__content {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.use-fee__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 5px;
}
@media (max-width: 991px) {
    .use-fee__info {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 10px 0 0;
    }
}
.use-fee__price {
    color: #14afb4;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: "Montserrat";
    font-size: 29px;
    font-weight: 600;
    margin: 0 20px 0 0;
}
@media (max-width: 991px) {
    .use-fee__price {
        font-size: 24px;
        margin: 0 0 5px;
    }
}
.use-fee__price span {
    color: #576c8a;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 0 10px;
}
@media (max-width: 991px) {
    .use-fee__price span {
        font-size: 12px;
        line-height: 18px;
    }
}
.use-fee__icon {
    color: #14afb4;
    font-size: 0;
    margin: 0 3px 0 0;
}
.use-fee__icon i {
    font-size: 16px;
}
@media (max-width: 991px) {
    .use-fee__icon i {
        font-size: 12px;
    }
}
.use-fee__link {
    color: #14afb4;
    font-size: 18px;
    line-height: 21px;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .use-fee__link {
        font-size: 14px;
        line-height: 18px;
    }
}
.use-fee__link:hover {
    color: #14d6cf;
}
.use-fee__des {
    color: #576c8a;
    font-size: 14px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .use-fee__des {
        display: none;
        font-size: 12px;
        line-height: 18px;
    }
}
.use-fee__des--sp {
    display: none;
}
@media (max-width: 991px) {
    .use-fee__des--sp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.use-fee__btn {
    margin: 30px 0 0;
}
@media (max-width: 991px) {
    .use-fee__btn {
        margin: 0;
    }
}
.use-fee .btn {
    width: 100%;
}
@media (max-width: 991px) {
    .use-fee .btn {
        border-radius: 6px;
        border-width: 1px;
        padding: 8px 20px;
        width: 134px;
    }
}
.use-detail__item {
    background-color: #f4f4f6;
    border-radius: 6px;
    position: relative;
}
@media (max-width: 991px) {
    .use-detail__item {
        background-color: transparent;
        border-radius: 0;
    }
}
.use-detail__item:not(:last-child) {
    margin: 0 0 16px;
}
@media (max-width: 991px) {
    .use-detail__item:not(:last-child) {
        border-bottom: 1px solid #e7e7e7;
        padding: 0 0 10px;
    }
}
.use-detail__link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 30px 15px 15px;
}
@media (max-width: 991px) {
    .use-detail__link {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }
}
.use-detail__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 20px 0 0;
}
.use-detail__images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 0 0;
}
.use-detail__name {
    color: #000;
    font-size: 14px;
    line-height: 21px;
}
.use-detail__price {
    color: #000;
    font-family: "Montserrat";
    font-size: 29px;
    font-weight: 600;
}
@media (max-width: 991px) {
    .use-detail__price {
        color: #14afb4;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        margin: 0 0 0 34px;
    }
}
.use-detail__action {
    height: 42px;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
}
.use-detail__action.has-locked {
    background: url("../images_content/bg-locked.png") center center no-repeat;
}
@media (max-width: 991px) {
    .use-detail__action.has-locked {
        background: none;
    }
}
.use-detail__icon {
    color: #a7a7a7;
    font-size: 0;
    position: absolute;
    right: 5px;
    top: 6px;
}
@media (max-width: 991px) {
    .use-detail__icon {
        right: 25px;
        top: 15px;
    }
}
.use-detail__icon i {
    font-size: 14px;
}
.use-detail__next {
    color: #a7a7a7;
    display: none;
    font-size: 0;
    position: absolute;
    right: 5px;
    top: 15px;
}
@media (max-width: 991px) {
    .use-detail__next {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.use-detail__next i {
    font-size: 14px;
}
.history-fee {
    margin: 30px 0 0;
}
@media (max-width: 991px) {
    .history-fee {
        margin: 16px 0 0;
    }
}
.history-fee__content {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 0 0;
}
@media (max-width: 991px) {
    .history-fee__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 16px 0 0;
    }
}
.history-fee__chart {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.history-fee__chart img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.history-fee__action {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 270px;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    margin: 0 0 0 30px;
    width: 270px;
}
@media (max-width: 991px) {
    .history-fee__action {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 15px 0 0;
        width: 100%;
    }
}
.history-fee__btn {
    margin: 30px 0 0;
}
@media (max-width: 991px) {
    .history-fee__btn {
        display: none;
    }
}
.history-fee .btn {
    width: 100%;
}
.history-fee .checkbox--customize {
    margin-bottom: 0;
}
.history-fee .checkbox--customize .checkbox__txt {
    font-size: 16px;
    font-weight: normal;
}
@media (max-width: 991px) {
    .history-fee .checkbox--customize .checkbox__txt {
        font-size: 14px;
    }
}
.tickets-air {
    background: url('../images_content/bg-bamboo.png') center bottom no-repeat;
    background-size: cover;
    display: block;
    padding: 40px 0 65px;
}
@media (max-width: 991px) {
    .tickets-air {
        padding: 15px 0 30px;
    }
}
.tickets-air--error {
    padding: 40px 0 110px;
}
@media (max-width: 991px) {
    .tickets-air--error {
        padding: 15px 0 30px;
    }
}
.tickets-air--check {
    padding: 40px 0 95px;
}
@media (max-width: 991px) {
    .tickets-air--check {
        padding: 15px 0 180px;
    }
}
.tickets-air--choose .tickets-air__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}
.tickets-air--buy .tickets-air__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}
.tickets-air--separation .tickets-air__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 585px;
    -ms-flex: 0 0 585px;
    flex: 0 0 585px;
    width: 585px;
}
.tickets-air--filter .tickets-air__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 945px;
    -ms-flex: 0 0 945px;
    flex: 0 0 945px;
    width: 945px;
}
.tickets-air--summary .box-tickets__code {
    background-color: #fff;
    padding: 0;
}
.tickets-air__inner {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 15px;
    width: 1170px;
}
.tickets-air__top {
    margin-bottom: 30px;
    position: relative;
}
@media (max-width: 991px) {
    .tickets-air__top {
        margin-bottom: 20px;
    }
}
.tickets-air__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 36px;
    text-align: center;
}
@media (max-width: 991px) {
    .tickets-air__title {
        color: #14afb4;
        font-family: inherit;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
    }
}
.tickets-air__link {
    color: #14afb4;
    font-size: 14px;
    line-height: 21px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tickets-air__prev {
    font-size: 0;
    left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tickets-air__prev i {
    color: #fff;
    font-size: 18px;
}
.tickets-air__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .tickets-air__body {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.tickets-air__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 750px;
    -ms-flex: 0 0 750px;
    flex: 0 0 750px;
    margin: 0 auto;
    max-width: 100%;
    width: 750px;
}
.tickets-air__side {
    margin: 85px 0 0 30px;
}
@media (max-width: 991px) {
    .tickets-air__side {
        margin: 25px 0 0;
    }
}
.tickets-air__sub {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .tickets-air__sub {
        margin: 30px 0 0;
    }
}
.tickets-air__sub-name {
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: bold;
    margin: 0 20px 0 0;
}
@media (max-width: 991px) {
    .tickets-air__sub-name {
        font-size: 14px;
    }
}
.tickets-air__sub-links {
    color: #14afb4;
    font-size: 18px;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .tickets-air__sub-links {
        font-size: 12px;
    }
}
.tickets-air__form {
    margin-bottom: 30px;
}
.tickets-air .form-vertical {
    margin-bottom: 15px;
}
.tickets-air .form-vertical .label-title {
    color: #000;
    line-height: 21px;
    margin-bottom: 5px;
    min-height: 21px;
}
.tickets-air .form-vertical .form-control {
    border-radius: 6px;
    line-height: 18px;
    padding: 10px 15px;
}
.tickets-air .form-vertical .form-control::-webkit-input-placeholder {
    color: #c4c4c4;
    font-style: italic;
}
.tickets-air .form-vertical .form-control::-moz-placeholder {
    color: #c4c4c4;
    font-style: italic;
}
.tickets-air .form-vertical .form-control:-ms-input-placeholder {
    color: #c4c4c4;
    font-style: italic;
}
.tickets-air .form-vertical .form-control::placeholder {
    color: #c4c4c4;
    font-style: italic;
}
.tickets-air__btn {
    margin-top: 30px;
    text-align: center;
}
.tickets-air__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    line-height: 20px;
    min-width: 360px;
}
@media (max-width: 991px) {
    .tickets-air__btn .btn {
        min-width: 100%;
    }
}
.box-tickets {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    margin-top: 30px;
    padding: 30px 30px 24px;
}
@media (max-width: 991px) {
    .box-tickets {
        border-radius: 6px;
        margin-top: 25px;
        padding: 25px 15px 15px;
    }
}
.box-tickets__tag {
    background-color: #14afb4;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 2px 10px;
}
@media (max-width: 991px) {
    .box-tickets__tag {
        font-size: 12px;
        padding: 5px 6px;
    }
}
.box-tickets__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 16px;
}
@media (max-width: 991px) {
    .box-tickets__top {
        margin: 10px 0 15px;
    }
}
.box-tickets__detail {
    background-color: #f9f9f9;
    border-radius: 6px;
    margin: 0 -10px;
    padding: 12px 15px;
}
@media (max-width: 991px) {
    .box-tickets__detail {
        background-color: #f2f2f2;
        margin: 0 -5px;
        padding: 15px 12px;
    }
}
.box-tickets__detail--space {
    margin: 0 -10px 40px;
}
@media (max-width: 991px) {
    .box-tickets__detail--space {
        margin: 0 -5px 20px;
    }
}
.box-tickets__detail--price {
    background-color: #fff;
    padding: 25px 15px 0;
}
@media (max-width: 991px) {
    .box-tickets__detail--price {
        padding: 15px 10px 5px;
    }
}
.box-tickets__sub {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 8px;
}
@media (max-width: 991px) {
    .box-tickets__sub {
        font-size: 16px;
    }
}
.box-tickets__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.box-tickets__info:not(:last-child) {
    margin: 0 0 5px;
}
.box-tickets__text {
    color: #000;
    font-size: 16px;
    line-height: 21px;
    margin: 0 20px 0 0;
}
@media (max-width: 991px) {
    .box-tickets__text {
        font-size: 14px;
    }
}
.box-tickets__text span {
    margin: 0 0 0 10px;
}
.box-tickets__text.cancel {
    color: #ff0048;
}
.box-tickets__text.success {
    color: #4eb8f4;
}
.box-tickets__text.holding {
    color: #fe9a00;
}
.box-tickets__text.waiting {
    color: #c4c4c4;
}
.box-tickets__text.check-in {
    color: #576c8a;
}
.box-tickets__value {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}
@media (max-width: 991px) {
    .box-tickets__value {
        font-size: 14px;
    }
}
.box-tickets__value.price {
    color: #14afb4;
    font-size: 22px;
}
@media (max-width: 991px) {
    .box-tickets__value.price {
        font-size: 20px;
    }
}
.box-tickets__value.links {
    color: #14afb4;
    font-size: 18px;
    font-weight: normal;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .box-tickets__value.links {
        font-size: 12px;
    }
}
.box-tickets__code {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f2f2f2;
    border-radius: 6px;
    color: #000;
    display: none;
    font-size: 14px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 21px;
    padding: 8px 12px;
}
@media (max-width: 991px) {
    .box-tickets__code {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.box-tickets__code-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.box-tickets__code-value {
    font-weight: 500;
    margin: 0 0 0 20px;
}
.box-tickets--cancel .tickets-info__place {
    color: #979797;
    font-weight: normal;
}
@media (max-width: 991px) {
    .box-tickets--cancel .tickets-info__place {
        color: #333;
        font-weight: 500;
    }
}
.box-tickets--cancel .tickets-info__text {
    color: #14afb4;
}
@media (max-width: 991px) {
    .box-tickets--cancel .tickets-info__text {
        color: #4f4f4f;
    }
}
.box-tickets--cancel .tickets-info__note {
    color: #c4c4c4;
}
@media (max-width: 991px) {
    .box-tickets--cancel .tickets-info__note {
        color: #4f4f4f;
    }
}
.box-tickets--cancel .box-tickets__top {
    margin: 20px 0 0;
}
.tickets-code {
    margin: 0 10px;
    width: 180px;
}
@media (max-width: 991px) {
    .tickets-code {
        margin: 0 5px;
        width: 72px;
    }
}
.tickets-code__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50px;
}
.tickets-code__name {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
@media (max-width: 991px) {
    .tickets-code__name {
        font-size: 20px;
    }
}
.tickets-code__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 3px 0;
}
.tickets-code__icon img {
    border-bottom: 2px solid #fe9a00;
    padding: 0 0 3px;
}
.tickets-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.tickets-info__list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.tickets-info__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 20px);
    -ms-flex: 0 0 calc(100% / 3 - 20px);
    flex: 0 0 calc(100% / 3 - 20px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 10px;
    width: calc(100% / 3 - 20px);
}
.tickets-info__item--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.tickets-info__item--last {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.tickets-info__time {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
@media (max-width: 991px) {
    .tickets-info__time {
        font-size: 20px;
    }
}
.tickets-info__place {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin: 8px 0;
}
@media (max-width: 991px) {
    .tickets-info__place {
        color: #333;
        font-size: 12px;
        margin: 5px 0;
    }
}
.tickets-info__note {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
}
@media (max-width: 991px) {
    .tickets-info__note {
        font-size: 12px;
    }
}
.tickets-info__note-sp {
    color: #4f4f4f;
    font-size: 14px;
    line-height: 21px;
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
}
.tickets-info__des {
    border: 1px solid #14afb4;
    border-radius: 6px;
    color: #000;
    font-size: 14px;
    line-height: 21px;
    margin: 15px 0 25px;
    padding: 4px 10px;
    text-align: center;
}
@media (max-width: 991px) {
    .tickets-info__des {
        color: #14afb4;
        font-family: "Montserrat";
        margin: 15px 0 20px;
    }
}
.tickets-info__code {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 21px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .tickets-info__code {
        display: none;
        font-size: 14px;
    }
}
.tickets-info__code-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.tickets-info__code-value {
    font-weight: 500;
    margin: 0 0 0 20px;
}
.tickets-info__text {
    color: #576c8a;
    font-size: 14px;
    line-height: 18px;
}
@media (max-width: 991px) {
    .tickets-info__text {
        font-size: 12px;
    }
}
.tickets-info__txt {
    font-weight: 500;
    margin: 0 2px 0 0;
}
.tickets-info__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 8px 0;
    position: relative;
    width: 26px;
}
@media (max-width: 991px) {
    .tickets-info__icon {
        height: 34px;
        margin: 5px 0;
        width: 34px;
    }
}
.tickets-info__icon:before {
    background-color: #e7e7e7;
    content: '';
    height: 1px;
    right: 25px;
    position: absolute;
    width: 100px;
}
@media (max-width: 991px) {
    .tickets-info__icon:before {
        right: 33px;
        width: 39px;
    }
}
.tickets-info__icon:after {
    background-color: #e7e7e7;
    content: '';
    height: 1px;
    position: absolute;
    left: 25px;
    width: 100px;
}
@media (max-width: 991px) {
    .tickets-info__icon:after {
        left: 33px;
        width: 39px;
    }
}
.tickets-info__position {
    color: #979797;
    font-family: "Montserrat";
    font-size: 14px;
    line-height: 21px;
}
.tickets-info__mark {
    color: #000;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}
.tickets-info__location {
    color: #000;
    font-size: 14px;
    line-height: 21px;
}
.tickets-total {
    margin: 50px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .tickets-total {
        margin: 28px 0 0;
    }
}
.tickets-total__title {
    color: #000;
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 5px;
}
@media (max-width: 991px) {
    .tickets-total__title {
        font-size: 14px;
    }
}
.tickets-total__price {
    color: #14afb4;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: bold;
}
.tickets-basic {
    margin: 45px 0 0;
}
@media (max-width: 991px) {
    .tickets-basic {
        margin: 20px 0 0;
    }
}
.tickets-basic__list {
    margin: 0 -20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 991px) {
    .tickets-basic__list {
        margin: 0;
    }
}
.tickets-basic__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 40px);
    -ms-flex: 0 0 calc(100% / 2 - 40px);
    flex: 0 0 calc(100% / 2 - 40px);
    margin: 0 20px 30px;
    position: relative;
    width: calc(100% / 2 - 40px);
}
@media (max-width: 991px) {
    .tickets-basic__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 0 16px;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .tickets-basic__item.order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}
.tickets-basic__item.order-2 .tickets-basic__links {
    margin: 5px 0 0;
}
@media (max-width: 991px) {
    .tickets-basic__item.order-2 .tickets-basic__links {
        position: absolute;
        right: 0;
        top: 0;
    }
}
@media (max-width: 991px) {
    .tickets-basic__item.order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
}
@media (max-width: 991px) {
    .tickets-basic__item.order-4 {
        margin: 0;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
}
.tickets-basic__title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 8px;
}
@media (max-width: 991px) {
    .tickets-basic__title {
        font-size: 16px;
        margin: 0 0 5px;
    }
}
.tickets-basic__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
}
@media (max-width: 991px) {
    .tickets-basic__info {
        font-size: 14px;
    }
}
.tickets-basic__info:not(:last-child) {
    margin: 0 0 5px;
}
.tickets-basic__info--price {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.tickets-basic__info--price .tickets-basic__value {
    color: #14afb4;
    font-size: 20px;
    font-weight: 500;
}
.tickets-basic__value {
    margin: 0 0 0 5px;
}
.tickets-basic__des {
    color: #576c8a;
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    margin: 5px 0 0;
}
@media (max-width: 991px) {
    .tickets-basic__des {
        font-size: 12px;
    }
}
.tickets-basic__links {
    color: #14afb4;
    display: block;
    font-size: 16px;
    line-height: 18px;
    margin: 30px 0 0;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .tickets-basic__links {
        font-size: 12px;
        margin: 16px 0 0;
    }
}
.tickets-basic__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.tickets-basic__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 24px;
    width: 100%;
}
.tickets-basic__btn .btn:not(:last-child) {
    margin: 0 0 10px;
}
.tickets-side__title {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 8px;
}
@media (max-width: 991px) {
    .tickets-side__title {
        font-size: 14px;
    }
}
.tickets-side__item--cancel {
    margin: 20px 0 18px;
}
@media (max-width: 991px) {
    .tickets-side__item--cancel {
        margin: 16px 0;
    }
}
.tickets-side__item--cancel .tickets-side__info {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.tickets-side__item--cancel .tickets-side__value {
    font-weight: 500;
}
.tickets-side__info {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 21px;
}
@media (max-width: 991px) {
    .tickets-side__info {
        font-size: 14px;
    }
}
.tickets-side__info:not(:last-child) {
    margin: 0 0 5px;
}
.tickets-side__value {
    margin: 0 0 0 5px;
}
.tickets-side__value.total {
    color: #14afb4;
}
.tickets-side__des {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
}
.tickets-side__btn {
    margin: 25px 0 0;
}
.tickets-side__btn .btn {
    border-width: 1px;
    border-radius: 6px;
    padding: 12px 20px;
    width: 100%;
}
.check-order__label {
    color: #0c0033;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
}
@media (max-width: 991px) {
    .check-order__label {
        color: #000;
        font-weight: bold;
        margin-bottom: 12px;
    }
}
.check-order__form {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .check-order__form {
        -webkit-box-align: inherit;
        -webkit-align-items: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.check-order__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 30px;
    position: relative;
}
@media (max-width: 991px) {
    .check-order__input {
        margin-right: 0;
    }
}
.check-order__input .form-control {
    padding: 14px 20px 14px 55px;
}
@media (max-width: 991px) {
    .check-order__input .form-control {
        border-radius: 6px;
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        padding: 10px 20px 10px 48px;
    }
    .check-order__input .form-control::-webkit-input-placeholder {
        font-style: italic;
        font-weight: normal;
    }
    .check-order__input .form-control::-moz-placeholder {
        font-style: italic;
        font-weight: normal;
    }
    .check-order__input .form-control:-ms-input-placeholder {
        font-style: italic;
        font-weight: normal;
    }
    .check-order__input .form-control::placeholder {
        font-style: italic;
        font-weight: normal;
    }
}
.check-order__icon {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 991px) {
    .check-order__icon {
        left: 15px;
    }
}
@media (max-width: 991px) {
    .check-order__btn {
        margin-top: 30px;
    }
}
.check-order__btn .btn {
    border-width: 1px;
    min-width: 263px;
    padding: 12px 20px;
}
@media (max-width: 991px) {
    .check-order__btn .btn {
        border-radius: 6px;
        width: 100%;
    }
}
.error-results {
    background-color: #fff;
    border-radius: 6px;
    padding: 40px;
    text-align: center;
}
@media (max-width: 991px) {
    .error-results {
        background-color: transparent;
        padding: 0;
    }
}
@media (max-width: 991px) {
    .error-results__info {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 500px;
        padding: 30px 40px;
    }
}
.error-results__images {
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .error-results__images {
        display: none;
    }
}
.error-results__images--sp {
    margin-bottom: 15px;
    display: none;
}
@media (max-width: 991px) {
    .error-results__images--sp {
        display: block;
    }
}
.error-results__des {
    color: #576c8a;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
}
.error-results__btn {
    margin-top: 30px;
    text-align: center;
}
.error-results__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    line-height: 20px;
    min-width: 343px;
}
@media (max-width: 991px) {
    .error-results__btn .btn {
        min-width: 100%;
    }
}
.list-passengers {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    margin: 30px auto 0;
    max-width: 555px;
    padding: 35px;
}
@media (max-width: 991px) {
    .list-passengers {
        border-radius: 6px;
        max-width: 100%;
        padding: 20px 15px;
    }
}
.list-passengers--full {
    max-width: 945px;
    padding: 25px;
}
@media (max-width: 991px) {
    .list-passengers--full {
        max-width: 100%;
        padding: 20px 15px;
    }
}
.list-passengers__list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
.list-passengers__item {
    margin: 0;
    width: 100%;
}
.list-passengers__item:not(:last-child) {
    margin: 0 0 40px;
}
@media (max-width: 991px) {
    .list-passengers__item:not(:last-child) {
        margin: 0 0 20px;
    }
}
.list-passengers__sub {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 12px;
}
@media (max-width: 991px) {
    .list-passengers__sub {
        font-size: 18px;
    }
}
.list-passengers__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 10px;
}
.list-passengers__name {
    color: #14afb4;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin-right: 15px;
}
@media (max-width: 991px) {
    .list-passengers__name {
        font-size: 16px;
    }
}
.list-passengers__level {
    color: #14afb4;
    font-size: 16px;
    line-height: 21px;
}
@media (max-width: 991px) {
    .list-passengers__level {
        font-size: 14px;
    }
}
.list-passengers__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 21px;
}
@media (max-width: 991px) {
    .list-passengers__info {
        font-size: 14px;
    }
}
.list-passengers__info:not(:last-child) {
    margin-bottom: 5px;
}
.choose-place__input {
    position: relative;
}
.choose-place__input .form-control {
    padding: 14px 290px 14px 55px;
}
@media (max-width: 991px) {
    .choose-place__input .form-control {
        border-radius: 6px;
        padding: 10px 45px;
    }
}
.choose-place__input .form-control::-webkit-input-placeholder {
    color: #576c8a;
    font-style: italic;
    font-weight: 300;
}
.choose-place__input .form-control::-moz-placeholder {
    color: #576c8a;
    font-style: italic;
    font-weight: 300;
}
.choose-place__input .form-control:-ms-input-placeholder {
    color: #576c8a;
    font-style: italic;
    font-weight: 300;
}
.choose-place__input .form-control::placeholder {
    color: #576c8a;
    font-style: italic;
    font-weight: 300;
}
@media (max-width: 991px) {
    .choose-place__input .form-control::-webkit-input-placeholder {
        color: #c4c4c4;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
    }
    .choose-place__input .form-control::-moz-placeholder {
        color: #c4c4c4;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
    }
    .choose-place__input .form-control:-ms-input-placeholder {
        color: #c4c4c4;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
    }
    .choose-place__input .form-control::placeholder {
        color: #c4c4c4;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
    }
}
.choose-place__icon {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.choose-place__link {
    color: #14afb4;
    font-size: 20px;
    position: absolute;
    right: 20px;
    text-decoration: underline;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.choose-place__link-sp {
    color: #14afb4;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 10px 0 0;
    text-decoration: underline;
}
.choose-place__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 40px -15px 0;
}
@media (max-width: 991px) {
    .choose-place__content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 20px 0 0;
    }
}
.choose-place__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
    -ms-flex: 0 0 calc(100% / 2 - 30px);
    flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px;
    width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
    .choose-place__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        width: 100%;
    }
    .choose-place__col:not(:last-child) {
        margin: 0 0 25px;
    }
}
.choose-place__sub {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 20px;
}
@media (max-width: 991px) {
    .choose-place__sub {
        font-family: "Montserrat";
        font-size: 16px;
        margin: 0 0 10px;
    }
}
.choose-place__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.14);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 20px;
    position: relative;
}
@media (max-width: 991px) {
    .choose-place__item {
        padding: 12px 10px;
    }
}
.choose-place__item:not(:last-child) {
    margin: 0 0 30px;
}
@media (max-width: 991px) {
    .choose-place__item:not(:last-child) {
        margin: 0 0 15px;
    }
}
.choose-place__item .radio-custom1 .checkmark {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.choose-place__name {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    margin: 0 0 5px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .choose-place__name {
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 2px;
    }
}
.choose-place__des {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .choose-place__des {
        font-size: 12px;
        font-style: italic;
    }
}
.tickets-buy {
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .tickets-buy {
        margin: 20px 0 0;
    }
}
.tickets-buy__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .tickets-buy__row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
    }
}
.tickets-buy__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
    -ms-flex: 0 0 calc(100% / 2 - 30px);
    flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px;
    position: relative;
    width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
    .tickets-buy__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        width: 100%;
    }
    .tickets-buy__col:not(:last-child) {
        margin: 0;
    }
}
.tickets-buy__box {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.14);
    padding: 25px 60px;
}
@media (max-width: 991px) {
    .tickets-buy__box {
        box-shadow: none;
        padding: 25px 20px;
    }
}
.tickets-buy__radio {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 25px;
}
.tickets-buy__radio .radio-customize {
    margin: 0;
}
.tickets-buy__radio .radio-customize:not(last-child) {
    margin: 0 30px 0 0;
}
.tickets-buy__radio .radio-customize .txt-radio {
    color: #576c8a;
    font-weight: 300;
    line-height: 18px;
}
.tickets-buy__radio .radio-custom1 .checkmark {
    height: 18px;
    top: 0;
    width: 18px;
}
.tickets-buy__radio .radio-custom1 input:checked ~ .checkmark:after {
    height: 8px;
    width: 8px;
}
.tickets-buy__radio .radio-custom1 input:checked ~ .checkmark ~ span {
    font-weight: 300;
}
.tickets-buy__btn {
    bottom: 0;
    position: absolute;
    right: 0;
}
@media (max-width: 991px) {
    .tickets-buy__btn {
        margin: 30px 0 0;
        position: static;
    }
}
.tickets-buy__btn .btn {
    border-radius: 6px;
    width: 200px;
}
@media (max-width: 991px) {
    .tickets-buy__btn .btn {
        width: 100%;
    }
}
.tickets-buy__order {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 16px;
}
@media (max-width: 991px) {
    .tickets-buy__order {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.tickets-buy__order img {
    height: 14px;
    margin: 0 0 0 10px;
    width: 14px;
}
.tickets-buy__link-sp {
    color: #14afb4;
    font-size: 14px;
    line-height: 21px;
}
.tickets-buy .tickets-info__icon {
    height: 38px;
    width: 38px;
}
.tickets-buy .tickets-info__icon:before {
    right: 38px;
}
.tickets-buy .tickets-info__icon:after {
    left: 38px;
}
@media (max-width: 991px) {
    .tickets-date {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 30px -8px 0;
    }
}
.tickets-date__item {
    position: relative;
}
@media (max-width: 991px) {
    .tickets-date__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2 - 16px);
        -ms-flex: 0 0 calc(100% / 2 - 16px);
        flex: 0 0 calc(100% / 2 - 16px);
        margin: 0 8px;
        width: calc(100% / 2 - 16px);
    }
    .tickets-date__item--full {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 8px;
        width: 100%;
    }
}
.tickets-date__item:not(:last-child) {
    margin: 0 0 30px;
}
@media (max-width: 991px) {
    .tickets-date__item:not(:last-child) {
        margin: 0 8px;
    }
}
.tickets-date__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tickets-date .form-control {
    border: 0;
    border-radius: 6px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.14);
    padding: 10px 20px 10px 45px;
}
.tickets-date__action {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    right: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tickets-date__action i {
    color: #576c8a;
    font-size: 8px;
}
.personal-info {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.14);
    margin: 30px 0 0;
    overflow: hidden;
}
.personal-info__list {
    border-bottom: 1px solid #ededed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 32px;
}
@media (max-width: 991px) {
    .personal-info__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.personal-info__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3);
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    text-align: center;
    width: calc(100% / 3);
}
.personal-info__item:not(:last-child) {
    border-right: 1px solid #eee;
}
.personal-info__name {
    background-color: #dcf3f4;
    color: #14afb4;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    padding: 8px 15px;
}
.personal-info__age {
    color: #979797;
    font-size: 14px;
    line-height: 21px;
    padding: 18px 15px;
}
.personal-info__detail {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 36px;
}
@media (max-width: 991px) {
    .personal-info__detail {
        padding: 10px 20px;
    }
}
.personal-info__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    font-size: 14px;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.personal-info__number {
    color: #14afb4;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
}
.separation-code {
    padding: 0 25px;
}
@media (max-width: 991px) {
    .separation-code {
        padding: 0;
    }
}
.separation-code__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 15px;
}
@media (max-width: 991px) {
    .separation-code__top {
        margin: 0 0 10px;
    }
}
.separation-code__sub {
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    font-weight: bold;
    margin: 0 20px 0 0;
}
@media (max-width: 991px) {
    .separation-code__sub {
        font-size: 16px;
    }
}
.separation-code__link {
    color: #14afb4;
    font-size: 18px;
    line-height: 18px;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .separation-code__link {
        font-size: 12px;
    }
}
.separation-code__price {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}
@media (max-width: 991px) {
    .separation-code__price {
        font-size: 14px;
    }
}
.separation-code__btn {
    margin: 25px 0 0;
    text-align: center;
}
.separation-code__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 20px;
    width: 360px;
}
@media (max-width: 991px) {
    .separation-code__btn .btn {
        width: 100%;
    }
}
.personal-code {
    margin: 0 0 25px;
}
.personal-code .separation-code__sub {
    font-family: "Montserrat";
}
@media (max-width: 991px) {
    .personal-code .separation-code__sub {
        font-family: inherit;
    }
}
.personal-code__select {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}
@media (max-width: 991px) {
    .personal-code__select {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
}
.personal-code .radio-customize {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 20px);
    -ms-flex: 0 0 calc(100% / 2 - 20px);
    flex: 0 0 calc(100% / 2 - 20px);
    margin: 0 10px;
    width: calc(100% / 2 - 20px);
}
@media (max-width: 991px) {
    .personal-code .radio-customize {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        width: 100%;
    }
    .personal-code .radio-customize:not(:last-child) {
        margin: 0 0 10px;
    }
}
.personal-code .radio-customize__sub {
    color: #000;
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 3px;
}
@media (max-width: 991px) {
    .personal-code .radio-customize__sub {
        font-size: 14px;
    }
}
.personal-code .radio-customize__des {
    color: #576c8a;
    font-size: 16px;
    line-height: 21px;
}
@media (max-width: 991px) {
    .personal-code .radio-customize__des {
        font-size: 14px;
    }
}
.regulations-code__list {
    margin: 0 -25px;
}
@media (max-width: 991px) {
    .regulations-code__list {
        margin: 0;
    }
}
.regulations-code__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.regulations-code__item:not(:last-child) {
    margin: 0 0 8px;
}
@media (max-width: 991px) {
    .regulations-code__item:not(:last-child) {
        margin: 0 0 5px;
    }
}
.regulations-code__icon {
    color: #14afb4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    margin: 0 10px 0 0;
}
.regulations-code__icon i {
    font-size: 16px;
    line-height: 21px;
}
@media (max-width: 991px) {
    .regulations-code__icon i {
        font-size: 14px;
    }
}
.regulations-code__text {
    color: #576c8a;
    font-size: 16px;
    line-height: 21px;
}
@media (max-width: 991px) {
    .regulations-code__text {
        font-size: 14px;
    }
}
.regulations-code__select {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 0;
}
@media (max-width: 991px) {
    .regulations-code__select {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 18px 0;
    }
}
.regulations-code__select .radio-customize {
    margin: 0;
}
.regulations-code__select .radio-customize:not(:last-child) {
    margin: 0 40px 0 0;
}
@media (max-width: 991px) {
    .regulations-code__select .radio-customize:not(:last-child) {
        margin: 0 0 15px;
    }
}
.regulations-code__select .radio-custom1 .checkmark {
    top: 0;
}
.regulations-code__select .text-radio {
    color: #000;
    font-size: 16px;
    line-height: 21px;
}
@media (max-width: 991px) {
    .regulations-code__select .text-radio {
        font-size: 14px;
    }
}
.filter-results__sub {
    color: #252525;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 28px;
    margin: 0 0 30px;
    word-break: break-word;
}
@media (max-width: 991px) {
    .filter-results__sub {
        color: #000;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
        margin: 0 0 16px;
    }
}
.filter-results__detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .filter-results__detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.filter-results__btn {
    margin: 80px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .filter-results__btn {
        margin: 35px 0 0;
    }
}
.filter-results__btn .btn {
    border-radius: 6px;
    width: 262px;
}
@media (max-width: 991px) {
    .filter-results__btn .btn {
        width: 100%;
    }
}
.filter-time {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.filter-time__content {
    border-bottom: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
}
.filter-time__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.filter-time__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3);
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    text-align: center;
    width: calc(100% / 3);
}
.filter-time__item:not(:last-child) {
    border-right: 1px solid #eee;
}
.filter-time__name {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #dcf3f4;
    color: #14afb4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 21px;
    padding: 5px 15px;
}
@media (max-width: 991px) {
    .filter-time__name {
        font-size: 14px;
        font-weight: normal;
    }
}
.filter-time__txt {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    color: #979797;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 58px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 24px;
    padding: 10px 15px;
}
@media (max-width: 991px) {
    .filter-time__txt {
        line-height: 21px;
    }
}
.filter-time__txt.has-bg {
    background-color: #f7f7f7;
}
.filter-time__txt .radio-custom1 .checkmark {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.filter-seat {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 260px;
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
    margin: 0 0 0 30px;
    width: 260px;
}
@media (max-width: 991px) {
    .filter-seat {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 25px 0 0;
        width: 100%;
    }
}
.filter-seat__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 991px) {
    .filter-seat__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 -8px;
    }
}
.filter-seat__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(100, 77, 77, 0.14);
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px;
}
@media (max-width: 991px) {
    .filter-seat__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 3 - 16px);
        -ms-flex: 0 0 calc(100% / 3 - 16px);
        flex: 0 0 calc(100% / 3 - 16px);
        margin: 0 8px;
        padding: 5px 10px;
        width: calc(100% / 3 - 16px);
    }
}
.filter-seat__item:not(:last-child) {
    margin: 0 0 58px;
}
@media (max-width: 991px) {
    .filter-seat__item:not(:last-child) {
        margin: 0 8px;
    }
}
.filter-seat__item.selected {
    background-color: #14afb4;
    color: #fff;
}
.filter-seat__item:hover {
    opacity: 0.75;
}
.filter-seat__name {
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
}
.filter-price {
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .filter-price {
        margin: 25px 0 0;
    }
}
.filter-price__box {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(100, 77, 77, 0.14);
    padding: 15px 60px;
}
@media (max-width: 991px) {
    .filter-price__box {
        background-color: transparent;
        box-shadow: none;
        padding: 0;
    }
}
.filter-price__name {
    color: #14afb4;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
}
@media (max-width: 991px) {
    .filter-price__name {
        font-weight: 500;
    }
}
.filter-percent {
    margin: 15px 0 0;
}
.filter-percent__figures {
    background-color: #e7e7e7;
    border-radius: 6px;
    height: 9px;
    position: relative;
    width: 100%;
}
@media (max-width: 991px) {
    .filter-percent__figures {
        height: 7px;
    }
}
.filter-percent__value {
    background-color: #14afb4;
    border-radius: 6px;
    height: 9px;
    left: 0;
    position: absolute;
    top: 0;
}
@media (max-width: 991px) {
    .filter-percent__value {
        height: 7px;
    }
}
.filter-percent__value:after {
    content: '';
    background-color: #14afb4;
    border-radius: 50%;
    height: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
}
@media (max-width: 991px) {
    .filter-percent__value:after {
        height: 12px;
        width: 12px;
    }
}
.filter-percent__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0 0;
}
.filter-percent__price {
    color: #252525;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .filter-percent__price {
        letter-spacing: 0;
        line-height: 21px;
    }
}
.filter-percent__price.last {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flight-detail {
    padding: 10px 25px;
}
@media (max-width: 991px) {
    .flight-detail {
        padding: 10px 0;
    }
}
.flight-detail__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 16px;
}
.flight-detail__top .flight-detail__name {
    color: #14afb4;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.flight-detail__top .flight-detail__value {
    color: #14afb4;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.flight-detail__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flight-detail__item:not(:last-child) {
    margin: 0 0 10px;
}
.flight-detail__name {
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 21px;
    margin: 0 15px 0 0;
}
@media (max-width: 991px) {
    .flight-detail__name {
        font-size: 14px;
    }
}
.flight-detail__value {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}
@media (max-width: 991px) {
    .flight-detail__value {
        font-size: 14px;
        font-weight: normal;
    }
}
.flight-detail__btn {
    margin: 50px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .flight-detail__btn {
        margin: 30px 0 0;
    }
}
.flight-detail__btn .btn {
    border-width: 1px;
    border-radius: 6px;
    padding: 15px 20px;
    width: 250px;
}
@media (max-width: 991px) {
    .flight-detail__btn .btn {
        padding: 10px 20px;
        width: 100%;
    }
}
.flight-info {
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .flight-info {
        margin: 20px 0 0;
    }
}
.flight-info__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .flight-info__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.flight-info__title {
    color: #252525;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2);
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 24px;
    width: calc(100% / 2);
    word-break: break-word;
}
@media (max-width: 991px) {
    .flight-info__title {
        color: #000;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-family: "Montserrat";
        font-size: 16px;
        letter-spacing: 0;
        margin: 8px 0 16px;
        text-transform: uppercase;
        width: 100%;
    }
}
.flight-info__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2);
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
    margin: 0 -8px;
    width: calc(100% / 2);
}
@media (max-width: 991px) {
    .flight-info__list {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
        width: 100%;
    }
}
.flight-info__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 16px);
    -ms-flex: 0 0 calc(100% / 3 - 16px);
    flex: 0 0 calc(100% / 3 - 16px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 8px;
    text-align: center;
    width: calc(100% / 3 - 16px);
}
.flight-info__txt {
    color: #979797;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    margin: 10px 0 0;
}
.flight-info__total {
    border-top: 1px solid #eee;
    margin: 40px 0 0;
    padding: 30px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .flight-info__total {
        margin: 28px 0 0;
        padding: 18px 0 0;
    }
}
.flight-info__cost {
    color: #252525;
    font-size: 14px;
    letter-spacing: 0.0875px;
    line-height: 24px;
}
@media (max-width: 991px) {
    .flight-info__cost {
        color: #000;
        letter-spacing: 0;
        line-height: 21px;
    }
}
.flight-info__price {
    color: #14afb4;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: bold;
    line-height: 54px;
}
.flight-info__btn {
    margin: 16px 0 0;
}
.flight-info__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 20px;
    width: 343px;
}
@media (max-width: 991px) {
    .flight-info__btn .btn {
        width: 100%;
    }
}
.flight-summary {
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .flight-summary {
        margin: 20px 0 0;
    }
}
.flight-summary__list--top {
    margin: 0 0 16px;
}
@media (max-width: 991px) {
    .flight-summary__list--top {
        display: none;
    }
}
.flight-summary__list--top .flight-summary__name,
.flight-summary__list--top .flight-summary__value {
    color: #14afb4;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    text-transform: uppercase;
}
.flight-summary__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flight-summary__item:not(:last-child) {
    margin: 0 0 6px;
}
.flight-summary__name {
    color: #000;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2);
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
    font-size: 16px;
    line-height: 21px;
    width: calc(100% / 2);
}
@media (max-width: 991px) {
    .flight-summary__name {
        font-size: 14px;
    }
}
.flight-summary__value {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 4);
    -ms-flex: 0 0 calc(100% / 4);
    flex: 0 0 calc(100% / 4);
    font-size: 16px;
    font-weight: 500;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 21px;
    width: calc(100% / 4);
}
@media (max-width: 991px) {
    .flight-summary__value {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% / 2);
        -ms-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        font-size: 14px;
        font-weight: normal;
        width: calc(100% / 2);
    }
    .flight-summary__value:last-child {
        display: none;
    }
}
.steps-bar {
    margin: 50px 0 0;
}
@media (max-width: 991px) {
    .steps-bar {
        background-color: #efefef;
        margin: 0 -15px;
        padding: 20px 16px;
    }
}
.steps-bar__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.steps-bar__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: calc(100% / 3);
}
.steps-bar__item.active .steps-bar__value {
    background-color: #fff;
    border-color: #14afb4;
    color: #14afb4;
}
.steps-bar__item.active .steps-bar__text {
    color: #14afb4;
}
.steps-bar__item.done .steps-bar__value {
    background-color: #14afb4;
    border-color: #14afb4;
    color: #fff;
    font-size: 0;
}
.steps-bar__item.done .steps-bar__value:before {
    content: "\e920";
    font-family: 'icon-theme';
    font-size: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
    .steps-bar__item.done .steps-bar__value:before {
        font-size: 8px;
    }
}
.steps-bar__item.done .steps-bar__text {
    color: #14afb4;
}
.steps-bar__item:after {
    background-color: #d8d8d8;
    border-radius: 6px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    top: 15px;
    width: 100%;
}
@media (max-width: 991px) {
    .steps-bar__item:after {
        height: 2px;
        top: 10px;
    }
}
.steps-bar__item:last-child:after {
    left: 0;
    width: 50%;
}
.steps-bar__value {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 3px solid #d8d8d8;
    border-radius: 50%;
    color: #d8d8d8;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: bold;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    position: relative;
    width: 36px;
    z-index: 1;
}
@media (max-width: 991px) {
    .steps-bar__value {
        background-color: #c4c4c4;
        border-color: #c4c4c4;
        border-width: 2px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        height: 20px;
        letter-spacing: 0.1px;
        padding: 2px;
        width: 20px;
    }
}
.steps-bar__text {
    color: #0c0033;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 15px;
}
@media (max-width: 991px) {
    .steps-bar__text {
        color: #c4c4c4;
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        margin-top: 10px;
    }
}
.box-total {
    margin: 35px auto;
    width: 457px;
}
@media (max-width: 991px) {
    .box-total {
        margin: 16px auto 25px;
        width: 100%;
    }
}
.box-total__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 15px;
}
.box-total__des {
    color: #000;
    font-size: 16px;
    line-height: 21px;
    margin: 16px 0 0;
}
@media (max-width: 991px) {
    .box-total__des {
        font-size: 14px;
        margin: 5px 0 0;
    }
}
.box-total__name {
    color: #576c8a;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    margin: 0 20px 0 0;
}
.box-total__price {
    color: #14afb4;
    font-family: "Montserrat";
    font-size: 22px;
    font-weight: bold;
}
@media (max-width: 991px) {
    .box-total__price {
        font-size: 16px;
    }
}
.service-add__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 35px 0 0;
}
@media (max-width: 991px) {
    .service-add__info {
        margin: 25px 0 20px;
    }
}
.service-add__title {
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 20px 0 0;
    text-transform: uppercase;
    word-break: break-word;
}
.service-add__action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.service-add__btn {
    margin: 30px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .service-add__btn {
        margin: 20px 0 0;
        text-align: left;
    }
}
.service-add__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 20px;
    width: 165px;
}
@media (max-width: 991px) {
    .service-add__btn .btn {
        width: 100%;
    }
}
.service-add__btn .btn-link {
    color: #14afb4;
    font-size: 16px;
    letter-spacing: 0.125px;
    line-height: 19px;
    margin: 0 40px 0 0;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .service-add__btn .btn-link {
        display: block;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
        margin: 0 0 50px;
    }
}
.service-add__btn .btn-link:hover {
    color: #14d6cf;
}
.baggage-buy__list {
    margin: 40px -15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .baggage-buy__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 30px 0 0;
    }
}
.baggage-buy__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
    -ms-flex: 0 0 calc(100% / 2 - 30px);
    flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px;
    width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
    .baggage-buy__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
        width: 100%;
    }
    .baggage-buy__item:not(:last-child) {
        margin: 0 0 10px;
    }
}
.baggage-buy__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 25px;
}
@media (max-width: 991px) {
    .baggage-buy__info {
        margin: 0 0 16px;
    }
}
.baggage-buy__name {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 20px 0 0;
}
@media (max-width: 991px) {
    .baggage-buy__name {
        font-size: 16px;
        margin: 0 15px 0 0;
    }
}
.baggage-buy__sub {
    color: #000;
    font-size: 14px;
    line-height: 21px;
}
.baggage-buy__btn {
    margin: 25px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .baggage-buy__btn {
        margin: 10px 0 0;
    }
}
.baggage-buy__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 20px;
    width: 343px;
}
@media (max-width: 991px) {
    .baggage-buy__btn .btn {
        width: 100%;
    }
}
.box-baggage {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    margin: 25px 0 0;
    padding: 16px 16px 0;
}
@media (max-width: 991px) {
    .box-baggage {
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        margin: 16px 0 0;
        padding: 0;
    }
}
.box-baggage__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.box-baggage__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 3 - 16px);
    -ms-flex: 0 0 calc(100% / 3 - 16px);
    flex: 0 0 calc(100% / 3 - 16px);
    margin: 0 8px 16px;
    width: calc(100% / 3 - 16px);
}
.box-baggage__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 0 5px;
}
.box-baggage__weight {
    color: #000;
}
.box-baggage__price {
    color: #14afb4;
}
.fees-details__btn {
    margin: 40px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .fees-details__btn {
        margin: 25px 0 0;
    }
}
.fees-details__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    padding: 12px 20px;
    width: 343px;
}
@media (max-width: 991px) {
    .fees-details__btn .btn {
        width: 100%;
    }
}
.baggage-deposit {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    margin: 40px 0 0;
    padding: 15px 25px 20px;
}
@media (max-width: 991px) {
    .baggage-deposit {
        margin: 16px 0 0;
        padding: 12px 12px 20px;
    }
}
.baggage-deposit__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 10px;
}
@media (max-width: 991px) {
    .baggage-deposit__top {
        padding: 5px 0;
    }
}
.baggage-deposit__title {
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    margin: 0 20px 0 0;
}
.baggage-deposit__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.baggage-deposit__sub {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 0 20px 0 0;
}
.baggage-deposit__icon {
    color: #576c8a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.baggage-deposit__icon i {
    font-size: 8px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.baggage-deposit__list {
    padding: 10px 10px 0;
}
@media (max-width: 991px) {
    .baggage-deposit__list {
        padding: 10px 0 0;
    }
}
.baggage-deposit__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.baggage-deposit__item:not(:last-child) {
    margin: 0 0 5px;
}
.baggage-deposit__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.baggage-deposit__name {
    color: #14afb4;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}
.baggage-deposit__weight {
    color: #979797;
    font-size: 14px;
    line-height: 21px;
}
.baggage-deposit__value {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 21px;
}
.baggage-deposit__number {
    color: #979797;
}
.baggage-deposit__txt {
    color: #000;
    font-weight: 500;
    margin: 0 0 0 5px;
}
.ticket-booking {
    text-align: center;
}
.ticket-booking__title {
    color: #0c0033;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 36px;
}
.ticket-booking__title--sp {
    display: none;
}
@media (max-width: 991px) {
    .ticket-booking__title {
        color: #000;
        display: none;
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 15px;
    }
    .ticket-booking__title--sp {
        display: block;
    }
}
.ticket-booking__images {
    font-size: 0;
    margin: 0 0 24px;
    text-align: center;
}
@media (max-width: 991px) {
    .ticket-booking__images {
        margin: 0 0 18px;
    }
}
.ticket-booking__images i {
    color: #14afb4;
    font-size: 80px;
}
@media (max-width: 991px) {
    .ticket-booking__images i {
        font-size: 78px;
    }
}
.ticket-booking__des {
    color: #474747;
    font-size: 16px;
    line-height: 1.5;
    word-break: break-word;
}
@media (max-width: 991px) {
    .ticket-booking__des {
        color: #576c8a;
        font-size: 14px;
        line-height: 21px;
    }
}
.ticket-booking__des span {
    font-weight: 700;
}
.ticket-booking__btn {
    margin: 40px 0 0;
    text-align: center;
}
@media (max-width: 991px) {
    .ticket-booking__btn {
        margin: 24px 0 0;
    }
}
.ticket-booking__btn .btn {
    padding: 15px 20px;
    width: 169px;
}
@media (max-width: 991px) {
    .ticket-booking__btn .btn {
        border-radius: 6px;
        border-width: 1px;
        padding: 12px 20px;
        width: 100%;
    }
}
.customers-info__btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0 0;
}
.customers-info__btn .btn {
    border-width: 1px;
    border-radius: 6px;
    margin: 0 15px;
    padding: 12px 20px;
    width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
    .customers-info__btn .btn {
        margin: 0 10px;
        width: calc(100% / 2 - 20px);
    }
}
@media (max-width: 991px) {
    .customers-info__btn {
        margin: 15px -10px 0;
    }
    .customers-info__btn--full {
        margin: 15px 0 0;
    }
    .customers-info__btn--full .btn {
        margin: 0;
        width: 100%;
    }
}
.passenger-info {
    margin: 40px 0 0;
}
@media (max-width: 991px) {
    .passenger-info {
        margin: 25px 0 0;
    }
}
.passenger-info__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
}
@media (max-width: 991px) {
    .passenger-info__top {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 15px;
    }
}
.passenger-info__title {
    color: #14afb4;
    font-size: 20px;
    font-weight: bold;
}
@media (max-width: 991px) {
    .passenger-info__title {
        font-family: "Montserrat";
        font-size: 16px;
        line-height: 24px;
    }
}
.passenger-info__choose {
    margin: 0 0 0 20px;
    width: 130px;
}
@media (max-width: 991px) {
    .passenger-info__choose {
        margin: 15px 0 0;
        width: 100%;
    }
}
.passenger-info__choose .form-control {
    background-size: 14px;
    border-radius: 6px;
    padding: 10px 12px;
}
.passenger-info__value {
    color: #000;
    font-size: 14px;
    line-height: 21px;
}
.passenger-info__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -30px;
}
@media (max-width: 991px) {
    .passenger-info__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
}
.passenger-info__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 60px);
    -ms-flex: 0 0 calc(100% / 2 - 60px);
    flex: 0 0 calc(100% / 2 - 60px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 30px 20px;
    padding: 15px 20px 15px 40px;
    width: calc(100% / 2 - 60px);
}
@media (max-width: 991px) {
    .passenger-info__item {
        border-radius: 6px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 16px;
        padding: 12px 20px;
        width: 100%;
    }
}
.passenger-info__detail {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px 0 0;
}
.passenger-info__name {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}
@media (max-width: 991px) {
    .passenger-info__name {
        font-weight: 700;
        line-height: 24px;
    }
}
.passenger-info__sub {
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 21px;
    margin: 0 0 0 5px;
}
@media (max-width: 991px) {
    .passenger-info__sub {
        font-size: 12px;
        line-height: 18px;
    }
}
.passenger-info__action {
    color: #576c8a;
    font-size: 0;
}
.passenger-info__action i {
    font-size: 10px;
}
.contact-info {
    margin: 20px 0 0;
}
@media (max-width: 991px) {
    .contact-info {
        margin: 15px 0 0;
    }
}
.contact-info__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
}
@media (max-width: 991px) {
    .contact-info__top {
        margin: 0 0 15px;
    }
}
.contact-info__title {
    color: #14afb4;
    font-size: 20px;
    font-weight: bold;
}
@media (max-width: 991px) {
    .contact-info__title {
        font-family: "Montserrat";
        font-size: 16px;
        line-height: 24px;
    }
}
.contact-info__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .contact-info__form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
}
.contact-info .label-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.contact-info .form-vertical {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% / 2 - 30px);
    -ms-flex: 0 0 calc(100% / 2 - 30px);
    flex: 0 0 calc(100% / 2 - 30px);
    margin: 0 15px 15px;
    width: calc(100% / 2 - 30px);
}
@media (max-width: 991px) {
    .contact-info .form-vertical {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 15px;
        width: 100%;
    }
}
.contact-info .form-vertical .form-control::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
}
.contact-info .form-vertical .form-control::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
}
.contact-info .form-vertical .form-control:-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
}
.contact-info .form-vertical .form-control::placeholder {
    font-style: normal;
    font-weight: 400;
}
.choose-flight__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0 0;
}
.choose-flight__btn .btn {
    border-radius: 6px;
    border-width: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 15px;
    padding: 12px 15px;
}
@media (max-width: 991px) {
    .choose-flight__btn .btn {
        margin: 0 10px;
    }
}
.choose-date {
    margin: 0 0 15px;
    text-align: center;
}
@media (max-width: 991px) {
    .choose-date {
        margin: 0;
    }
}
.choose-date__note {
    color: #576c8a;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 20px;
}
@media (max-width: 991px) {
    .choose-date__note {
        margin: 0 0 15px;
    }
}
.choose-date__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0 0;
    overflow-x: auto;
}
@media (max-width: 991px) {
    .choose-date__list {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 15px 0 0;
    }
}
.choose-date__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 21px;
    min-height: 50px;
    margin: 0 8px 16px;
}
.choose-date__item.selected {
    background-color: #14afb4;
    color: #fff;
}
.choose-filter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0 0;
}
@media (max-width: 991px) {
    .choose-filter {
        margin: 0;
    }
}
.choose-filter__info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 30px 0 0;
}
@media (max-width: 991px) {
    .choose-filter__info {
        margin: 0 50px 0 0;
    }
}
.choose-filter__icon {
    margin: 0 10px 0 0;
}
.choose-filter__name {
    color: #576c8a;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}
.choose-filter__form {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.choose-filter .form-control {
    border-radius: 6px;
    padding: 10px 15px;
}
.choose-type {
    margin: 30px 0 0;
}
.choose-type__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.choose-type__item:not(:last-child) {
    margin: 0 0 10px;
}
.choose-type .radio-customize {
    margin: 0;
}
.choose-type .radio-customize__sub {
    color: #000;
    font-size: 16px;
}
@media (max-width: 991px) {
    .choose-type .radio-customize__sub {
        font-size: 14px;
    }
}
.choose-type__price {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin: 0 0 0 20px;
}
@media (max-width: 991px) {
    .choose-type__price {
        font-size: 14px;
        font-weight: 600;
    }
}
@media (max-width: 767px) {
    .detail-cuoc p {
        color: #000;
        font-size: 14px;
        line-height: 21px;
    }
    .detail-cuoc .txt-blue {
        color: #14afb4;
        margin-bottom: 15px;
    }
    .detail-cuoc .note {
        font-size: 12px;
        font-style: italic;
        opacity: 0.91;
        text-align: left;
    }
    .detail-cuoc .goi-cuoc .tien {
        display: none;
    }
    .detail-cuoc .minmax {
        display: block;
        margin: 20px 0 15px;
        padding: 0;
        width: 100%;
    }
    .detail-cuoc .minmax .btn {
        border-radius: 6px;
        border: 1px;
        padding: 13px 16px;
        width: 100%;
    }
    .goi-cuoc.goi-dich-vu .tien {
        display: none;
    }
    .ll-gg {
        margin: 20px 0;
    }
    .ll-gg .ll,
    .ll-gg .gg {
        padding: 0;
    }
    .ll-gg .title {
        font-size: 14px;
        margin: 0;
    }
    .ll-gg p {
        color: #14afb4;
        padding: 12px 0;
    }
    .ll-gg p i {
        color: #14afb4;
        font-size: 22px;
        position: relative;
        top: 4px;
    }
    .ll-gg p,
    .min-maxd a.btn-blue,
    .hot-key div.so span,
    div.sx,
    .tbl-sim th,
    .tbl-sim td {
        font-size: 14px;
    }
    h1.space1 {
        font-size: 16px;
        padding: 0 0 5px;
        text-align: left;
    }
    .min-maxd h2 {
        color: #0c0033;
    }
    .box-data-cacgoi .inner-item h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .box-data-cacgoi h2 span {
        font-size: 16px;
        line-height: 19px;
    }
    .box-data-cacgoi .int {
        padding: 15px 25px 20px;
    }
    .box-data-cacgoi .int .price {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 15px;
    }
    .box-data-cacgoi.box-data .view {
        margin: 0;
    }
    .box-data-cacgoi.box-data .view a {
        border-radius: 6px;
        border: 1px;
        padding: 13px 16px;
        width: 100%;
    }
    .gtgt .intro-more {
        padding: 20px 15px;
    }
    .gtgt .intro-more h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .gtgt .intro-more h2 i {
        font-size: 16px;
    }
    .service-gtgt .title-page {
        color: #000;
        font-size: 16px;
        line-height: 24px;
        margin: 30px 0 10px;
        text-align: left;
    }
    .service-gtgt .list-gtgt .intro-more h2 {
        color: #000;
        display: block;
    }
    .service-gtgt .list-news .introtv .coll {
        width: 55%;
    }
    .service-gtgt .introtv .coll .coll-inner {
        font-size: 14px;
    }
    .service-gtgt .introtv .coll .coll-inner strong {
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
    }
    .service-gtgt .introtv .coll .coll-inner .new-desc {
        margin-bottom: 0;
    }
    .service-gtgt .minmax .pr {
        font-size: 14px;
        line-height: 20px;
    }
    .service-gtgt .box-same .btn {
        padding: 6px 12px;
    }
    .service-gtgt .box-same h2.title {
        font-family: "Montserrat";
        text-transform: uppercase;
    }
    .service-gtgt h2.title,
    .box-gt h2.title {
        color: #000;
        font-size: 16px;
        line-height: 24px;
    }
    .service-gtgt .btn,
    .box-gt .btn {
        border-radius: 6px;
        border-width: 1px;
        padding: 11px 16px;
        width: 100%;
    }
    .service-gtgt__pc {
        display: none;
    }
    .service-gtgt__sp {
        display: block;
        margin-top: 15px;
    }
    .service-gtgt__sp .section-title {
        color: #000;
        margin-bottom: 20px;
        text-transform: capitalize;
    }
    .service-gtgt__sp .owl-carousel .owl-stage-outer {
        margin: 0;
    }
    .service-gtgt__sp .news .section-title {
        margin-bottom: 5px;
    }
    .service-gtgt .packs-service__btn .btn,
    .service-gtgt .packs-fee__btn .btn {
        padding: 5px 10px;
    }
    .box-packs-service .slider {
        margin: 0 -15px;
    }
    .box-packs-service .packs-service {
        margin: 0;
        overflow: inherit;
    }
    .box-packs-service .packs-service__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% - 16px);
        -ms-flex: 0 0 calc(100% - 16px);
        flex: 0 0 calc(100% - 16px);
        margin: 0 15px;
        width: calc(100% - 16px);
    }
    .box-packs-fee .slider {
        margin: 0 -15px;
    }
    .box-packs-fee .packs-fee {
        margin: 0;
        overflow: inherit;
    }
    .box-packs-fee .packs-fee__left {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 74px;
        -ms-flex: 0 0 74px;
        flex: 0 0 74px;
        height: 74px;
        width: 74px;
    }
    .box-packs-fee .packs-fee__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% - 16px);
        -ms-flex: 0 0 calc(100% - 16px);
        flex: 0 0 calc(100% - 16px);
        margin: 3px 15px 0;
        width: calc(100% - 16px);
    }
    .box-packs-fee.news .packs-fee__left {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 116px;
        -ms-flex: 0 0 116px;
        flex: 0 0 116px;
        height: 85px;
        width: 116px;
    }
    .box-packs-fee.news .packs-fee__item {
        border-bottom: 1px solid #e9e9e9;
        border-radius: 0;
        box-shadow: none;
        padding: 12px 0;
    }
    .box-packs-fee.news .packs-fee .prices__new {
        font-size: 16px;
        line-height: 24px;
    }
    .box-packs-fee.news .packs-fee .prices__date {
        font-size: 14px;
        line-height: 21px;
    }
    .box-packs-fee.utilities .packs-fee__left {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 146px;
        -ms-flex: 0 0 146px;
        flex: 0 0 146px;
        height: 146px;
        width: 146px;
    }
    .box-packs-fee.utilities .packs-fee__item {
        padding: 0 12px 0 0;
    }
    .box-packs-fee.utilities .packs-fee__img {
        border-radius: 6px 0 0 6px;
    }
    .box-packs-fee.utilities .packs-fee__right {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .box-packs-fee.utilities .packs-fee__info {
        margin-right: 0;
    }
    .box-packs-fee.utilities .packs-fee__btn {
        margin-top: 10px;
        width: 100%;
    }
    .list-dt .min-maxd h2 {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }
    .list-dt .min-maxd a.btn-blue {
        padding: 6px 12px;
    }
    .goi-dich-vu .min-maxd h2 {
        font-size: 36px;
        line-height: 54px;
    }
    .package .op .radio-custom1 {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .package .radio-custom1 .checkmark {
        top: -1px;
    }
    .package .owl-carousel .owl-stage-outer {
        padding: 0;
    }
    .package .owl-item {
        padding: 20px;
        position: relative;
    }
    .package .owl-item:not(:last-child) .col-p.item:after {
        background-color: #ededed;
        bottom: -20px;
        content: '';
        position: absolute;
        right: 0;
        top: -20px;
        width: 1px;
    }
    .package .col-p.item,
    .package .col-p.item:hover {
        border-left: 0;
    }
    .goi-dich-vu .age-price {
        padding: 0;
    }
    .goi-dich-vu .ll-gg .title {
        color: #000;
        font-size: 16px;
        margin: 0;
    }
    .goi-dich-vu .ll-gg .package {
        padding: 20px 5px;
    }
    .goi-dich-vu .ll-gg .package.many {
        padding: 0;
    }
    .goi-dich-vu .ll-gg p {
        color: #14afb4;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .goi-dich-vu .ll-gg p i {
        font-size: 12px;
        top: 0;
    }
    .goi-dich-vu .ll-gg .left {
        position: relative;
    }
    .goi-dich-vu .ll-gg .left:not(:last-child):after {
        background-color: #ededed;
        bottom: -20px;
        content: '';
        position: absolute;
        right: 0;
        top: -20px;
        width: 1px;
    }
    .content .list-sim-so .btabs {
        margin-bottom: 0;
    }
    .content .list-sim-so .btabs ul.tab-title {
        box-shadow: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 10px;
        padding: 0 0 15px;
        position: static;
        width: 100%;
    }
    .content .list-sim-so .btabs ul.tab-title li {
        border-bottom: 0;
        display: inline-block;
        padding: 0;
    }
    .list-sim-so .tabs-gc .tab-title li a {
        margin: 0 8px;
        padding: 0;
    }
    .pack-data {
        margin-top: 30px;
    }
    .pack-data .inner-item h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .pack-data .inner-item h2 a {
        padding: 5px 15px;
    }
    .pack-data .inner-item h2 i {
        right: 20px;
    }
    .pack-data .inner-item .int {
        font-size: 14px;
        line-height: 21px;
        padding: 15px 25px 20px;
    }
    .pack-data .inner-item .int p {
        font-size: 14px;
        line-height: 21px;
        margin: 5px 0 15px;
    }
    .pack-data .inner-item .int i {
        color: #14afb4;
    }
    .pack-data .inner-item .int .btn {
        border-width: 1px;
        border-radius: 6px;
        box-shadow: none;
        line-height: 20px;
        width: 100%;
    }
    .slider.content-dvqt img {
        border-radius: 6px 6px 0 0;
        height: 120px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .service-value {
        margin-bottom: 20px;
    }
    .service-value .list-gtgt .owl-stage-outer {
        padding: 0 0 20px;
    }
    .pack-cuoc .lists.slider .item {
        box-shadow: 0px 10px 40px rgba(39, 52, 125, 0.12);
    }
    .pack-cuoc .data-content {
        padding: 16px;
    }
    .pack-cuoc .data-content h2 {
        color: #576c8a;
        font-size: 16px;
        line-height: 24px;
    }
    .pack-cuoc .data-content h2 i {
        font-size: 16px;
    }
    .pack-cuoc .data-content .time {
        font-size: 14px;
        line-height: 21px;
        margin: 10px 0;
        padding: 10px 0;
    }
    .pack-cuoc .data-content p {
        color: #576c8a;
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 15px;
        min-height: 100%;
    }
    .pack-cuoc .box-rig a {
        border-radius: 6px;
        border-width: 1px;
        padding: 6px 24px;
    }
    .content-dvqt .imgs {
        margin-bottom: 0;
    }
    .content-dvqt .introqt {
        padding: 15px;
    }
    .content-dvqt .introqt h2 {
        color: #000;
        line-height: 24px;
    }
    .content-dvqt .introqt h2 i {
        display: none;
    }
    .content-dvqt .introqt .des {
        color: #576c8a;
        font-size: 14px;
        line-height: 18px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        word-break: break-word;
    }
    .content-dvqt .box-dk .btn {
        border-radius: 6px;
        border-width: 1px;
        padding: 6px 12px;
    }
    .device .dn {
        padding: 15px 25px 25px;
    }
    .device .dn .th {
        font-size: 12px;
        line-height: 18px;
    }
    .device .dn h2 {
        color: #000;
        font-size: 16px;
        line-height: 24px;
    }
    .device .dn h2 i {
        font-size: 16px;
    }
    .device .dn > p {
        color: #576c8a;
        line-height: 18px;
        margin-bottom: 10px;
        min-height: 100%;
    }
    .device .box-price .speci-price {
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
    }
    .device .box-price .old-price {
        color: #979797;
        font-size: 14px;
        font-weight: normal;
        line-height: 21px;
    }
    .device .tabs-tb .box-btn a {
        border-radius: 6px;
        border-width: 1px;
        line-height: 20px;
        width: 100%;
    }
    .sim-number {
        margin-bottom: 30px;
    }
    .sim-number .sub-tabs {
        padding-bottom: 40px;
    }
    .sim-number .content .tit {
        margin: 0 0 10px;
    }
    .lists-data {
        margin-top: 35px;
    }
    .lists-data .btabs {
        margin-bottom: 0;
    }
    .lists-data .btabs ul.tab-title {
        box-shadow: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 10px;
        padding: 0 0 15px;
        position: static;
        width: 100%;
    }
    .lists-data .btabs ul.tab-title li {
        border-bottom: 0;
        display: inline-block;
        padding: 0;
    }
    .lists-data .btabs ul.tab-title li.active a {
        border-bottom: 2px solid #14AFB4;
    }
    .lists-data .tit {
        margin: 0 0 10px;
    }
    .lists-data .tit1 ul.tab-title li a {
        font-size: 12px;
        line-height: 18px;
        padding: 0 5px 5px;
    }
    .product-list {
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .product-list .tit {
        margin: 0 0 10px;
    }
    .l-product {
        margin-top: 25px;
    }
    .grild-product li .imgages-p {
        border-radius: 6px;
        height: 164px;
    }
    .grild-product li .imgages-p img {
        height: 100px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 96px;
    }
    .grild-product li .infor {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .grild-product li .infor h3 a {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 20px;
    }
    .grild-product li .infor .price-p {
        font-size: 14px;
        line-height: 20px;
    }
    .grild-product li .infor .price-p i {
        color: #14afb4;
        font-size: 12px;
        line-height: 18px;
    }
    .grild-product li .infor .left {
        width: calc(100% - 56px);
    }
    .grild-product li .infor .right {
        margin: 25px 0 0;
        min-width: 56px;
        width: auto;
    }
    .grild-product li .infor .btn {
        border-radius: 6px;
        border-width: 1px;
        padding: 6px;
    }
    .grild-product li .more-text {
        border-radius: 6px;
    }
    .grild-product li .more-text > div {
        height: 100%;
        letter-spacing: 0;
    }
    ul.list-product {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    ul.list-product .list-product__item {
        font-size: 14px;
        margin-bottom: 16px;
        width: 50%;
    }
    ul.list-product .list-product__item a:before {
        margin: 1px 10px 0 0;
    }
    ul.list-product.col-3 .list-product__item {
        width: 33.33%;
    }
    .list-color {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .list-color li.color {
        margin-right: 10px;
        width: calc(100% / 6);
    }
    .list-color li.color:last-child {
        margin-right: 0;
    }
    .form-info-adress .field {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
    .form-info-adress .field label {
        color: #000;
        margin: 0 0 12px;
        padding: 0;
        width: 100%;
    }
    .form-info-adress .field .control {
        width: 100%;
    }
    .form-info-adress .field .control select {
        margin: 0;
    }
    .hhv-mobile-service .title-box h2.space1 {
        color: #000;
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 12px;
    }
    .hhv-mobile-service .title-box .viewall {
        font-size: 12px;
        line-height: 18px;
        padding: 0;
    }
    .hhv-mobile-service .inner-item h2 {
        font-size: 16px;
        line-height: 21px;
        padding: 6px 10px;
    }
    .hhv-mobile-service .inner-item h2 span {
        font-size: 16px;
        line-height: 21px;
        margin-top: 0;
    }
    .hhv-mobile-service .inner-item .int {
        font-size: 14px;
        line-height: 21px;
        padding: 25px 20px;
    }
    .hhv-mobile-service .inner-item .int .sales {
        font-size: 13px;
        line-height: 21px;
        padding: 2px 7px;
    }
    .hhv-mobile-service .inner-item .int .price-old {
        font-size: 12px;
        line-height: 18px;
        margin: 2px 0 15px 35px;
    }
    .hhv-mobile-service .inner-item .btn {
        border-radius: 6px;
        width: 100%;
    }
    .apply.hhv-apply-dvgtgt .menu_select_sp i {
        float: none;
    }
    .apply.hhv-apply-dvgtgt .tit {
        margin: 0 0 5px;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs {
        margin-bottom: 30px;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subleft .gtgt .intro-more {
        padding: 20px 20px 30px;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item {
        border-bottom: 0;
        border-radius: 8px;
        box-shadow: 0 1px 6px #ccd8db;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 185px;
        -ms-flex: 0 0 185px;
        flex: 0 0 185px;
        margin: 0 15px 10px;
        padding: 0;
        width: 185px;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item:first-child {
        margin-left: 2px;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .imgs {
        margin-right: 0;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .imgs img {
        border-radius: 8px 8px 0 0;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 20px 20px;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-text h3 {
        margin-bottom: 8px;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-text h3 a {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-text .desc {
        margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-text .price strong {
        font-size: 16px;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-dk {
        margin-top: 15px;
    }
    .apply.hhv-apply-dvgtgt .sub-tabs .subright .item .text .box-dk .btn {
        width: 100%;
    }
    .apply.hhv-apply-dvgtgt .btn {
        border-radius: 6px;
    }
    .hhv-info-adress {
        margin-top: 25px;
    }
    .hhv-submemnu .list-menu li {
        padding: 20px 0;
    }
    .hhv-submemnu .list-menu li + li {
        margin-left: 20px;
    }
    .hhv-submemnu .list-menu li a {
        color: #c4c4c4;
        font-size: 14px;
        line-height: 20px;
    }
    .hhv-list-internet .lists.slider .item .list-internet .child-item {
        box-shadow: 0 10px 40px rgba(39, 52, 125, 0.12);
        margin-top: 15px;
    }
    .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-img {
        height: 48px;
        margin-right: 15px;
        width: 48px;
    }
    .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info h2 a {
        color: #0c0033;
        font-size: 16px;
        line-height: 24px;
    }
    .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info h2 span {
        line-height: 24px;
        vertical-align: inherit;
    }
    .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info .rating-summary {
        margin-bottom: 5px;
    }
    .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info .pr {
        font-size: 14px;
        line-height: 21px;
    }
    .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info .pr .sales {
        font-size: 13px;
        line-height: 21px;
        padding: 2px 7px;
    }
    .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-info .pr .pr-old {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 21px;
        padding-left: 0;
    }
    .hhv-list-internet .lists.slider .item .list-internet .child-item .inner-itm .item-content .box-btn .btn {
        border-radius: 6px;
        min-width: 88px;
        padding: 5px 10px;
    }
    .hhv-list-internet .rating-summary .rating-result {
        width: 80px;
    }
    .hhv-list-internet .rating-summary .rating-result:before {
        font-size: 8px;
        height: 8px;
        line-height: 8px;
    }
    .hhv-list-internet .rating-summary .rating-result > span:before {
        font-size: 8px;
        height: 8px;
        line-height: 8px;
    }
    .hhv-list-internet .viewall {
        display: none;
    }
    .hhv-data-internet .list-info {
        color: #000;
        font-size: 14px;
        line-height: 21px;
    }
    .hhv-data-internet .goi-cuoc .minmax .min-maxd h2 {
        margin-bottom: 0;
    }
    .hhv-data-internet .goi-cuoc .minmax .ll-gg {
        border-radius: 0;
        box-shadow: none;
        margin-top: 15px;
        overflow: inherit;
    }
    .hhv-data-internet .goi-cuoc .minmax .ll-gg .ll,
    .hhv-data-internet .goi-cuoc .minmax .ll-gg .gg {
        border-radius: 6px;
        box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.08);
        min-height: 110px;
        position: relative;
        width: 48%;
    }
    .hhv-data-internet .goi-cuoc .minmax .ll-gg .title {
        border-radius: 6px 6px 0 0;
        padding: 8px 15px;
    }
    .hhv-data-internet .goi-cuoc .minmax .ll-gg .price {
        padding: 10px 0 0;
    }
    .hhv-data-internet .goi-cuoc .minmax .ll-gg .pc-old {
        padding: 0 0 10px 30px;
    }
    .hhv-data-internet .goi-cuoc .minmax .ll-gg .pc-old .sales {
        font-size: 13px;
        line-height: 21px;
        padding: 2px 7px;
        position: absolute;
        right: 5px;
        top: 8px;
    }
    .hhv-data-internet .goi-cuoc .minmax .note {
        font-size: 12px;
        font-style: italic;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .box-element-detail {
        margin-bottom: 20px;
    }
    .hhv-phuong-an h2.space1 {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 15px;
    }
    .hhv-phuong-an .content.tabs .btabs ul.tab-title {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        overflow: inherit;
        padding: 0;
        position: static;
    }
    .hhv-phuong-an .content.tabs .btabs ul.tab-title li {
        border-bottom: 0;
        display: inline-block;
        margin: 0;
        padding: 0 0 15px;
    }
    .hhv-phuong-an .content.tabs .tabs-content .sub-tabs .tabcontent .inner-tabs {
        padding: 15px 0;
    }
    .hhv-phuong-an .content.tabs .tabs-content .sub-tabs .tabcontent .inner-tabs .inner-item .radio-cs .checkmark1 {
        border-radius: 6px;
        padding: 13px 15px;
        text-align: left;
    }
    .hhv-phuong-an .content.tabs .tabs-content .sub-tabs .tabcontent .inner-tabs .inner-item .radio-cs .checkmark1 h4 {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 0;
    }
    .hhv-phuong-an .content.tabs .tabs-content .sub-tabs .tabcontent .inner-tabs .inner-item .radio-cs .checkmark1 p {
        color: #14afb4;
        font-size: 12px;
        line-height: 18px;
    }
    .hhv-uu-dai h2.space1 {
        color: #000;
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px;
    }
    .hhv-pay-total {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.14);
        padding: 20px;
    }
    .hhv-pay-total:before,
    .hhv-pay-total:after {
        display: none;
    }
    .hhv-pay-total .el-total {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 0;
        color: #000;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 0;
    }
    .hhv-pay-total .el-total label {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        margin-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .hhv-pay-total .el-total .price {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }
    .hhv-pay-total .el-phi {
        padding: 3px 0;
    }
    .hhv-pay-total .el-phi .lb {
        font-size: 14px;
        line-height: 21px;
    }
    .hhv-pay-total .el-phi .price {
        color: #000;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
    }
    .hhv-form-hopdong .btn {
        border-radius: 6px;
        border-width: 1px;
        padding: 12px 20px;
        width: 100%;
    }
    .hhv-pack-same .title-box h2.space1 {
        color: #000;
        font-family: 'Montserrat';
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        text-transform: uppercase;
    }
}