/*ABOUT INFO*/

@import "check-box.css";
@import "buttons.css";

.bg_gray{background: rgba(245, 245, 245, 1.0);}
.border_gray{border: 1px solid rgba(245, 245, 245, 1.0);}
.border_gray_bottom{border-bottom: 1px solid rgba(244, 244, 244, 1.0);}
.border_white{border: 1px solid rgba(255, 255, 255, 1.0);}
.border_green{border: 1px solid rgba(36, 153, 72, 1);}


a:hover{color:rgba(36, 153, 72, 1);}

.pl5, .pl_5{padding-left: 5px;}
.pr5, .pr_5{padding-right: 5px;}

.border0,
.border_0{border-width: 0px;}
.border_1{border-width: 1px;}
.border_6{border-width: 6px;}
.border_2{border-width: 2px;}
.border_3{border-width: 3px;}
.border_4{border-width: 4px;}
.border_5{border-width: 5px;}
.border_7{border-width: 7px;}
.border_8{border-width: 8px;}
.border_9{border-width: 9px;}
.border_10{border-width: 10px;}

.border_white_6{border: 6px solid rgba(255, 255, 255, 1.0);}
.bg_white{background: rgba(255, 255, 255, 1.0);}
.color_white, .white{color: rgba(255, 255, 255, 1.0);}
.color_red, .red{color: #FF6600;}

.object-fit-cover{object-fit: cover;}
.bg_cover{background-size: cover;}

.vertical-center{vertical-align: middle;}
.pointer{cursor: pointer;}

img.w_100, .w_100, .w100{width: 100%;}
.w_85{width: 85%;}
.w_90{width: 90%;}
.w_92{width: 92%;}
.w_94{width: 94%;}
.w_96{width: 96%;}
.w_80{width: 80%;}
.w_70{width: 70%;}
.w_60{width: 60%;}
.w_50{width: 50%;}
.w_20{width: 20%;}

.h_100, .h100{height: 100%;}
.w_auto{width: auto;}
.min_w_550{min-width: 550px; max-width: 99.99%; }
.min_w_600{min-width: 600px; max-width: 99.99%; }
.min_w_700{min-width: 700px; max-width: 99.99%; }
.min_w_800{min-width: 800px; max-width: 99.99%; }
.min_w_900{min-width: 900px; max-width: 99.99%; }

.max_h_100{ max-height: 100%;min-height: 360px;} 
.min_h360, .min_h_360{ min-height: 360px;} 
.min_h500, .min_h_500{ min-height: 500px;} 
 
.h_120{ height: 120px;} 
.h_140{ height: 140px;} 
.h_160{ height: 160px;} 
.h_170{height: 370px;} 
.h_225{ height: 225px;} 
.h_230{ height: 230px;} 
.h_245{ height: 245px;} 
.h_255{ height: 255px;} 
.h_265{ height: 265px;} 
.h_268{ height: 268px;} 
.h_285{ height: 285px;} 
.h_295{ height: 295px;} 
.h_396{ height: 396px;} 
.h_405{ height: 405px;} 
.h_425{ height: 425px;} 
.h_445{ height: 445px;} 
.h_465{ height: 465px;}
.h_600{ height: 600px;} 

.fw700{font-weight:700 ;}
.fw600{font-weight:600 ;}
.fw500{font-weight:500 ;}
.fw400{font-weight:400 ;}
.fw300{font-weight:300 ;}

.w_1100, .w1100{width: 1100px; }
.w_600, .w600{width: 600px; }
.w_450, .w450{width: 450px; }
.w_550, .w550{width: 550px; }

.w_40px, .w40px{width: 40px;}
.w_45px, .w45px{width: 45px;}
.w_50px, .w50px{width: 50px;}
.w_60px, .w60px{width: 60px;}
.w_70px, .w70px{width: 70px;}
.w_80px, .w80px{width: 80px;}
.w_90px, .w80px{width: 90px;}
.w_100px, .w100px{width: 100px;}
.w_110px, .w110px{width: 110px;}
.w_120px, .w120px{width: 120px;}
.w_130px, .w130px{width: 130px;}
.w_140px, .w140px{width: 140px;}
.w_150px, .w140px{width: 150px;}
.w_160px, .w160px{width: 160px;}
.w_170px, .w170px{width: 170px;}
.w_180px, .w180px{width: 180px;}
.w_190px, .w190px{width: 190px;}
.w_200px, .w200px{width: 200px;}
.w_220px, .w220px{width: 220px;}
.w_230px, .w230px{width: 230px;}
.w_240px, .w240px{width: 240px;}
.w_250px, .w250px{width: 250px;}
.w_260px, .w260px{width: 260px;}

.h_20px, .h20px{height: 20px;}
.h_30px, .h30px{height: 30px;}
.h_40px, .h40px{height: 40px;}
.h_50px, .h50px{height: 52px; padding-top: 5px;}
.h_60px, .h60px{height: 60px;}
.h_70px, .h70px{height: 70px;}
.h_80px, .h80px{height: 80px;}
.h_90px, .h90px{height: 90px;}
.h_95px, .h95px{height: 95px;}
.h_100px, .h100px{height: 100px;}
.h_110px, .h110px{height: 110px;}
.h_120px, .h120px{height: 120px;}
.h_130px, .h130px{height: 130px;}
.h_140px, .h140px{height: 140px;}
.h_150px, .h150px{height: 150px;}
.h_160px, .h160px{height: 160px;}
.h_170px, .h170px{height: 170px;}
.h_180px, .h180px{height: 180px;}
.h_190px, .h190px{height: 190px;}
.h_200px, .h200px{height: 200px;}
.h_220px, .h220px{height: 220px;}

.mr_center{margin: auto;}
.float_right{float: right;}
.float_left{float: left;}

.pad_right_10{padding-right: 10px;}
.pad_right_20{padding-right: 20px;}
.pad_right_30{padding-right: 30px;}
.pad_right_15{padding-right: 15px;}
.pad_right_40{padding-right: 40px;}
.pad_right_50{padding-right: 50px;}
.pad_right_60{padding-right: 60px;}
.pad_right_70{padding-right: 70px;}
.pad_right_80{padding-right: 80px;}

.pad_left_10{padding-left: 10px;}
.pad_left_20{padding-left: 20px;}
.pad_left_15{padding-left: 15px;}
.pad_left_30{padding-left: 30px;}
.pad_left_40{padding-left: 40px;}
.pad_left_50{padding-left: 50px;}
.pad_left_60{padding-left: 60px;}
.pad_left_70{padding-left: 70px;}
.pad_left_80{padding-left: 80px;}

.padding_lr_10{padding-left: 10px;padding-right: 10px;}
.padding_lr_15{padding-left: 15px;padding-right: 15px;}

.mar_top_60{margin-top: 60px;}
.mar_top_20{margin-top: 20px;}
.mar_top_30{margin-top: 30px;}
.mar_top_40{margin-top: 40px;}
.mar_top_50{margin-top: 50px;}
.mar_top_10{margin-top: 10px;}
.mar_top_15{margin-top: 15px;}


.mar_bot_30{margin-bottom: 30px;}
.mar_bot_20{margin-bottom: 20px;}
.mar_bot_40{margin-bottom: 40px;}
.mar_bot_50{margin-bottom: 50px;}
.mar_bot_60{margin-bottom: 60px;}
.mar_bot_10{margin-bottom: 10px;}
.mar_bot_15{margin-bottom: 15px;}

.ml_0, .ml0{margin-left: 0px;}
.mr_0, .mr0{margin-right: 0px;}
.mr_10, .mr10{margin-right: 10px;}
.ml_10, .ml10{margin-left: 10px;}
.mr_15, .mr15{margin-right: 15px;}
.ml_15, .ml15{margin-left: 15px;}

.padd_top_6{padding-top: 6px;}
.padd_bot_6{padding-bottom: 6px;}
.padd_top_10{padding-top: 10px;}
.padd_top_15{padding-top: 15px;}
.padd_top_20{padding-top: 20px;}
.padd_bot_10{padding-bottom: 10px;}
.padd_bot_15{padding-bottom: 15px;}
.padd_bot_20{padding-bottom: 20px;}
.padd_top_30{padding-top: 30px;}
.padd_bot_30{padding-bottom: 30px;}
.padd_top_40{padding-top: 40px;}
.padd_bot_40{padding-bottom: 40px;}
.padd_bot_50{padding-bottom: 50px;}
.padd_top_50{padding-top: 50px;}
.padd_top_60{padding-top: 60px;}
.padd_bot_60{padding-bottom: 60px;}
.padd_top_80{padding-top: 80px;}
.padd_top_70{padding-top: 70px;}
.padd_bot_70{padding-bottom: 70px;}
.padd_bot_80{padding-bottom: 80px;}

.pd2{padding: 2px;}.pd0{padding: 0px;}
.pd5{padding: 5px;}
.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}

