.space3vw {clear: both;height: 3vw;width: 100%;}
.pc-tutorial-page{font-family: Roboto-Regular; width: 100%; margin: auto; font-size: 1rem;line-height: 1.5; background-color: #fff;}
.pc-t-title{text-align: center; font-size: 26px;}
.pc-t-title-red{color: #dd5555;font-family: RobotoSlab-Bold;font-size: 24.5px;margin-left: 1.5vw;text-align: center; margin-bottom:20px}
.pc-t-info a{text-decoration: none; color: #ec5c51;}
.pc-ti-title{background: rgba(0, 0, 0, 0) url("/static/image/home/line_title.png") no-repeat scroll left bottom;font-weight: bold;height: 32px;margin-bottom: 20px;}
.pc-ti-content{color: #585858; text-align: justify;}
.pc-ti-content a{color: #dd5555;font-weight: bold;}
.pc-t-info .pc-ti-content{padding-right: 68px;}
.pc-t-intro,.text-center{font-size: 14px;margin: 0 auto;text-align: center;}
.title_step{font-size: 16px;text-align: center;font-family: RobotoSlab-Regular;}
.__showpostvst{width: 100%;margin-bottom: 0;}
.pc-t-header{padding: 0.4vw 3vw;background-color: #dd5555;color:#fff;}
.menu{margin: 0 auto;}
.menu .menu_item{display: inline-block;margin: 0 auto;text-align: center;display: inline-block;cursor: pointer;}
.menu .menu_item.logo{background: rgba(0, 0, 0, 0) url("/static/image/gioithieu/logo.png") no-repeat scroll left center;height: 45px;vertical-align: middle;width: 162px;}
.menu .menu_item.order_card{background-color: #65b24a;border: 1px solid;border-radius: 12px;color: #fff;padding: 2vw 4vw;margin-left: 4vw;}
.banner_img{background-color: #324329;}
.banner_img img{display: block;height: auto;margin: 0 auto;width:160vw;}
.banner{background-color: #324329; font-family: Roboto-Light; color: #fff;}
.b-context{padding: 3vw 2vw; margin: auto; font-size: 3.5vw;}
.b-c-head{font-size: 6vw; text-transform: uppercase; color: #fff200; line-height: 9vw; margin-bottom: 2vw; text-align: center; font-family: RobotoSlab-Light;}
.b-c-head-small{font-size: 4.5vw; line-height: 7vw; margin-bottom: 3vw; text-align: center;}
.b-cc-form{border: 0.3vw solid; padding: 2vw;}
.b-cc-arrow{width: 8vw; margin: 3vw 0vw 0vw 70vw; display: none;}
.page{margin: 0 auto;padding: 3vw 0;width: 90vw;} 
.page_step{margin:30px auto;padding: 3vw 0;} 
.page .intro_video{display: inline-block;cursor: pointer;}
.page .text_intro{display: inline-block;font-family: Roboto-Light;font-size: 15px;margin-left: 0.5vw;text-align: justify;vertical-align: top;}

.page_benefit{background: rgba(0, 0, 0, 0) url("/static/image/gioithieu/bg_benefit.png") repeat-y scroll center center;padding-bottom: 3vw;}
.page_benefit .title_benefit{font-family: RobotoSlab-Bold;font-size: 28px;color: #fff;margin: 0 auto;padding: 2vw;text-shadow: 1px 2px 1px #000;text-transform: uppercase;text-align: center;}
.page_benefit .content{background-color: #fff;border-radius: 15px;margin: 0 auto;opacity: 0.85;width: 90vw;}
.page_benefit .content ._item_content{display: inline-block;margin: 1vw 0 1vw 3vw;}
.page_benefit .content ._item_content img{display: inline-block;vertical-align: middle;}
.page_benefit .content ._item_content .text-conten{display: inline-block;font-size: 15px;text-align: justify;vertical-align: top;width: 72vw;}
.page_benefit .content ._item_content_end .text-conten{color:#000;}
.page_benefit .content ._item_content .text-conten img{vertical-align: middle;}
.page_benefit .content ._item_content_end{width: 35vw;margin: 0 auto;padding-bottom: 15px;}
.text-red{color: #dd5555;font-size: 22px;font-family: RobotoSlab-Regular;}
.uppercase{text-transform: uppercase;}
._step{padding: 1vw 5vw;margin: 1vw 0;}
._step .text_step{text-align: justify;padding: 1vw 0;}
.step_img {background: rgba(0, 0, 0, 0) url("/static/image/gioithieu/step1.png") no-repeat scroll center center / 100% 100%;height: 80vw;width: 50vw;position: relative;margin: 1vw 20vw;}
.step_img._1 {background-image: url("/static/image/gioithieu/step1_new.png");}
.step_img._2 {background-image: url("/static/image/gioithieu/step2.png");}
.step_img._3 {background-image: url("/static/image/gioithieu/step3.png");}
.step_img._4 {background-image: url("/static/image/gioithieu/step4.png");}
.step_img .number_step{background-color: #dd5555;border-radius: 50%;bottom: 1vw;color: #fff;font-size: 18px;left: 24.5vw;padding: 5px;position: absolute;text-align: center;width: 28px;}
.page_intro_card{background: rgba(0, 0, 0, 0) url("/static/image/gioithieu/bg_dk_the.png") repeat-y scroll center center;padding-bottom: 3vw;}
.page_intro_card .title_intro_card{font-family: RobotoSlab-Bold;font-size: 28px;color: #fff;margin: 0 auto;padding: 2vw;text-shadow: 1px 2px 1px #000;text-transform: uppercase;text-align: center;}
.page_intro_card .content{margin: 0 auto;width: 90vw;line-height: 25px;}
.page_intro_card .content ._item_content{background-color: rgba(255, 255, 255, 0.85);display: inline-block;padding: 2vw 2vw 2vw 3vw;}
.page_intro_card .content ._item_content img{display: inline-block;vertical-align: middle;}
.page_intro_card .content ._item_content .text-conten{display: inline-block;font-size: 15px;text-align: justify;vertical-align: top;width: 26vw;}
.page_intro_card .content ._item_content .text-conten img{vertical-align: middle;}
.bg_orange{background-color: #f99a00;color: #fff;padding: 5px;}
.bt_datthe,.bt_datthe_action{background-color: #45a324;border-radius: 0.5vw;color: #fff;font-size: 20px;margin: 0 auto;padding: 2.5vw 7vw;text-align: center;}
.card_discount{background-color: #fff;padding: 1vw 8vw;text-align: center;}
.card_discount img{background-color: #fff;}
.card_discount .text-conten{}
.title_discount {color: #dd5555;font-family: RobotoSlab-Regular;font-size: 16px;text-transform: uppercase;}
.page_feedback{margin: 0 auto;min-height: 35vw;padding: 3vw 0;width: 90.5vw;} 
.box_feedback{margin: 0 auto;width: 75vw;}
._feedback{border: 1px solid #c3c3c3;border-radius: 5px;text-align: justify;background-color: #fff;margin-bottom: 2vw;}
._feedback .text_feedback{padding: 4vw;}
._feedback .text_feedback .name_fb{color: #848484;font-family: Arial;font-size: 12px;}
._feedback .text_feedback .content_fb{color: #363535;font-family: Times New Roman;font-size: 14px;font-style: italic;margin-top: 1vw;}
.box_order_card{background: rgba(0, 0, 0, 0) url("/static/image/gioithieu/bg_dk_the_form.png") repeat-y scroll center center;padding-bottom: 3vw; margin-top: 3vw;}
.box_order_card .content{border: 1px solid #c8c292;margin: 0 auto;width: 90vw;}
.box_order_card .content ._item_content{background-color: #fefff6;display: inline-block;width: 100%;}
.box_order_card .content ._item_content  .card-title{border-bottom: 1px solid #c8c292;color: #010101;font-family: RobotoSlab-Regular;font-size: 15px;padding: 1vw 2vw;text-align: center;vertical-align: top;}
.box_success_dk_the{display: none;}


/* --------------------------------------------------------------------------------------------------------------------------- */
/**************************               nap the page                        **************************************************/
/* --- css for box nap the --- */
.hide{display:none;}
.title_dkthe {font-family: RobotoSlab-Bold;font-size: 22px;margin: 1vw auto 0;text-align: center;text-transform: uppercase;}
.intro_dkthe {color: #45a324;font-family: Roboto-Regular;font-size: 17px;margin: 0 auto;text-align: center;width: 85vw;}
.box_content_dkthe .box_left{float: left;font-size: 18px;padding-left: 5vw;padding-top: 1vw;text-align: left;}
.box_content_dkthe .box_right{float: left;font-size: 18px;padding-top: 1vw;text-align: left;margin-left: 5vw;}
.box_content_dkthe .box_full{float: left;padding-left: 5vw;text-align: left;width: 92%;}
.box_content_dkthe .error_napthe{color: red;font-family: Arial;font-size: 12px;}
.input_item{display: inline-block;position: relative;}
.input_item .label_inp{margin-bottom: 0;font-weight: bold;font-family: RobotoSlab-Bold;}
.inp_dk_card{background-color: #fff;border: 1px solid #c8c292;color: #422f2f;font-size: 18px;padding: 1vw 2vw;text-align: center;width: 78vw;}
.inp_dk_card.false{font-weight: bold;background-color: #ffcece;}
#dk_address{height: 86px; width: 86%;}
.input_item .inp_card_hint{font-family: Arial;background: #fffdef none repeat scroll 0 0;border: 1px solid #c9c9c9;top: 95px;color: #3c3c3c;display: none;font-size: 13px;font-weight: normal;left: 5%;line-height: 25px;min-height: 30px;padding: 10px;position: absolute;text-align: justify;width: 255px;z-index: 9999;}
.input_item .inp_card_hint .inp_card_hint_left{background-image: url("/static/image/ar-tooltip-top.png");background-repeat: no-repeat;height: 20px;left: 50%;position: absolute;top: -10px;width: 20px;}
.note_dk{color: #9a9a9a;font-family: Arial;font-size: 14px;font-style: italic;margin: 0 2vw;text-align: center;width: 85%;}
.label_inp .note_dk{margin: 0;font-weight: normal;font-size: 12px;}
#dk_sl_the{float: left;width: 75px;}
.bt_dk_the{background-color: #65b24a;border-radius: 10px;color: #fff;cursor: pointer;font-family: Arial;font-size: 22px;font-weight: bold;padding: 2vw;text-align: center;text-transform: uppercase;margin-bottom: 2vw;}
.card_km{top: 30px;background-color: #ff0000;color: #fff;font-family: arial;font-size: 10px;font-weight: bold;padding: 2px 5px;position: absolute;text-transform: uppercase;}
.note_price{color: #65b24a;font-family: Arial;font-size: 14px;}
.box_hoidap{background-color: transparent;color: #247ba0;font-family: Arial;font-size: 14px;margin: 0 auto;padding: 0 3vw;}
.box_hoidap .item_ques{width: 90vw;margin: 0 auto;}
.box_phone_support{background-color: transparent;color: #474747;font-family: Roboto-Medium;font-size: 16px;position: relative;text-align: center;padding: 4vw;}
.box_phone_support ._content_support{display: inline-block;height: 6vw;line-height: 6vw;text-transform: uppercase;}
.box_phone_support .bt_phone_support{float: left;background-color: #fdfef3;opacity: 0.5;padding: 18px 20px;border-radius: 25px;width: 120px;margin-left: 15px;}
.box_phone_support .icon_phone{background-color: #65b24a;background-image: url("/static/image/napthe/ic_phone.png");background-position: 10px center;background-repeat: no-repeat;border-radius: 2vw;color: #fff;display: inline-block;font-size: 18px;padding: 2vw 0;text-indent: 15px;width: 46vw;margin-top: 10vw;}
.item_ques .item_ques_title{background: rgba(0, 0, 0, 0) url("/static/image/napthe/ic_hoidap.png") no-repeat scroll 0 center;cursor: pointer;height: 25px;margin: 1vw auto;text-indent: 35px;}
.item_ques .item_ques_ans{padding: 5vw 0px;font-style: italic;margin-left: 35px;display: none;text-align: justify;}

.__boxdkthe .box_success_dk_the{background:url(/static/image/napthe/ic_tree.png) no-repeat bottom right;background-color: #fdfef3;border-radius: 10px;font-family: Roboto-Light;font-size: 17px;height: 450px;left: 200px;position: absolute;text-align: center;top: 55px;width: 710px;display: none;}
.box_success_dk_the .box_success_title{color: #65b24a;display: none;font-family: Roboto-regular;font-size: 24px;margin: 0 auto;text-align: center;width: 86vw;}
.box_success_dk_the .box_success_title ._check{margin: 15px auto;background:url(/static/image/napthe/ic-check.png) no-repeat top center;width:47px;height:47px;}
.box_success_dk_the .box_success_title .msg_success{color: #9a9a9a;font-size: 14px;margin-top: 0;text-transform: none;}
.box_success_dk_the .box_success_title .msg_success span{color: #0082b9;}

.box_success_dk_the ._item{color: #565656;float: left;font-family: Arial;font-size: 17px;padding-left: 55px;padding-top: 15px;text-align: left;width: 100%;}
.box_success_dk_the ._item ._item_title{float: left;font-weight: bold;width: 100%;}
.box_success_dk_the ._item ._item_cont{float: left}
.box_success_dk_the ._item ._item_cont .back_home{text-transform: uppercase;background-color: #dd5555;border-radius: 10px;color: #fff;display: inline-block;font-size: 18px;margin-bottom: 2vw;padding: 1vw 5vw;text-align: center;}
.box_success_dk_the ._item ._item_cont .back_dkthe{cursor:pointer;background-color: #65b24a;border-radius: 10px;color: #fff;display: inline-block;padding: 10px 40px;text-align: center;}

.vb_note_card {background: rgba(0, 0, 0, 0) url("/static/image/napthe/bg_note.png") no-repeat scroll 0 0;margin: 2vw auto;width: 45vw;}
.vb__content_note {font-size: 14px;padding: 1vw 1vw 4vw 14vw;text-align: justify;width: 28vw;}
.vb_red {color: #dd5555;}
.vb_bold {font-weight: bold;}
._intro_nt{color: green;font-weight: bold; margin: 20px 20px 0;text-transform: uppercase;}
.page_hoidap{margin-top: -3vw;}
.box_content_suc{margin: 0 auto;}
.text-orange{color:#8b4500}
.text-blue, .bold a{color:#5490AC!important;}
.text-main{color:#dd5555;}
.view_video{border-radius: 20px;padding: 1vw;position: absolute;top: 16vw;left: 50%;margin-left: -160px;}
.gioithieu_opacity{display: none;z-index: 1;position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.6);}

.m_dth_note_box {background: rgba(0, 0, 0, 0) url("/static/image/napthe/mobile/dth_note_box.jpg") repeat scroll 0 0;padding: 2vw 5vw;margin: 3vw 0;}
.m_dth_fontbig2 {color: #d0590a;font-weight: bold;}
.m_dth_fontbig3 {color: #6c8800;font-family: "Times New Roman",Times,serif;font-size: 6vw;font-style: italic;font-weight: bold;}

@keyframes scale {
      0% { 
       transform: scale(1.0);
                -webkit-transform: scale(1.0);
                -moz-transform: scale(1.0);
                -o-transform: scale(1.0);
      }      
      50% {
    transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -moz-transform: scale(1.2);
                -o-transform: scale(1.2);       
      }
      100% {
    transform: scale(1.0);
                -webkit-transform: scale(1.0);
                -moz-transform: scale(1.0);
                -o-transform: scale(1.0);       
      }
  }
  .intro_video{position: relative;}
  .iv-bg{width: 100%;}
  .iv-play{position: absolute; top: 50%; left: 50%; width: 20vw; margin-top: -10vw; margin-left: -10vw; cursor: pointer;
   animation: scale 1.5s linear infinite;
      -moz-animation: scale 1.5s linear infinite;
      -webkit-animation: scale 1.5s linear infinite;
      -o-animation: scale 1.5s linear infinite;
  }
  
  .onsend{margin: 1vw auto;width: 26vw;}
.box_popup_hint,.box_popup_hint_atm,.box_popup_hint_ck{z-index: 9999;display: none;border: 1px solid #c4c4c4;left: 50%;margin-left: -355px;position: absolute;top: -140px;width: 80%;border-radius: 10px;background-color: #D4FFC5;}
.box_popup_hint .close_popup,.box_popup_hint_atm .close_popup,.box_popup_hint_ck .close_popup{cursor: pointer;background: rgba(0, 0, 0, 0) url("../image/napthe/ic-cancel.png") no-repeat scroll right center;border: 1px solid #dedede;border-radius: 18px;height: 28px;position: absolute;right: -15px;top: -10px;width: 28px;}
.box_popup_hint .content_popup,.box_popup_hint_atm .content_popup,.box_popup_hint_ck .content_popup{font-size: 16px;padding: 15px 25px;}
.box_popup_hint .content_popup .title_red,.box_popup_hint_atm .content_popup .title_red,.box_popup_hint_ck .content_popup .title_red{text-transform: uppercase;color:#dd5555;}
.box_popup_hint .bt_close_popup,.box_popup_hint_atm .bt_close_popup,.box_popup_hint_ck .bt_close_popup{cursor: pointer;background-color: #dd5555;border-radius: 8px;color: #fff;font-family: Arial;font-size: 18px;margin: 20px auto;padding: 8px 40px;text-align: center;text-transform: uppercase;width: 150px;}
.bt_dk_tv{background-color: #dd5555;border-radius: 10px;color: #fff;cursor: pointer;font-family: Arial;font-size: 18px;font-weight: bold;margin: 1vw auto 1vw 25%;padding: 0.6vw 1vw;text-align: center;text-transform: uppercase;width: 20vw;}
button,input,textarea{-webkit-appearance:none;border-radius:0;outline:0}
input:-internal-autofill-selected,input:-internal-autofill-previewed {background:#fff}

.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.item-center{align-items: center;}
.flex-bw{justify-content: space-between;} 
.f-italic{font-style:italic}
.flex1{flex:1}
.fl{float:left;} .box-input.fl{width:40%; margin:10px 4%} h1,h2,h3,strong,.f-bold,.bold{font-weight: normal;font-family: Roboto-Bold;}
h3 span{ font-family:Roboto-Regular; font-size:16px}
#order_card_lt123{color:#212127;}
#order_card_lt123 h2{font-size: 30px;color:#272838;text-align: center;}
    #order_card_lt123 h3{font-size: 22px;color:#dc5856}
#order_card_lt123 .container{margin: 0px auto; background-color:#fff; border-radius:10px;padding:20px 5vw}
.mt-20{margin-top:20px}
.box-input {
    border-radius: 30px;
    margin-top: 10px;           
    border: 1px solid #c4c4c4;
    background-color: #fff;padding: 0px 20px;
}
.box-input input, .box-input textarea {
border: none; 
font-size:16px;
padding: 0px 10px; height:48px; line-height:48px;
border-radius: 30px;
vertical-align: top;
background-color: #fff;
font-family:Roboto-Regular;
}
.box-input textarea {line-height: 1.5;
  margin-top: 18px; resize: none;}    
.box_dc{margin-top: 20px}
.icon-form{background:url(/static/image/gioithieu/icon-form.png) no-repeat; display:inline-block; vertical-align:top}
.box-input .icon-form{margin-top:18px; margin-right:10px}
.icon-bookmark {
width: 16px; height: 21px;
background-position: -159px -10px;
}

.icon-dt1{
width: 42px; height: 42px;
 background-position:-10px -85px; margin-right:10px;
}
.icon-fb{
width: 54px; height: 53px;
 background-position:-85px -10px;
}


.icon-zalo{
width: 55px; height: 55px;
background-position: -10px -10px;
}


.icon-dt{
width: 18px; height: 18px;
 background-position: -111px -85px;
}


.icon-ht{
width: 16px; height: 18px;
 background-position: -159px -51px;
}


.icon-dc{
width: 19px; height: 19px;
background-position: -72px -85px;
}
.line-through{text-decoration: line-through;}
.item-center .txt{line-height:27px; color:#272838; font-size:18px}
#order_card_lt123 p {margin: 15px 0px;line-height: 28px;}
.info-bank{background:url(/static/image/gioithieu/bg-info-bank.png) no-repeat;background-size: 100% 100%; width: 100%;line-height: 28px;margin: 20px 0px 30px;padding: 20px;border-radius: 10px;}
#btn_submit{background:#dc5856; color:#fff; border:none; cursor:pointer;font-size:18px; height:60px; line-height:60px; width: 100%;margin-top: 20px; text-align:center; border-radius: 30px}
.bdl{border-left:1px solid #e1e1e1;  height: 40px;
width: 1px;
display: inline-block;
margin-left: 26px;
margin-right: 16px;
margin-top: 8px;}
#order_card_lt123 h3{line-height: 1.4;}
.error_napthe{margin-top: 10px;color: red;margin-left: 10px;}
.box_submit{margin: 20px 0px 40px}
#handling{color:green; text-align:center;position: absolute; top: 70px; text-align: center;    width: 400px; display:none}
#btn_submit.active{background:#dc58568f}
h3.fs-20{font-size:20px;font-size: 20px !important; margin-bottom:0px; line-height: 24px;}
.elm-relative {
  position: relative;
}
.play-btn {
  box-sizing: border-box;
  display: block;
  width: 50px;
  height: 50px;
  padding-top: 14px;
  padding-left: 8px;
  line-height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: rgba(0,0,0,.5);
  transition: all .3s ease;
  position: absolute;
  top: 42%;
  left: 40%;
  z-index: 999;
}
.play-btn::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 18px;
  border: 10px solid transparent;
  border-left: 14px solid #fff;
}
.img-video {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 62vw;
  max-width: 750px;
  max-height: 424px;
  z-index: 100;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
video {
  width: 100vw;
  height: 56.5vw;
  max-width: 640px;
  max-height: 360px;
}
.intro_video{margin: 0px -5vw;min-height: 240px;  margin-bottom: 30px;}
#feedback_lt123{margin-top:30px}
.box_contact{margin:20px 0px 10px;}