@charset "utf-8";
/* CSS tin tuc CSU */

.title-yellow {
font-family:'Pridi',serif;
font-weight:500;
color:#c1ad78
}



.frontpage-boxes {
color:#fff
}

.frontpage-boxes .box {
padding:0 25px;
min-height:220px!important;
}

.frontpage-boxes .box .img {
height:118px;
display:flex;
align-items:center;
justify-content:center
}

.frontpage-boxes .box .img img {
display:inline-block
}

.frontpage-boxes .box h3 {
font-size:20px;
line-height:26px;
text-transform:uppercase;
font-family:"Roboto",sans-serif;
font-weight:600;
margin-top:9px;
margin-bottom:23px
}

.frontpage-boxes .box a {
color:#fff
}


.ctdt .sec-title {
color:#fff;
text-transform:uppercase;
font-size:26px;
line-height:32px;
text-align:center;
margin-bottom:12px
}

.ctdt .text {
text-align:center;
color:#fff
}

.ctdt .text h2 {
font-size:99px;
text-transform:uppercase;
line-height:80px;
text-shadow:3px 3px 4px #333;
margin-bottom:0
}

.ctdt .text h3 {
font-size:24px;
line-height:32px;
text-transform:uppercase;
font-family:"Roboto",sans-serif;
margin-bottom:22px;
margin-top:0
}

.ctdt .list-khoahoc {
padding:0 23px 57px
}

.sec-dnb {
padding-top:20px
}

.sec-dnb .sec-title {
color:#002952;
font-size:36px;
line-height:43px;
text-transform:uppercase;
padding-left:10px;
padding-right:10px
}

.sec-dnb .advance-list {
padding:10px
}

.sec-dnb .advance-list h4 {
text-transform:uppercase;
color:#dc6a52;
font-size:22px;
line-height:26px;
width:237px
}

.sec-dnb .advance-list ul {
font-size:15px;
line-height:24px;
list-style:none;
margin-bottom:40px
}

.sec-dnb .advance-list ul li {
position:relative;
padding-left:10px
}

.sec-dnb .advance-list ul li::before {
content:'';
width:4px;
height:4px;
background:#4b4b4b;
border-radius:50%;
display:block;
position:absolute;
top:11px;
left:0
}

.sec-dnb .advance-list>div:first-child h4 {
width:150px
}

.sec-about {
padding-top:40px;
color:#fff
}

.sec-about .sec-title {
font-size:46px;
line-height:55px;
margin-top:7px;
margin-bottom:6px
}

.sec-about .text {
line-height:24px
}

.sec-about .btn {
color:#fff;
display:inline-block;
height:40px;
padding:10px;
min-width:160px;
border:#fff solid 1px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
margin-top:20px
}

.sec-about .btn:hover {
border:1px solid #FF5C39;
background:#FF5C39
}

.sec-about {
display:flex;
align-items:center
}

.sec-about  {
width:100%;
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden
}



.sec-about .counter {
text-align:center;
width:170px;
margin:auto;
padding-top:43px;
padding-bottom:10px
}

.sec-about .counter h3 {
font-size:28px;
font-family:"Roboto",sans-serif;
margin-bottom:14px
}

.sec-about .counter p {
font-weight:600
}

.sec-about .counter .col-4 {
padding-bottom:41px
}

.sec-testimonials {
padding-top:22px;
padding-bottom:28px
}

.sec-testimonials .sec-title {
color:#002659;
font-size:35px;
line-height:43px;
text-transform:uppercase;
margin-bottom:30px
}

.sec-testimonials .sec-desc {
font-size:15px;
line-height:20px;
margin-bottom:39px
}

.sec-testimonials .swiper-slide {
background:url(../images/double-quote.png) no-repeat 7px 130px;
flex-direction:column;
padding-bottom:64px
}

.sec-testimonials .swiper-slide img {
min-width:120px;
max-width:120px;
border-radius:50%;
overflow:hidden;
margin-bottom:38px
}

.sec-testimonials .swiper-slide .te-content .te-text {
font-size:16px;
line-height:21px;
padding-bottom:2px
}

.sec-testimonials .swiper-slide .te-content .te-name {
color:#494949;
font-family:"Roboto",sans-serif;
text-transform:uppercase;
font-size:16px;
font-weight:600;
padding-bottom:3px
}

.sec-testimonials .swiper-slide .te-content .te-position {
color:#bead82;
line-height:21px;
font-size:16px
}

.sec-testimonials .swiper-slide .te-content .te-position strong {
font-weight:400
}

.sec-testimonials .swiper-button-next,.sec-testimonials .swiper-button-prev {
display:none
}

.sec-testimonials .swiper-pagination-bullet {
width:12px;
height:12px;
background:#e1e1e1;
opacity:1
}

.sec-testimonials .swiper-pagination-bullet-active {
background:#c0ad75
}

.sec-news {
text-align:center;
padding-top:12px;
background:#fafafa
}

.sec-news .sec-title {
color:#000000;
font-size:26px;
line-height:43px;
text-transform:uppercase;
margin-bottom:20px
}

.sec-news .sec-desc h5 {
font-family:"Roboto",sans-serif;
font-size:15px!important;
line-height:20px;
margin-bottom:20px;
font-weight:400
}

.sec-news .list {
text-align:left;
list-style:none;
padding:0;
margin:0
}

.sec-news .news-content {
padding:2px 20px 14px;
background:#fff;
margin-bottom:40px
}

.sec-news .news-content h3 {
font-size:18px;
line-height:21px;
margin-bottom:0
}

.sec-news .news-content .text {
line-height:21px;
padding-bottom:3px
}

.sec-news .news-content  {
min-width:125px;
padding:8px 10px;
line-height:17px;
height:auto
}

.sec-news .news-img {
position:relative
}

.sec-news .news-img img {
width:100%
}

.sec-news .news-img .news-date {
position:absolute;
bottom:0;
left:0;
background:#f9da05;
width:45px;
text-align:center;
color:#fff;
padding:0 0 7px
}

.sec-news .news-img .news-date .date-day {
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
font-family: 'Arial';
font-style: normal;
line-height: 16px;
padding: 6px 0 4px;
}

.sec-news .news-img .news-date .date-month {
text-transform:uppercase;
font-size:12px;
line-height:14px;
font-weight:600
margin-bottom: 4px;
}

.sec-news .news-img .news-date .date-year {
font-size:12px;
line-height:14px
}

.sec-thuvien {
padding:21px 0 33px;
color:#fff;
text-align:center
}

.sec-thuvien .sec-title {
text-transform:uppercase;
font-size:36px;
line-height:43px;
text-align:center;
margin-bottom:20px
}

.sec-thuvien .links a {
color:#fff;
display:inline-block;
min-width:160px;
border:#fff solid 1px;
padding:9px 30px;
line-height:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
margin:0 10px 21px
}

.sec-thuvien .links a:hover {
color:#fff;
text-decoration:none;
background:#ac3218;
border-color:#ac3218
}

.sec-dktv {
padding-top:21px;
padding-bottom:50px
}

.sec-dktv .sec-title {
text-transform:uppercase;
font-size:36px;
line-height:43px;
text-align:center;
margin-bottom:20px;
color:#fff;
word-spacing:-5px
}

.sec-dktv .dktv-form .csfForm .cfsFieldShell input[type="text"],.sec-dktv .dktv-form .csfForm .cfsFieldShell input[type="email"] {
background:transparent!important;
border:#fff solid!important;
border-width:0 0 1px!important;
-moz-border-radius:0!important;
-webkit-border-radius:0!important;
border-radius:0!important;
font-weight:400!important;
padding:19px 0!important;
line-height:18px!important;
outline:none!important;
font-size:16px!important;
color:#fff!important
}

.sec-dktv .dktv-form .csfForm .cfsFieldShell input[type="text"]::placeholder,.sec-dktv .dktv-form .csfForm .cfsFieldShell input[type="email"]::placeholder {
color:#fff!important;
font-weight:400!important;
font-size:16px!important
}

.sec-dktv .dktv-form .csfForm .cfsFieldShell select {
width:100%;
height:58px;
border:0 none
}

