:root {
    --bg-color: #f9610e;
    --divider-border-style: solid;
    --divider-color: #000;
    --divider-border-width: 1px;
}

@font-face {
    src: url("../fonts/Montserrat-Bold.ttf");
    font-family: "Montserrat";
    font-weight: 700;
}

.full-width .ubermenu-nav, .container, .row {
    max-width: 1200px !important;
}

.absolute-footer, html {
    background-color: #fff !important;
}

#wrapper, #main {
    background: #fcfcfc !important;
}

ul, li {
    list-style: none;
    margin-bottom: 0px !important;
}


.row-0 {
    padding: 0px 15px !important;
}

.pd-0 {
    padding: 0px !important;
}

.row-5 {
    padding: 0px 10px !important;
}

.pd-5 {
    padding: 0px 5px 10px 5px !important;
}

.row-7 {
    padding: 0px 7px !important;
}

.pd-7 {
    padding: 0px 7px 7px 7px !important;
}

.noPadding {
    padding-bottom: 0px !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.fl {
    float: left
}

.fr {
    float: right
}

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

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

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

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/**top bả**/
div#top-bar {
    background: transparent !important;
    min-height: unset !important;
}

div#top-bar .flex-row.container {
    background: var(--primary-color);
    border-radius: 0px 0px 35px 35px;
    padding: 2px 20px 5px 20px !important;
}

.header-support a {
    color: #fff;
    font-size: 15px;
}

.header-support a img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.header-button-ship a {
    background: var(--primary-color);
    padding: 5px 5px 5px 15px;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.header-button-ship .header-button-icon {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    margin-left: 10px;
    text-align: center;
    line-height: 35px;
}

.header-button-ship .header-button-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.header-button-ship a:hover {
    color: #fff;
}

/**Menu**/
div#mega-menu-wrap-primary {
    width: 100%;
    padding-right: 20px;
}

#mega-menu-wrap-primary #mega-menu-primary {
    display: flex;
    justify-content: space-between;
}

div#mega-menu-wrap-primary .mega-description-group .mega-menu-description {
    display: none !important;
}

div#mega-menu-wrap-primary ul li {
    padding: 0 15px !important;
}

div#mega-menu-wrap-primary ul li a {
    padding: 0px !important;
    color: #37383C !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    position: relative;
    font-weight: 700 !important;
    transition: 0.3s ease-in-out !important;
}

div#mega-menu-wrap-primary ul li a:hover {
    color: var(--primary-color) !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout ul.mega-sub-menu {
    padding: 0px !important;
    display: unset !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
    padding: 0px !important;
    border-bottom: 1px solid #f2f2f2 !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    height: unset !important;
    line-height: 20px !important;
    padding: 10px 10px 10px 10px !important;
    display: block;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 15px !important;
    color: #37383C !important;
    text-transform: unset !important;
    background: #fff !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
    color: var(--primary-color) !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:before {
    display: none !important;
}

/**banner**/
.banner1 h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 35px;
    font-family: "Montserrat";
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.banner1 h1 {
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    text-transform: uppercase;
    font-family: "Montserrat";
    margin: 20px 0 !important;
}

.home-button.buttonBanner {
    text-align: left;
    margin: 25px 0 0 0;
}

.home-button.buttonBanner a {
    color: var(--primary-color) !important;
    font-weight: 700;
}

.home-button.buttonBanner a:after {
    display: none !important;
}

.home-button.buttonBanner a img {
    width: 30px;
    height: 30px;
    background: var(--primary-color);
    border-radius: 50%;
    padding: 3px;
    margin-top: -2px;
}

i.image-icon {
    margin: -1px 5px 0 5px;
}

i.image-icon img {
    width: 15px !important;
    height: 15px !important;
    border-radius: 50px !important;
}

/*footer*/
footer#footer {
    background: url("/wp-content/uploads/2024/02/2411035-2-min-scaled-1.jpg") no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 30px 0 20px 0;
    width: 100%;
    display: inline-block;
}

