body{
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    color: #555555;}

.chkLarge {
    transform: scale(1.7);
    margin-right: 10px;
}
.custom_max_width_image img{
    max-width: 100%!important;
}
.section-top-header {background: #364c54;padding:  10px 0;}

.section-top-header-wrapper {display: flex;justify-content: space-between;/* color: #555555; */ align-items: center;}
.section-services-box-list-item-image img {max-width: 64px;}
.section-top-header-wrapper a {color: #fff;font-weight: 500;padding: 10px;}

.section-top-header-wrapper i {/* color: #f17d59; */}

.section-top-header-wrapper a > span {color: #f17d59;}

.section-menu .navbar-default {margin-bottom: 0;background: #3c545d;border-radius: 0;border-color: #3c545d;padding: 10px 0;border-bottom: 1px solid #ffffff1f;}

.section-menu .navbar-default .navbar-nav>li>a {color: #fff;font-weight: 600;text-transform: uppercase;/* padding: 15px; */}

.section-menu .navbar-brand {padding: 0;}

.section-menu .navbar-brand > img {height: 50px;margin-right: 15px;}

.header-page {position: relative;top: 0;left: -1000px;height: 0px;padding: 0;margin: 0;}

.section-menu .navbar-default .navbar-nav>li>a:focus, .section-menu .navbar-default .navbar-nav>li>a:hover {color: #f17d59;}

.section-banner {background: url(../images/bg-banner.png) no-repeat center center;background-size: 100% 100%;padding: 0;/* height: 500px; */}

.section-banner-wrapper {display: flex;align-items: center;flex-wrap: wrap;min-height: 500px;}

.section-banner-left-form-search {display: flex;}

.section-banner-left-form-search-select select {border-radius: 0;border-right: 1px solid transparent;}

.section-banner-left-form-search-input input {border-radius: 0;width: 250px;}

.section-banner-left-form-search-button > button {border-radius: 0;background: #f17d59;border-color: #f17d59;}

.section-banner-left-form-search-button > button:hover {background: #ef6d44;border-color: #ef6d44;}

.section-banner-left-text {font-size: 25px;color: #fff;font-weight: bold;padding-bottom: 15px;}

.section-banner-right-mobile-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-banner-right-text {font-size: 25px;color: #fff;font-weight: bold;padding-bottom: 5px;

    text-shadow: 1px 1px 1px #000;
}

.section-banner-right-subtitle {
    color: #fff;padding-bottom: 20px;
    text-shadow: 1px 1px 1px #000;
}

.section-banner-right {text-align: center;width: 100%;}

.section-banner-left {width: 50%;
display: none;
}

.section-banner-right-mobile-link-item {background: #000;border-radius: 100px;display: flex;padding: 10px;align-items: center;text-align: left;color: #fff;margin: 0 15px;font-size: 16px;}

.section-banner-right-mobile-link-item p {margin: 0;padding: 0;}

.section-banner-right-mobile-link-item img {margin-right: 10px;}

.section-banner-right-mobile-link-item > img {width: 50px;}

.section-banner-right-mobile-link-item:hover {text-decoration: none;color: #fff;}

.section-order-step-container {position: relative;margin: 30px 0;}

.section-order-step-container:before {content: "";background: url(../images/hr.jpg) repeat-x top left;top: 0;left: 0;width: 100%;height: 5px;position: absolute;}

.section-order-step-list {display: flex;flex-wrap: wrap;padding-top: 30px;}

.section-order-step-list-item {width: 20%;display: flex;align-items: center;}

.section-order-step-list-item-box {background: #f9f9f9;border: 1px solid #e1e1e1;padding: 10px;display: flex;margin-right: 15px;align-items: center;}

.section-order-step-list-item-box-text {font-weight: 600;text-transform: uppercase;font-size: 14px;color: #000;}

.section-order-step-list-item-box > img {margin-right: 10px;}

.section-services-title {font-weight: 600;text-align: center;position: relative;}

.section-services-title:before {content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 2px;background: #000;}

.section-services-title > span {background: #fff;/* z-index: 1; */position: relative;padding: 0 10px;}

.section-services-subtitle {text-align: center;font-size: 15px;padding-bottom: 30px;color: #000;}

.section-services-box-list {display: flex;flex-wrap: nowrap;}

.section-services-box-list-item {display: flex;background: url(../images/bg.jpg) no-repeat center center;margin: 10px;background-size: cover;border: 1px solid #e1e1e1;padding: 10px;align-items: center;}

.section-services-box-list-item-image {padding-right: 10px;}

.section-services-box-list-item-text > h3 {font-size: 18px;color: #000;}

.section-services-box-list-item-text > p {/* font-size: 14px; */}

.section-price-table {background: url(../images/commitment1.jpg) no-repeat center center;background-size: 100% auto;}

.section-price-table-title {color: #fff;font-size: 30px;margin-top: 20px;margin-bottom: 10px;font-weight: 600;
    text-align: center;
    position: relative;}

.section-price-table-content {display: flex;align-items: center;}

.section-price-table-content-right-list-item span {color: #fff;font-weight: bold;}

.section-price-table-content-right-list {display: flex;flex-wrap: wrap;margin-bottom: 15px;}

.section-price-table-content-right-list-item {width: 50%;display: flex;align-items: center;padding: 10px 15px;}

.section-price-table-content-right-button > .btn {border-radius: 0;background: #f17d59;border-color: #f17d59;}

.section-price-table-content-right-button > .btn:hover {text-decoration: underline;}

.section-price-table-content-right-list-item-number {background: #fff;color: #000;width: 30px;height: 30px;border-radius: 15px;text-align: center;font-weight: bold;line-height: 30px;color: #f17d59;margin-right: 10px;}

.section-price-table-content-right-button {padding: 0 15px;}

.section-price-table-wrapper {padding: 50px 0;}

.section-services {padding: 0 0 50px 0;}

.section-promise-title {/* font-weight: 600; */
    /* text-align: center; */
    /* position: relative; */color: #000;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
    position: relative;}

span {}

.section-promise-title > span {background: #d6e5f1;
    /* z-index: 1; */
    position: relative;
    padding: 0 10px;}

.section-promise-title:before {content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;}

.section-promise-subtitle {text-align: center;
    font-size: 15px;
    padding-bottom: 30px;color: #000;}

.section-promise-list {display: flex;flex-wrap: wrap;}

.section-promise-list-item {width: 50%;padding: 15px 15px;}

.section-promise-list-item-header {color: #f17d59;font-weight: bold;padding-bottom: 5px;}

.section-promise-list-item p {font-weight: 500;}

.section-promise {background: url(../images/bg-commit.png) no-repeat center center #d6e5f1;background-size: 100% auto;padding: 30px 0;}

.section-faq-content {DISPLAY: flex;}

.section-faq .panel-default>.panel-heading {border-radius: 0;border-color: transparent;background: #fff;}

.section-faq .panel-title>.small, .section-faq .panel-title>.small>a, .panel-title>a, .section-faq .panel-title>small, .panel-title>small>a {font-weight: bold;}

.section-faq .panel-group .panel {border-radius: 0;}

.section-faq-content-left {padding-right: 20px;}

.section-faq-subtitle {text-align: center;
    font-size: 15px;
    padding-bottom: 30px;
    color: #000;}

.section-faq-title {color: #000;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
    position: relative;}

.section-faq-title > span {background: #f6f6f6;
    /* z-index: 1; */
    position: relative;
    padding: 0 10px;}

.section-faq-title:before {content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;}

.section-faq {background: #f6f6f6;padding: 30px 0;}

.section-faq .panel-default.active>.panel-heading {background: #f17d59;color: #fff;}

.section-customer-subtitle {text-align: center;
    font-size: 15px;
    padding-bottom: 30px;
    color: #000;}

.section-customer-title > span {background: #fff;
    /* z-index: 1; */
    position: relative;
    padding: 0 10px;}

.section-customer-title {color: #000;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
    position: relative;}

.section-customer-title:before {content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;}

.section-customer-feedback-list {display: flex;justify-content: space-around;}

.section-customer-feedback-box-customer-image > img {width: 60px;border-radius: 30px;}

.section-customer-feedback-box-customer {display: flex;align-items: center;}

.section-customer-feedback-box-customer-image {padding-right: 10px;}

.section-customer-feedback-box-customer-text-name {font-weight: 600;padding-bottom: 5px;color: #000;}

.section-customer-feedback-box-customer-text-desc {font-size: 14px;font-style: italic;}

.section-customer-feedback-box-text {background: #f6f6f6;border-radius: 5px;padding: 10px 15px;/* text-align: center; */margin-bottom: 15px;}

.section-customer-feedback-list-item {padding: 10px;/* text-align: center; */}

.section-customer-feedback-box-text-star {text-align: center;/* padding-bottom: 10px; */}

.section-customer-feedback-box-text-star > p {text-align: left;padding-top: 5px;color: #000;font-size: 14px;}

.section-customer-feedback-box-text-star > i {color: #FFDD00;font-size: 24px;padding: 0 2px;}

.section-customer-feedback {padding: 30px 0;}

.section-support-social {background: #f6f6f6;padding: 30px 0;}

.section-support-social-list {display: flex;/* justify-content: space-around; */flex-wrap: wrap;}

.section-support-social-list-item {width: 20%;padding: 15px;}

.section-support-social-list-item {display: flex;align-items: center;}

.section-support-social-list-item-image {padding-right: 15px;}

.section-support-social-list-item-content-phone {color: #f17d59;font-style: italic;font-weight: bold;}

.section-support-social-list-item-content-name {font-weight: 500;padding-bottom: 5px;}

span {}

.section-support-social-title > span {background: #f6f6f6;
    /* z-index: 1; */
    position: relative;
    padding: 0 10px;}

.section-support-social-title {color: #000;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
    position: relative;}

.section-support-social-title:before {content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;}

.section-news-list {display: flex;flex-wrap: wrap;}

.section-news-list-item-image img {width: 100%;}

.section-news-list-item {width: 33.33%;padding: 15px;}

.section-news-list-item-image > a {display: block;padding-bottom: 15px;}

.section-news-list-item-title > a {color: #000;font-weight: 600;/* padding-bottom: 10px; */}

.section-news-list-item-title {padding-bottom: 10px;/* font-size: 14px; */}

.section-news-list-item-subtitle {padding-bottom: 10px;font-size: 15px;}

.section-news-list-item-view-detail > a {border-radius: 0;background-color: #f17d59;border-color: #f17d59;}

.section-news-list-item-view-detail > a:hover {text-decoration: underline;background-color: #f17d59;border-color: #f17d59;}

.section-news {padding: 30px 0;}

.section-news-title > span {background: #fff;
    /* z-index: 1; */
    position: relative;
    padding: 0 10px;}

.section-news-title {color: #000;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
    position: relative;text-transform: uppercase;}

.section-news-title:before {content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;}
.section-top-header-right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.section-bank {padding: 30px 0;background: url(../images/crupto-bg.png) no-repeat center center;background-size: 100% 100%;}

.section-bank-list {display: flex;flex-wrap: wrap;}

.section-bank-list-item {width: 31.33%;margin: 1%;padding: 10px;border: 2px dotted #f17d59;display: flex;align-items: center;}

.section-bank-list-item-image > img {height: 50px;border: 1px solid #e1e1e1;/* padding: 10px; */margin-right: 10px;padding: 5px;}

.section-bank-list-item-content-name {color: #f17d59;font-weight: bold;}

.section-bank-list-item-content-account-number > span {color: #f17d59;}

.section-bank-list-item-content-cn > span {color: #f17d59;}

.section-bank-title > span {background: #fff;    /* z-index: 1; */    position: relative;    padding: 0 10px;}

.section-bank-title {color: #000;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
    position: relative;text-transform: uppercase;}

.section-bank-title:before {content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;}

.section-copyright {background: #363636;text-align: center;color: #fff;padding: 10px 0; margin-top: 200px;}

.section-footer {background: #3c545d;padding: 30px 0;color: #fff;font-size: 15px;}

.section-footer-container {display: flex;flex-wrap: wrap;}

.section-footer-box {width: 25%;padding: 0 15px;}

.section-footer-box-title {color: #fff;font-weight: bold;text-transform: uppercase;padding-bottom: 15px;position: relative;margin-bottom: 20px;}

.section-footer-container-item-social-item > a {display: block;color: #fff;}

.section-footer-container-item-social-item {/* display: flex; */width: 30px;height: 30px;/* background: red; */border: 1px solid #fff;margin-right: 10px;line-height: 30px;text-align: center;border-radius: 5px;/* color: #fff; */}

.section-footer-container-item-social {display: flex;}

.section-footer-box-logo > img {max-width: 100%;margin-bottom: 15px;}

.section-footer-box-list {}

.section-footer-box-list-item {display: flex;flex-direction: column;}

.section-footer-box-list-item > a {padding: 8px 0;color: #fff;}

.section-footer-box-title:before {content: "";position: absolute;width: 100px;height: 2px;background: #fff;left: 0;bottom: 0;}

.section-footer-box-list-address-item {padding-bottom: 30px;}

.section-footer-box-list-address-item-value > i {padding-right: 10px;}

.section-footer-box-list-address-item-value-phone > i {padding-right: 10px;}

.section-footer-box-list-address-item-value-email > i {padding-right: 10px;}

.section-footer-box-list-address-item-value {padding-bottom: 10px;}

.section-footer-box-list-address-item-value-phone {padding-bottom: 10px;}

.section-footer-box-list-address-item-value-email {padding-bottom: 10px;}

.section-footer-box-list-address-item-label {color: #fff;font-weight: 600;padding-bottom: 15px;}

.section-footer-container-item-social-item > a {display: block;}

a {}

.section-footer-container-item-social-item > a:hover {/* background: red; *//* border-radius: 5px; */}

.section-footer-container-item-social-item:hover {background: #f17d59;}

#myBtnGoToTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtnGoToTop:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}


/*mobile & table*/
@media (max-width: 1024px) {


    .section-top-header-wrapper{
        flex-direction: column;
    }

    .section-top-header-left{
        padding-bottom: 10px;
    }
    .section-banner-wrapper{
        flex-direction: column;
    }
    .section-banner-right-mobile-link{
        flex-direction: column;
    }
    .section-banner-right-mobile-link-item{
        margin-bottom: 10px;
    }
    .section-banner-wrapper{
        padding-top: 50px;
    }
    .section-banner-left{
        padding-bottom: 30px;
    }
    .section-order-step-list-item{
        width: 33.33%;
        margin-bottom: 15px;
    }
    .section-faq-content{
        flex-direction: column;
    }
    .section-customer-feedback-list{
        flex-wrap: wrap;
    }
    .section-customer-feedback-list-item{
        width:50%;
    }
    .section-support-social-list-item{
        width:33.33%;
    }
    .section-bank-list-item{
        width:48%;
    }
}

/*mobile*/
@media (max-width: 739px){
    .section-footer-container{
        flex-direction: column;
    }
    .section-footer-box{
        margin-bottom: 30px;
        width: 100%;
    }
    .section-bank-list-item{
        width: 100%;
    }
    .section-news-list-item{
        width: 100%;
    }
    .section-support-social-list-item{
        width: 100%;
    }
    .section-customer-feedback-list-item{
        width: 100%;
        margin-bottom: 15px;
    }
    .section-faq-content-right img {max-width: 100%;}
    .section-promise-list-item{
        width: 100%;
    }
    .section-price-table{
        background-size: cover;
    }
    .section-price-table-content{
        flex-direction: column;
    }
    .section-price-table-content-right-list-item{
        width: 100%;
    }
    .section-services-box-list{
        flex-wrap: wrap;
    }
    .section-order-step-list-item{
        width: 50%;
    }
    .section-order-step-list-item-box > img{
        width: 40px;
    }
    .section-banner{
        background-size: cover;
    }
    .section-banner-wrapper{
        flex-direction: column;
    }
    .section-banner-left{
        width: 100%;
    }
    .section-banner-right{
        width: 100%;
    }

}

.wrapperCustomer{
    background: #fafafa;
}


/*style for customer*/
.wrapperCustomer .section-footer {
    background: #3c4043;
}


.wrapperCustomer .section-menu .navbar-default .navbar-nav>li>a {
    color: #555555;
}

.wrapperCustomer .section-menu .navbar-default {
    background: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #ccc;
    border-top-color: #fff;
}

.wrapperCustomer .section-top-header {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.wrapperCustomer .section-top-header-wrapper a {
    color: #555555;
}
.hidden{
    display: none!important;
}
.divDisable {
    position: relative;
    z-index: 1;


}
.divDisable:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #0000000d;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.divDisable:hover:before {
    cursor: not-allowed;
}
.divDisable .input-group{
    z-index: 0!important;
}