.sec-dktv .dktv-form .csfForm div[data-type="text"] .cfsInputLabel,.sec-dktv .dktv-form .csfForm div[data-type="email"] .cfsInputLabel {
display:none
}

.sec-dktv .dktv-form .csfForm div[data-type="selectbox"] label {
position:relative;
margin:0!important
}

.sec-dktv .dktv-form .csfForm div[data-type="selectbox"] label .cfsListSelectLabel {
color:#fff;
text-transform:none;
font-weight:400;
padding:19px 0!important;
line-height:18px!important;
border-bottom:#fff solid 1px;
background:url(../images/select-arrow.png) no-repeat right center;
font-size:16px;
margin-bottom:0!important
}

.sec-dktv .dktv-form .csfForm div[data-type="selectbox"] label .cfsListSelect {
background:transparent!important;
border:0 none!important;
position:absolute;
width:100%;
top:0;
left:0;
opacity:0
}

.sec-dktv .dktv-form .csfForm div[data-type="submit"] .cfsFieldShell {
padding-top:15px
}

.sec-dktv .dktv-form .csfForm div[data-type="submit"] input {
border:0 none!important;
height:40px!important;
-moz-border-radius:20px!important;
-webkit-border-radius:20px!important;
border-radius:20px!important;
text-transform:none!important
}

.sec-dktv .dktv-form .csfForm .cfsSuccessMsg {
color:#fff!important
}

@media (min-width: 768px) {
.frontpage-slide .swiper-slide {
min-height:768px;
background-position:left 44% center
}

.frontpage-slide .swiper-slide .txtBanner {
width:100%;
text-align:center;
left:0
}

.frontpage-slide .swiper-slide img {
max-width:300px;
height:auto
}

.frontpage-slide .swiper-slide .title-yellow {
font-size:52px
}

.frontpage-slide .swiper-slide .btn-border {
display:inline-block
}

.hvtb {
text-align:center;
padding-top:41px
}

.hvtb h2 {
max-width:520px;
margin-left:auto;
margin-right:auto;
font-size:36px;
line-height:43px
}

.hvtb p {
line-height:21px;
margin-bottom:30px
}

.hvtb .link {
padding-bottom:7px
}

.ctdt {
padding-top:40px
}

.ctdt h2.sec-title {
font-size:36px;
line-height:43px;
margin-bottom:4px
}

.ctdt .text {
padding-bottom:20px
}

.ctdt .text h2 {
margin-bottom:10px
}

.ctdt .text h3 {
margin-bottom:17px;
margin-top:0
}

.ctdt .list-khoahoc {
padding:0 0 100px;
display:flex;
flex-wrap:wrap
}

.ctdt .list-khoahoc a {
width:25%
}

.sec-dnb .container {
max-width:700px
}

.sec-dnb .container .sec-title {
text-align:center;
padding:0
}

.sec-dnb .container .col-6 {
width:50%;
padding-right:50px
}

.sec-dnb .container .advance-list {
display:flex;
flex-wrap:wrap
}

.sec-about {
padding-top:95px;
padding-bottom:20px
}

.sec-about .sec-title {
font-size:46px;
line-height:55px;
margin-top:7px;
margin-bottom:15px;
word-spacing:-6px
}

.sec-about .sec-content {
display:flex
}

.sec-about .sec-content {
min-width:34.25%
}

.sec-about .sec-content .about-text {
padding-left:20px;
font-size:15px
}

.sec-about .sec-content .btn {
margin-top:47px
}

.sec-about .counter {
width:100%;
display:flex;
padding-top:61px
}

.sec-about .counter .col-4 {
width:25%;
padding-left:15px;
padding-right:15px
}

.sec-testimonials {
padding-top:62px;
padding-bottom:46px
}

.sec-testimonials .sec-title {
font-size:35px;
line-height:43px;
text-transform:uppercase;
margin-bottom:30px
}

.sec-testimonials .swiper-slide {
background:url(../images/double-quote.png) no-repeat 140px 40px;
flex-direction:row;
padding-bottom:75px
}

.sec-testimonials .swiper-slide .te-content {
padding-top:80px;
padding-left:20px;
text-align:left
}

.sec-testimonials .swiper-slide .te-content .te-text {
padding-bottom:2px
}

.sec-testimonials .swiper-slide .te-content .te-name {
padding-bottom:3px
}

.sec-testimonials .swiper-slide .te-content .te-position {
max-width:350px
}

.sec-news {
padding-top:32px;
padding-bottom:20px
}

.sec-news .sec-title {
margin-bottom:20px
}

.sec-news .list {
padding-top:40px;
margin-left:-15px;
margin-right:-15px;
display:flex
}

.sec-news .list li {
padding-left:15px;
padding-right:15px;
width:50%;
display:flex;
flex-direction:column
}

.sec-news .list li:nth-child(n+3) {
display:none
}

.sec-news .news-content {
padding:6px 24px 25px;
flex:1
}

.sec-news .news-content h3 {
margin-bottom:16px
}

.sec-news .news-content .text {
padding-bottom:36px
}

.sec-news .news-content {
min-width:154px;
padding:10px 15px;
line-height:20px;
height:auto
}

.sec-news .news-img .news-date {
width:55px;
padding:5px 0 10px
}

.sec-news .news-img .news-date .date-day {
font-size:24px;
font-weight:600;
margin-bottom:5px
}

.sec-news .news-img .news-date .date-month {
text-transform:uppercase;
font-size:12px;
line-height:14px;
font-weight:600;
margin-bottom:4px
}

.sec-news .news-img .news-date .date-year {
font-size:12px;
line-height:14px
}

.sec-thuvien {
padding:61px 0 106px;
color:#fff;
text-align:center
}

.sec-thuvien .sec-title {
margin-bottom:29px
}

.sec-thuvien .links {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
max-width:520px;
margin:auto
}

.sec-thuvien .links a {
margin:0 0 20px
}

.sec-thuvien .links a:nth-child(4) {
width:100%
}

.sec-dktv {
padding-top:41px;
padding-bottom:152px
}

.sec-dktv .container {
max-width:600px
}

.sec-dktv .sec-title {
margin-bottom:44px
}

.sec-dktv .dktv-form .csfForm .cfsFieldShell {
padding-top:11px
}

.sec-dktv .dktv-form .csfForm div[data-type="submit"] .cfsFieldShell {
padding-top:31px
}
}

