@font-face{font-family:mtr;src:url(../fonts/Montserrat-Regular_0.ttf);font-weight:300}
@font-face{font-family:pfd;src:url(../fonts/PlayfairDisplay-Regular.ttf);font-weight:300}
@font-face{font-family:mtr;src:url(../fonts/Montserrat-Medium_0.ttf);font-weight:400}
@font-face{font-family:mtr;src:url(../fonts/Montserrat-SemiBold_0.ttf);font-weight:500}
@font-face{font-family:mtr;src:url(../fonts/Montserrat-Bold_0.ttf);font-weight:600}
@font-face{font-family:am;src:url(../fonts/ArimaMadurai-Bold.ttf);font-weight:600}
:root {
  --gallery-column-width: calc((100% - 30px) / 4) ;
}
*{box-sizing:border-box}
.item{width:100%;float:left}
.main{margin:0 auto;max-width:78.47534em}
.main1{margin:0 auto;max-width:45.7em}
.main2{margin:0 auto;max-width:62.043em}
.main3{margin:0 auto;max-width:58.5267em}
a{text-decoration:none}
body{padding:0;margin:0;background:#fff;color:#282828;font:300 17.84px mtr}
header{position:fixed;z-index:2;top:0;left:0;width:100%;background:#2e4260}
header a.logo{float:left;margin:1.17713em 0}
header a.logo img{float:left;width:10.706278em}
header .righttel{float:right;width:50%}
.righttel span{background:url(../images/png2.png) no-repeat left center/ 1.23853211em auto;float:right;font:500 1.2219731em mtr;color:#fbb43f;padding:0 0 0 1.559633em;margin:.6422em 0 .87156em}
header div.main ul{float:right;font:500 0.94451em mtr;padding:0;margin:0;list-style:none}
header div.main ul > li{float:left;margin:0 10px}
header div.main ul > li:first-child{margin-left:0}
header div.main ul > li a{color:#fff;text-transform:uppercase;padding:0 0 5px 0;}
header div.main ul > li a:hover,header ul li.active > a{color:#fbb43f}
header div.main ul > li.submenu > a{position:relative;padding-right:1.424332344214em;transition:all .3s}
header div.main ul > li.submenu > a:before{position:absolute;right:0;top:20%;transform:rotate(-135deg);content:'';border-top:.1187em solid #fff;border-left:.1187em solid #fff;width:.356em;height:.356em;transition:all .3s}
header div.main ul > li.submenu > a:hover{color:#fbb43f}
header div.main ul > li.submenu > a:hover:before{border-color:#fbb43f}
header div.main ul > li.submenu ul{position:absolute;top:100%;left:0;margin:5px 0;padding:18px 34px;list-style:none;background:#2e4260;width:auto;opacity:0;visibility:hidden}
header div.main ul > li.submenu:hover ul{opacity:1;visibility:visible}
header div.main ul > li.submenu ul li{width:100%;margin:0;padding-bottom:0.5em;}
header div.main ul > li.submenu ul li a{padding:6px 0;white-space:nowrap}
header div.main ul > li.submenu:hover ul li a{background:none;color:#fff}
header div.main ul > li.submenu:hover ul li a:hover{color:#ba8d2d}
header div.main ul > li.submenu ul li:nth-child(n+2){/*border-top:1px solid #000*/}

header .menumobile{color:#fbb43f;grid-column: 4 / 5;grid-row: 2 / 3;width:100%;font-size:28px;line-height:26px;display:none;}
header .menumobile i{margin-top:13px;}
header .boxmenuleft{visibility: hidden;clip-path: inset(0 0 0 100%);-webkit-clip-path: inset(0 0 0 100%);display: block;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #ffc634;z-index: 9999;padding: 0 32px;transition: visibility 0s 0s,all .5s cubic-bezier(.785,.135,.15,.86) .1s;color:#fff;}
header .boxmenuleft.active{clip-path: inset(0 0 0 0);-webkit-clip-path: inset(0 0 0 0);visibility: visible;transition: visibility 0s 0s,all .5s cubic-bezier(.785,.135,.15,.86) .1s;}
.boxmenuleft .boxmenu__top{width:100%;display:grid;grid-template-columns: 10px 25px 20px auto 20px 25px 10px;grid-template-rows: 10px 25px 10px;}
.boxmenuleft .boxmenu__top .menu__logo{grid-column: 4 / 5;grid-row: 2 / 3;}
.boxmenuleft .boxmenu__top .menu__logo img{width:200px;}
.boxmenuleft .boxmenu__top .menu__close{grid-column: 6 / 7;grid-row: 2 / 3;color:#fff;font-size:18px;line-height:26px;}
.boxmenuleft .boxmenu__container{position: absolute;top: 50%;transform: translateY(-50%);}
.boxmenuleft .boxmenu__container .boxmenu__list{list-style:none inside;padding:0;margin:0;display:flex;flex-direction:column;text-align:left}
.boxmenuleft .boxmenu__container .boxmenu__list li{font:300 20px/35px mtr;text-transform:uppercase}
.boxmenuleft .boxmenu__container .boxmenu__list li a{color:#fff;}

.boxbanner h1{font:600 4.4445em mtr;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;color:#fff;text-align:center;width:100%}
#banner .lbsp{position:absolute;top:2em;left:10.551em;font:300 1.3335em mtr;width:28.71em}
.duhocnghe-section{position:relative;min-height:calc(100vh - 117px);padding:75px 0 60px;margin-top:117px;background:#11bcb6}
.duhocnghe-section .duhocnghe-img{display:block;width:575px;height:680px;padding-left:75px;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden}
.duhocnghe-img .banner-icon{width:585px;height:585px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.duhocnghe-img .relative{position:relative}
.why-us-img{clip-path:url(#why-us-path)}
.duhocnghe-section .duhocnghe-container{font:300 1.133em mtr;width:59%;padding:0 0 0 10%}
.duhocnghe-container .lbsp{}
.lbsp > div.faqtabs{font-weight:600;color:#fff;margin-top:1em;border-top:1px solid #f5cb78;border-bottom:1px solid #f5cb78;width:95%;line-height:2.775em;position:relative;padding-left:4.876em;cursor:pointer}
.lbsp > div.faqtabs:before{position:absolute;content:'';border-top:1px solid #f5cb78;border-right:1px solid #f5cb78;height:1.99em;width:1.99em;transform:rotate(45deg);right:-1em;top:.38em}
.lbsp > div.faqtabs:after{width:2.61em;height:100%;background:#f5cb78;position:absolute;top:0;left:0;content:attr(data-index);text-align:center}

.lbsp > div.faqtabs > span{position:relative}
.lbsp > div.faqtabs > span:before{border-left:1.51324em solid #f5cb78;border-top:1.44em solid transparent;border-bottom:1.44em solid transparent;position:absolute;content:'';left:-2.3em;top:-0.8em}
.lbsp > div.faqtabs.active{background:#f5ea78}
.lbsp > div.faqtabs.active:before{background:#f5ea78}
.lbsp > div.faqcontent{opacity:0;visibility:hidden;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);height:0}
.lbsp > div.faqcontent.active{ opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .4s ease .1s;height:auto}
.duhocnghe-section .duhocnghe-bottom{position:absolute;bottom:20px;left:calc(50% - 25px)}
.duhocnghe-bottom a{width:50px;height:50px;display:block;position:relative;border-radius:50px}
.duhocnghe-bottom a:before{position:absolute;right:calc(50% - 12px);top:calc(50% - 20px);transform:rotate(-135deg);content:'';border-top:4px solid #fbb43f;border-left:4px solid #fbb43f;width:20px;height:20px;transition:all .3s}


#content,#banner{position:relative;z-index:1}
#content .boxabout{background:url(../images/png4.png) no-repeat top right / 29.886507em auto;font:300 1.33352em mtr;text-align:center;padding:2.354em 29% 4.7em;position:relative}
.boxabout:before{width:0;height:0;position:absolute;content:'';border-left:10.72em solid #ededed;border-top:10.72em solid transparent;left:0;bottom:0}
.boxabout h1{background:url(../images/png5.png) no-repeat top center/.86764em auto;padding:3em 0 0;font:600 2.08em mtr;color:#1ebdb8}
.boxabout h1 span{font:600 .88em am;color:#282828}

.boxwhychoose .boxvideowhy{background:#1ebdb8;position:relative}
.boxvideowhy.type2{text-align:center;background:none;font:300 1.3453em mtr;padding:2em 0 4em}
.boxvideowhy.type2 div.boxvideocontent {text-align:justify}
.boxvideowhy.type2 iframe{height:835px!important}
/*.boxvideowhy video{float:left;width:60.87443em;max-width:100%}*/
.boxvideowhy .rightsample{width:25.44843em;position:absolute;top:50%;transform:translateY(-50%);left:62%}
.boxvideowhy .rightsample h2{font:600 2.4445em am;margin-top:0}
.boxdoingu{background:#fbb440;text-align:center}
.boxdoingu h2{font:600 2.4664em am}
.boxwhychoose ul{display:grid;list-style:none;padding:0;margin:0;grid-template-columns:20% 20% 20%;color:#282828;background:#fbb440;text-align:center;justify-content:space-evenly;padding:2.35426em 0}
.boxwhychoose ul li img{display:inline-block;width:7em}
.boxwhychoose ul li h3{font:600 2em am;margin:.5em 0}
.boxdoingu ul li img{width:13.51em}
.boxdoingu ul{justify-content:center;grid-gap:4em;grid-template-columns:21% 21% 21%}
.boxvideo-container{width:60.87443em;display:flex;}

#content .partner{display:grid;padding:0;margin:0;list-style:none;grid-template-columns:0 0 0 0;text-align:center;justify-content:space-evenly;justify-items:center;align-items:center;grid-gap:1em 0;padding:4.764574em 0}

#content .boxcourseos{background:#f7f7f7;text-align:center}
.boxcourseos h2{font:600 2.4445em am;margin-bottom:.5em}
.boxcourseos p{font:300 1.111em mtr;width:calc(100% - 20px);margin:1em auto 0}
.boxcourseos .boxcourse{display:grid;grid-template-columns:49% 49%;font:300 .879em mtr;justify-content:center;grid-gap:2em 2%;padding:4.1em 0}
.courseimg > span{font:600 12.48em mtr;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;transition:all .3s}
.bxcs .bgrcourse{position:absolute;top:0;left:0;background:rgba(0,0,0,.6);width:100%;height:100%;opacity:0;transition:all .3s}
.bxcs .coursesample{position:absolute;top:50%;left:50%;text-align:center;color:#fff;transform:translate(-50%,-50%);white-space:nowrap;opacity:0;transition:all .3s;width:100%}

.bxcs .coursesample h3{font:600 1.875em am;color:#fbb440;margin:0 0 .5em}
.bxcs .coursesample a{color:#282828;background:#fbb440;font-weight:600;line-height:2.67em;display:inline-block;padding:0 1em;margin:1em 0 0;position:relative}
.bxcs .coursesample a:before,.bxcs .coursesample a:after{position:absolute;content:'';border-right:1em solid #fbb440;border-top:1.4em solid transparent;border-bottom:1.4em solid transparent;left:-.96em;top:50%;transform:translateY(-50%)}
.bxcs .coursesample a:after{border-right:0;border-left:1em solid #fbb440;left:auto;right:-.96em}

#content .bxcustomer{background:url(../images/img14.jpg) no-repeat center center/cover;color:#fff;font:300 .89em mtr;text-align:center;padding:2em 0 3em}
.bxcustomer h2{font:600 2.75em am}
.bxcustomer img{width:9.21em}
.bxcustomer q > p{font:300 .228em mtr;color:#fff;margin-top:0;width:43.1em;margin:-1em auto 0}
.bxcustomer q{font:300 4.375em/1em pfd;color:#1ebdb8}
.bxcustomer .listcustomer{text-align:center}
.listcustomer a{display:inline-block;margin:0 .5em;width:1em;height:1em;background:#95908d;border-radius:1em}
.listcustomer a.active{background:#1ebdb8}

#content .boxopportunity{display:grid;grid-template-columns:50% 50%}
.boxopportunity .opportunity,.boxcourse .bxcs,.bxcs .courseimg,header ul li.submenu,#banner .boxbanner{position:relative}
.opportunity .bxspoptnt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#1ebdb8;text-align:center;font:300 1.6665em mtr;width:72%;opacity:1;transition:all .3s}
.bxspoptnt b{font:600 1.535em mtr}
.opportunity:hover .bxspoptnt,.boxcourse .bxcs:hover .courseimg > span{opacity:0}
.opportunity .bxhvoptnt{background:rgba(0,0,0,.4);position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s;opacity:0}
.bxhvoptnt .hvoptntsample{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font:500 1.5555em mtr;color:#fff;width:100%}
.hvoptntsample b{font:600 3.214em/1.5em mtr}
.hvoptntsample span{font:500 1em mtr}
.hvoptntsample button,.hvoptntsample a{font:500 .71em mtr;display:inline-block;color:#fff;background:#1ebdb8;border:0;padding:1.01em 1.766em;margin:2em 0 0;cursor:pointer}
.opportunity:hover .bxhvoptnt,.boxcourse .bxcs:hover .bgrcourse,.boxcourse .bxcs:hover .coursesample{opacity:1}

#content .boxgallery{background:#f7f7f7;text-align:center;padding:1em 0 2em}
.boxgallery h2{font:600 2.4445em am}
.flexgallery{overflow:hidden;position:relative}
.flexgallery ul{display:flex;list-style:none;padding:0;margin:0 0 0 -13.34em}
.flexgallery ul li{flex:0 0 25em;margin:0 .84em;position:relative}
.flexgallery ul li:before{width:100%;padding-top:100%;background:rgba(0,0,0,.8);position:absolute;content:'';left:0;top:0}
.flexgallery .btnarrrow{position:absolute;left:9em;top:50%;z-index:1}
.flexgallery .btnarrrow.right{left:calc(100% - 9em)}
.flexgallery .btnarrrow:before{width:3em;height:3em;background:#fff;top:50%;left:0;transform:translateY(-50%);position:absolute;border-radius:3em;content:'';opacity:.1;transition:all .3s}
.flexgallery .btnarrrow.right:before{left:-3em}
.btnarrrow:after{position:absolute;width:1em;height:1em;border-top:.5em solid #000;border-left:.5em solid #000;top:-.7em;transform:rotate(-45deg);border-radius:.28em;content:'';left:1em}
.btnarrrow.right:after{transform:rotate(135deg);left:-2.3em}
.flexgallery .btnarrrow:hover:before{opacity:.8}
.boxgallery a.viewgllr{font:300 .89em mtr;color:#282828;margin-top:3em;display:inline-block;position:relative}

#content .boxnewest{text-align:center;padding:2em 0 5em}
.boxnewest h2{font:600 2.4445em am}
.boxnewest ul{display:grid;justify-content:center;grid-template-columns:23.49% 23.49% 23.49%;font:300 .89em/1.5em mtr;grid-gap:1.8285%;list-style:none;text-align:left;padding:0;margin:0}
.boxnewest ul li{box-shadow:0 0 .63em #ededed}
.boxnewest ul li > a{color:#282828}
.boxnewest ul li h3{background:#fff;margin:-3em 0 -1em;float:left;width:69%;font:600 1.5em/1.2em am;padding:1em 1.3em}
.boxnewest ul li div.item{padding:0 1.9em}
.boxnewest ul li div.item a{color:#282828;position:relative;float:left;margin-bottom:1.9em}
.boxnewest ul li div.item a:before,.boxgallery a.viewgllr:before{width:100%;height:1px;position:absolute;content:'';bottom:-1px;background:#282828;left:50%;transform:translateX(-50%);transition:all .3s}
.boxnewest ul li div.item a:hover:before,.boxgallery a.viewgllr:hover:before,.flexgallery ul li.active:before{width:0}

#content .boxregist{background:url(../images/img19.jpg) no-repeat center center/cover;text-align:center;font:300 1.111em mtr;padding:1em 0 7em}
.boxregist h2{font:600 2.4445em/1.3em am;color:#fff;width:50%;margin:2em auto 1em}
.boxregist input[type=text]{font-style:italic;border:0;font:inherit;padding:1.6em 2em;width:30em}
.boxregist a{font:600 1.1em/4em mtr;color:#fff;background:#1ebdb8;width:17.8em;text-align:center;display:inline-block;position:relative;top:1px;left:-5px}

#content .boxdieuduong{padding:1em 0 2em}
.boxdieuduong .leftdieuduong{float:left;width:42em;font:300 1.111em/1.4 mtr}
.leftdieuduong h2{font:600 1.8em am;color:#1ebdb8}
.leftdieuduong a.btnpdf{color: #282828;border: 1px solid #1abeb8;padding: 1em;display: inline-block;font: 300 .74em mtr;margin: 2em 1.43em;min-width: 13%;}
.leftdieuduong .lddtable{display:table;padding:0;margin:0;list-style:none;border-collapse:collapse}
.lddtable .tbr{display:table-row}
.lddtable .tbr .tbc:nth-child(2n){width:25%;text-align:center}
.lddtable .tbr .tbc:nth-child(2n+1){width:75%}
.lddtable .tbr .tbc{display:table-cell;border:1px solid #393939;vertical-align:middle;padding:.7em 2em}
.lddtable .tbr .tbc.title{text-align:center;background:#e1e1e1}
.lddtable .tbr .tbc em{font:italic 300 .88em mtr}
.clrblue{color:#1ebdb8}
.boxdieuduong .rightdd{float:right;font:300 .889em mtr;width:30em}
.rightdd .boxregistdd{background:#f7f7f7;padding:0 2.84em 4em}
.boxregistdd h2{font:600 2.25em am;color:#1ebdb8}
.boxregistdd input[type=text],.boxregistdd select,.boxregistdd textarea{font:inherit;border:1px solid #c5c5c5;padding:1em 1.4em;background:#fff;margin-bottom:1.3em}
.boxregistdd select{appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";background:#fff url(../images/png10.png) no-repeat calc(100% - 1.4em) center;padding:.9em 1.3em}
.boxregistdd button{color:#fff;font:600 1.111em mtr;border:0;background:#1ebdb8;padding:.9em 0}
.rightdd .boxcourserdd{position:relative}
.boxcourserdd .bxcsddsp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font:300 1.5555em mtr;white-space:nowrap;color:#1ebdb8}
.bxcsddsp b{font:600 1.643em mtr}
.boxcourserdd a{bottom:2em;left:50%;transform:translateX(-50%);color:#fab81c;font:600 1.5555em mtr}

#content .boxduhocnghe{text-align:center;font:300 1.3335em mtr;padding:1em 0 2em}
.boxduhocnghe h2{font:600 2.083em am;color:#1ebdb8}
.boxduhocnghe p{width:38.672em;margin:0 auto}
.boxduhocnghe a{color:#282828;border:1px solid #1abeb8;padding:1em;display:inline-block;font:300 .74em mtr;margin:2em 1.43em;min-width:13%}

#content .boxkhoahoc{text-align:center;padding:1em 0 4em}
.boxkhoahoc p.title{font:300 1.111em mtr;width:42.18em;margin:1em auto}
.boxkhoahoc .gridkhoahoc{display:grid;grid-template-columns:25% 25% 25% 25%;border:1px solid #393939;border-top:0;border-left:0;text-align:left;line-height:1.3;margin-bottom:30px}
.gridkhoahoc .tbc{border-top:1px solid #393939;border-left:1px solid #393939;padding:2em 1.29em}
.gridkhoahoc .tbc.clm4span{grid-area:auto / auto / span 1 / span 4}
.gridkhoahoc .tbc.clm4span.fulltit{background:#ebebeb}
.gridkhoahoc .tbc.clm4span.fulltit b.title{font:600 1.83em am;color:#1ebdb8}
.gridkhoahoc .tbc.center{text-align:center}
.gridkhoahoc .tbc b{text-transform:uppercase}
.gridkhoahoc .tbc b.title{font:600 3.3335em mtr;color:#1ebdb8}

#content .boxtamnhin{text-align:center;padding:2em 0 0;background:#f7f7f7}
.boxtamnhin h2{font:600 2.4664em am;color:#1ebdb8}
.boxtamnhin ul{display:grid;grid-template-columns:100%;padding:0;margin:4em 0 0;list-style:none}
.boxtamnhin ul li {display:grid;grid-template-columns:50% 50%;}
.boxtamnhin ul li h3{font:600 2.0101em am;margin:.5em 0}
.boxtamnhin ul li .tamnhinsample{margin:3em 0}
.boxtamnhin ul li .tamnhinsample img{width:7.794em}
.boxtamnhin ul li:nth-child(2) img{grid-column: 2 / 3;grid-row: 1/2;}
.boxtamnhin ul li:nth-child(2) .tamnhinsample{grid-column: 1 / 2;grid-row:1/2}
.boxtamnhin ul li .tamnhinsample p{width:31.7264574em;margin:0 auto;line-height:1.4}

#content .listnganh{display:grid;width:100%;float:left;margin:5em 0 3em;list-style:none;grid-template-columns:19.7em 19.7em 19.7em 19.7em;padding:0;justify-content:center;text-align:center}
.listnganh li{background:#1ebdb8;height:100%;padding:2em 0;color:#fff}
.listnganh li h3{font:600 2em/1.1 am;margin-bottom:0}
.listnganh li.type2{background:#6ecac9;color:#282828}
.listnganh li.type3{background:#fdcc76;color:#282828}
.listnganh li.type4{background:#fbb43f}

.boxdaotao .listdaotao{position:relative;border-top:2px solid #a8a8a8;padding-bottom:2.5em}
.boxdaotao .listdaotao:first-child{border-top:0}
.listdaotao img{position:absolute;top:50%;transform:translateY(-50%);width:9.75em;left:3.4em}
.listdaotao .rightdetail{float:right;width:58.6323em}
.rightdetail h3{font:600 2.4445em am;color:#1ebdb8;margin-bottom:-.2em}
.rightdetail u{font:500 1.111em mtr}

#content .dangkytuvan{font:300 .89em mtr;text-align:center}
.dangkytuvan h2{font:600 2.75em am;color:#1ebdb8}
.dangkytuvan ul{display:grid;grid-template-columns:49% 49%;grid-gap:1.5em 2%;list-style:none;padding:0 0 5.2em;margin:0}
.dangkytuvan ul li input[type=text],.dangkytuvan ul li select,.dangkytuvan ul li textarea{border:1px solid #c5c5c5;font:inherit;padding:1.071em 1.5em}
.dangkytuvan ul li select{appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:0.01px;text-overflow:"";background:#fff url(../images/png10.png) no-repeat calc(100% - 1.4em) center;padding:1.008em 1.3em}
.dangkytuvan ul li.merge2column{grid-area:auto / auto / span 1 / span 2}
.dangkytuvan ul li button{font:600 1.125em/3.083em mtr;background:#1ebdb8;color:#fff;border:0;padding:0 5.157em}

#content .boxhoidap{background:#f7f7f7;font:300 1.111em/1.3 mtr;padding:0 0 2em}
.boxhoidap h2{font:600 2.2em am;color:#1ebdb8;text-align:center}
.boxhoidap .hoidap{border-top:2px solid #929292;position:relative}
.hoidap h3{font:600 1.5em mtr;position:relative}
.hoidap:before{right:.2em;position:absolute;top:2.1em;border-bottom:.2em solid #282828;border-right:.2em solid #282828;border-radius:3px;content:'';width:.85em;height:.85em;transform:rotate(-135deg);transition:all .3s}
.hoidap .faqcontent{height:0;opacity:0;margin:0;transition:all .3s}
.hoidap.active .faqcontent{height:auto;opacity:1;margin:1em 0 1.5em}
.hoidap.active:before{transform:rotate(45deg);top:2em}

#content .gridgallery{display:grid;grid-template-columns: var(--gallery-column-width) var(--gallery-column-width) var(--gallery-column-width) var(--gallery-column-width);grid-template-rows: auto auto;grid-column-gap: 10px;grid-row-gap: 10px;grid-auto-flow: row;}
.gridgallery .item-first {grid-column:1;grid-row:1/3}
.gridgallery .item-last {grid-column:4;grid-row:1/3}
#content.blog-container{margin-top:82px;}

footer{background:#282828;color:#fff;padding:2.81em 0}
footer div > a.ftlogo{float:left}
footer div > a.ftlogo img{float:left;width:11.7713em}
footer ul{float:left;padding:0;margin:2.81em 0 0;list-style:none;font:300 .778em mtr}
footer ul.ftgrid{display:grid;grid-template-columns:16% auto}
footer ul.ftgrid li.grid2cl{grid-area:auto / auto / span 1 / span 2}
footer ul li:first-child{margin-bottom:1.573em}
footer ul li b{font:600 1.1426513em mtr}
footer ul li.linebottom{margin-bottom:1.3688761em}
footer ul li a{color:#fff}
footer ul:nth-child(n+3){margin-left:14em}
footer ul li.social a{font-size:1.441em;float:left;width:2.25em;height:2.25em;line-height:2.25em;text-align:center;margin:1em 1.8em 0 0;position:relative}
footer ul li.social a:last-child,header ul li:last-child{margin-right:0}
footer ul li.social a:before{width:2.05em;height:2.05em;border:.1em solid #fff;position:absolute;content:'';left:0;top:0;transform:rotate(45deg);border-radius:.15em;transition:all .3s}
footer ul li.social a:hover:before{transform:rotate(0)}

.container{max-width:1000px;width:100%;margin: 0 auto;padding: 30px 0;clear: both;}
.imageGallery{display:grid;justify-content: space-between;grid-template-columns: 1fr 1fr 1fr;grid-gap:10px;list-style: none;}
.imageGallery img{width:100%;height: 100%; object-fit: cover;cursor: pointer;}
@media screen and (max-width:1680px){
	body{font-size:15.59px}
	.boxregist a{top:0;left:-4px}
	.flexgallery .btnarrrow.right{left:calc(100% - 10em)}
	.duhocnghe-section{min-height:calc(100vh - 102.217px);margin-top:102.217px}	
	#content .boxabout{padding:3em 29% 5em;background-size:37.7% auto}
	#banner{margin-top:102px!important}
	.boxvideowhy.type2 iframe{height:730px!important}
	.boxdoingu ul{grid-template-columns:23.75% 23.75% 23.75%}
}
@media screen and (max-width:1520px){
	body{font-size:14.09px}
	.boxregist a{left:-5px;line-height:4em;top:1px}
	#banner{margin-top:92px!important}
	.boxvideowhy.type2 iframe{height:660px!important}
	.boxdoingu ul{grid-template-columns:26.251% 26.251% 26.251%}
}
@media screen and (max-width:1440px){
	body{font-size:13.34px}
	.flexgallery .btnarrrow.right{left:calc(100% - 10.3em)}
	.bxcs .coursesample a::before{left:-.95em}
	.duhocnghe-section{margin-top:87px}
	#banner{margin-top:87px!important}
	.boxvideowhy.type2 iframe{height:625px!important}
	.boxdoingu ul{grid-template-columns:27.709% 27.709% 27.709%}
}
@media screen and (max-width:1366px){
	body{font-size:12.65px}
	.duhocnghe-section .duhocnghe-img{width:500px;height:600px;padding-left: 69px;}
	.duhocnghe-img .banner-icon{width:500px;height:500px;}
	.duhocnghe-section{margin-top:82.5px}
	.boxregist a{left:-4px;line-height:4.1em;top:0}
	#content .boxabout{padding:3em 27% 5em}
	.boxvideowhy .rightsample{font-size:16px}
	.boxwhychoose ul{font-size:14px}
	.boxwhychoose ul li p{text-align:justify;line-height:140%}
	.bxcustomer q > p{font-size:14px}
	#content{font-size:14px}
	.duhocnghe-section{min-height:calc(100vh - 82.95px);margin-top:83px}
	footer{font-size:14px}
	#banner{margin-top:83px!important}
	.boxvideowhy.type2 iframe{height:655px!important}
	.boxdoingu ul{grid-template-columns:29.21% 29.21% 29.21%}
	.boxtamnhin ul li .tamnhinsample p{width:68%}
	.boxvideo-container{width:52.87443em;display:flex;}
	.boxvideo-container iframe{height:450px !important;}
}
@media screen and (max-width:1280px){
	body{font-size:11.84px}
	.bxcs .coursesample a::after{right:-.94em}
	.flexgallery .btnarrrow.right{left:calc(100% - 10.5em)}
	.boxregist a{line-height:4em}
	#content .boxabout{padding:3em 25.5% 5em}
	.boxvideowhy > div:first-child{width:56.4%!important}
	.boxabout::before{border-width:9em}
	#content .partner{justify-content:space-around}
	.duhocnghe-section{margin-top:78px}
	#banner{margin-top:78px!important}
	.boxwhychoose > .boxvideowhy.type2 > .main1{width:67.188%!important}
	.boxdoingu ul{grid-template-columns:30% 30% 30%;grid-gap:4%}
	.boxtamnhin ul li .tamnhinsample p{width:73%}
}
@media screen and (max-width:1152px){
	.boxabout::before{border-width:8.3em}
	#content .boxabout{padding:3em 23% 5em}	
	.boxwhychoose > .boxvideowhy.type2 > .main1{width:74.653%!important}
	.boxtamnhin ul li .tamnhinsample{margin:1em 0 3em}
	#content .listnganh{grid-template-columns:25% 25% 25% 25%}
}
@media screen and (max-width:1024px){
	.boxabout::before{border-width:7.3em}
	#content .boxabout{padding:3em 19.5% 5em}
	.boxvideowhy > div:first-child{width:50%!important}
	.boxvideowhy > div:first-child > iframe{height:400px!important}
	.boxvideowhy .rightsample{left:56%}
	.boxnewest ul{grid-template-columns:30% 30% 30%;grid-gap:2%}
	.boxregist input[type="text"]{position:relative;top:-1px}
	.boxregist h2{width:72%}
	.main{max-width:100%;padding:0 10px}
	.boxregist input[type="text"]{padding:15px;width:45%}
	.boxregist a{line-height:unset;padding:14px 0;width:25%}
	.opportunity .bxspoptnt,.courseimg > span{display:none}
	.opportunity .bxhvoptnt,.bxcs .coursesample,.bxcs .bgrcourse{opacity:1}
	.flexgallery ul{margin:0 0 0 -17em}
	.flexgallery .btnarrrow{left:4em}
	.flexgallery .btnarrrow.right{left:calc(100% - 4em)}
	.boxwhychoose > .boxvideowhy.type2 iframe{height:655px!important}
	.boxwhychoose > .boxvideowhy.type2 > .main1{width:83.985%!important}
	.boxtamnhin ul{grid-template-columns:100%}
	.boxtamnhin ul li{position:relative}
	.boxtamnhin ul li:before{position:absolute;content:'';width:100%;height:100%;background:rgba(255,255,255,.5);z-index:1;left:0}
	.boxtamnhin ul li .tamnhinsample{position:absolute;top:50%;transform:translateY(-50%);margin:0;z-index:2}
	.listdaotao .rightdetail{width:78%}
	.boxdieuduong .leftdieuduong{width:65%}
	.boxdieuduong .rightdd{width:33%}
}
@media screen and (max-width:980px){
	.boxwhychoose > .boxvideowhy.type2 > .main1{width:88%!important}
}
@media screen and (max-width:900px){
	footer ul:nth-child(n+3){margin-left:9%}
	.flexgallery ul{margin:0}
	.flexgallery ul li{flex:0 0 49%;margin:0 0 0 4%}
	.flexgallery ul li:first-child{margin-left:0}
	.flexgallery ul li::before{width:0}
	.flexgallery .btnarrrow{left:10px}
	.flexgallery .btnarrrow.right{left:calc(100% - 10px)}
	.boxabout::before{border-width:6.3em}
	#content .boxabout{padding:3em 15.5% 5em}
	#content .boxopportunity,.boxwhychoose ul{grid-template-columns:100%}
	.boxduhocnghe p{width:calc(100% - 20px)}
	.gridkhoahoc .tbc{padding:20px 15px}
	.boxwhychoose > .boxvideowhy.type2 > .main1{max-width:100%;width:100%!important;padding:0 10px}
	.boxwhychoose > .boxvideowhy.type2 iframe{height:670px!important}
	.boxwhychoose ul{margin-bottom:12%}
	.boxwhychoose ul li p{text-align:center}
	.listdaotao .rightdetail{width:74%}
	#content .boxhoidap{padding:0 10px 2em}
	.rightdd .boxregistdd{padding:0 10px 4em}
	.boxdieuduong .rightdd{width:30%}
	.boxdieuduong .leftdieuduong{width:69%}
	.boxcourserdd a{font-size:1.3em}
}
@media screen and (max-width:768px){
	header ul{display:none}
	.boxabout::before{border-width:5.3em}	
	#content .boxabout{padding:3em 9.5% 5em}
	.boxvideowhy > div:first-child{width:100%!important}
	.boxvideowhy > div:first-child > iframe{height:584px!important}
	.boxvideowhy .rightsample{position:unset;width:100%;padding:5% 10px;text-align:center;transform:unset}
	.bxcs .coursesample{width:100%;white-space:unset;padding:0 10px}
	.boxcourseos p{width:calc(100% - 20px)}
	#content .partner{grid-template-columns:0 0 0}
	.boxnewest ul{grid-template-columns:70%;margin:0 0 10%}
	.boxnewest ul li h3{margin:2% 0 0;width:100%}
	footer ul:nth-child(n+3){margin-left:20px}
	#content .bxcustomer{padding:1em 0 2em}
	.bxcustomer h2{margin-bottom:0}
	.boxduhocnghe a:first-child{margin-left:0}
	.boxduhocnghe a:last-child{margin-right:0}
	.duhocnghe-section .duhocnghe-container{position:relative;z-index:1;width:80%;padding:0 0 0 5%}
	.gridkhoahoc .tbc{padding:15px 10px}
	.boxwhychoose > .boxvideowhy.type2 iframe{height:570px!important}
	.boxtamnhin ul li .tamnhinsample p{width:100%;padding:0 10px}
	#content .listnganh{grid-template-columns:50% 50%}
	.listdaotao .rightdetail{width:100%}
	.boxdaotao .listdaotao{text-align:center}
	.listdaotao img{position:unset;top:auto;left:auto;transform:translateY(0);margin-top:3em}
	.imageGallery{grid-template-columns: 1fr;padding-left: 0px;}
}
@media screen and (max-width:680px){
	#content .boxabout{padding:3em 4.5%}
	.boxabout h1{padding:2em 0 0}
	.boxvideowhy > div:first-child > iframe{height:517px!important}
	.boxwhychoose ul{grid-template-columns:100%;grid-gap:4%;padding:5% 0 10%;}
	.boxwhychoose ul li{padding:0 10px}
	.boxwhychoose ul li p{text-align:center;line-height:160%;}
	.boxabout::before{border-width:4.3em;}
	.boxregist h2{width:93%}
	#content .boxregist{padding:0 0 5em}
	.boxduhocnghe a{min-width:30%;margin:2em 1.43em 0}
	.boxduhocnghe a:nth-child(2){margin-right:0;}
	.boxduhocnghe a:nth-child(3){margin-left:0}
	.gridkhoahoc .tbc{padding:10px 5px}
	.boxkhoahoc p.title{width:calc(100% - 20px)}
	.boxwhychoose > .boxvideowhy.type2 iframe{height:503px!important}
	.boxdieuduong .leftdieuduong{width:100%}
	.boxdieuduong .rightdd{width:50%;margin:4em 25% 0 0}
	.boxtamnhin ul li{display:inline;}
}
@media screen and (max-width:520px){
	#content .partner{grid-template-columns:0 0}	
	#content .boxabout{padding:3em 10px}
	.boxabout::before{border-width:3.3em;}
	.boxvideowhy > div:first-child > iframe{height:396px!important}
	.boxcourseos .boxcourse{grid-template-columns:100%}
	.bxcustomer q > p{width:calc(100% - 40px)}
	.flexgallery ul li{flex:0 0 100%}
	.boxregist h2{width:calc(100% - 20px);font-size:2em}
	.boxregist input[type="text"]{width:55%}
	.boxregist a{width:30%}
	footer ul:nth-child(3),footer ul:nth-child(4){display:none}
	footer ul.ftgrid{width:100%}
	#content .boxregist{padding:0 0 3em}
	.boxregist h2{margin:1em auto}
	#content .bxcustomer{padding:0}
	ul.slick-dots{bottom:-15px}
	.boxduhocnghe a{min-width:38%}
	.duhocnghe-section .duhocnghe-container{width:calc(100% - 20px);padding:0;margin:0 0 0 10px}
	.gridkhoahoc .tbc{grid-area:auto / auto / span 1 / span 2;padding:15px 10px}
	.boxbanner h1{font-size:3em}
	.boxwhychoose > .boxvideowhy.type2 iframe{height:381px!important}
	.boxwhychoose ul{margin-bottom:17%}
	.boxvideowhy.type2{font-size:1.2em}
	.boxtamnhin ul li h3{margin:0 0 .5em}
	.boxdieuduong .rightdd{width:60%;margin:4em 20% 0 0}
}
@media screen and (max-width:480px){
	header div.main{padding:0;display:grid;grid-template-columns: 10px 130px auto 25px 10px;grid-template-rows: 10px 50px 10px;}
	header .menumobile,header .cartmobile{display:block;}
	header .righttel{display:none;}
	header a.logo{position:inherit;grid-column: 2 / 3;grid-row: 2 / 3;transform:none;margin:0;}
	#content .boxabout{font-size:1.2em}
	.boxabout h1{font-size:2em}
	.boxabout h1 span{font-size:.8em}
	.boxvideowhy > div:first-child > iframe{height:366px!important}
	.hvoptntsample b{font-size:2.214em}
	.hvoptntsample button, .hvoptntsample a{margin:0}
	.boxnewest ul{grid-template-columns:80%}
	.boxwhychoose ul{padding:5% 0 15%}
	.boxduhocnghe a{min-width:41%;margin:2em 1em 0}
	.boxwhychoose > .boxvideowhy.type2 iframe{height:352px!important}
	.boxvideowhy.type2{font-size:1.1em}
	.boxtamnhin ul li .tamnhinsample{position:relative;top:auto;transform:translateY(0);margin:3em 0}
	.boxdieuduong .rightdd{width:70%;margin:4em 15% 0 0}
	.lddtable .tbr .tbc{padding:5px 10px}
}
@media screen and (max-width:375px){
	.boxabout h1 span{font-size:.7em}
	#content .boxabout{font-size:1em;line-height:1.4}
	.boxvideowhy > div:first-child > iframe{height:286px!important}
	#content .partner{grid-template-columns:0;grid-gap:2em 0}
	.boxwhychoose ul{padding:5% 0 0;grid-gap:2em 0;margin-bottom:5%}
	.bxcustomer h2{font-size:2.3em}
	.hvoptntsample button, .hvoptntsample a{padding:.5em 1.5em}
	.hvoptntsample b{font-size:2em}
	.hvoptntsample span{font-size:.8em}
	.bxhvoptnt .hvoptntsample{font-size:1.3em}
	.boxnewest ul{grid-template-columns:calc(100% - 20px)}
	.boxduhocnghe a{margin:2em .3em 0}
	.duhocnghe-section .duhocnghe-container{display:none}
	.gridkhoahoc .tbc{grid-area:auto / auto / span 1 / span 4}
	.boxbanner h1{font-size:2.5em}
	.boxwhychoose > .boxvideowhy.type2 iframe{height:271px!important}
	.boxvideowhy.type2{font-size:1em}
	#content .listnganh{grid-template-columns:100%}
	.hoidap h3{padding-right:20px}
	.boxnewest ul li h3{padding:1em 10px}
	.boxnewest ul li div.item{padding:0 10px}
	.boxdieuduong .rightdd{width:100%;margin:4em 0 0 0}
}
@media screen and (max-width:320px){
	.boxvideowhy > div:first-child > iframe{height:244px!important}	
	.boxvideowhy .rightsample h2,.bxcustomer h2,.boxgallery h2{font-size:2em}
	.bxhvoptnt .hvoptntsample{font-size:1.2em}
	.boxregist h2{font-size:1.4em}
	.boxduhocnghe a{min-width:calc(100% - 20px);margin:2em 0 0 0!important}
	.boxbanner h1{font-size:2em}
	.boxwhychoose > .boxvideowhy.type2 iframe{height:230px!important}
	.dangkytuvan ul{grid-template-columns:100%}
	.dangkytuvan ul li.merge2column{grid-area:auto / auto / span 1 / span 1}
}