footer#footer .footer-top, footer#footer .footer-top .footer-title {
    width: 100%;
    display: inline-block;
}

footer#footer .footer-top .footer-title {
    position: relative;
    margin-bottom: 15px;
}

footer#footer .footer-top .footer-title h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

footer#footer .footer-top .footer-title:after {
    content: '';
    height: 2px;
    background: #fff;
    width: 100px;
    position: absolute;
    bottom: 0px;
}

footer#footer .footer-address {
    width: 100%;
}

footer#footer .footer-address p:not(:last-child) {
    margin-bottom: 10px;
}

footer#footer .footer-address p {
    color: #fff;
    font-size: 15px;
    margin: 0px;
}

footer#footer .footer-address a {
    color: var(--primary-color);
    font-weight: 700;
}

footer#footer .footer-social a {
    color: #fff;
    font-size: 20px;
    margin-right: 15px;
}

footer#footer .footer-menu ul {
    display: flex;
    flex-wrap: wrap;
}

footer#footer .footer-menu ul li {
    border: 0px !important;
    flex-basis: 50%;
    margin-bottom: 10px !important;
}

footer#footer .footer-menu ul li a {
    padding: 0px !important;
    color: #fff;
    font-size: 15px;
}

footer#footer .footer-description {
    color: #fff;
    font-size: 15px;
}

.footer-absolute {
    background: #1D2125;
    padding: 10px 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

/*about*/
article.dev-about {
    width: 100%;
    display: inline-block;
}

article.dev-about .about-content {
    width: 100%;
    display: inline-block;
    margin-top: 40px;
}

article.dev-about .about-content .about-logo {
    width: 150px;
    float: left;
}

article.dev-about .about-content .about-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

article.dev-about .about-content .about-text {
    width: calc(100% - 150px);
    float: left;
    padding-left: 20px;
}

article.dev-about .about-content .about-text h3 {
    font-size: 25px;
    color: var(--primary-color);
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

article.dev-about .about-text p {
    color: #000;
    text-align: justify;
    font-size: 17px;
    margin: 0px !important;
}

article.dev-about .about-video {
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

article.dev-about .about-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}

article.dev-about .about-video:hover img {
    transition: 0.3s ease-in-out;
    transform: scale3d(1.1, 1.1, 1.1) rotate(1deg);
}

article.dev-about .about-video .button-video {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--primary-color);
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    color: #fff;
    border: 2px solid #fff;
    font-size: 20px;
    cursor: pointer;
}

/**title**/
.home-title h3 {
    font-size: 30px;
    line-height: 44px;
    margin: 0;
    color: var(--primary-color);
    font-family: "Montserrat";
    text-transform: uppercase;
}

/*service*/
.service-body {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

.service-item {
    width: 100%;
    display: inline-block;
}

.service-item img {
    width: 240px;
    margin: auto;
    display: block;
    height: 120px;
    object-fit: contain;
}

.service-item h3 {
    text-align: center;
    margin: 20px 0 10px 0;
    height: 50px;
    align-items: center;
    display: flex;
    width: 100% !important;
    justify-content: center;
    color: var(--primary-color);
    font-size: 18px;
}

.service-item .service-item-content {
    width: 100%;
    font-size: 16px;
    text-align: justify;
}

.service .bg-fill {
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: 50% 70%;
}

.number-item h4 {
    color: #fff;
    font-size: 40px;
    margin: 0px;
}

.number-item {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.number-item .number-text {
    font-size: 16px;
    color: #fff;
}

.header-page div#masthead {
    background: var(--primary-color);
}

/**box**/
.post-item {
    margin: 15px;
    background: #fff !important;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #ffffff12, 0 0 10px #98959594, 0 0 8px #908c8c00;
}

.post-item .post-item-thumbnail {
    width: 100%;
    height: 200px;
    border-radius: 10px 10px 0 0;
    position: relative;
}

.post-item .post-item-thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
    object-fit: cover;
}

.post-item .post-item-content {
    width: 100%;
    display: inline-block;
    padding: 15px;
}

.post-item .post-date {
    color: rgba(102, 102, 102, 1);
    display: flex;
    align-items: center;
    padding: 5px 15px;
    border-top: 1px solid #EEEEEE;
    font-size: 15px;
}

.post-item .post-date img {
    width: 15px !important;
    height: 15px !important;
    margin-right: 5px;
}

.post-item .post-item-content h3 {
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    line-height: 23px;
    height: 45px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post-item .post-item-content .post-desc {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    text-align: justify;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post-item .post-item-content h3:hover {
    color: var(--primary-color)
}

.owl-dots {
    display: none;
}

.owl-nav button {
    width: 30px;
    margin: 0px;
    height: 30px;
    min-height: 30px;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%);
    position: absolute;
    top: 50%;
    border-radius: 50px !important;
    transform: translateY(-50%);
    background: #fff !important;
}

.owl-nav button i {
    color: var(--primary-color)
}

button.owl-prev {
    left: -30px;
}

button.owl-next {
    right: -30px;
}


/**service**/
article.dev-box-service {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

article.dev-box-service .box-service-item {
    flex-basis: 33.3333%;
    display: inline-block;
    position: relative;
    height: 650px;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}

article.dev-box-service .box-service-item .box-service-avatar {
    width: 100%;
    height: 100%;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}

article.dev-box-service .box-service-item .box-service-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}

article.dev-box-service .box-service-item:hover .box-service-avatar img {
    transition: 0.3s ease-in-out;
    transform: scale3d(1.1, 1.1, 1.1) rotate(1deg);
}

article.dev-box-service .box-service-item .box-service-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    padding: 40px;
}

article.dev-box-service .box-service-item .box-service-content h3 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
    min-height: 60px;
}