@media (min-width: 1200px) {
.frontpage-slide .swiper-slide {
min-height:550px;
background-position:center
}

.frontpage-slide .swiper-slide .txtBanner {
width:600px;
left:50%;
text-align:left
}

.frontpage-slide .swiper-slide img {
margin-left:-63px
}

.frontpage-slide .swiper-slide .title-yellow {
font-size:52px;
line-height:1;
margin-top:17px;
margin-bottom:2px
}

.frontpage-slide .swiper-slide p {
font-size:16px;
line-height:26px
}

.frontpage-slide .swiper-slide .btn-border {
display:inline-block;
margin-top:18px
}

.hvtb {
padding-top:0
}

.hvtb h2 {
margin-top:0
}

.hvtb p {
font-size:15px
}

.hvtb img {
margin-top:55px
}

.hvtb .col-sm-12 {
display:flex;
align-items:center;
flex-flow:row-reverse
}

.hvtb .col-sm-12 .text {
text-align:right;
max-width:370px;
margin-left:30px
}

.ctdt {
padding-top:60px
}

.ctdt h2.sec-title {
font-size:36px;
line-height:43px;
margin-bottom:42px
}

.ctdt .text {
padding-bottom:20px
}

.ctdt .text h2 {
margin-bottom:10px
}

.ctdt .text h3 {
margin-bottom:14px;
margin-top:0
}

.ctdt .text p {
line-height:21px
}

.ctdt .list-khoahoc {
padding:0 0 100px;
display:flex;
flex-wrap:wrap
}

.ctdt .list-khoahoc a {
width:33.3333%
}

.sec-dnb .container {
max-width:1200px
}

.sec-dnb .container .sec-title {
text-align:left;
padding-right:30px;
padding-bottom:15px
}

.sec-dnb .container .sec-content {
display:flex
}

.sec-dnb .container .sec-content>.text {
padding-top:40px;
padding-bottom:45px
}

.sec-dnb .container .sec-content .sec-image {
min-width:500px
}

.sec-dnb .container .col-6 {
width:50%;
padding-right:50px
}

.sec-dnb .container .advance-list {
display:flex;
flex-wrap:wrap
}

.sec-about {
padding-top:95px;
padding-bottom:20px
}

.sec-about .sec-title {
margin-top:7px;
margin-bottom:10px;
word-spacing:-6px
}

.sec-about .sec-content {
display:flex
}

.sec-about .sec-content {
min-width:50%;
padding-right:15px
}

.sec-about .sec-content .about-text {
padding-left:15px;
font-size:16px
}

.sec-about .sec-content .btn {
margin-top:70px
}

.sec-about .counter {
padding-top:65px
}

.sec-about .counter h3 {
margin-bottom:18px
}

.sec-testimonials {
top:0
}

.sec-testimonials .swiper-slide {
background:url(../images/double-quote.png) no-repeat 190px 40px;
padding-bottom:75px;
min-width:600px;
max-width:600px;
padding-left:40px;
padding-right:40px;
align-items:start
}

.sec-testimonials .swiper-slide img {
margin-top:85px
}

.sec-testimonials .swiper-button-next,.sec-testimonials .swiper-button-prev {
display:block;
width:285px;
height:100%;
background:rgba(255,255,255,0.8);
top:0
}

.sec-testimonials .swiper-button-next::after,.sec-testimonials .swiper-button-prev::after {
display:none
}

.sec-testimonials .swiper-button-prev {
left:0
}

.sec-testimonials .swiper-button-next {
right:0
}

.sec-news {
padding-bottom:40px
}

.sec-news .sec-title {
margin-bottom:29px
}

.sec-news .list {
padding-top:33px
}

.sec-news .list li {
width:33.33%
}

.sec-news .list li:nth-child(n+3) {
display:flex
}

.sec-dktv {
padding-top:91px;
padding-bottom:132px
}

.sec-dktv .container {
max-width:1200px
}

.sec-dktv .sec-title {
text-align:left;
margin-bottom:14px
}
}
<!-- code style -->


@media (min-width: 1200px) {
.container-gt-tt {
width:1200px
}
}

::-webkit-scrollbar {
width:8px;
background:#fff;
border-left:#ccc;
border-left-width:1px;
border-left-style:solid
}

::-webkit-scrollbar-thumb {
background:#337ab7
}

body.hscroll {
overflow:hidden
}

body.home {
overflow-x:hidden
}

.top-header {
background:#002855;
float:left;
width:100%;
padding:7px 15px 5px;
text-align:right;
color:#fff
}

.header-fixed {
position:fixed;
z-index:99999;
top:0;
left:0;
width:100%;
-webkit-transition-duration:.4s;
transition-duration:.4s
}

.top-header a {
color:#919191;
text-decoration:none;
margin-right:5px;
margin-left:5px
}

.top-header a:hover,.top-header a.active {
color:#fff;
text-decoration:none
}

ul {
padding:0;
margin:0
}

.menu-main {
list-style:none;
padding-top:25px;
float:right
}

.menu-main li {
float:left;
padding:15px 20px;
position:relative
}

.menu-main li:last-child {
padding-right:0
}

.menu-main li a {
font-size:16px;
font-weight:600;
padding:5px 0;
color:#fff;
text-transform:uppercase
}

.menu-main li a.active,.menu-main li a:hover,.menu-main li.current-menu-item > a,.menu-main li.current_page_item > a {
border-bottom:2px solid #C6AA76;
text-decoration:none
}

.menu-main li ul {
display:none;
position:absolute;
top:100%;
left:0;
background:#fff;
border-style:solid;
border-width:1px;
border-color:#ddd;
list-style:none;
padding:15px;
min-width:300px;
z-index:999999
}

.menu-main li ul li {
padding:0 10px;
width:100%
}

.menu-main li ul li a {
color:#303030;
text-transform:none;
font-weight:400;
padding-bottom:10px;
display:block
}

.blue-bg .menu-main li ul li a {
color:#303030;
text-transform:none;
font-weight:400;
padding-bottom:10px;
display:block
}

.menu-main li:hover ul {
display:block
}

.menu-main li ul li a:hover,.menu-main li ul li a.active,.menu-main li ul li.current-menu-item > a,.menu-main li ul li.current_page_item > a {
border-bottom:0;
color:#C6AA76
}

#slider1,#slider1 ul.bjqs {
width:100vw!important;
height:100vh!important
}

#slider1 ul.bjqs li {
width:100vw!important;
height:100vh!important;
background:#aaa center / cover no-repeat;
position:absolute;
top:0;
left:0;
display:none
}

#slider1 ul.bjqs li .pattern_slide {
background:url(../images/pattern_Gray.png);
opacity:.6;
width:100%;
height:100%;
position:absolute
}

ul.bjqs-controls > li.bjqs-prev a,.slider .prev {
background-position:left center;
left:20px;
cursor:pointer
}
/*
ul.bjqs-controls > li a,.slider .next,.slider .prev {
display:block;
width:66px;
height:82px;
background:url(../images/arrSlider.png) right center no-repeat;
position:absolute;
top:calc(50vh - 21px);
right:20px;
z-index:3;
transition:.3s ease all;
text-indent:-9999px
}

ul.bjqs-controls > li.bjqs-next a {
background:url(../images/arrSliderRight.png) center no-repeat
}
*/
#seven ul.ul_person {
position:relative;
z-index:2;
margin-top:30px;
margin-bottom:40px

}

#seven ul.ul_person li {
text-align:center;
color:#fff
}

#seven ul.ul_person li img {
display:block;
margin:0 auto;
max-height:200px;
max-width:200px;
border-radius:50%
}

#seven ul.ul_person li h3 {
font-weight:700;
font-size:1.375em;
line-height:1;
margin-top:20px;
margin-bottom:10px
}

#seven ul.ul_person li h4 {
font-weight:700;
margin-bottom:10px
}

#seven ul.ul_person li span {
display:block;
line-height:1.5
}

#seven ul.ul_person .slick-next,#seven ul.ul_person .slick-prev {
width:40px;
height:40px;
top:40%;
z-index:3
}

#seven ul.ul_person .slick-next:before,#seven ul.ul_person .slick-prev:before {
content:none
}

#seven ul.ul_person .slick-next {
right:0;
background:url(../images/btn-next.png) no-repeat
}

#seven ul.ul_person .slick-prev {
left:0;
background:url(../images/btn-prev.png) no-repeat
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
#seven {
padding:45px 40px 110px
}

#seven ul.ul_person {
margin-top:0
}

#seven ul.ul_person li.slick-slide {
transform:scale(0.6);
opacity:.6
}

#seven ul.ul_person li.slick-center {
transform:scale(1);
opacity:1
}
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
#seven p {
margin:0
}

#seven a.learn_more {
position:absolute;
left:50%;
margin-left:-78.5px
}
}

@media only screen and (min-width: 1280px) {
#seven p {
margin:0
}

#seven a.learn_more {
position:absolute;
left:50%;
margin-left:-78.5px
}

#seven ul.ul_person {
margin:50px 10% 0
}

#seven ul.ul_person li.slick-slide {
transform:scale(0.6);
opacity:.6;
outline:none
}

#seven ul.ul_person li.slick-center {
transform:scale(1);
opacity:1;
outline:none
}
}

.pagination_news {
border:1px solid #d6d6d6;
border-left:none;
border-bottom:none
}

.pagination_news .bg-building {
min-height:100%;
padding-bottom:30px
}

.pagination_news {
font-size:16px
}

.pagination_news h3 {
font-size:16px
}

.pagination_news a {
font-weight:700
}

.pagination_news .left_ct {
text-align:right
}

@media (max-width: 992px) {
.pagination_news {
width:50%!important;
padding-bottom:20px
}

.pagination_news .bg-building {
min-height:100%;
padding-bottom:0
}
}

#ul_social {
font-size:0;
text-align:left !important;
margin:10px 0 20px 0px !important;
display:inline-block;
width:100%;
}

#ul_social li {
display:inline-block;
vertical-align:middle;
text-indent:9999px;
width:32px;
height:32px;
margin:0 10px
}