.fnt-10{font-size: 10px;}
.fnt-11{font-size: 11px;}

.pd25{padding: 25px;}
.pd30{padding: 30px;}
.pd35{padding: 35px;}
.pd40{padding: 40px;}

sup, .sup{top: -2px}
sub, .sub{bottom: 2px}

.pt_0, .pt0{padding-top: 0px;}
.pb_0, .pb0{padding-bottom: 0px;}
.pl_0, .pl0{padding-left: 0px;}
.pl_10, .pl10{padding-left: 10px;}
.pt_10, .pt10{padding-top: 10px;}
.pb_10, .pb10{padding-bottom: 10px;}
.pr_0, .pr0{padding-right: 0px;}
.pr_10, .pr10{padding-right: 10px;}

.justify{text-align: justify;}
.align-right{text-align: right;}
.align-left{text-align: left;}

.line-height18{line-height: 18px;}
.line-height20{line-height: 20px;}
.line-height22{line-height: 22px;}
.line-height25{line-height: 25px;}

.youtobe-43{width: 428px; height: 222px;}

.even{background: rgba(255, 255, 255, 1.0);}
.odd{background: rgba(242, 242, 242, 0.6);}

table.table_mangluoi thead, 
table.table_mangluoi thead th, 
table.table_mangluoi thead tr {border-bottom: 0px solid transparent !important;}

