@import "font.css";
@charset "utf-8";
body { margin: 0px auto; padding: 0px auto; font-size: 17px; line-height: 30px; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; font-weight: normal; }
* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none; }
.clr { clear: both; }
ul { padding: 0px; }
::selection { background-color: #0c1c35; color: #fff; }
::-webkit-selection { background-color:#003964; color: #fff; }
-webkit-::selection { background-color: #0c1c35; color: #fff; }
::-moz-selection { background-color:#003964; color: #fff; }
img { border: 0; }
.pagewrap { position: relative; width: 1200px; margin: 0 auto; }
.padding_pagewrap { padding: 0 10px; }
.showText p, #gioithieu p { padding-bottom: 15px; font-size: 17px; line-height: 30px; }
.showText img { display: block; margin: 0 auto; height: auto; max-width: 100%; }
.showText ul { padding-bottom: 15px; }
.showText ul li { margin-left: 35px; font-size: 17px; line-height: 30px; }
#lienhe { padding-bottom: 370px; background: url(../images/bg_3.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding-top: 90px; position: relative; }
#lienhe:after { background: url(../images/bg_4.png) center bottom no-repeat; content: ""; position: absolute; left: 0; top: 0px; z-index: 2; width: 100%; height: 40px; }
.titlit_trang ul h2 { text-align: center; font-size: 30px; line-height: 40px; font-weight: normal; color: #ff0; text-transform: uppercase; padding-bottom: 15px; position: relative; margin-bottom: 20px; }
.titlit_trang ul h2:before { position: absolute; bottom: 0; left: 46%; content: ''; display: inline-block; height: 5px; width: 100px; background-color: #ff0; border-radius: 2px; right: 0; }
.titlit_trang ul h3 { text-align: center; font-size: 25px; line-height: 40px; font-weight: normal; color: #fff; text-transform: uppercase; position: relative; margin-bottom: 30px; }
.map_contact iframe { width: 100%; height: 450px; }
.contact h2 { text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: normal; color: #666; padding-bottom: 20px; }
.contact .left { width: 49%; float: left; }
.contact .right { width: 49%; float: right; }
.formBox li { display: block; position: relative; margin-bottom: 10px; z-index: 0; }
.formBox li input, .formBox li textarea { border: solid 1px #ffffff; height: 45px; color: #666; padding: 0 10px 0 45px; font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif; font-size: 15px; box-sizing: border-box; border-radius: 5px; }
.formBox li textarea { padding: 10px 10px 10px 45px; height: 210px; color: #fff; float: left; }
.contact .left input { width: 100%; }
.contact .right input, .contact .right textarea { width: 100%; color: #333; }
.formBox li:after { content: ""; position: absolute; top: 0; left: 0; width: 45px; height: 50px; background-repeat: no-repeat; background-position: center center; z-index: 10; }
.formBox li.name:after { background-image: url("../images/contact/c_name.png") }
.formBox li.phone:after { background-image: url("../images/contact/c_phone.png"); }
.formBox li.mail:after { background-image: url("../images/contact/c_mail.png"); }
.formBox li.local:after { background-image: url("../images/contact/c_local.png"); }
.formBox li.subject:after { background-image: url("../images/contact/c_subject.png"); }
.formBox li.mess:after { background-image: url("../images/contact/c_mess.png"); }
.formBox li.code:after { background-image: url("../images/contact/c_code.png"); }
.formBox li.day:after { background-image: url("../images/contact/day.png"); }
.formBox li.songuoi:after { background-image: url("../images/contact/songuoi.png"); }
.formBox .button { float: right; text-transform: uppercase; font-size: 20px; padding: 3px 30px; margin-left: 10px; height: 52px; line-height: 40px; margin-top: 10px; color: #FFF; background: #f12c3e; white-space: nowrap; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 5px; border: solid 3px #ffffff; }
.formBox .button:hover, .right_ct ul h4 a:hover { color: #FFF; background: #2b328c; }
.formBox li span { position: absolute; right: 0; top: 0; line-height: 42px; padding: 0 10px; font-weight: normal; z-index: 2; letter-spacing: 1px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; color: #fff; }
.contact, .colum_id_4, #muctieu ul { margin: 0 10px; }
.footer { padding: 20px 0; background: #eee; }
.company_footer { margin-left: 10px; margin-right: 10px; text-align: center; }
.company_footer ul h3 { font-size: 25px; line-height: 40px; font-weight: normal; color: #16a8df; text-transform: uppercase; }
.company_footer ul li { line-height: 0; list-style: none; text-align: center; padding-bottom: 15px; }
.company_footer ul li img { height: 80px; width: auto; }
.company_footer ul p { font-size: 17px; line-height: 30px; font-weight: normal; color: #333; }
.copyright_bottom a { color: #ffffff; }
.copyright_bottom a:hover { text-decoration: underline; color: #ff0; }
.copyright_bottom { padding: 20px 0; background: #2b328c; text-align: center; color: #fff; }
#back-top { position: fixed; bottom: 30px; right: 10px; z-index: 1; }
#back-top a { display: block; width: 40px; line-height: 40px; background: #16a8df; outline: none; color: #fff; font-size: 17px; text-align: center; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; }
#back-top a:hover { color: #fff; background: #f12c3e; }
#sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; padding-top: 5px; height: 35px; text-align: center; }
.sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; text-align: center; padding-top: 10px; height: 35px; }
.sharelink a img { border: solid rgb(255, 255, 255) 3px; padding: 3px; margin-top: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin-left: 5px; margin-right: 5px; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; }
.sharelink img:hover { background: #16A8DF; opacity: 10; }
.titBox { margin: 0 auto 25px auto; font-size: 30px; line-height: 35px; text-transform: uppercase; font-weight: 500; font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif; }
.titBox .desc { display: block; font-size: 16px; color: #C800C8; line-height: 1.4; font-weight: bold; margin-bottom: 5px; }
.titBox .tit { color: #16a8df; padding-bottom: 10px; }
.titBox .tit_2 { padding-bottom: 10px; color: #2b328c; }
.titBox:after { content: ""; display: inline-block; height: 4px; width: 100px; background: #2b328c; left: 0; right: 0; position: absolute; margin: 0 auto !important; }
.titBox.left { text-align: center; }
.titBox.left:after { margin-left: 0; }
.titBox .sub { color: #999; text-transform: uppercase; font-weight: 500; font-size: 22px; margin-bottom: 5px; line-height: 35px; }
.titBox .sub_2 { color: #fff; text-transform: uppercase; font-weight: 500; font-size: 25px; margin-bottom: 10px; line-height: 35px; }
.footer { padding: 30px 0; background: #ffcb05; color: #2b328c; }
.left_footer ul { float: left; margin: 0 10px; width: 450px; }
.face_footer { width: 240px; float: right; margin: 0 10px; }
.left_footer ul h3 { font-size: 25px; font-weight: 500; color: #2b328c; padding-bottom: 10px; text-transform: capitalize; }
.left_footer ul p i { padding-right: 7px; }
.left_footer h2 { font-size: 28px; font-weight: 500; color: #2b328c; padding-bottom: 10px; text-transform: capitalize; line-height: 35px; margin-left: 10px; margin-right: 10px; border-bottom: double #FFFFFF 4px; margin-bottom: 20px; }
.left_footer { float: left; width: 940px; }
#khamphabanthan { background: #fff; padding-top: 40px; padding-bottom: 20px; color: #fff; }
#taisaochon { text-align: center; background: url(../images/bg_1.jpg); margin-bottom: 0px !important; padding-top: 90px !important; padding-bottom: 80px !important; background-position: 0 0 !important; background-repeat: no-repeat !important; }
#taisaochon ul { display: inline-table; margin: 10px; width: 217px; }
#taisaochon ul li { list-style: none; line-height: 0; }
#taisaochon ul li img { width: auto; height: 150px; border-radius: 50%; border: solid #ffffff 10px; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); }
#taisaochon ul h3 { color: #333; text-transform: none; font-weight: 500; font-size: 20px; margin-top: 15px; line-height: 30px; }
.khamphabanthan_view { text-align: center; }
.khamphabanthan_view ul { margin: 1.5%; display: inline-table; width: 16.5%; text-align: center; transition: all .3s; }
.khamphabanthan_view ul:hover { transform: translateY(-10px); }
.khamphabanthan_view ul li { list-style: none; line-height: 0; }
.khamphabanthan_view ul li img { width: 180px; height: 180px; border-radius: 50%; border: solid #eee 10px; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); }
.khamphabanthan_view ul h3 { font-size: 20px; padding-top: 20px; color: #2b328c; line-height: 30px; text-transform: uppercase; font-weight: bold; padding-bottom: 10px; font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif; }
.khamphabanthan_view ul p { font-size: 20px; color: #333; line-height: 28px; }
#camnhanhocvien_box { background: #fff; padding-top: 20px; padding-bottom: 50px; }
.camnhan_hv_home ul { float: left; margin: 10px; width: 380px; text-align: center; }
.camnhan_hv_home ul p { color: #333; font-weight: normal; font-size: 17px; line-height: 30px; padding: 0 10px 10px 10px; }
.camnhan_hv_home ul li { list-style: none; line-height: 0; margin-bottom: 15px; width: 80% }
.camnhan_hv_home ul li img { height: auto; width: auto; }
.camnhan_hv_home ul h3 { font-weight: normal; line-height: 30px; font-size: 22px; color: #2b328c; padding-bottom: 10px; padding-top: 5px; text-transform: uppercase; }
.placeNav_2, .placeNav_3 , .video_more .owl-prev, .video_more .owl-next{ position: absolute; top: 35%; z-index: 3; color: #fff; font-size: 60px; width: 30px; height: 60px; line-height: 50px; text-align: center; background: rgba(2, 2, 2, 0.21); opacity: 0; }
.placeNav { position: absolute; top: 100px; z-index: 2; color: #fff; font-size: 26px; width: 35px; line-height: 35px; height: 35px; background: rgba(0, 0, 0, 0.24); text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; }
.placeNav.prev, .placeNav_2.prev, .placeNav_3.prev , .video_more .owl-prev{ left: 10px; }
.placeNav_2.next, .placeNav_3.next, .video_more .owl-next { right: 10px; text-indent: 3px; }
.placeNav.next { right: 10px; text-indent: 3px;left: auto }
.placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2, .placeSlide_main:hover .placeNav_3 , .video_more:hover .owl-prev, .video_more:hover .owl-next{ opacity: 1; }
.placeNav:hover { color: #fff; background: #CDAE7F; }
.placeNav_2:hover, .placeNav_3:hover, .placeNav_4:hover , .video_more .owl-prev:hover,.video_more .owl-prev:hover{ color: #fff; background: #ffcb05; }
.placeSlide_main { position: relative; overflow: hidden; }
.placeSlide, .placeSlide_2 { width: 1300px; }
.bannerInside { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: calc(60vh - 0px); }
.bannerMain { position: relative; overflow: hidden; width: 100%; z-index: 0; }
.banner li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.0); transition: .3s all ease; z-index: 1; }
.banner li { float: left; width: 100%; height: calc(60vh - 0px); list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; }
.posBL { left: 0px; bottom: 0px; }
.pagiBanner { position: relative; left: 0; right: 0; bottom: 40px; margin: auto; width: auto; text-align: center; z-index: 10; }
.pagiBanner a, .pagiBanner_2 a, .pagiBanner_3 a { display: inline-block; vertical-align: text-top; width: 15px; height: 15px; background: #81c8ff; text-indent: -100000px; margin: 0 5px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); border: solid #fff 3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.pagiBanner a.selected, .pagiBanner_2 a.selected, .pagiBanner_3 a.selected { background: #2b328c; }
.pagiBanner_2, .pagiBanner_3 { position: relative; left: 0; right: 0; bottom: -20px; margin: auto; width: auto; text-align: center; z-index: 10; }
.box_video_silde { padding-top: 40px; padding-bottom: 30px; }
#video_silde ul li { list-style: none; line-height: 0; background: #fff; padding: 10px; width: 96%; webkit-transition: -webkit-transform .3s ease, border .3s ease, -webkit-box-shadow .3s ease, background .3s ease, z-index .3s ease; -moz-transition: -moz-transform .3s ease, border .3s ease, -moz-box-shadow .3s ease, background .3s ease, z-index .3s ease; transition: transform .3s ease, border .3s ease, box-shadow .3s ease, background .3s ease, z-index .3s ease; -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.45); -o-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.45); box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.45); margin-bottom: 30px; }
#video_silde ul li iframe { width: 100%; height: 550px; }
.chuongtrinh { background: url(../images/bg_2.jpg) bottom repeat-x #ffcb05; padding-top: 50px; padding-bottom: 100px; color: #fff; }
.left_ct { float: left; width: 60%; padding-left: 10px; }
.left_ct ul h4 { font-size: 22px; line-height: 30px; text-transform: uppercase; font-weight: 500; padding-bottom: 15px; color: #2b328c; }
.left_ct ul h4 i, .left_ct ul p i { padding-right: 10px; }
.left_ct ul span.fa { color: #2b328c !important; margin-right: 10px; }
.left_ct ul p { padding-bottom: 10px; color: #2b328c; font-size: 19px; line-height: 35px; }
.right_ct { float: right; width: 35%; margin-right: 10px; text-align: center; }
.right_ct ul li { list-style: none; line-height: 0; padding-bottom: 15px; margin: 0 }
.right_ct ul h4 a { display: inline-table; text-transform: uppercase; font-size: 20px; padding: 5px 40px; line-height: 40px; color: #FFF; background: #f12c3e; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 50px; font-weight: normal; }
.left_ct h3, .right_ct h3 { font-size: 27px; line-height: 30px; text-transform: uppercase; font-weight: 500; padding-bottom: 20px; color: #2b328c; font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif; }
.col-md-1 { width: 100%; color: #fff; }
.form-control { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #666; background-color: #2b328c; background-image: none; border: 1px solid #2b328c; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; resize: vertical; box-sizing: border-box; text-transform: capitalize; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); color: #fff; }
.col-md-1:input { color: #fff; }
.row-frm select { height: 45px !important; width: 100%; margin: 0; }
.logo_top { position: absolute; left: 10px; z-index: 2; }
.logo_top li { line-height: 0; float: left; list-style: none; }
.logo_top li img { width: auto; height: 100px; }
.logo_top ul { float: left; padding-left: 25px; }
.logo_top ul h3 { font-size: 25px; color: #2b328c; line-height: 35px; text-transform: uppercase; font-weight: 500; font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif; padding-bottom: 5px; padding-top: 15px; }
.logo_top ul h4 { font-size: 30px; color: #f12c3e; line-height: 35px; text-transform: uppercase; font-weight: 500; font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif; }
.box_menu { background: #fff; width: 100%; height: 100px; padding: 10px 0; }
.box_menu.fixed { position: fixed; top: 0 !important; z-index: 99999; background: #fff; width: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18); -webkit-animation-name: fadeInDown; animation-name: fadeInDown; webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; height: 45px; padding: 0; }
.box_menu.fixed .logo_top { display: none; }
.box_menu.fixed .menu { left: 0; top: 0; }
.box_menu:after, .box_menu:before { content: ""; position: inherit; top: 0px; left: 0; right: 0; }
.box_menu.fixed:after, .box_menu.fixed:before { position: absolute; }
.box_menu:before { top: auto; bottom: 0px; }
.menu { position: absolute; margin: 0; padding: 0; top: 30px; text-align: center; z-index: 3; right: 10px; }
.menu * { list-style: none; }
.menu > li + li { position: relative; }
.menu > li { display: inline-table; position: relative; }
.menu > li > a { display: block; height: 45px; line-height: 45px; position: relative; z-index: 2; font-size: 21px; text-decoration: none; text-transform: uppercase; color: #2b328c; font-weight: normal; padding: 0 20px; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 1px; color: inherit; font-size: 11px; padding-left: 5px; }
.menu > li:hover > a { color: #f12c3e; }
.menu > li:hover > a:after { left: 0; right: 0; opacity: 1; }
.menu > li:hover > ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }
.menu > li.active > a { color: #C800C8; }
.menu > li.active > a:after { left: 0; right: 0; opacity: 1; }
.menu > li > ul { position: absolute; top: 100%; left: 10px; opacity: 0; visibility: hidden; min-width: auto; z-index: 1; margin: 0; padding: 0; padding-top: 7px; display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform-origin: center top 0px; -moz-transform-origin: center top 0px; -webkit-transform-origin: center top 0px; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); }
.menu > li > ul:before { content: ""; border: solid 7px transparent; border-bottom-color: #f12c3e; width: 0; height: 0; position: absolute; top: -7px; left: 17px; z-index: 2; }
.menu > li > ul:after { content: ""; position: absolute; top: 12px; left: 3px; right: -3px; bottom: -3px; z-index: 0; background: rgba(0, 0, 0, 0.05); }
.menu > li > ul > li { z-index: 2; position: relative; margin: 0; color: #fff; font-weight: 500; font-size: 14px; padding: 0 15px; background: #f12c3e; }
.menu > li > ul > li:first-child { padding-top: 10px; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; }
.menu > li > ul > li:last-child { padding-bottom: 10px; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; }
.menu > li > ul > li:last-child > a { border: none; }
.menu > li > ul > li > a { display: block; white-space: nowrap; color: inherit; line-height: 40px; font-size: inherit; background: rgba(255, 255, 255, 0); border-bottom: solid 1px rgba(255, 255, 255, 0.2); padding: 0 24px 0 0; text-decoration: none !important; text-transform: capitalize; text-align: left; font-size: 17px; font-weight: normal; }
.menu > li > ul > li > a > span { display: none; }
.menu > li > ul > li:hover { z-index: 3; }
.menu > li > ul > li:hover > a { padding: 0 12px 0 12px; background: rgba(255, 255, 255, 0.2); border-color: transparent; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 2px; color: inherit; font-size: 17px; }
.menu > li > ul > li > a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.menu > li > a, .menu > li > a:after, .menu > li > ul > li > a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.menu li.homepage a i { font-size: 25px; margin: 0; padding: 0; }
.menu li.homepage a { padding: 0 10px; }
.menu li.homepage a:hover { color: #ff0; background: none; }
.lienhe_popup { padding: 5px; }
.lienhe_popup ul h3 { text-align: center; font-size: 25px; font-weight: 500; color: #2b328c; padding-bottom: 10px; text-transform: uppercase; line-height: 35px; }
.lienhe_popup ul p { font-size: 18px; font-weight: 500; border-top: double #CCCCCC 1px; padding-top: 10px; color: #333; line-height: 30px; }
.lienhe_popup ul p i { padding-right: 7px; }
.lienhe_popup ul a{color: #333 !important;}
.lienhe_popup ul a:hover{color: #f12c3e !important;}
.lienhe_popup ul p span.fa { padding-right: 7px; color: #333 !important; }
.video_more ul { float: left; width: calc(100% - 20px); margin: 10px; }
.video_more ul li { line-height: 0; list-style: none; padding: 10px; webkit-transition: -webkit-transform .3s ease, border .3s ease, -webkit-box-shadow .3s ease, background .3s ease, z-index .3s ease; -moz-transition: -moz-transform .3s ease, border .3s ease, -moz-box-shadow .3s ease, background .3s ease, z-index .3s ease; transition: transform .3s ease, border .3s ease, box-shadow .3s ease, background .3s ease, z-index .3s ease; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); }
.video_more ul li iframe { width: 100%; height: 200px; }
.danhsach_diadiem { text-align: center; padding-bottom: 20px; }
.danhsach_diadiem ul { display: inline-table; margin: 10px; width: calc(25% - 20px); }
.danhsach_diadiem ul li, .danhsach_diadiem ul li img { height: auto; width: 100%; list-style: none; line-height: 0; }
.danhsach_diadiem ul h3 { color: #333; text-transform: capitalize; font-weight: 500; font-size: 20px; margin-top: 5px; line-height: 30px; }
.lang_top { position: absolute; right: 0; }
.lang_top img { height: 17px; width: 26px; margin-left: 8px; float: left; }
.camnhan_hv_home .owl-nav { display: none; }
.camnhan_hv_home .owl-theme .owl-dots { display: block; margin-top: 20px; }
.camnhan_hv_home .owl-theme .owl-dots .owl-dot span { display: inline-block; vertical-align: text-top; width: 15px; height: 15px; background: #81c8ff; text-indent: -100000px; margin: 0 5px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); border: solid #fff 3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.camnhan_hv_home .owl-theme .owl-dots .owl-dot.active span { background: #2b328c; }
.camnhan_hv_home .owl-theme .owl-dots .owl-dot{margin-left: 2px; margin-right: 2px}
.contact { padding-top: 15px !important; }
.left_footer ul span.fa { padding-right: 7px; color: #2b328c !important; }
.footer ul a { color: #2b328c; }
.footer ul a:hover { color: #f12c3e; }
.chuongtrinh input.form-control ,.chuongtrinh select{color: #fff}
.chuongtrinh input.form-control::-webkit-input-placeholder { color:#FFF; }
.chuongtrinh input.form-control::-moz-placeholder { color:#FFF; }
.chuongtrinh input.form-control:-moz-placeholder { color:#FFF; }
.chuongtrinh input.form-control::-ms-input-placeholder { color:#FFF; }
.chuongtrinh input.form-control{ color: #fff; padding-left: 15px;border: none }
.video_more ul li { position: relative; }
.video_more ul li a, .video_more ul li i{cursor: pointer;}
.video_more ul li i { font-size: 50px; opacity: .5; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);color: #000; }
.video_more ul li:hover i { color: red; }
@media only screen and (max-width: 1199px) { * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pagewrap { width: 100%; padding: 0 0px;}
.logo_top { position: relative; margin-bottom: 10px !important; float: left; }
.menu > li > a { font-size: 17px; padding: 0 10px; }
.lang_top { right: 10px; }
#khamphabanthan { padding-top: 30px; }
.khamphabanthan_view ul { display: inline-table; width: calc(20% - 20px); text-align: center; transition: all .3s; float: left; margin: 10px; }
.khamphabanthan_view ul li img { width: 130px; height: 130px; border-radius: 50%; border: solid #eee 6px; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); }
.khamphabanthan_view ul h3 { font-size: 17px; padding-top: 20px; color: #2b328c; line-height: 26px;}
.khamphabanthan_view ul p { font-size: 17px; color: #333; line-height: 23px; }
.right_ct { float: right; width: 300px;}
.left_ct { float: left; width: calc(100% - 320px); padding-left: 10px; }
.left_ct ul h4 { font-size: 20px; line-height: 26px;}
.left_ct ul p { padding-bottom: 10px; color: #2b328c; font-size: 15px; line-height: 25px; }
.chuongtrinh input.form-control, .chuongtrinh select { font-size: 14px; }
.right_ct ul h4 a { display: inline-table; text-transform: uppercase; font-size: 16px; padding: 1px 40px;}
.titBox .tit_2 ,.titBox .tit{ font-size: 24px; }
.titBox .sub_2 { font-size: 18px; line-height: 25px; }
.danhsach_diadiem ul h3 { font-size: 16px; line-height: 23px; }
#taisaochon { padding-top: 90px !important; padding-bottom: 80px !important; background-size: auto 100%; }
#taisaochon ul { display: inline-table; margin: 10px; width: calc(20% - 20px); }
#taisaochon ul h3 { font-size: 15px; margin-top: 16px; line-height: 25px; }
.camnhan_hv_home ul { float: left; margin: 10px; width: calc(100% - 20px); text-align: center; }
.camnhan_hv_home ul h3 { font-weight: normal; line-height: 27px; font-size: 20px;}
.camnhan_hv_home ul p { color: #333; font-weight: normal; font-size: 15px; line-height: 25px;}
#camnhanhocvien_box { background: #fff; padding-top: 20px; padding-bottom: 20px; }
.formBox .button { float: right; text-transform: uppercase; font-size: 16px; padding: 1px 25px; margin-left: 10px; height: 46px; line-height: 37px;}
#lienhe { padding-bottom: 200px; padding-top: 70px; }
.left_footer h2 { font-size: 26px;}
.left_footer { float: left; width: calc(100% - 260px); font-size: 15px; line-height: 24px; }
.left_footer ul { float: left; margin: 0 10px; width: calc(50% - 20px); }
.left_footer ul h3 { font-size: 20px;}
.sharelink { height: 48px;}
.chuongtrinh { padding-top: 35px; padding-bottom: 75px; color: #fff; }
.logo_top ul h3 { font-size: 20px; line-height: 30px;}
.logo_top ul h4 { font-size: 27px; color: #f12c3e; line-height: 30px;}
}
@media only screen and (max-width: 991px) { ul.menu { display: none; }
div#lightgallery > div { width: calc(33.33% - 10px); margin: 5px; }
.mn-mobile { display: block; border: none; float: right; }
.box_header_id { background: #2b328c; height: 40px; }
a.a_trangchu_mb {display: none; position: absolute; left: 10px; text-transform: uppercase; color: #fff; top: 0; padding: 0; font-size: 15px; }
div#mm-0 { background: #fff !important; }
.mn-mobile { display: block; border: none; float: right; margin: 10px; padding: 0; margin-top: 35px; }
.mn-mobile img { float: left; height: 12px; }
.mm-panel.mm-hasnavbar .mm-navbar { background: #2b328c !important}
.dv-menu-left.no_box { display: none; }
.menu-bar.hidden-md.hidden-lg img { padding: 7px; height: 30px; background: #2b328c; border-radius: 5px; margin: 0; }
.logo_top li img { width: auto; height: 70px; }
.logo_top ul h3 { font-size: 18px; line-height: 25px; padding-top: 5px; }
.logo_top ul h4 { font-size: 25px; color: #f12c3e; line-height: 27px; }
.box_menu { height: 90px; }
.box_menu.fixed { position: initial; }
.khamphabanthan_view ul,#taisaochon ul { display: inline-table; width: calc(33.33% - 20px);}
#camnhanhocvien_box { background: #fff; padding-top: 20px; padding-bottom: 0; }
.copyright_bottom { font-size: 15px; line-height: 24px; }
.danhsach_diadiem ul { width: calc(33.33% - 20px); }
.box_video_silde { padding-top: 20px; padding-bottom: 0px; }
}
@media only screen and (max-width: 767px) { .khamphabanthan_view ul,#taisaochon ul,.danhsach_diadiem ul { display: inline-table; width: calc(50% - 20px); }
.logo_top { width: calc(100% - 90px); }
.logo_top li { width: 50px; }
.logo_top ul { width: calc(100% - 50px); }
.titBox .tit_2, .titBox .tit { font-size: 20px; line-height: 27px; padding: 0 10px 10px; }
.titBox:after { content: ""; display: inline-block; height: 3px;}
.left_ct { float: left; width: calc(100% - 10px); padding-left: 10px; }
.right_ct { float: right; width: calc(100% - 20px); margin-top: 10px; }
.left_ct h3, .right_ct h3 { font-size: 25px; line-height: 27px;}
.chuongtrinh input.form-control, .chuongtrinh select { font-size: 13px; height: 38px !important; line-height: 38px !important; }
.right_ct ul li { list-style: none; line-height: 0; padding-bottom: 10px; margin: 0; }
.right_ct ul h4 a { display: inline-table; text-transform: uppercase; font-size: 14px; padding: 0px 40px; }
.danhsach_diadiem ul h3 { font-size: 14px; line-height: 22px; }
.camnhan_hv_home ul li { margin-bottom: 10px; width: 100%; }
#lienhe { padding-bottom: 50px; padding-top: 70px; }
.left_footer { float: left; width: calc(100% - 10px); font-size: 14px; line-height: 23px; }
.face_footer { display: none; }
.left_footer h2 { font-size: 20px; line-height: 27px; }
.footer { padding: 20px 0; }
.camnhan_hv_home ul p { color: #333; font-weight: normal; font-size: 14px; line-height: 25px; }
.camnhan_hv_home ul h3 { font-weight: normal; line-height: 24px; font-size: 18px; padding-bottom: 7px; }
}
@media only screen and (max-width: 479px) { #taisaochon ul li img { width: auto; height: 90px; border-radius: 50%; border: solid #ffffff 5px;}
.logo_top { width: calc(100% - 10px); margin-top: 22px; }
.logo_top ul h4 { font-size: 20px; color: #f12c3e; line-height: 25px; }
.logo_top ul h3 { font-size: 16px; line-height: 23px; padding-top: 5px; padding-bottom: 2px; }
.mn-mobile { display: block; border: none; float: right; margin: 10px; padding: 0; margin-top: 0; top: -4px; position: absolute; right: 0; }
.menu-bar.hidden-md.hidden-lg img { padding: 7px; height: 25px; background: #2b328c; border-radius: 4px; margin: 0; }
.lang_top { right: 55px; }
.khamphabanthan_view ul li img { width: 110px; height: 110px}
#taisaochon ul li img { width: 110px; height: 110px;}
.contact .left { width: 100%; float: left; }
.contact .right { width: 100%; float: right; }
.left_footer ul { float: left; margin: 0 10px; width: calc(100% - 20px); margin-bottom: 10px; }
.sharelink a img { width: 32px; height: 32px; }
.formBox .button { float: right; text-transform: uppercase; font-size: 13px; padding: 0px 25px; margin-left: 10px; height: 42px; line-height: 36px; border: solid 2px #ffffff; }
.khamphabanthan_view ul p { font-size: 14px; color: #333; line-height: 23px; }
.khamphabanthan_view ul h3 { font-size: 15px; padding-top: 15px; color: #2b328c; line-height: 24px; padding-bottom: 5px; }
.left_ct h3, .right_ct h3 { font-size: 23px; line-height: 25px; padding-bottom: 10px; }
.left_ct ul h4 { font-size: 17px; line-height: 24px; padding-bottom: 10px; }
.khamphabanthan_view ul, #taisaochon ul, .danhsach_diadiem ul { display: inline-table; width: calc(50% - 10px); margin: 5px; }
.khamphabanthan_view ul li img { width: 110px; height: 110px; border: solid #eee 3px; }
}