article.dev-box-service .box-service-item .box-service-content ul li:not(:last-child) {
    margin-bottom: 10px !important;
}

article.dev-box-service .box-service-item .box-service-content ul li {
    color: #fff;
    font-size: 15px;
    list-style: inside disc none;
}

article.dev-box-service .box-service-item .box-service-button a {
    background: var(--primary-color);
    padding: 7px 15px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    bottom: 40px;
    font-size: 15px;
}

.full-pd {
    padding: 0px !important;
}

.box-register-left {
    width: 100%;
    display: inline-block;
}

.box-register-left h3 {
    font-size: 30px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

.box-register-left .regitser-text {
    font-size: 16px;
    text-align: justify;
}

.box-register-left .register-button-1 a {
    border: 1px solid #fff;
    border-radius: 50px;
    margin-top: 20px;
    display: inline-block;
    padding: 8px 25px;
    font-weight: 700;
    font-size: 14px;
}

.box-register-left .register-button-2 a {
    border: 1px solid #fff;
    border-radius: 50px;
    margin-top: 20px;
    display: inline-block;
    padding: 8px 25px;
    font-weight: 700;
    font-size: 14px;
    background: #FF9E55;
}

.slide-post {
    margin-top: 15px !important;
}

.banner2 {
    width: 500px;
    background: rgba(31, 107, 163, 0.5);
    padding: 50px 30px 30px 30px;
    position: relative;
}

.banner2:before {
    content: '';
    height: 3px;
    background: #fff;
    width: 100px;
    position: absolute;
    top: 20px;
    left: 30px;
}

.banner2 p {
    margin: 0px;
    font-size: 15px;
}

.banner2 h3, .banner1 h3 {
    font-weight: 700 !important;
    line-height: 40px !important;
    text-transform: uppercase;
    font-size: 30px !important;
    margin-bottom: 15px;
}


/**form bao gia**/
.logistic-header {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #f2f2f2;
}

.logistic-header h3 {
    color: var(--primary-color);
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 0px;
    padding-bottom: 10px !important;
}

.box.box-request {
    margin: 20px 0;
    border: 1px solid #f2f2f2;
    padding: 20px;
}

.box.box-request h5 {
    font-size: 1.25rem;
    margin: 0 0 5px 0;
}

.logistic-table {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 17px;
    align-items: center;
}

.logistic-left {
    margin-right: 30px;
}

.logistic-table ul li a {
    margin-right: 40px;
    display: flex;
    align-items: center;
    padding: 0px !important;
}

.logistic-table ul li a:hover {
    color: #0064d3;
}

.logistic-table ul a.active {
    color: #0064d3 !important;
}

.logistic-table ul a span.radio {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #666;
    position: relative;
    margin-right: 5px;
}

.logistic-table ul a.active span.radio i {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    display: inline-block;
    background: #666;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3px;
    margin-left: -3px;
}

.formRequest {
    margin: 20px 0 0 0;
}

.formRequest input, .formRequest select, .formRequest textarea {
    box-shadow: unset !important;
    margin: 0px !important;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.formRequest .quantity {
    width: 100%;
    position: relative;
    display: inline-block;
}

.formRequest .quantity button[class*=btn] {
    position: absolute;
    top: 0;
    width: 38px;
    height: 38px;
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.formRequest .quantity button[class*=btn] {
    position: absolute;
    top: 0;
    width: 38px;
    height: 38px;
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.formRequest .quantity button[class*=btn] {
    position: absolute;
    top: 0;
    width: 38px;
    height: 38px;
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.formRequest .quantity .plus-btn {
    right: 0;
    z-index: 999;
}

.formRequest .quantity .minus-btn {
    left: 0;
}

.formRequest .quantity input[type="text"] {
    -webkit-appearance: none;
    text-align: center;
}

.formRequest .form-group input[type=checkbox] + label:before {
    content: "\2714";
    border: 0.1em solid #000;
    border-radius: 0.2em;
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 0.6em;
    vertical-align: top;
    color: transparent;
    transition: .2s;
    line-height: 1.3em;
}

.formRequest .form-group input[type=checkbox] + label {
    display: block;
    cursor: pointer;
}

.formRequest .form-group input[type=checkbox]:checked + label:before {
    background-color: #0064d3;
    border-color: #0064d3;
    color: #fff;
}

.formRequest .display-inline-block {
    height: 38px;
    display: flex;
    align-items: center;
}

form.formRequest .error {
    color: #ff3333;
}

form.formRequest label {
    font-weight: normal !important;
}

.dangerous-content {
    display: none;
}

.fieldset--border {
    border: 1px solid #E0E0E0;
    padding: 25px 24px 5px;
    margin-top: 16px;
    position: relative;
    width: 100%;
}

.formRequest .fieldset--border > legend:first-child {
    padding: 0 16px;
    color: #282828;
    margin-left: -16px;
    background: #fff;
    position: absolute;
    top: -45px;
    font-size: 16px;
    display: inline-block;
    width: auto;
    font-weight: normal;
    text-transform: unset;
}

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

.formRequest .btn {
    font-size: 14px;
    opacity: 1;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    -ms-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
}

.formRequest .btn.btn-sm {
    padding: 2px 10px !important;
    font-size: 14px;
    line-height: 27px;
    min-height: 27px !important;
}

.formRequest .btn-primary {
    border: 1px solid #0064d3;
    border-radius: 3px;
    background-color: #0064d3;
    color: #FFF;
}

.btn-add {
    position: absolute;
    right: -5px;
    bottom: -2px;
    min-width: 120px;
}

/**tracking**/
.page-title h3 {
    font-size: 25px;
    color: var(--primary-color);
}

.boxTracking {
    width: 100%;
    border-radius: 4px;
    background: #fff;
    padding: 20px;
}

.boxTracking input, .boxTracking select, .boxTracking button {
    box-shadow: unset !important;
    border: 1px solid rgba(0, 0, 0, .15);
    margin: 0px !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.boxTracking button {
    width: 100%;
    background: var(--primary-color);
    color: #fff;
}

/**loading**/
#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #e8e8e847;
    z-index: 9999;
    text-align: center;
    display: none;
    top: 0px;
    left: 0px;
}

#loadingBox {
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#loadingIcon {
    width: 100%;
    height: 100%;
}

.errors {
    font-weight: normal;
    color: #ff3333 !important;
}

.errorBox {
    border-color: #ff3333 !important;
}

.marTop {
    margin-top: 15px;
}

.btnSend {
    border: 1px solid #0064d3 !important;
    border-radius: 3px !important;
    background-color: #0064d3 !important;
    color: #FFF !important;
    padding: 0px 15px !important;
    width: 150px;
    margin: auto;
    display: inherit;
}

span.error {
    color: #ff3333 !important;
}

.form-full {
    width: 100%;
    height: 100px;
}

.cf7sg-container .cf7-smart-grid.has-grid .row {
    display: flex !important;
}

.dimension_info span {
    width: 33.3333%;
    float: left;
}

.bk-language ul li a img {
    width: 30px !important;
    height: 20px !important;
    display: block;
}

.bk-language ul li {
    float: left;
    margin-left: 10px;
}

.bk-language ul li.current-lang a {
    border: 1px solid #f2f2f2 !important;
    display: block;
}

.gb-color {
    background-color: #f7f6fb;
    padding: 20px 0;
}

div#boxTrackingResult .box-main-search {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #999;
    display: inline-block;
    color: #495060;
}

div#boxTrackingResult .box-main-search:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px !important;
}

.box-main-search h3 {
    font-size: 18px;
    line-height: 20px;
    padding: 15px 0 15px 0;
    font-weight: normal;
}

table.ivu-table-header tr th:not(:last-child) {
    border-right: 1px solid #ececec;
}

table.ivu-table-header tr th {
    background: #f8f8f9;
    word-wrap: normal;
    vertical-align: middle;
    font-weight: normal;
}

table.ivu-table-header tr td, table.ivu-table-header tr th {
    padding: 10px;
}

table.ivu-table-header {
    border: 1px solid #ececec;
}

.transport-1, .transport-2 {
    text-align: center;
    position: relative;
}

.transport-1 .transport-double, .transport-2 .transport-double {
    background-color: #025291;
    background-repeat: no-repeat;
    display: block;
    background-position: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAThJREFUOBHVlDFOAlEQhneN2ZLWmprGI3ADEs7ACbwBFIYKG05ALK0prAg3oLCzsCJUGiMFMZLl+8nMy1vZBcI2Osmfmfnnn2HeexuS5F9bnucZGIKlQXF28aFs2Bu+a1A8rDNQm3V9gA1del7mr8rIOtz1ieYJ9RGbuWxEIO4yY5A/ygfxJ6j3KL4Gg+7Bk+fHfFpVZECTWt/qt/gGmFs+SNP01eKCC4/CgC/Qjqo/xO+GDf47ylXbm3rU63nwkC+gF4gogK88snrU6/KwIcQzCN+cC87w6lFv0fiVFtiCTrGSJHClG0prPa3fPfuc4hiswE0sID8YKI1px7E2PrL4O6D7WCA+2FQCmdUWhNKqp9oQZ0Cb6vhToEt/BDOLxakmzfn/PIh1pw9Ar782KBZXfmfVe/6hyg4fYBhy+AZb9QAAAABJRU5ErkJggg==);
    width: 34px !important;
    height: 34px !important;
    border: 2px solid #025291;
    border-radius: 100%;
    margin: auto;
}

.transport-1:before, .transport-2:before {
    content: '';
    background: #025291;
    width: 120%;
    height: 1px;
    position: absolute;
    top: 18px;
    z-index: 1;
}

.transport-1:before {
    left: 65%;
}

.transport-2:before {
    right: 65%;
}

.box-transport {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 20px 0;
    justify-content: center;
}

.ivu-steps-title {
    color: #999;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
}

.ivu-content {
    color: #666 !important;
    font-size: 14px;
}

.transport-center {
    width: 300px;
    position: relative;
    height: 83px;
    text-align: center;
}

.transport-dot {
    border: 2px solid #025291;
    border-radius: 100%;
    width: 10px !important;
    height: 10px !important;
    margin-bottom: 12px;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.transport-1:after, .transport-2:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAn5JREFUOBHNVMtqFEEUPbe6e9IzSQSjiIv4wiwEQdfqSnzgRjIGjeIrxkVCXEQhLmRW+YLRBIMQFIMggpEIKiii+MKFG79AXSTZZBHnZSaZR1d5OpmZTsaZIUsvVNetc+49XXVvVwP/u0nDDRoj6J1ogmdZ2L0th+HDxUr8pUfN0EkLjwfTFYxObcGyUCoxAI0+xtmM/Aqn6Ra2egnMmnPQeojYR2yJDGG8v1AWtcsOuu7ugOUksbcvg67R4zB6BEZ9R8HuRFg3w3jHkM9/wbR4FPoJ2+7GptA0Eht1RYNOsMNofAxQJyj0CoVQHOGIBZ3ugcFFiPmGqRsX0D8exkzOhuu4MLnbgHHJCUTfwdTNz75wsEOnfRC5TAQqPQSn8AI6ZZF/B3EPYP+e3xAxXGf9JJy6R0F9ftn3UWW/5rNKcLLbI5jhGC4NTiV7XnZKs6t0SbqK8HfYOXYQyB39h6kFiAj0hjgQNLs6TEHlohC1j9KLDYfIEpNZz9TOapHVaxtKNIoyB08GVwj1lPU5zXYpFv09m3KI9WPN8IvIHOeGVm5KK4xpX4n0dnHeXkrsoN9BjpM4fPyAWCEsab5slSlj48pD178ANjwsse2LpPNM4ieAeWhDTCyKzhNPEwvDCHFN3DwBFv0GBuYhhmTyGk+UEETjEwzeTHZtUBAeeMJdGs1iLH9CAV7x1DyvlCR5pJ4K1shZPjoDdJ1CKjOqUOyIQakPjXTWxYl8wkJbTOHlySzE7mWdZtaVWCtIZBZOSy/eXl5YdZdHjrCoz3iello5dTHDOxOyzmLy+hs/JhD0V2futyGULSJvrfmD+FRda3UFD67+YS/qFLZu5vqIvyHE1b6bs+QNAAAAAElFTkSuQmCC);
    position: absolute;
    top: -8px;
}