table.table_mangluoi th, 
table.table_mangluoi td, 
.even, .odd{border-right: 1px solid rgba(222, 222, 222, 0.6);border-left: 1px solid rgba(222, 222, 222, 0.6);}
.even:hover,.odd:hover{background: rgba(222, 222, 222, 0.3);}

.btn2 span{
    background-color: #FFF; padding: 2px 16px;
}

.product_cat .content_box .btn2 ,
.product_cat .btn2,
.steps-container .product_step .btn2 {
    color: #FCFCFC;
    background: url(../image/btn-continue.svg) no-repeat;
    width: 18em;
    height: 5.2em;
    text-align: left;
    padding: 1.8em 2.2em;
    padding-left: 5em;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 550;
    margin: 0;
    /*margin-right: -0.9em;
    margin-top: -0.85em;*/
    cursor: pointer;
    background-position: center center;
    background-size: 100% auto;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    opacity: 0.96;
}

.btn-readmore{color: #d31145 ; padding: 13px 0px;
    padding-left: 60px; text-align: center;
}
.btn-readmore > span{ padding: 3px 25px; padding-left: 10px; }
.btn-readmore:hover {color: #11AE39 ; opacity: 0.8; }

.readmore_button, .readmore_box .readmore_button {
    width: 23.4em;
    height: 6.3em;
    max-height: 7em;
    max-width: 99.99%;
    padding: 0.5em 0.6em;
    padding-left: 5em;
    background: url(../image/btn-xem-chi-tiet.svg) left center no-repeat;
    background-size: 100% auto;
    opacity: 0.9;
    color: #FFF;
    overflow: hidden;
    text-transform: uppercase;
    cursor: pointer;
    word-wrap: unset;
}

.profile .btn-save-profile,
.btn-save-profile {
    width: 18em;
    height: 5em;
    max-height: 6.2em;
    max-width: 99.99%;
    padding: 0.6em 0.6em;
    padding-left: 3em;
    background: #FFFFFF url(../image/btn-luu-ho-so.svg) right center no-repeat;
    background-size: 100% auto;
    opacity: 0.9;
    overflow: hidden;
    text-transform: uppercase;
    border: none !important;
    padding-bottom: 15px;
}

a.readmore_product {color: #FFF !important ; width: 100%; opacity: 0.9;
    padding: 19px 24px; padding-left: 1em; display: block;  }

.readmore_box .readmore_button:hover,
a.readmore_button:hover
{opacity: 1; color: #FFF; animation-delay: 0.2s;}

.btn-save-profile:hover,
a.readmore_product:hover { opacity: 1; }

.btn-save-profile:hover, .btn-save-profile:active{
    border: 0px !important;
}

.btn-readmore{
    background: url(../image/see_now.png) left center no-repeat;
    background-size:auto 70px ;
    background-position: -14px -12px;
}

.profile .form-group-aaa, .profile .form-group,
.section.profile .form-group-aaa {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.profile .form-group input,
.profile .form-group .input-aaa,
.profile .form-group-aaa > .input-aaa,
.section.profile .form-group-aaa > .input-aaa {
    width: 99.99%;
    padding: 12px 18px;
    border-radius: 12px;
    border: none;
    border-top: 1px solid #c9c9c9;
    background: #f2f4f1;
    font-size: 13px;
    color: #4c4949;
    margin: 6px 0;
    margin-bottom: 12px;
    font-weight: 400;
}
.profile .form-group select,
.profile .form-group .select,
.profile .form-group-aaa > .select,
.profile .form-group-aaa > select {
    width: 99.99%;
    padding: 12px 18px;
    border-radius: 12px;
    border: none;
    border-top: 3px solid #c9c9c9;
    background: #f2f4f1;
    font-size: 13px;
    color: #4c4949;
    margin: 6px 0;
    margin-bottom: 12px ;
    font-weight: 400;
    border-color: none; position: relative;
}

.profile .form-group select:after,
.profile .form-group select::after,
.profile .form-group .select:after,
.profile .form-group .select::after
{
    content: '\25BC';
    position: relative;
    top: 9px;
    right:9px;
    padding: 0 .4em;
    background: #f2f2f2;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color: #d31145;
    font-size: 12px;
    z-index: 9;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-shadow: 1px 1px 3px rgba(111, 111, 111, 0.55);
    box-shadow: 1px 0px 3px 1px rgba(111, 111, 111, 0.65);
    width: 26px;
    height: 25px; line-height: 24px;

}

.mt-1{margin-top: 1em !important;}
.mt-2{margin-top: 2em !important;}

.product_cat .content_box .btn2:hover ,
.product_cat .btn2:hover,
.steps-container .product_step .btn2:hover {
    color: #FFFFFF;
    opacity: 1;
}

#header_menu .dropdown-menu {
    border: none;
    border-radius: 6px;
    background-color: #dedede;
    top:  37px;
    right: -50%;
}
div#aboutinfo-leader_ship h4.name {
    height: 36px;
}
#dropdownMenuPC.dropdown-toggle::after{
    color: #3BB14A;
    font-size: 23px !important;
    position: absolute;
    top: 31px;
    right: 45%;
    text-shadow: -1px 1px 3px rgba(111, 111, 111, 0.55);
}
.icon-20{width: 20px;}
.icon-30{width: 30px;}
.icon-40{width: 40px;}
.icon-45{width: 45px;}
.icon-50{width: 50px;}
.icon-60{width: 60px;}
.icon-70{width: 70px;}
.icon-80{width: 80px;}
.icon-90{width: 90px;}
.icon-100{width: 100px;}