#ul_social li.facebook {
background:url(../images/facebook.png) no-repeat;
background-size:32px 32px
}

#ul_social li.facebook:hover {
background:url(../images/Facebook_hover.png) no-repeat
}

#ul_social li.linkedin {
background:url(../images/Linkedin.png) no-repeat;
background-size:32px 32px
}

#ul_social li.linkedin:hover {
background:url(../images/Linkedin_hover.png) no-repeat
}

#ul_social li.youtube {
background:url(../images/Youtube.png) no-repeat;
background-size:32px 32px
}

#ul_social li.youtube:hover {
background:url(../images/Youtube_hover.png) no-repeat
}

#ul_social li.zalo {
background:url(../images/Zalo.png) no-repeat;
background-size:32px 32px
}

#ul_social li.zalo:hover {
background:url(../images/Zalo_hover.png) no-repeat
}

#ul_social li a {
display:block;
height:32px
}

li#menu-item-1008 {
background:#fff url(../images/Facebook.png) no-repeat left 8px;
background-size:16px 16px;
padding-left:23px
}

li#menu-item-1008:hover {
background:#fff url(../images/Facebook_hover.png) no-repeat left 8px;
background-size:16px 16px
}

li#menu-item-1009 {
background:#fff url(../images/Linkedin.png) no-repeat left 8px;
background-size:16px 16px;
padding-left:23px
}

li#menu-item-1009:hover {
background:#fff url(../images/Linkedin_hover.png) no-repeat left 8px;
background-size:16px 16px
}

li#menu-item-1011 {
background:#fff url(../images/Youtube.png) no-repeat left 8px;
background-size:16px 16px;
padding-left:23px
}

li#menu-item-1011:hover {
background:#fff url(../images/Youtube_hover.png) no-repeat left 8px;
background-size:16px 16px
}

li#menu-item-1010 {
background:#fff url(../images/Zalo.png) no-repeat left 8px;
background-size:16px 16px;
padding-left:23px
}

li#menu-item-1010:hover {
background:#fff url(../images/Zalo_hover.png) no-repeat left 8px;
background-size:16px 16px
}

@media (max-width: 1200px) {
li#menu-item-1008 {
background:#fff url(../images/Facebook.png) no-repeat left;
background-size:16px 16px;
padding-left:23px;
background-position-x:10px
}

li#menu-item-1008:hover {
background:#fff url(../images/Facebook_hover.png) no-repeat left;
background-size:16px 16px;
background-position-x:10px
}

li#menu-item-1009 {
background:#fff url(../images/Linkedin.png) no-repeat left;
background-size:16px 16px;
padding-left:23px;
background-position-x:10px
}

li#menu-item-1009:hover {
background:#fff url(../images/Linkedin_hover.png) no-repeat left;
background-size:16px 16px;
background-position-x:10px
}

li#menu-item-1011 {
background:#fff url(../images/Youtube.png) no-repeat left;
background-size:16px 16px;
padding-left:23px;
background-position-x:10px
}

li#menu-item-1011:hover {
background:#fff url(../images/Youtube_hover.png) no-repeat left;
background-size:16px 16px;
background-position-x:10px
}

li#menu-item-1010 {
background:#fff url(../images/Zalo.png) no-repeat left;
background-size:16px 16px;
padding-left:23px;
background-position-x:10px
}

li#menu-item-1010:hover {
background:#fff url(../images/Zalo_hover.png) no-repeat left;
background-size:16px 16px;
background-position-x:10px
}
}

li#menu-item-529 {
background:#fff url(../images/Facebook.png) no-repeat left 8px;
background-size:16px 16px;
padding-left:23px
}

li#menu-item-529:hover {
background:#fff url(../images/Facebook_hover.png) no-repeat left 8px;
background-size:16px 16px
}

li#menu-item-530 {
background:#fff url(../images/Linkedin.png) no-repeat left 8px;
background-size:16px 16px;
padding-left:23px
}

li#menu-item-530:hover {
background:#fff url(../images/Linkedin_hover.png) no-repeat left 8px;
background-size:16px 16px
}

li#menu-item-531 {
background:#fff url(../images/Youtube.png) no-repeat left 8px;
background-size:16px 16px;
padding-left:23px
}

li#menu-item-531:hover {
background:#fff url(../images/Youtube_hover.png) no-repeat left 8px;
background-size:16px 16px
}

li#menu-item-532 {
background:#fff url(../images/Zalo.png) no-repeat left 8px;
background-size:16px 16px;
padding-left:23px
}

li#menu-item-532:hover {
background:#fff url(../images/Zalo_hover.png) no-repeat left 8px;
background-size:16px 16px
}

@media (max-width: 1200px) {
li#menu-item-529 {
background:#fff url(../images/Facebook.png) no-repeat left;
background-size:16px 16px;
padding-left:23px;
background-position-x:10px
}

li#menu-item-529:hover {
background:#fff url(../images/Facebook_hover.png) no-repeat left;
background-size:16px 16px;
background-position-x:10px
}

li#menu-item-530 {
background:#fff url(../images/Linkedin.png) no-repeat left;
background-size:16px 16px;
padding-left:23px;
background-position-x:10px
}

li#menu-item-530:hover {
background:#fff url(../images/Linkedin_hover.png) no-repeat left;
background-size:16px 16px;
background-position-x:10px
}

li#menu-item-531 {
background:#fff url(../images/Youtube.png) no-repeat left;
background-size:16px 16px;
padding-left:23px;
background-position-x:10px
}

li#menu-item-531:hover {
background:#fff url(../images/Youtube_hover.png) no-repeat left;
background-size:16px 16px;
background-position-x:10px
}

li#menu-item-532 {
background:#fff url(../images/Zalo.png) no-repeat left;
background-size:16px 16px;
padding-left:23px;
background-position-x:10px
}

li#menu-item-532:hover {
background:#fff url(../images/Zalo_hover.png) no-repeat left;
background-size:16px 16px;
background-position-x:10px
}
}

ul#bc_news {
list-style:none
}

ul#bc_news li {
display:inline-block;
vertical-align:bottom
}



body.home #box_all {
padding-top:77px;
margin-top:-77px
}

.txtBanner {
text-shadow:0 0 10px rgba(0,0,0,0.4);
position:absolute;
top:50%;
z-index:2;
width:600px;
left:50%;
transform:translateY(-50%);
text-align:left
}

.title-yellow {
font-size:55px;
color:#C6AA76;
line-height:1.2;
font-family:Times new roman;
font-weight:bolder
}

.title-yellow-2 {
font-size:55px;
color:#ffe563;
text-align:center;
line-height:75px;
font-family:Times new roman;
font-weight:bolder
}

.txtWhite {
color:#fff;
font-size:20px;
line-height:30px
}

.box-grey {
background:#002855;
height:146px;
padding-left:30px
}

.box-blue {
background:#FF5C39;
height:146px;
padding-left:30px
}

.box-yellow {
background:#C6AA76;
height:146px;
padding-left:30px
}

.icon-service {
padding:10px 0 10px 85px;
font-size:22px;
text-transform:uppercase;
font-weight:600;
color:#fff;
min-height:70px;
line-height:29px;
font-family:Times New Roman;
display:inline-block;
width:335px;
height:70px
}

.icon-hocbong {
background:url(../images/icon-hocbong.png) 0 10px no-repeat
}

.icon-hocvien {
background:url(../images/icon-hocvien.png) 0 10px no-repeat
}

.icon-doitac {
background:url(../images/icon-doitac.png) 0 10px no-repeat
}

.link-w {
display:block;
font-size:13px;
text-transform:none;
font-weight:400;
color:#fff;
padding-right:15px;
padding-left:85px
}

.link-w:hover {
text-decoration:underline;
color:#fff
}

.title-line,#primary h2,.width-80 h2 {
font-size:28px;
color:#002855;
text-transform:uppercase;
background:url(../images/line-black.png) no-repeat 0 0;
padding-top:15px;
font-family:Times New Roman;
font-weight:700;
display:inline-block
}

#primary.ttts h2 {
background:none;
font-size:35px
}

.title-line-blue {
font-size:24px;
line-height:32px;
color:#002855;
background:url(../images/line-blue.png) no-repeat 0 0;
padding-top:10px;
font-family:Times New Roman;
font-weight:700;
display:inline-block;
width:100%
}