.transport-1:after {
    right: -25%;
    transform: translateX(-50%);
}

.transport-2:after {
    left: -10%;
    transform: translateX(-50%);
}

.transport-1 .ivu-steps-content.ivu-steps-name, .transport-2 .ivu-steps-content.ivu-steps-name {
    margin-top: 10px;
    color: #025291;
}

.transport-2 .ivu-steps-content.ivu-steps-date, .transport-1 .ivu-steps-content.ivu-steps-date {
    color: #025291;
    font-size: 14px;
}

/**home2**/

/**about**/
.about-thumb-text {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    border-left: 4px solid var(--primary-color);
    padding-left: 20px;
}

.about-button {
    width: 365px;
    height: 380px;
    background: var(--primary-color);
    display: flex;
    align-items: end;
    justify-content: end;
    padding: 10px 25px;
    position: absolute;
    bottom: 10px;
    right: -10px;
    z-index: -1;
}

.about-button a {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.about-button a:after {
    content: '\f061';
    font-family: "FontAwesome";
    margin-left: 5px;
}

.about-col .col-inner {
    height: 100%;
}

.about-item .box-text.text-center {
    padding-bottom: 0px !important;
}

.about-item {
    height: 100%;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 3px 64px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}

.about-item h4 {
    font-size: 16px;
    line-height: 22px;
    color: #37383C;
    margin: 0px;
}

/**info**/
.box-info {
    width: 100%;
    display: inline-block;
}

.box-info h3 {
    color: var(--primary-color);
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 25px;
    font-family: "Montserrat";
    font-weight: 700;
}

.box-info .box-info-content {
    box-shadow: 0px 3px 64px rgb(0 0 0 / 10%);
    background: #fff;
    padding: 15px;
    margin-left: -100px;
}

.box-info .box-info-content .box-info-text {
    font-size: 16px;
    line-height: 24px;
}

.box-info .box-info-content .box-info-text p, .box-info .box-info-content .box-info-text ul li, .box-info .box-info-content .box-info-text ol li {
    margin: 0 0 10px 0 !important;
    color: rgba(55, 56, 60, 1);
}

.box-info .box-info-content .box-info-text ul li {
    padding-left: 10px;
    position: relative;
}

.box-info .box-info-content .box-info-text ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50px !important;
    background: rgba(55, 56, 60, 1);
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0px;
}