.mr2{margin: 2px;}
.mr1{margin: 1px;}
.float_center {
    margin: 0 auto;
    display: flex;
    width: fit-content;
    justify-content: center;
}
.absolute{position: absolute; }
.relative{position: relative;}
.block{display: block;}

.ellipsis5, .ellipsis6, .ellipsis7, .ellipsis8, .ellipsis9, .ellipsis10, .ellipsis12 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis3 {-webkit-line-clamp: 3; }
.ellipsis4 {-webkit-line-clamp: 4; }
.ellipsis6 {-webkit-line-clamp: 6; }
.ellipsis7 {-webkit-line-clamp: 7; }
.ellipsis8 {-webkit-line-clamp: 8; }
.ellipsis9 {-webkit-line-clamp: 9; }
.ellipsis10 {-webkit-line-clamp: 10; }
.ellipsis12 {-webkit-line-clamp: 12; }

.hide_overflow, .overflow_hide{overflow: hidden;}
.hide {display: none;}
.hide_pc, .pc_hide{display: none;}

.border_green_shadow{box-shadow: 0 2px 3px 0 rgba(36, 153, 71, 0.3);}
.shadow_6{box-shadow: 0 2px 6px 0 rgba(222, 222, 222, 0.4);}
.shadow_8{box-shadow: 0 4px 8px 0 rgba(222, 222, 222, 0.5);}
.shadow_3{box-shadow: -1px 3px 5px -3px rgba(333, 333, 333, 0.5);}
.shadow_5{box-shadow: -1px -1px 5px 0 rgba(222, 222, 222, 0.5);}
.shadow_10{box-shadow: -5px 4px 10px 3px rgba(222, 222, 222, 0.6);}

.shadow_left_20{box-shadow: -10px 4px 20px 2px rgba(211, 211, 211, 0.9);}
.shadow_left_30{box-shadow: -20px 4px 30px 2px rgba(211, 211, 211, 0.9);}
.shadow_right_30{box-shadow: 20px 4px 30px 2px rgba(222, 222, 222, 0.9);}
.shadow_right_20{box-shadow: 10px 4px 20px 2px rgba(222, 222, 222, 0.9);}

.bg_green_linear{background: linear-gradient(217deg, rgba(36, 153, 71, 1), rgba(36, 153, 72, 0.6), rgba(36, 153, 72, 0.9));}
.bg_green_linear1{background: linear-gradient(to right, rgba(1, 105, 56, 0.95), rgba(36, 153, 72, 1), rgba(57, 181, 74, 1));}
.bg_green_linear2{background: linear-gradient(to left, rgba(1, 105, 56, 1), rgba(36, 153, 72, 1), rgba(57, 181, 74, 1));}
.bg_green{background: rgba(36, 153, 71, 1) ;}
.radius_3{border-radius: 3px;}
.radius_4{border-radius: 4px;}
.radius_5{border-radius: 5px;}
.radius_6{border-radius: 6px;}
.radius_8{border-radius: 8px;}
.radius_10{border-radius: 10px;}
.radius_12{border-radius: 12px;}

.radius_100{border-radius: 100%;}
.radius_20{border-radius: 20px;}
.radius_22{border-radius: 22px;}
.radius_25{border-radius: 25px;}
.radius_30{border-radius: 30px;}

.about_partner .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: auto;
    z-index: 1;
    padding: 20px;
}