.bg_ttts {
position:relative;
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
min-height:600px
}

.pattern_ttts {
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}

.pattern_ttts1 {
background:url(../images/pattern_Gray.png);
opacity:0
}

.pattern_ttts2 {
background:url(../images/pattern_LightBlue.png);
opacity:0
}

.pattern_ttts3 {
background:url(../images/pattern_yellow.png);
opacity:0
}

#primary.ttts a.color-white:hover {
color:#002855!important
}

.pull-right-ttts {
float:right
}

@media (max-width: 991px) {
.pattern_ttts1 {
background:url(../images/pattern_Gray.png);
opacity:1
}

.pattern_ttts2 {
background:url(../images/pattern_LightBlue.png);
opacity:1
}

.pattern_ttts3 {
background:url(../images/pattern_yellow.png);
opacity:1
}

.pull-right-ttts {
float:none
}
}

@media (max-width: 992px) {
#primary.ttts .txtRight {
text-align:center
}

#primary.ttts .pull-left {
text-align:center
}

#primary.ttts .bg-yellow-percent {
text-align:center
}

#primary.ttts h2 {
font-size:24px
}

#primary.ttts .color-white p {
font-size:16px;
line-height:22px
}
}

@media (max-width: 780px) {
#primary.ttts .bg-yellow-percent {
top:40px;
bottom:auto;
left:50%;
right:auto;
transform:translateX(-50%)
}

.bg_ttts {
min-height:400px
}
}

.img-news {
margin:15px 0 10px;
opacity:1;
filter:alpha(opacity=100);
-webkit-transition-duration:.4s;
transition-duration:.4s
}

.img-news:hover {
margin:15px 0 10px;
opacity:.7;
filter:alpha(opacity=70)
}

.name-news {
font-size:16px;
text-transform:uppercase;
font-weight:500;
display:block;
padding-bottom:10px;
color:#001c66
}

.name-news:hover {
color:#f9da05
}

.read-more {
font-style:italic;
color:#002855
}

.read-more:hover {
font-style:italic;
color:#C6AA76
}

a {
color:#002855
}




.date {
float:left;
width:50px;
border:1px solid #f9da05;
text-align:center;
font-weight:700;
color:#f9da05;
font-size:24px;
line-height:16px;
padding:6px 0 4px
}

.month {
font-size:12px;
text-transform:uppercase
}

.box-img {
padding-left:20px;
float:left;
width:28%;
opacity:1;
filter:alpha(opacity=100);
-webkit-transition-duration:.4s;
transition-duration:.4s
}

.box-img:hover {
padding-left:20px;
float:left;
opacity:.7;
filter:alpha(opacity=70)
}

.box-img img {
width:200px
}

.txtRecap {
float:left;
padding-left:25px;
width:65%
}

.list-news {
list-style:none;
margin-top:15px
}

.list-news li {
margin-bottom:25px;
float:left;
width:100%
}

.view-all {
float:right;
margin-top:-30px;
border:1px solid #002855;
padding:5px;
font-size:14px;
color:#002855;
text-transform:uppercase;
position:relative;
z-index:123;
-webkit-transition-duration:.4s;
transition-duration:.4s;
border-radius:2px
}

.view-all:hover {
float:right;
margin-top:-30px;
border:1px solid #FF5C39;
padding:5px;
font-size:14px;
color:#fff;
text-transform:uppercase;
position:relative;
z-index:123;
background-color:#FF5C39;
text-decoration:none;
border-radius:2px
}

.title-line-white {
font-size:28px;
color:#fff;
background:url(../images/line-white.png) no-repeat center top;
text-align:center;
text-transform:uppercase;
padding-top:25px;
font-family:Times New Roman;
font-weight:700
}

.txtIntro {
color:#fff;
font-size:16px;
text-align:center;
width:51%;
margin:25px auto
}

.txtHeader {
font-size:14px;
font-family:Roboto;
font-weight:300
}

.box-course {
text-align:center;
float:left;
width:100%;
margin-top:-23px;
z-index:123;
position:relative;
margin-bottom:15px
}

.box-course span {
background:#002855;
color:#C6AA76;
font-family:Times New Roman;
font-weight:700;
font-size:32px;
padding:2px 10px 3px;
text-transform:uppercase
}

.txtCenter {
text-align:center
}

.txtJustify {
text-align:justify
}

.bg-white {
float:left;
width:100%;
padding:20px 0 40px;
background:#fff
}

.color-blue {
color:#002855
}

.bg-center {
background-position:center 0;
text-align:center;
padding-top:25px
}

.txtAbout {
font-family:'Times New Roman',Times,serif;
font-size:18px;
font-style:italic;
width:100%;
margin:auto;
text-align:center
}

.name-person {
font-style:normal;
text-transform:uppercase;
font-size:18px;
font-weight:700;
color:#002855;
text-align:center
}

.font-normal {
font-style:normal;
font-family:'Roboto'
}

.bg-right {
background:url(../images/thuvienanh_bg.jpg) no-repeat center center;
background-size:cover;
padding:0
}

.bg-left {
background:url(../images/clbdoanhnghiep-bg.jpeg) no-repeat center center;
background-size:cover;
padding:0
}

.bg-right .box-hafl {
padding:100px 0;
height:450px;
background:url(../images/pattern_gold.png)
}

.bg-left .box-hafl {
padding:100px 0;
height:450px;
background:url(../images/pattern_darkblue.png)
}

@media (max-width: 440px) {
.box-hafl {
padding:30px 0!important
}
}

.btn-border {
display:inline-block;
padding:8px 15px 6px;
margin:5px;
text-transform:uppercase;
border:1px solid #fff;
font-size:15px;
font-weight:600;
margin-top:30px;
color:#fff;
border-radius:2px;
-webkit-transition-duration:.4s;
transition-duration:.4s
}

.btn-border:hover {
display:inline-block;
padding:8px 15px 6px;
margin:5px;
text-transform:uppercase;
border:1px solid #FF5C39;
font-size:15px;
font-weight:600;
margin-top:30px;
color:#fff;
background-color:#FF5C39;
border-radius:2px;
text-decoration:none
}

.btn-border-ttts {
display:inline-block;
padding:8px 15px 6px;
margin:5px;
text-transform:uppercase;
border:1px solid #333;
background-color:#fff;
font-size:15px;
font-weight:600;
margin-top:30px;
color:#fff;
border-radius:2px;
-webkit-transition-duration:.4s;
transition-duration:.4s
}

.btn-border-ttts:hover {
display:inline-block;
padding:8px 15px 6px;
margin:5px;
text-transform:uppercase;
border:1px solid #002855;
font-size:15px;
font-weight:600;
margin-top:30px;
color:#fff!important;
background-color:#002855;
border-radius:2px;
text-decoration:none
}

@media (max-width: 991px) {
.btn-border-ttts {
display:inline-block;
padding:8px 15px 6px;
margin:5px;
text-transform:uppercase;
border:1px solid #fff;
background-color:rgba(255,255,255,0);
font-size:15px;
font-weight:600;
margin-top:30px;
border-radius:2px;
-webkit-transition-duration:.4s;
transition-duration:.4s
}

.btn-border-ttts:hover {
display:inline-block;
padding:8px 15px 6px;
margin:5px;
text-transform:uppercase;
border:1px solid #fff;
font-size:15px;
font-weight:600;
margin-top:30px;
color:#002855!important;
background-color:#fff;
border-radius:2px;
text-decoration:none
}
}

.btn-border.color-white {
margin-top:10px
}


.go-top {
position:fixed;
bottom:45px;
right:20px;
z-index:9999
}

.col-md-6 a {
z-index:100;
float:left;
width:100%
}

.col-md-6 .cover-banner {
-webkit-transition-duration:.4s;
transition-duration:.4s
}

.col-md-6:hover .cover-banner {
display:block;
z-index:11;
background:rgba(0,0,0,0.2)
}

.col-md-6 .min-h a {
z-index:100;
float:none;
width:auto
}

.pd0 {
padding:0
}

.box-hafl img {
width:100%;
height:459px
}