.box-info .box-info-content .box-info-button a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    color: var(--primary-color);
}

.box-info .box-info-content .box-info-button {
    text-align: right;
}

.box-info .box-info-content .box-info-button a:after {
    content: '\f061';
    font-family: "FontAwesome";
    margin-left: 5px;
    background: var(--primary-color);
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.box-info.right h3 {
    text-align: right;
}

.box-info.right .box-info-content {
    margin-left: 0px !important;
    margin-right: -100px;
    z-index: 9999;
    position: relative;
}

/**home title**/
.home-title-2 {
    text-align: center;
}

.home-title-2 h4 {
    margin: 0 0 5px 0;
    color: #37383C;
    font-size: 24px;
    line-height: 30px;
    font-family: "Montserrat";
}

.home-title-2 h3 {
    font-size: 30px;
    line-height: 44px;
    margin: 0;
    color: var(--primary-color);
    font-family: "Montserrat";
    text-transform: uppercase;
}

.colorWhite p {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.colorWhite h3 {
    color: #fff;
}

.home-button {
    text-align: center;
}

.stuck div#masthead .header-main .nav > li > a {
    line-height: unset !important;
    color: #333;
}

.home-button a {
    background: linear-gradient(90.26deg, rgba(255, 255, 255, 0.7) -2.11%, #FFFFFF 48.83%, rgba(255, 255, 255, 0.7) 99.77%);
    border-radius: 34px;
    padding: 9px 5px 9px 15px;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--primary-color) !important;
    font-weight: 700;
}

.home-button a:hover {
    color: var(--primary-color)
}

.home-button a:after {
    content: '\f061';
    font-family: "FontAwesome";
    margin-left: 5px;
    background: var(--primary-color);
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

/**tracking**/
.box-tracking {
    background: #FFFFFF;
    box-shadow: 0px 3px 64px rgb(0 0 0 / 10%);
    border-radius: 15px;
    padding: 15px 45px;
}

.box-tracking .col-left {
    background: #1F6BA3;
    position: relative;
}

.box-tracking .tracking-img {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
}

.box-tracking .tracking-img.left {
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
}

.box-tracking .tracking-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.box-tracking .col-right {
    background: #66B3ED;
}

.box-tracking .tracking-img.right {
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
}

.box-tracking .tracking-content {
    padding: 20px;
    text-align: center;
}

.box-tracking .tracking-content h3 {
    color: #fff;
    font-family: "Montserrat";
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;
    margin: 0px;
}

.box-tracking .tracking-content h4 {
    color: #fff;
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
}

.box-tracking .tracking-content p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin: 15px 0px;
}

.box-tracking .tracking-content .tracking-hotline {
    text-align: center;
    margin: 15px 0;
}

.box-tracking .tracking-content .tracking-hotline a {
    background: var(--primary-color);
    padding: 9px 15px;
    color: #fff;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
}

/**language**/
li.has-dropdown.header-language-dropdown {
    background: #F4F7F8;
    border: 1px solid #E7E7E7;
    border-radius: 34px;
    padding: 5px 10px !important;
}

ul.nav-dropdown.nav-dropdown-default {
    padding: 10px !important;
    border: 0px !important;
    border-radius: 10px !important;
}

li.has-dropdown.header-language-dropdown a {
    padding: 0 !important;
    color: rgba(55, 56, 60, 1) !important;
    font-size: 15px;
    line-height: unset !important;
}

ul.nav-dropdown.nav-dropdown-default li a {
    padding: 5px 0 !important;
}

/**footer**/
.footer-top {
    color: #fff;
}

.footer-top .footer-logo {
    width: 100%;
    display: flex;
    align-items: center;
}

.footer-top .footer-logo a {
    width: 200px;
}

.footer-top .footer-logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer-top .footer-logo h1 {
    color: #fff;
    font-size: 20px;
    font-family: "Montserrat";
    width: calc(100% - 80px);
    padding-left: 15px;
    text-transform: uppercase;
}

.footer-top .footer-address {
    width: 100%;
    display: flex;
}

.footer-top .footer-address .footer-ad-item {
    width: calc(100% / 3);
    display: flex;
    align-items: center !important;
}

.footer-top .footer-address .footer-ad-item:not(:first-child) {
    padding-left: 15px;
}

.footer-top .footer-address .footer-ad-item i {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 35px;
    color: var(--primary-color);
}

.footer-top .footer-address .footer-ad-item span b {
    display: -webkit-box;
}

.footer-top .footer-address .footer-ad-item span {
    width: calc(100% - 35px);
    padding-left: 15px;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
}

#footer .footer-bottom {
    width: 100%;
    display: inline-block;
    margin: 25px 0 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 25px 0 0 0;
}

