@charset "utf-8";

/* Import Font */
@IMPORT url("font.css");
body,h1,h2,h3,h4,h5,h6,form,input,select,ul,p,textarea { margin: 0px; padding: 0; }
body{ color: #414042; font-family: "Segoe UI"; }
img { border: none; -ms-interpolation-mode: bicubic; }
table { border-collapse: collapse; }
a { color: #0e1329; text-decoration: none; transition: color 0.15s ease-in-out 0s; }
a:hover { color: #000; text-decoration: none;}
ul { list-style: inside; }
ul li { list-style: none; }
ul li { margin: 0px; padding: 0px; }
.clr { clear: both; }

.box_banner{ background-color: transparent !important; background: url("../images/banner.jpg") no-repeat; background-size: cover; color: #FFF; text-align: center;}
.box_banner .logo img{ margin: 50px 0 64px; max-width: 100%;}
.box_banner .hoiThao{ font-size: 40px; font-weight: bold;}
.box_banner .startup{ font-size: 78px; font-weight: bold;}
.box_banner .diadiem{ font-size: 33px; font-weight: bold;}
.box_banner .hotline{ font-size: 21px; }
.box_banner .dangKy{ min-height: 300px; display: table; width: 100%;}
.box_banner .dangKy .line{ display: table-cell; vertical-align: middle; }
.box_banner .dangKy .my_btn{display: inline-block; border: 2px solid #fff; background-color: #e4262b; padding: 15px 50px; font-weight: bold; font-size: 25px; text-transform: uppercase; color: #FFF;}

.box_gioiThieu{ padding: 70px 0; text-align: center;}
.box_gioiThieu p:FIRST-CHILD{ font-size: 20px; margin-bottom: 10px;}

.box_diaDiem{ padding: 50px 0; background: url("../images/dia-diem.jpg") no-repeat; color: #fff; background-size: cover; }
.box_diaDiem .container{ padding: 0px 110px;}
.box_diaDiem .box_title{ margin: 0; text-transform: uppercase; text-align: center; margin-bottom: 40px; padding-bottom: 10px; font-size: 30px; position: relative; font-family: "UTM-HANZEL";}
.box_diaDiem .item{ text-align: center; padding: 0 15px; font-size: 17px;}
.box_diaDiem .item .icon img{ max-width: 100%; margin-bottom: 30px;}
.box_diaDiem .item .title{ padding:0px; position: relative; text-transform: capitalize; font-weight: bold;}
.box_diaDiem .item .desc{ padding: 0;  }
.box_diaDiem .item .desc span{ display: block;}
.box_diaDiem .btn_dangKy{ text-align: center; margin-top: 45px;}
.box_diaDiem .btn_dangKy .my_btn{ font-size: 28px; font-weight: bold; text-transform: uppercase; padding: 9px 18px; border-radius: 9px; background: #e4262b; color: #FFF;}

.box_dienGia { padding: 70px 0; background: url("../images/dg-6.jpg"); overflow: hidden;}
.box_dienGia .box_title{ margin: 0; text-transform: uppercase; text-align: center; margin-bottom: 40px; padding-bottom: 10px; font-size: 30px; position: relative; font-family: "UTM-HANZEL"; }
.box_dienGia .box_content .item{ width: 20%; float: left; text-align: center; padding: 0 10px;}
.box_dienGia .box_content .item .img img{ max-width: 100%; margin-bottom: 16px;}
.box_dienGia .box_content .item .detail .title{ color: #e4262b; text-transform: uppercase; font-weight: bold;}

.box_chuongTrinh{ padding: 70px 0;}
.box_chuongTrinh .box_title{ margin: 0; text-transform: uppercase; text-align: center; margin-bottom: 40px; padding-bottom: 10px; font-size: 30px; position: relative; font-family: "UTM-HANZEL"; }
.box_chuongTrinh .btn-startup{ text-align: center;}
.box_chuongTrinh .btn-startup span{ display: inline-block; padding: 11px 28px; background: #e4262b; color: #FFF;}
.box_chuongTrinh img { max-width: 100%; }

.box_loiIch{ padding: 40px 0; background: url("../images/dg-6.jpg");}
.box_loiIch .container{ padding: 0px 120px; }
.box_loiIch .box_title{ margin: 0; text-transform: uppercase; text-align: center; margin-bottom: 40px; padding-bottom: 10px; font-size: 30px; position: relative; font-family: "UTM-HANZEL"; }
.box_loiIch .item { padding: 0 20px 0 80px; margin-bottom: 50px; text-align: justify; position: relative;}
.box_loiIch .item:BEFORE{display: inline-block; position: absolute; left: 18px; top: -4px; width: 16px; height: 16px; vertical-align: text-top; margin-left: 5px; font-size: 40px; font-family: streamline!important; color: #e54e48; font-style: normal!important; font-weight: 400!important; font-variant: normal!important; text-transform: none!important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; box-sizing: border-box; }
.box_loiIch .item.item_1:BEFORE{ content: "m";}
.box_loiIch .item.item_2:BEFORE{ content: "i";}
.box_loiIch .item.item_3:BEFORE{ content: "E";}
.box_loiIch .item.item_4:BEFORE{ content: "N";}
.box_loiIch .item .title{ padding-bottom: 25px; font-weight: bold;}

.box_video{ padding: 40px 0; background: #cf232c; }
.box_video .box_title{ color: #FFF; margin: 0; text-transform: uppercase; text-align: center; margin-bottom: 40px; font-size: 30px; position: relative; font-family: "UTM-HANZEL"; }
.box_video .item img{ width: 100%; }

.box_images{ overflow: hidden; background: #cf232c;}
.box_images img{ width: 100%; transform: scale(1); transition: transform .5s;}
.box_images img:hover{ transform: scale(1.2); position: relative; z-index: 1;} 
.box_images .col_1 .image_1{ width: 20%; float: left; padding: 2.5px; }
.box_images .col_1 .image_2{ width: 35%; float: left; padding: 2.5px; }
.box_images .col_1 .image_3{ width: 20%; float: left; padding: 2.5px; }
.box_images .col_1 .image_4{ width: 25%; float: left; padding: 2.5px; margin-bottom: 1px;}


.box_textDangKy{ padding: 70px 0 115px;}
.box_textDangKy .box_title{ margin: 0; text-transform: uppercase; text-align: center; margin-bottom: 40px; font-size: 30px; position: relative; font-family: "UTM-HANZEL"; }
.box_textDangKy .item{ width: 30%;  float: left; padding: 30px 10px 20px; text-align: center; }
.box_textDangKy .item .head{ min-height: 140px; }
.box_textDangKy .item .money{ font-size: 25px;}
.box_textDangKy .item .btn_dangKy{ display: inline-block; padding: 10px 23px; margin-top: 30px; text-transform: uppercase; color: #FFF; cursor: pointer;}
.box_textDangKy .item_1{ border: 3px solid #cf232c;}
.box_textDangKy .item_1 .btn_dangKy{ background: #cf232c; }
.box_textDangKy .item_2{ border: 3px solid #00a651; margin: 0 5%;}
.box_textDangKy .item_2 .btn_dangKy{ background: #00a651;}
.box_textDangKy .item_3{ border: 3px solid #fff200;}
.box_textDangKy .item_3 .btn_dangKy{ background: #fff200; color: #2f2f2f;}

.box_donVi{ text-align: center; margin-top: 30px;}
.box_donVi .box_title{ margin: 0; text-transform: uppercase; text-align: center; font-size: 30px; position: relative; font-family: "UTM-HANZEL"; }
.box_donVi .box_logo img{ max-width: 100%; margin-top: 33px;}

.box_dangKy{ color: #30373d; position: relative; }
.box_dangKy .container{ padding: 0 100px;}
.box_dangKy .box_title{ margin-bottom: 20px;}
.box_dangKy .box_title .title{ margin: 0; text-transform: uppercase; text-align: center; margin-bottom: 40px; font-size: 30px; position: relative; font-family: "UTM-HANZEL"; }
.box_dangKy .box_title .text{ text-align: center;}
.box_dangKy .box_title.ck{ margin-bottom: 10px;text-align: center; font-size: 20px; text-transform: uppercase;}
.box_dangKy .chuyuenKhoan .bacground{  background: #efefef; padding: 35px 20px; border: 1px solid #898989;}
.box_dangKy .chuyuenKhoan .text{ text-align: center; font-style: italic; margin-bottom: 15px; color: #4f4f4f;}
.box_dangKy .chuyuenKhoan .content{ color: #252525;}
.box_dangKy .chuyuenKhoan .content .title{ font-size: 20px; margin-bottom: 10px;}
.box_dangKy .chuyuenKhoan .content .detail{ margin-bottom: 10px;}
.box_dangKy .content .img{ margin: 20px 0;}
.box_dangKy .content .imageCk{height: 134px; border: 1px solid #4d99c8; background: #4d99c8; border-radius: 6px; margin-bottom: 10px;}
.box_dangKy .content .imageCk .titleCK{ color:#4d99c8; height: 30px; font-size: 15px; font-weight: bold; margin-top: 30px; background: #fff; line-height: 30px; text-align: center; }
.box_dangKy .content .imageCk .dessc{ padding: 15px 0px 0px 15px; font-size: 13px; color: #fff;}
.box_dangKy .content .imageCk .dessc b{ font-size: 15px;}

.box_form{ padding: 0px 0 0 20px;}
.box_form .box_content p{ font-size: 17px; color: #000;}
.box_form .box_content .form-control{ height: 52px; border-color: #33425b; border-radius: 5px; padding: 6px 30px; font-size: 15px; }
.box_form .box_content .has-error .form-control{ border-color: #FF0000;}
.box_form .box_content .error{ color: #FF0000;}
.box_form .box_content .form-control::-webkit-input-placeholder { color: #33425b; font-weight: 500;font-size: 17px;}
.box_form .box_content .form-control:-moz-placeholder {color: #33425b; font-weight: 500;font-size: 17px;}
.box_form .box_content .form-control::-moz-placeholder {color: #33425b; font-weight: 500;font-size: 17px;}
.box_form .box_content .form-control:-ms-input-placeholder {color: #33425b; font-weight: 500;font-size: 17px;}
.box_form .box_content .alert{margin-top: 10px;}
.box_form .box_content .btnSuccess{ text-align: center; margin-top: 10px;}
.box_form .box_content .btnSuccess .input-lg{ font-weight:bold; border: none; border-radius: 5px; width: 100%; color: #FFF; padding: 10px 25px; font-size: 17px; text-transform: uppercase;background: #afce14;
background: -moz-radial-gradient(center, ellipse cover, #afce14 1%, #62cc0c 100%);
background: -webkit-radial-gradient(center, ellipse cover, #afce14 1%,#62cc0c 100%);
background: radial-gradient(ellipse at center, #afce14 1%,#62cc0c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afce14', endColorstr='#62cc0c',GradientType=1 );}
.box_form .box_content .btnSuccess .input-lg:FOCUS{ outline: none;}
.box_form .box_content .hotLine{ text-align: center; font-size: 25px; color: #898989; margin-top: 20px;}
.box_form .box_content .hotLine i{ width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #898989; border-radius: 50%; margin-right: 10px; }









.timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 0;
}

.timeline::before {
    /* this is the vertical line */
    
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    height: 100%;
    width: 3px;
}
.timeline::before {
    background: #e44948;
}
.timeline-bullet {
    border-color: #e44948 !important;
}
.timeline-content h2 span:FIRST-CHILD { width: calc(100% - 60px); float: left; }
.timeline-content h2 span:LAST-CHILD { width: 59px;}
@media only screen and (min-width: 1170px) {
    .timeline {
        margin-top: 3em;
        margin-bottom: 0;
    }
    .timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.timeline-block {
    position: relative;
    margin: 1em 0;
}

.timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.timeline-block:first-child {
    margin-top: 0;
}

.timeline-block:last-child {
    margin-bottom: 0;
    background-color: #FFF;
}

@media only screen and (min-width: 1170px) {
    .timeline-block {
        margin: 2em 0;
    }
    .timeline-block:first-child {
        margin-top: 0;
    }
    .timeline-block:last-child {
        margin-bottom: 0;
    }
}

.timeline-bullet {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid;
    background: #FFF;
}

@media only screen and (min-width: 1170px) {
    .timeline-bullet {
        width: 15px;
        height: 15px;
        left: 50%;
        margin-left: -8px;
        /* Force Hardware Acceleration in WebKit */
        
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
}

.timeline-content {
    position: relative;
    margin-left: 35px;
    min-height: 50px;
    margin-bottom: 10px;
}

.timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.timeline-content h2 {
    font-size: 18px;
    margin: 0;
}

.timeline-content p,
.timeline-content .date {
    font-size: 13px;
}

.timeline-content .date {
    display: inline-block;
}

.timeline-content p {
    margin: 5px 0;
    line-height: 1.6;
    color: #B3B3B3;
}

.no-touch .timeline-content .read-more:hover {
    background-color: #bac4cb;
}

.timeline-content .date {
    float: left;
    padding: 0;
    opacity: .7;
    font-weight: 600;
    color: #717171;
}

@media only screen and (min-width: 768px) {
    .timeline-content {
        margin-left: 60px;
    }
    .timeline-content h2 {
        font-size: 18px;
        line-height: 1.0;
    }
    .timeline-content p {
        font-size: 14px;
        line-height: 1.0;
    }
    .timeline-content .read-more,
    .timeline-content .date {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1170px) {
    .timeline-content {
        margin-left: 0;
        width: 47.3%;
    }
    .timeline .timeline-block:nth-child(odd) .timeline-content h2,
    .timeline .timeline-block:nth-child(odd) .timeline-content p {
        text-align: right;
    }
    .timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }
    .timeline-content .read-more {
        float: left;
    }
    .timeline-content .date {
        position: absolute;
        width: 100%;
        left: 112%;
        top: 0;
        font-size: 14px;
    }
    .timeline-block:nth-child(even) .timeline-content {
        float: right;
    }
    .timeline-block:nth-child(even) .timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }
    .timeline-block:nth-child(even) .timeline-content .read-more {
        float: right;
    }
    .timeline-block:nth-child(even) .timeline-content .date {
        left: auto;
        right: 112%;
        text-align: right;
    }
}
.box_imageFooter img{ width: 100%;}

.box_comment{ padding: 40px 0;}

.box_footer{ background: #031629; color: #fff; padding: 60px 0px 100px;}
.box_footer .box_title{ font-size: 25px; color: #fdcb38; text-transform: uppercase; margin-bottom: 15px; font-family: "UTM-Bebas"; }
.box_footer .box_title.social{ margin-top: 35px;}
.box_footer .box_title.social span{ margin-right: 15px; }
.box_footer .item{ margin-bottom: 20px; overflow: hidden;  }
.box_footer .item .image { width: 20%; float: left; margin-right: 4%;}
.box_footer .item .image img{ width: 100%; }
.box_footer .item .desc{ width: 76%; float: left; }
.box_footer .item .desc .title{ margin: 0 0 5px; font-size: 15px;}
.box_footer .item .desc .title a{ color: #fff; }
.box_footer .item .desc .price{ font-size: 13px; }
.box_footer .img{ margin-bottom: 20px;}
.box_footer .title span { margin-right: 20px;}
.box_footer .info { font-size: 16px;}
.box_footer .info a{ color: #FFF;}

/* Defined */
@-webkit-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@-moz-keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }
@keyframes mySticky { from { margin-top: -150px } to { magrin-top: 0 } }

.popup_video{ background: url("/assets/landing/cau-chuyen-thanh-cong/img/loader.gif") no-repeat center 40% rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999;}
.popup_video .popup_content{ width: 80%; margin: 0 auto; margin-top: 5%; position: relative;}
.popup_video .popup_close{ position: absolute; top: -18px; right: -13px; font-size: 30px; color: #FF0000; line-height: 100%;}

iframe[name="google_conversion_frame"]{ height: 0;}

/*RESPONSIVE*/
@media ( min-width : 1200px) {
  .popup_video .popup_content{ width: 60%;}
}

@media ( max-width : 1200px) {
  .popup_video .popup_content{ width: 50%;}
}

@media all and (min-width: 993px) and (max-width: 1200px) {
}

@media ( max-width : 1000px) {
  .popup_video .popup_content{ width: calc(100% - 40px); top: 10%;}
}

@media ( max-width : 767px) {
	.box_title{ font-size: 24px !important; margin-bottom: 20px !important;}
	.box_banner .logo img{ margin: 20px 0;}
	.box_banner .hoiThao { font-size: 20px;}
	.box_banner .startup { font-size: 32px;}
	.box_banner .diadiem { font-size: 21px;}
	.box_banner .hotline { font-size: 17px;}
	.box_banner .dangKy { min-height: 144px;}
	.box_banner .dangKy .my_btn{ padding: 10px 38px; font-size: 17px;}
	
	.box_gioiThieu { padding: 30px 0; text-align: center; }
	.box_diaDiem { padding: 30px 0;}
	.box_diaDiem .container{ padding: 0 10px;}
	.box_diaDiem .item{ margin-bottom: 40px;}
	.box_diaDiem .btn_dangKy .my_btn{ font-size: 22px; padding: 7px 20px;}
	.box_dienGia{ padding: 30px 0;}
	
	.box_dienGia .box_content .item{ width: 50%; margin-bottom: 15px;}
	
	.box_dienGia .box_content .item:LAST-CHILD{ width: 100%;}
	.box_chuongTrinh { padding: 30px 0; }
	
	.box_loiIch{ padding: 30px 0;}
	.box_loiIch .container{ padding: 0 10px;}
	.box_loiIch .item{ padding: 0 0px 0 48px;}
	.box_loiIch .item.item_1:BEFORE {top: -4px; left: 0;}
	.box_loiIch .item.item_2:BEFORE {top: -4px; left: 0;}
	.box_loiIch .item.item_3:BEFORE {top: -4px; left: 0;}
	.box_loiIch .item.item_4:BEFORE {top: -4px; left: 0;}
	.box_loiIch .item{ margin-bottom: 24px;}
	.box_loiIch .item .title { padding-bottom: 5px; }
	
	.box_video .item img{ margin-bottom: 10px;}
	
	.box_dangKy{ padding: 30px 0;}
	.box_dangKy .item_2{ margin: 0; }
	.box_dangKy .item{ width: 100%; margin-bottom: 10px;}
	
  	.popup_video .popup_content{ width: calc(100% - 30px); top: 20%;}
}

@media ( max-width : 480px) {
}

@media ( max-width : 360px) {
}