.box-hafl-text {
padding:20px 50px;
height:459px
}

.txtMiddle {
position:absolute;
top:50%;
transform:translateY(-50%)
}

.ttts .txtMiddle {
width:100%
}

.title-mid {
position:absolute;
left:-27px;
top:50%;
transform:translateY(-50%);
color:#002855;
font-size:60px;
width:57px;
line-height:60px;
padding:10px;
font-weight:700;
text-align:center
}

.bg-yellow {
background:rgba(255,229,99,0.6);
padding:20px 0
}

.bg-yellow-percent {
position:absolute;
top:40px;
right:0;
z-index:12345;
width:100%;
text-align:right
}

.box-percent {
width:123px;
height:44px;
font-size:12px;
font-family:Roboto;
font-weight:700;
background:url(../images/bg-yellow.png) no-repeat 0 0;
display:inline-block;
text-align:left;
padding:6px 0 0 5px;
line-height:14px;
color:#002855
}

.percent-left {
left:0;
right:auto;
text-align:left
}

.txtPercent {
float:right;
font-size:30px;
margin-top:-7px;
margin-right:8px
}

.title-blue {
color:#002855;
font-size:40px;
font-weight:700;
font-family:"Times New Roman",Times,serif;
line-height:40px;
margin-top:0
}

.background-yellow {
background-color:#f3d22f
}

.background-blue {
background-color:#002855
}

.color-blue {
color:#002855
}

.color-white {
color:#fff!important;
font-weight:400
}

a.color-white:hover {
background:#fff;
text-decoration:none;
color:#000
}

.color-w {
color:#fff!important
}

.color-white {
color:#fff!important;
font-weight:400
}

.color-white-ttts {
color:#333!important;
font-weight:400
}

.color-w-ttts {
color:#002855!important
}

@media (max-width:991px) {
.color-white-ttts {
color:#fff!important;
font-weight:400;
text-shadow:0 0 5px rgba(0,0,0,0.4)
}

.color-w-ttts {
color:#fff!important;
text-shadow:0 0 5px rgba(0,0,0,0.4)
}
}

a.btn-border-blue {
color:#002855;
font-size:16px;
border:1px solid #002855;
display:inline-block;
padding:5px 25px;
width:auto;
margin-top:10px;
float:none;
border-radius:5px;
text-transform:uppercase
}

a.btn-border-blue.color-white {
border:1px solid #fff;
color:#fff
}

.txtRight {
text-align:right
}

.background-blue .txtMiddle {
padding-left:0;
padding-right:50px
}

.background-blue .title-mid {
left:auto;
right:-35px;
z-index:123;
width:70px
}

.background-blue-light {
background-color:#6b98c1
}

.bg-dangkyol {
background:url(../images/bg-dangky.jpg) no-repeat;
background-size:cover;
padding:30px 0;
text-align:center
}

.btn-dangky-online {
background:#ff5c39;
color:#fff;
padding:8px 25px;
text-transform:uppercase;
font-family:Roboto;
font-size:16px;
display:inline-block;
min-width:200px;
font-weight:400;
-webkit-transition-duration:.4s;
transition-duration:.4s
}

.btn-dangky-online:hover {
background:#002855;
color:#fff;
padding:8px 25px;
text-transform:uppercase;
font-family:Roboto;
font-size:16px;
display:inline-block;
min-width:200px;
font-weight:400;
text-decoration:none
}

@media (max-width:1200px) {
.container {
width:100%
}

.container-gt-tt {
width:100%;
display:inline-block
}

#menu_mobile {
display:inline-block;
top:0
}

#testimonial_thumbnails_ind_carousel {
width:80%
}

.menu-main {
background:#022855;
width:100%;
height:100%;
position:fixed;
left:0;
z-index:999;
padding:45px 0;
overflow:auto;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none
}

.menu-main li {
width:100%
}

.menu-main > li:hover {
text-decoration:none
}

.menu-main > li:last-child {
padding-right:20px
}

.menu-main > li > a {
display:block;
position:relative
}

.menu-main > li > a:before {
font-size:16px;
content:"+";
right:0;
top:50%;
position:absolute;
display:block;
color:#fff;
transform:translateY(-50%)
}

.menu-main > li.active > a:before {
content:"-"
}

.menu-main > li > a:hover {
border:none;
text-decoration:none
}

.menu-main li:hover ul {
display:none
}

.menu-main li ul.sub-menu {
position:static;
padding:0;
margin-left:-20px;
margin-right:-20px;
margin-top:15px;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none
}

.menu-main li ul.sub-menu li {
background:#fff;
border-bottom:1px solid #002855
}

.menu-main li ul.sub-menu li a {
line-height:1;
padding:10px 20px
}

.txtRecap {
padding-left:20px;
width:68%;
margin-top:-4px
}

.box-img {
width:23%
}

.txtIntro {
width:75%;
font-size:15px;
line-height:22px
}

.bx-wrapper li > img {
height:100%
}

.title-yellow {
font-size:50px;
line-height:60px
}

.txtBanner {
width:50%;
left:40%
}

.txtWhite {
margin-bottom:30px
}



.bg-glass,.bg-right,.bg-left {
background-size:cover;
font-size:0
}

.txtBanner .btn-border {
margin-top:0
}

.min-h {
min-height:173px
}

.box-all {
width:100%;
display:inline-block
}

.div_arrow-down {
display:none!important
}

.arrow-down {
bottom:10px
}

.bx-wrapper li > img {
height:100%
}

.txtHeader {
font-size:14px
}

.col-md-6 {
width:50%;
float:left
}

.icon-service {
font-size:20px;
width:100%
}
}

@media (max-width: 991px) {
#menu_mobile {
position:inherit;
margin-right:-20px
}
}

@media (max-width:1059px) {
.box-grey {
height:170px
}

.box-blue {
height:170px
}

.box-yellow {
height:170px
}

.icon-service {
height:100px
}

.title-yellow {
font-size:37px;
line-height:48px
}
}

@media (max-width:900px) {
.col-md-6 {
display:table;
width:100%
}
}

@media (max-width:850px) {
.box-grey {
height:140px
}

.box-blue {
height:140px
}

.box-yellow {
height:140px
}

.icon-service {
height:50px;
font-size:16px;
line-height:20px
}
}

@media (max-width:767px) {
.box-grey {
height:120px
}

.box-blue {
height:120px
}

.box-yellow {
height:120px
}

.icon-service {
height:0;
font-size:16px;
line-height:20px
}

.link-w {
margin-top:-15px
}
}

.text-btn-banner {
min-height:260px;
position:relative;
display:table;
width:100%
}

@media (max-width:780px) {


#testimonial_thumbnails_ind_carousel {
width:100%
}

.regiter-online {
font-size:9px;
padding:5px 2px
}

.box-grey,.box-blue,.box-yellow {
padding-left:20px
}

.text-btn-banner {
min-height:120px
}
}

@media (max-width:767px) {
.txtBanner {
width:75%;
right:0;
left:0;
margin:auto;
text-align:center
}
}

@media (max-width:720px) {
#menu_mobile {
position:inherit;
margin-right:-20px
}

.min-h {
min-height:auto
}

.arrow-down {
bottom:0
}
}

@media (max-width:580px) {
#menu_mobile {
position:inherit;
margin-right:-20px
}

.txtRecap {
padding-left:0;
width:100%;
margin-top:15px
}

.box-img {
width:68%
}

.txtIntro {
width:100%;
font-size:15px;
line-height:18px
}

.title-yellow {
font-size:20px;
line-height:30px;
margin-bottom:10px
}

.txtBanner {
width:70%
}

.txtWhite {
font-size:15px;
line-height:20px
}

.menu-main {
display:none
}


.bg-glass,.bg-right,.bg-left {
background-size:auto 100%;
font-size:0
}

.box-gs {
padding:0;
width:241px;
text-align:center
}

ul.bjqs-controls > li.bjqs-prev a,.slider .prev {
background-position:left center;
left:-6px;
cursor:pointer
}

ul.bjqs-controls > li a,.slider .next,.slider .prev {
display:block;
width:50px;
height:30px;
background:url(../images/arrSlider.png) right center no-repeat;
position:absolute;
top:calc(50vh - 21px);
right:0;
z-index:3;
transition:.3s ease all;
text-indent:-9999px
}
}