.radius_bot_12{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.radius_bot_9{
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

.self-center{align-self: center;}
.self-bottom{align-self: bottom;}

.box-bottom-price-buy{position: absolute; bottom: -10px; display: block;
    min-height: 60px;}

.menu_about_us.absolute {
    top: -26px;
    z-index: 1;
    padding: 0px;
}
#aboutinfo-leader_ship .section.leader_ship a.btn-xem-chi-tiet{
    /* padding-left: 45%; */
}
.menu_about_us .tabs ul {
    border: #44AC49 solid 2px;
    border-radius: 14px;
    width: max-content;
    margin: 6px auto;
    padding: 10px 32px;
    background-color: white;
    max-width: 70%;
}

.menu_about_us .navbar-nav li{display: inline ;}
.menu_about_us li a {
    font-size: 12px;
    color: #606060;
    padding: 0px  0px;
    display: inline-block;
    font-weight: 550;
}
.menu_about_us li a:hover, .menu_about_us li a.active {
    color: rgba(36, 153, 71, 1) !important;
    font-family: SN Samsung Sharp Sans Bold;
}
.menu_about_us li a.active:hover {
    color: rgba(36, 153, 72, 1);
}
.menu_about_us li a:last-child {
    border-right: 0px;
}

.sl_thanhtuu .swiper-button-prev {
    left: 0px;
    opacity: 0.8;z-index: 99;
}
.sl_thanhtuu .swiper-button-next {
    right: 0px;
    opacity: 0.8; z-index: 99;
}

.about_partner .swiper-button-next {
    opacity: 0.8;
    right: 70px !important;
}

.slide_thanhtuu.hide{display: none;}

ol li{list-style: decimal; padding-left: 0px; margin-left: 0px; margin-bottom: 15px;}

select.option_affiliate{
    position: relative;
    font-weight:550;
    font-size: 16px;
    padding: 3px 15px;
    border-radius: 9px;
}

select.option_affiliate option{
    height: 40px;
    line-height: 40px; font-weight:550;
    font-size: 11px;
    padding: 16px 15px;
}

select.option_affiliate:active{border-color: #DDD;}
/**/
.affiliates select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #FFF;
    background-image: none;
}

.affiliates .select_affiliate {
    position: relative;
    display: flex;
    width: 600px;
    height:3.5em;
    line-height: 3;
    background: #fff;
    overflow: hidden;
    border-radius: 9px;
}
.affiliates select {
    flex: 1;
    padding: 0 1em;
    color: #fff;
    cursor: pointer;
}
.affiliates .select_affiliate::after {
    content: '\25BC';
    position: absolute;
    top: 9px;
    right:9px;
    padding: 0 .4em;
    background: #f2f2f2;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color: #d31145;
    font-size: 12px;
    z-index: 9;
    border: 1px solid #eee;
    border-radius: 5px;
    text-shadow: 1px 1px 3px rgba(111, 111, 111, 0.55);
    box-shadow: 1px 0px 3px 1px rgba(111, 111, 111, 0.65);
    width: 26px;
    height: 25px; line-height: 24px;
}
.affiliates .select_affiliate::after:hover,
.affiliates .select_affiliate:hover::after {
    color: rgba(36, 153, 71, 0.8);
}

.affiliate_scroll{max-height:460px; overflow-x:auto;}

.border_bot_2{border-bottom: 2px solid rgba(245, 245, 245, 0.55);}
.border_bot_1{border-bottom: 1px solid rgba(245, 245, 245, 0.6);}
.border_bot_gray1{border-bottom: 1px solid rgba(242, 242, 242, 0.99);}

.bg_chinhanh {
    background: url(../image/bg-gioi-thieu-1-04.jpg) top center no-repeat;
    background-size: cover;
}
.bg_pcg_group{
    background: url(../image/tap-doan-pcg.jpg) center center no-repeat;
    background-size: cover;
}


.bg_thanhtuu_top{
    background: url(../image/bg_top_thanhtuu.png) bottom center no-repeat;
    background-size: 100%;
}

.section.about_partner{
    background: rgba(255, 255, 255, 1) url(../image/bg_top_affiliates.jpg) top center no-repeat;
    background-size: 100%;
}
 
.bg_top_news{ 
    background: rgba(255, 255, 255, 1) url(../image/bg_news.jpg) top center no-repeat;
    background-size: 100% auto;
    background-position: -1px -2px;
}
 

.bg_btn_chi_nhanh {
    background: url(../image/bg_btn_chi_nhanh.svg) left center no-repeat;
    background-size: auto 100%;
    padding: 12px 20px;
    padding-bottom: 17px;
    padding-left: 130px;
    display: block;
    position: absolute;
    top: 42%;
    left: 2.5%;
}
.bg_btn_chi_nhanh .name{padding: 1px 6px;}
.bg_btn_chi_nhanh .address{padding:1px 6px; line-height: 16px;}

.menu_thanhtuu{width: auto; display: block; position: relative;}
.menu_thanhtuu ul li{display: inline; padding-top: 30px; width: 14.2%;}
.menu_thanhtuu ul li a{padding: 10px 25px; font-size: 22px;}
.menu_thanhtuu a.active  h3,
.menu_thanhtuu .active h3{color: #d31145 ;}
.menu_thanhtuu a:hover  h3 {color: #d31145 ;}
.menu_thanhtuu ul li:nth-child(2) a{ margin-left: 10px ;}
.menu_thanhtuu ul li:nth-child(3) a{ margin-left: 25px ;}

.about_history .bg_green.arrow::after,
.about_history .bg_green.arrowright::after,
.about_history .bg_green.arrowleft::before{
    width: 60px;
    height: 60px;
    display: block;
    content: "";
    transform: rotate(45deg);
    position: absolute;
    background: rgba(36, 153, 71, 1) ;
    top: 35px;
}

.z-index_9{z-index: 9;}
.z-index_1{z-index: 1;}

.about_history .bg_green.arrowleft::before{
    left: -30px;
    z-index: 1;
}
.about_history .bg_green.arrowright::after{
    right: -30px;
}

#style-2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}

/*
 *  STYLE 3
 */

#style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
    background-color: #000000;
}

/*
 *  STYLE 4
 */

#style-4::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.03);
    background-color: none;
}

#style-4::-webkit-scrollbar
{
    width: 7px;
    background-color: none;
    border: 2px solid #fff;
}

#style-4::-webkit-scrollbar-thumb
{
    background-color: rgba(248,248,248,0.95);
    border: 1px solid #EfEfEf;
}


.box_leader_ship{display: block; clear: both; width: 100%;}
.box_leader_ship_child{display: block; clear: both; width: 100%; height: 100%;}

.box_leader_ship_child .col-md-3.col-12{margin-bottom: 30px;}

.item_leader_ship{margin-bottom: 18px; clear: both;}

.item_leader_ship .position,
.item_leader_ship  h4.position, .item_administrative .position, .item_administrative  h4.position {
    height: 18px;
    line-height: 24px;
    overflow: hidden;
    clear: both;
}

.about_history .col-md-6.col-12{margin-bottom: 30px;}

img.cover{object-fit: cover;}

.section.banner_aboutinfo  img,
.section.banner_information  img{
    width: 100%;
    object-fit: cover;
}

.banner_aboutinfo ,
.banner_information {
    min-height: 365px;
    display: block;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.bottom_0{bottom: 0px}
.right_0{right: 0px}
.top_0{top: 0px}
.left_0{left: 0px}

.banner_title{margin-left: 15.0vw; padding: 10px 3px; width: 15.6vw; text-align: center; overflow: hidden;}

@media (min-width: 1900px) {

    .banner_aboutinfo ,
    .banner_information {
        min-height: 475px;
    }
}
@media (min-width: 1600px) {

    .banner_aboutinfo ,
    .banner_information {
        min-height: 396px;
    }
}

@media (min-width: 1366px) {

    .banner_aboutinfo ,
    .banner_information {
        min-height: 341px;
    }

    .item_leader_ship .position,
    .item_leader_ship  h4.position, .item_administrative .position, .item_administrative  h4.position {
        height: 60px;
        line-height: 20px;
        overflow: hidden;
        clear: both;
        font-size: 14px;
        letter-spacing: -0px;
    }

    img.w_100.h_100{height: 100%; object-fit: cover;}
    .item_leader_ship img.w_100 {object-fit: cover;}
}
@media (max-width: 767px) {
    .banner_information img,
    .banner_aboutinfo img {
        min-height: 146px;
        object-fit: cover;
    }
    .w_20 {
        width: 100%;
    }
    .h_170.leader_ship_img  {
        height: 270px;
        text-align: -webkit-center;
    }
    .h_170.leader_ship_img img{
        width: 70%;
    }
    .box_leader_ship_child .h_225.administrative_img{
        height: 270px;
        background-position: top !important;
    }
    .box_leader_ship_child .row .mar_bot_25_mobile:last-child{
        margin-bottom: 0;
    }
    .banner_aboutinfo,
    .banner_information {
        min-height: 146px;
    }
    .item_leader_ship .position, .item_leader_ship h4.position, .item_administrative .position, .item_administrative h4.position, div#aboutinfo-leader_ship h4.name {
        height: auto;
    }
    .hide_mobile{
        display: none;
    }
    .show_mobile{
        display: block;
    }
    .mar_bot_25_mobile{
        margin-bottom: 25px;
    }
    #administrative .swiper-pager{
        display: block;
        top: 40%;
    }
}