#footer .footer-bottom .footer-social a {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 50%;
    margin: 0px 5px !important;
    text-align: center;
    line-height: 40px;
}

#footer .footer-bottom .footer-social {
    text-align: center;
}

#footer .footer-bottom .footer-social a:hover {
    background: #fff;
    color: var(--primary-color)
}

#footer .footer-copyright {
    text-align: center;
    margin: 15px;
    color: #fff;
    font-size: 15px;
}

/**header**/
.dark .social-icons .button.is-outline, .nav-dark .social-icons .button.is-outline {
    border: 1px solid #fff !important;
    color: #fff !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
    margin-left: 6px !important;
}

.social-icons.follow-icons a:first-child {
    margin-left: 0px !important;
}

div#top-bar input#s {
    height: 30px !important;
    min-height: 30px !important;
    border: 1px solid #fff !important;
    background: transparent !important;
}

.search-status {
    margin: 0px 0 20px;
}

.status-list {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

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

.status-item {
    margin-right: 20px;
}

.status-item i {
    font-size: 20px;
    margin-right: 10px;
}

.status-value {
    font-size: 18px;
}

.search-data .data-table {
    width: 100%;
    border-collapse: collapse;
}

.search-data .data-table-row .data-table-col:first-child {
    width: fit-content;
}

.search-data .data-table-col {
    text-align: start;
    padding: 12px 10px;
    border: 1px solid #999;
    color: #000;
    font-size: 15px;
}

.btfw-tracking form {
    position: relative;
    width: 350px;
}

.btfw-tracking form input {
    width: 100%;
    border-radius: 5px !important;
    box-shadow: unset !important;
    margin: 0;
    height: 39px !important;
    font-size: 15px !important;
}

button.button_tracking {
    border-radius: 5px !important;
    position: absolute !important;
    top: 2px;
    right: 2px;
    margin: 0;
    height: 35px;
    min-height: 35px;
    width: 35px;
    padding: 0;
    text-align: center;
    line-height: 35px;
}

button.button_tracking i{
    margin: 0 !important;
}