@media (max-width:480px) {
.box-gs {
padding:0;
width:231px;
text-align:center
}
}

@media (max-width:380px) {
.box-grey,.box-blue,.box-yellow {
padding-left:20px
}

.icon-service {
font-size:17px;
line-height:25px
}

.txtWhite {
font-size:15px;
line-height:20px
}

.box-gs {
padding:0;
width:100%;
text-align:center
}
}

.bg-pattern-heavy-blue {
background:url(../images/pattern_HeavyBlue.png);
width:100%;
height:380px;
position:absolute;
margin-top:20px
}

.bg-pattern-dark-blue {
background:url(../images/pattern_darkblue.png);
width:100%;
height:380px;
position:absolute;
margin-top:20px
}

.kientao {
background:url(../images//KienTaoTuongLai.jpg) no-repeat left;
background-size:280px;
height:77px;
margin-bottom:10px
}

@media (max-width:767px) {
.kientao {
background:url(../images/KienTaoTuongLai2.jpg) no-repeat center;
background-size:228px
}
}

.build-future {
background:url(../images/build-a-future.jpg) no-repeat left;
background-size:280px;
height:77px;
margin-bottom:10px
}

@media (max-width:767px) {
.build-future {
background:url(../images/build-a-future.jpg) no-repeat center;
background-size:228px
}
}

.pull-left-footer {
float:left;
width:30%
}

.pull-right-footer {
float:right;
text-align:right;
width:70%
}

@media (max-width:899px) {
.pull-left-footer {
float:none;
width:100%
}

.pull-right-footer {
float:none;
text-align:left;
width:100%
}
}

@media (max-width: 400px) {
.bg-bulding {
background:#fff url(../images/ctdt-bg.jpg) no-repeat center center;
background-size:cover;
width:100%;
height:430px;
padding:20px 0 40px;
margin-top:20px
}

.bg-pattern-heavy-blue {
background:url(https://columbiasouthern.edu.vn/wp-content/themes/csu/images/pattern_HeavyBlue.png);
width:100%;
height:430px;
position:absolute;
margin-top:20px
}
}

.slide {
height:380px
}

@media (max-width: 767px) {
.slide {
height:auto
}
}

.testimonial_thumbnails_ind_carousel_indicators li img {
-webkit-filter:opacity(50%)!important;
-moz-filter:opacity(50%)!important;
-ms-filter:opacity(50%)!important;
-o-filter:opacity(50%)!important;
filter:opacity(50%)!important
}

.testimonial_thumbnails_ind_carousel_indicators .active img {
-webkit-filter:opacity(100%)!important;
-moz-filter:opacity(100%)!important;
-ms-filter:opacity(100%)!important;
-o-filter:opacity(100%)!important;
filter:opacity(100%)!important
}



.list-inline2 {
padding-left:0;
list-style:none
}

.list-inline2>li {
display:inline-block;
padding-left:10px;
padding-right:10px
}

.ctdt50 {
float:left;
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px
}

@media (min-width: 768px) {
.ctdt50 {
width:50%
}
}

.text-on-image {
font-size:32px!important;
text-shadow:1px 1px 4px #737373
}

@media (max-width: 640px) {
.text-on-image {
font-size:26px!important;
text-shadow:1px 1px 4px #737373
}
}

@media (max-width: 400px) {
.text-on-image {
font-size:20px!important;
text-shadow:1px 1px 4px #737373
}
}

.headline-slider-tuyensinh {
font-size:35px;
line-height:40px;
margin-bottom:10px
}

@media (max-width: 580px) {
.headline-slider-tuyensinh {
font-size:20px;
line-height:30px;
margin-bottom:5px
}
}

.headline-slider-congnhan1 {
font-size:25px;
margin-bottom:5px;
line-height:1.2
}

.headline-slider-congnhan2 {
font-size:40px;
margin-bottom:5px;
line-height:1.2
}

@media (max-width: 580px) {
.headline-slider-congnhan1 {
font-size:18px;
margin-bottom:5px;
line-height:1.2
}

.headline-slider-congnhan2 {
font-size:20px;
margin-bottom:5px;
line-height:1.2
}
}
.dropdown-toggle {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	text-indent: -9999px;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	display: none;
/*	
	height: 48px;
	width: 48px;
	display:none;*/
}
@media (max-width: 1200px){
	li > .dropdown-toggle:after {
		font-size: 16px;
		content: "+";
		right: 0;
		top: 50%;
		position: relative;
		text-indent: initial;
		display: block;
		color: #fff;
		transform: translateY(-50%);
	}	
	li.active > .dropdown-toggle:after {
		content: "-";
		font-size: 16px;
	}
}


.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: transparent;
	color: #007acc;
}

.dropdown-toggle:focus {
	outline: thin dotted;
	outline-offset: -1px;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}


.txtTitleCenter
{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	margin:auto;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	color:#fff;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:48px;
	font-weight:bold;
	text-transform:uppercase;
	z-index:33;
	text-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.breadcrumbs
{
	padding: 15px 0px 10px 0px;
    border-bottom: 1px solid #e1e1e1;
}
.breadcrumbs a
{
	color:#303030;
	font-size:16px;
}
.breadcrumbs > span
{
	font-size:16px;
	color:#303030;
	padding-right:5px;
	margin-left:5px;
}
.breadcrumbs > span:first-child
{
	margin-left:0px;
}
.txtAboutInfo
{
	font-size:16px;
	text-align:center;
	/*display:inline-block;*/
	display: table;
	margin: auto;	
	padding: 30px 0px 30px 0px;
}
.txtAboutInfo .col-md-3
{
	/* border-right: 1px solid #ccc; */
	height:90px;
}			
.txtAboutInfo .col-md-3:last-child
{
	border-right:0px;
}
.txtAboutInfo strong
{
	font-size:30px;
}







.pdt50
{
	padding-top:50px;
}
.bg-building
{
	min-height: 260px;
    position: relative;
	display: table;
    width: 100%;
}
.box-padding-top
{
	padding-top: 140px;
    padding-left: 80px;
    padding-right: 80px;
    /* text-align: justify; */
	padding-bottom:80px;
}
.f32
{
	font-size:32px;
	text-shadow:1px 1px 4px #737373;
}
.img-nv img
{
	height:80px;
	width:auto;
	margin-bottom:15px;
}
.mgb20
{
	margin-bottom:20px;
}
.img-nv
{
	margin-bottom:40px;
}
.text-normal
{
	text-transform: none;
    width: 55%;
}

.btn-border-link {
    border: 1px solid #303030;
    padding: 7px 15px;
    color: #303030;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Roboto;
    display: inline-block;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.btn-border-link:hover {
    border: 1px solid #fff;
    padding: 7px 15px;
    color: #fff;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Roboto;
    display: inline-block;
	background-color: #002855;
	text-decoration: none;
	
}


.mg140
{
	margin-top:40px;
}
.text-just
{
text-align:justify;
}
.width-70
{
	width:65%;
	text-align:justify;
	margin:30px auto;
}

.box-gs
{
	padding:0px;
	width: 300px;
	height: auto;
}


@media (max-width:1800px) {
.box-gs
{
	padding:0px;
	width: 12.5%;
	height: auto;
}
}

@media (max-width:1023px) {
	.box-gs
	{
	padding:0px;
	width: 16.666666%;
	height: auto;
	}
}

@media (max-width:768px) {
	.box-gs
	{
	padding:0px;
	width: 25%;
	height: auto;
	}
}

@media (max-width:580px) {
	.box-gs
	{
	padding:0px;
	width: 33.333333%;
	height: auto;
	}
}


.title-gs
{
	text-align:right;
	position:absolute;
	bottom:0px;
	width:100%;
	padding:7px 10px 7px 4px;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	margin:0px;
	font-weight:bold;
	z-index:11;
}
.cover-black
{
	background:url(images/trans-black.png);
	opacity: 0.7;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
}
.box-gs:hover .cover-black
{
	display:none;
}
.box-gs:hover .title-gs
{
	background:url(images/trans-blue.png);
}
#black-wrapper
{
	background:rgba(0,0,0,0.8);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 99999;
}
.box-popup
{
	position: fixed;
    top: 14%;
    background: #fff;
    height: 80vh;
    width: 80vw;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 99999;
	overflow: auto;
	padding-bottom: 20px;
}
.left-slide
{
	margin-bottom: 15px;
    width: 100%;
    background: url(images/gv_background.jpg) no-repeat top center;
	background-size: cover;
    text-align: center;
    padding: 30px 0px 30px 0px;
}
.left-slide .cover-img-slide
{
	height:250px;
	width:250px;
	border-radius:50%;
	margin-bottom:15px;
	overflow:hidden;
	background-position:center;
	display:inline-block;
	background-size:auto 100%;
}
.left-slide span
{
	color:#002855;
	font-size:28px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
.right-slide
{
	width: 70%;
    margin: auto;
}
.closepopup
{
	position:absolute;
	top:15px;
	right:15px;
	height:37px;
	width:37px;
	background:url(images/close.png) no-repeat;
	z-index:3333;
}
.overflow-auto
{
	/* max-height: 195px; */
   /*  overflow: auto; */
}
.font-normal
{
	font-weight:300;
	font-family:Roboto;
	line-height:18px;
	font-size:14px;
}
.none-shadow
{
text-shadow:none;
}
.title-w
{
	margin-top:0px;
}
table
{
	border-collapse:collapse;
	border:1px solid #ccc;
	width:100%;
	background:#f1f1f1;
}
table tr td, table tr th
{
	padding: 10px;
   /*	border:1px solid #ccc;*/
}
table tr td
{
	vertical-align: middle;
}
table tr td:first-child, table tr th:first-child
{
	text-align: left;
}
.table-none table, .table-none table tr td, .table-none table tr th
{
	border:0px;
	background:none;
}

.txtLeft
{
	text-align:left;
}
.title-line.bg-center
{
	background-position: top center !important;
}
.pdt100
{
	padding-top:100px;
}
.mgt10
{
	margin-top:10px;
}
.txtMiddle .title-yellow
{
	line-height:55px;
}
.list-news-page
{
	list-style:none;
	padding:0px;
	margin:20px 0px 20px 0px;
	display:inline-block;
}
.list-news-page li
{
	margin-bottom: 30px;
    min-height: 480px;
    border-bottom-width: 1px;
    border-bottom-color: #d6d6d6;
    border-bottom-style: solid;
}
.list-news-page .box-img
{
	width:100%;
	padding-left: 0px;
    margin-bottom: 15px;
    / *height: 210px; */
    overflow: hidden;
}
.list-news-page .txtRecap
{
	width:100%;
	padding-left:0px;
}
.list-news-page .box-img img
{
	width:100%;
	height:auto;
}
.list-news-page .date
{
	margin-right:10px;
}
.list-news-page .name-news
{
	display: inline-block;
    min-height: 76px;
	max-width: 80%;
}
.datepost
{
	margin-bottom:30px;
}
.paginative a
{
	display: inline-block;
    padding: 5px 10px 6px 10px;
    line-height: 16px;
    border: 1px solid #333;
    margin-bottom: 15px;
}
.paginative
{
	text-align:center;
}
.paginative span.current
{
	display: inline-block;
    padding: 5px 10px 6px 10px;
    line-height: 16px;
    border: 1px solid #002855;
    margin-bottom: 15px;
	background:#002855;
	color:#fff;
}
.contentRecap
{
	height:100px;
	margin-bottom: 10px;
	overflow:hidden;
}
.slide-hocvien .testimonial_thumbnails_ind_carousel_wrapper
{
	background:none;
}
.slide-hocvien .name-person
{
	color:#fff;
}

@media (max-width:1200px){
.box-popup
{
	position: fixed;
    top: 0;
    background: #fff;
    height: 100vh;
    width: 100vw;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 99999;
    overflow: auto;
	margin-bottom: 20px;
}
}

@media (max-width:1080px){
/*	.left-slide
	{
		width:33%;
	}
	.right-slide
	{
		width:67%;
	}
	.box-popup
	{
		top:30%;
		height: 80%;
	} */
	.width-80 {
		width: 96%;
	}
	.text-normal
	{
		width:95%;
	}
	.title-mid
	{
		left:5px;
	}
	
	.box-hafl img
	{
		height:auto;
	}
	.background-blue .title-mid
	{
		right:5px;
	}
	.box-hafl-text .txtMiddle
	{
		padding-left:30px;
	}
	.background-blue-light.box-hafl-text .txtMiddle
	{
		padding-right:10px;
		padding-left:30px;
	}
	.background-blue.box-hafl-text .txtMiddle
	{
		padding-right:90px;
		padding-left:10px;
	}
}
@media (max-width:980px){
	.box-hafl-text .txtMiddle
	{
		padding-left:70px;
	}
	.background-blue-light.box-hafl-text .txtMiddle
	{
		padding-right:10px;
		padding-left:70px;
	}
	.background-blue.box-hafl-text .txtMiddle
	{
		padding-right:90px;
		padding-left:10px;
	}
	.width-80, .width-70
	{
		width:96%;
	}
	.bg-building
	{
		min-height:120px;
	}
	
	.box-padding-top {
		padding-top: 70px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.left-slide
	{
		width:100%;
	}
	.right-slide
	{
		width:80%;
	}

	.container
	{
		width:100%;
		/* display:inline-block; */
	}
	.box-hafl-text {
		padding: 20px 0px;
		height: 400px;
	}
	.slide-hocvien .testimonial_thumbnails_ind_carousel_indicators li img
	{
		height:130px;
	}
	.title-doitac {
		margin: 10px 0px 5px 0px;
		text-align: left;
	}
	.box-doitac .col-md-8
	{
		padding:0px;
	}

	.txtHeader
	{
		display:none;
	}

}
@media (max-width:780px){
	.banner .txtTitleCenter
	{
		font-size:25px;
		top:50%;
	}
	
	.pdt100
{
	padding-top:0px;
}
	
	.tab-cn
	{
		*/ text-align: center; /*
	}
	.col-md-6
	{
		min-height:120px !important;
	}
	.text-normal {
		text-transform: none;
		width: 100%;
		font-size: 18px;
		padding: 0px 15px;
	}
	.box-thuvien
	{
		width:33.33%;
	}
	.list-news-page li
	{
		display:inline-block;
	}
	.banner
	{
		min-height:300px !important;
	}
	
	.title-line, #primary h2
	{
		font-size:18px;
		line-height:20px;
		margin-bottom:4px;
	}
	.ttts .recap
	{
		font-size:12px;
		line-height:16px;
	}
	.ttts .btn-border.color-white
	{
		margin-top:0px;
	}
	.box-percent
	{
		height: 31px;
		font-size: 11px;
		padding: 2px 0px 0px 5px;
		line-height:12px;
	}
	.bg-yellow-percent {
		position: absolute;
		bottom: 0px;
		left: 0px;
		z-index: 12345;
		width: auto;
		text-align: left;
		right: auto;
		top:auto;
	}
	.percent-left.bg-yellow-percent
	{
		text-align:right;
		right:0px;
		left:auto;
	}
	
		
	.txtMiddle .title-yellow
	{
		line-height:50px;
	}
	.width-80.mgt10
	{
		font-size:16px;
	}
	.list-news-page .box-img img, .list-news-page .box-img
	{
		height:auto;
	}
	.slide-hocvien .testimonial_thumbnails_ind_carousel_indicators li img
	{
		height:100px;
	}
}
@media (max-width:580px){
	.box-thuvien
	{
		width:50%;
	}
	.f32
	{
		font-size:25px;
	}
	.list-news-page .name-news
	{
		width:77%;
	}
	.background-blue.box-hafl-text .txtMiddle
	{
		padding-left:10px;
		padding-right:90px;
	}
	.slide-hocvien .testimonial_thumbnails_ind_carousel_indicators li img
	{
		height:60px;
	}
}
@media (max-width:380px){
	.title-gs
	{
		text-align:center;
	}
	.box-gs img
	{
		width:100%;
	}
	.text-normal {
		font-size: 14px;
	}
	
	
	.slide-hocvien .testimonial_thumbnails_ind_carousel_indicators li img
	{
		height:40px;
	}
}