@media (max-width: 992px) {

    .section.menu_pc .top-head{display: none;}

    .pdm0, .mpd0{padding: 0px;}

    .float_right,
    .float_left{float: unset; margin: 0 auto;}

    .float_left.absolute{position: relative; }

    .policy .info{text-align: center;}

    #header_menu .dropdown-menu {  
        top:  unset;
        right:unset;
    }

    #dropdownMenuPC.dropdown-toggle::after{ 
        font-size: 20px !important; 
        top: 15px;
        right: unset; 
    }

    .mb_hide, .hide_mobile{display: none;}
    .hide_pc{display: block;}

    .item_step5.mar_bot_30:last-child{margin-bottom: 10px;}
 
     .banner_information img,
     .banner_aboutinfo img{
        min-height: 180px;
        object-fit: cover;
    }
     .banner_aboutinfo , 
     .banner_information { 
        min-height: 180px;
    }

    .youtobe-43{width: 100%; height: 190px;}

    .option_affiliate.min_w_550, 
    .min_w_550,
    .min_w_600,
    .min_w_700,
    .min_w_800,
    .min_w_900{min-width: unset; width: 80%; } 

    .min_h500, .min_h_500{ min-height: 360px;}

    .w_85,
    .w_90,
    .w_92,
    .w_94,
    .w_96,
    .w_60,
    .w_50,
    .w_80,
    .w_70{width: auto; max-width: 99.999%;}

    .h_160px, .h160px,
    .h_170px, .h170px,
    .h_180px, .h180px,
    .h_190px, .h190px,
    .h_200px, .h200px,
    .h_220px, .h220px,

    .w_160px, .w160px,
    .w_170px, .w170px,
    .w_180px, .w180px,
    .w_190px, .w190px,
    .w_200px, .w200px,
    .w_220px, .w220px
    {width: auto; max-width: 99%; height: auto; max-height: 360px;}

    .w_100{max-width: 99.999%;}
    .w_600, .w600, .w_450, .w450, .w_550, .w550 
    {width: auto; min-width: 320px; max-width: 99.999%;}

    .pd30,
    .pd35,
    .pd40{padding: 15px;}

    .mrtop30_mb, .mrtop_mb{margin-top: 30px;}
    .mrtop20_mb, .mrtop_mb20{margin-top: 20px;}
    .col-12.pad_right_30{padding-right:unset;}
    #aboutinfo-partner{display: none;}

    .pad_left_40, .pad_right_40,
    .pad_left_50, .pad_right_50,
    .pad_left_60, .pad_right_60,
    .pad_left_70, .pad_right_70,
    .pad_left_80, .pad_right_80
    {padding-right: 15px; padding-left: 15px;}

    .pad_left_20, .pad_right_30,
    .pad_left_30, .pad_right_20,
    .affiliates .pad_right_30, 
    .affiliates .pad_right_20, 
    .affiliates .pad_left_20, 
    .affiliates .pad_right_20{padding-right:unset; padding-left:unset;}

    .menu_about_us .tabs{width: auto;min-width: 320px; padding: 0px;}
 

    .h_405.hide_overflow{overflow: unset;}

    .leader_ship.padd_bot_40 {padding-bottom: 10px;} 
 
    .menu_about_us .tabs ul { 
        border-radius: 12px; 
        margin: 6px auto;
        padding: 10px 22px;
        background-color: white; 
        width: max-content; 
        max-width: 80%; 
        overflow: hidden;
    }

    .about_history .col-md-6.col-12{margin-bottom: 20px;}
    .box_leader_ship_child .col-md-3.col-12{margin-bottom: 20px;}

    img.w_100.h_100{height: 100%;  object-fit: cover;}
    .item_leader_ship img.w_100 { object-fit: cover;}

    .thanhtuu_banner.h_120px{height: 70px;}
    .menu_thanhtuu ul li a{padding: 6px 20px; font-size: 20px;}

    /*.sl_thanhtuu .swiper-slide.pd10,
    .sl_thanhtuu .swiper-slide.pd20{padding: 0; padding-left: 6px; padding-right: 6px;}
    */
    .menu_thanhtuu ul li:nth-child(2) a{ margin-left: 20px ;}
    .menu_thanhtuu ul li:nth-child(3) a{ margin-left: 20px ; text-align: center;}
 
    .menu_toggle {
      cursor: pointer;
      overflow: hidden;
      width: 56px;
      height: 40px;
      background: #fff;
      border-radius: 5px;
      border: 1px solid rgba(0,0,0,0.1);
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
      
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .line-toggle {
      position: absolute;
      display: block;
      width:32px;
      height: 2px;
      background: #D3D3D3;
      border-radius: 1px;
      transition: all .6s;
    }

    .line-toggle:first-child {
      transform: translateY(-9px) translateX(-0px);
      width: 32px;
      transition-delay: 0s;
    }

    .menu_toggle .line-toggle:nth-child(2) {
      transition-delay: .12s;
    }

    .line-toggle:last-child {
      transform: translateY(9px) translateX(-0px);
      width: 32px;
      transition-delay: 0s;
    }

    .menu_toggle.activate .line-toggle:first-child {
      background: rgba(36, 153, 72, 0.9);
      transform: translateY(0) translateX(-1px) rotate(-45deg);
      width: 32px;
      height: 1.5px;
      transition-delay: .1s;
    }

    .menu_toggle.activate .line-toggle:nth-child(2) {
      transform: translateX(110px);
      transition-delay: 0s;
    }

    .menu_toggle.activate .line-toggle:last-child {
      background: rgba(36, 153, 72, 0.8);
      transform: translateY(0) translateX(1px) rotate(-314deg);
      width: 32px;
      height: 1.5px;
      transition-delay: .1s;
    }
    .box_leader_ship_child .col-md-3.col-12:last-child,
    .item_leader_ship:last-child{
        margin-bottom: 0;
    } 

    .section.menu_pc .top-head{display: none;}

    .float_right,
    .float_left{float: unset; margin: 0 auto;}

    #header_menu .dropdown-menu {
        top: 52px;
        right: 20%;
        left: auto;
        background: #fff;
        box-shadow: 0 10px 10px -6px #dfdfdf;
    }
    #header_menu .dropdown-menu .dropdown-item.active{
        background: #fff;
    }

    #dropdownMenuPC.dropdown-toggle::after{
        font-size: 20px !important;
        top: 15px;
        right: unset;
    }

    .mb_hide, .hide_mobile{display: none;}
    .hide_pc, .pc_hide{display: block;}

    .item_step5.mar_bot_30:last-child{margin-bottom: 10px;}

    .banner_information img,
    .banner_aboutinfo img{
        min-height: 180px;
        object-fit: cover;
    }
    .banner_aboutinfo ,
    .banner_information {
        min-height: 180px;
    }

    .youtobe-43{width: 100%; height: 190px;}

    .option_affiliate.min_w_550,
    .min_w_550,
    .min_w_600,
    .min_w_700,
    .min_w_800,
    .min_w_900{min-width: unset; width: 80%; }

    .min_h500, .min_h_500{ min-height: 360px;}

    .w_85,
    .w_90,
    .w_92,
    .w_94,
    .w_96,
    .w_60,
    .w_50,
    .w_80,
    .w_70{width: auto; max-width: 99.999%;}

    .w_100{max-width: 99.999%;}
    .w_600, .w600, .w_450, .w450, .w_550, .w550
    {width: auto; min-width: 320px; max-width: 99.999%;}

    .pd30,
    .pd35,
    .pd40{padding: 15px;}

    .mrtop30_mb, .mrtop_mb{margin-top: 30px;}
    .mrtop20_mb, .mrtop_mb20{margin-top: 20px;}
    .col-12.pad_right_30{padding-right:unset;}
    #aboutinfo-partner{display: none;}

    .pad_left_40, .pad_right_40,
    .pad_left_50, .pad_right_50,
    .pad_left_60, .pad_right_60,
    .pad_left_70, .pad_right_70,
    .pad_left_80, .pad_right_80
    {padding-right: 15px; padding-left: 15px;}

    .pad_left_20, .pad_right_30,
    .pad_left_30, .pad_right_20,
    .affiliates .pad_right_30,
    .affiliates .pad_right_20,
    .affiliates .pad_left_20,
    .affiliates .pad_right_20{padding-right:unset; padding-left:unset;}

    .menu_about_us .tabs{width: auto;min-width: 320px; padding: 0px;}


    .h_405.hide_overflow{overflow: unset;}

    .leader_ship.padd_bot_40 {padding-bottom: 10px;}

    .menu_about_us .tabs ul {
        border-radius: 12px;
        margin: 6px auto;
        padding: 10px 22px;
        background-color: white;
        width: max-content;
        max-width: 90%;
        overflow: hidden;
    }

    .about_history .col-md-6.col-12{margin-bottom: 20px;}
    .box_leader_ship_child .col-md-3.col-12{margin-bottom: 20px;}

    img.w_100.h_100{height: 100%;  object-fit: cover;}
    .item_leader_ship img.w_100 { object-fit: cover;}

    .thanhtuu_banner.h_120px{height: 70px;}
    .menu_thanhtuu ul li a{padding: 6px 20px; font-size: 20px;}

    /*.sl_thanhtuu .swiper-slide.pd10,
    .sl_thanhtuu .swiper-slide.pd20{padding: 0; padding-left: 6px; padding-right: 6px;}
    */
    .menu_thanhtuu ul li:nth-child(2) a{ margin-left: 20px ;}
    .menu_thanhtuu ul li:nth-child(3) a{ margin-left: 20px ; text-align: center;}

    .menu_toggle {
        cursor: pointer;
        overflow: hidden;
        width: 56px;
        height: 40px;
        background: #fff;
        border-radius: 5px;
        border: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);

        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .line-toggle {
        position: absolute;
        display: block;
        width:32px;
        height: 2px;
        background: #D3D3D3;
        border-radius: 1px;
        transition: all .6s;
    }

    .line-toggle:first-child {
        transform: translateY(-9px) translateX(-0px);
        width: 32px;
        transition-delay: 0s;
    }

    .menu_toggle .line-toggle:nth-child(2) {
        transition-delay: .12s;
    }

    .line-toggle:last-child {
        transform: translateY(9px) translateX(-0px);
        width: 32px;
        transition-delay: 0s;
    }

    .menu_toggle.activate .line-toggle:first-child {
        background: rgba(36, 153, 72, 0.9);
        transform: translateY(0) translateX(-1px) rotate(-45deg);
        width: 32px;
        height: 1.5px;
        transition-delay: .1s;
    }

    .menu_toggle.activate .line-toggle:nth-child(2) {
        transform: translateX(110px);
        transition-delay: 0s;
    }

    .menu_toggle.activate .line-toggle:last-child {
        background: rgba(36, 153, 72, 0.8);
        transform: translateY(0) translateX(1px) rotate(-314deg);
        width: 32px;
        height: 1.5px;
        transition-delay: .1s;
    }
}