/* MAIN COLOR: #005fab 005fab */

@charset "UTF-8";
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 13, 2016 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300italic&subset=latin,vietnamese);
@font-face {
  font-family: 'ubuntubold';
  src: url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu-Bold.eot");
  src: url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu-Bold.woff") format("woff"), url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu-Bold.ttf") format("truetype"), url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu-Bold.svg#Ubuntu-Bold") format("svg");
  font-weight: normal;
  font-style: bold; }
@font-face {
  font-family: 'ubunturegular';
  src: url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu.eot");
  src: url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu.eot?#iefix") format("embedded-opentype"), url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu.woff") format("woff"), url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu.ttf") format("truetype"), url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu.svg#Ubuntu") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'UbuntuMedium';
  src: url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu-Medium.woff") format("woff"), url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu-Medium.ttf") format("truetype"), url("../fonts/Fontboxvn-Ubuntu-245/Ubuntu-Medium.svg#Ubuntu-Medium") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: bold; }
/* Webfont: Lato-Black */
@font-face {
  font-family: 'LatoWebBlack';
  src: url("../fonts/Lato/Lato-Black.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato/Lato-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Black.woff2") format("woff2"), url("../fonts/Lato/Lato-Black.woff") format("woff"), url("../fonts/Lato/Lato-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
/* Webfont: Lato-Semibold */
@font-face {
  font-family: 'LatoWebSemibold';
  src: url("../fonts/Lato/Lato-Semibold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato/Lato-Semibold.woff") format("woff"), url("../fonts/Lato/Lato-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
.txt-title {
  color: #000;
  font-family: "LatoWebBlack", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase; }

.txt-date {
  font-size: 12px;
  font-style: italic;
  line-height: 23px; }

.txt-link, .list-no-bullet a {
  font-family: "LatoWebSemibold", "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  color: #666; }

.txt-head-h1, h1.txt-head {
  color: #666;
  
  font-size: 24px;
  line-height: 32px; }

.txt-description, .description {
  color: #000;
  
  font-size: 16px;
  line-height: 24px; }

.txt-user-create, .user-create {
  color: #454545;
 
  font-size: 16px;
  text-align: right; }

.txt-widget-header, .widget-header {
  color: #454545;

  font-size: 18px;
  text-transform: uppercase;
  line-height: 24px; }


/* fix font weight firefox */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

.txt-center {
  text-align: center; }

.mt-30 {
  margin-top: 30px; }
.mt-40 {
  margin-top: 40px; }
.mt-60 {
  margin-top: 60px; }

.mb-0 {
  margin-bottom: 0; }
.mb-30 {
  margin-bottom: 30px; }
.mb-60 {
  margin-bottom: 60px; }

.width-common {
  width: 100%;
  float: left; }

@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.wobble-horizontal:hover,
.wobble-horizontal:focus,
.wobble-horizontal:active {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

.wobble-horizontal {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent; }

/* header */
#yt_header {
  background-color: #005fab; }/*#005fab*/
  #yt_header .menu > li a {
    color: #c5c5c5; }
    #yt_header .menu > li a:hover {
      text-decoration: underline; }
  #yt_header #top1:before {
    background: #005fab; }/*005fab*/

/* header #top2 */
.module.me-language .modcontent .mod-languages a.dropdown-toggle {
  color: #c5c5c5;
  border-left: 1px solid #1f1f1f;
  border-right: 1px solid #1f1f1f; }

.module.me-login .login-switch {
  color: #c5c5c5; }

.yt-loginform {
  border-right: 1px solid #1f1f1f; }

.module.me_search .modcontent .dropdown button.dropdown-toggle {
  border-right: 1px solid #1f1f1f;
  color: #c5c5c5; }

/* header #top2 - search */
.module.me_search .modcontent .dropdown .dropdown-menu {
  border-top: 3px solid #005fab;
  border-bottom: 1px solid #005fab; }
  .module.me_search .modcontent .dropdown .dropdown-menu:before {
    border-color: transparent transparent #005fab; }

#mod-finder-searchform .button:hover {
  border-color: #005fab;
  color: #005fab; }

/* --- LOGO --- */
.logo .img-responsive {
  margin: 15px auto; }


/* slider banner */
div.sj-k2slickslider .slickslider-items.bg-style1, div.sj-k2slickslider .slickslider-items.bg-style1 {
/*background: #005fab url(../templates/images/bg/bg-1.jpg) no-repeat 0 0;*/ 
/*background-image: linear-gradient(to top, #09203f 0%, #537895 100%);*/
}

div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow, div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow {
   }

.sj-k2slickslider.slickslider-right .item-content-inner {
  top: auto;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(180deg, transparent 0%, transparent 0%, rgba(65, 69, 80, 0.8) 100%); }

div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title {
  margin: 0 15px 20px 15px; }

div.sj-k2slickslider div.pag-item {
  bottom: 20px; }

/* 30102017 edit slider mobile */
@media (max-width: 767px) and (min-width: 400px) {
  #bd div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title a {
    font-size: 16px;
    line-height: 20px; } }
@media (max-width: 640px) {
  div.sj-k2slickslider .slickslider-items .item-content {
    position: static; }

  #bd div.sj-k2slickslider .slickslider-items .item-content .item-content-inner {
    position: static; } }
@media (max-width: 480px) {
  #bd div.sj-k2slickslider .slickslider-items .item-content {
    display: block;
    width: 100%; }

  #bd div.sj-k2slickslider .pag-item {
    bottom: 10px; } }
@media (max-width: 399px) {
  #bd div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title a {
    /*line-height: 16px;*/ }

  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow, div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow {
    /*height: 200px;*/ }

  #bd div.sj-k2slickslider img {
    width: 100%;} }
/* end 30102017 edit slider mobile */
/* features */
#yt_spotlight2 {
  padding-bottom: 30px; }
  @media (min-width: 640px) {
    #yt_spotlight2 {
      padding-top: 30px; } }

.hvr-underline-from-left:before {
  background: var(--secondary-2); }

.features {
  width: 100%;
  float: left; 
  margin-top: 30px;}
  .features .feature-item {
    width: 16.66667%;
    /*calc(100%/6);*/
    float: left;
    position: relative;
    min-height: 170px;
    text-align: center;
    background-color: var(--blue); }
    .features .feature-item:nth-child(odd) {
      background-color: #fff; }
      .features .feature-item:nth-child(odd) span {
        color: var(--blue); }
    @media (max-width: 978px) {
      .features .feature-item {
        width: 33.33333%;
        /*calc(100%/3)*/ } }
    @media (max-width: 568px) {
      .features .feature-item {
        width: 50%; }
        .features .feature-item:nth-child(3) {
          float: right; } }
    @media (max-width: 300px) {
      .features .feature-item {
        width: 100%; }
        .features .feature-item:nth-child(3) {
          float: right; } }
    .features .feature-item a {
      display: block;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 30px 11px 15px 11px;
      color: #fff; }
      .features .feature-item a img {
        webkit-transition: all 0.6s ease-in-out 0s;
        -moz-transition: all 0.6s ease-in-out 0s;
        -ms-transition: all 0.6s ease-in-out 0s;
        -o-transition: all 0.6s ease-in-out 0s;
        transition: all 0.6s ease-in-out 0s; }
      .features .feature-item a:hover img {
        -webkit-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        -moz-transform: rotateY(-360deg);
        -o-transform: rotateY(-360deg);
        transform: rotateY(-360deg); }
    .features .feature-item span {
      display: block;
      margin-top: 15px;
      font-family: "LatoWebBlack", "Open Sans", sans-serif;
      font-size: 13px;
      text-transform: uppercase;
      line-height: 18px; }

/* THÀNH CÔNG TƯƠNG LAI TỪ HÔM NAY */
.sj-k2slickslider .item-title a {
  font-family: 'ubuntubold','Open Sans', sans-serif; }

div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title a {
  font-weight: normal;
  line-height: 40px; }

div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title a:hover {
  color: #d6322c;
  transition: all 0.1s ease-in; }

/* đường line */
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title .line {
  background-color: #d6322c;
  width: 90px; }

/* ĐỌC THÊM */
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore {
  width: 162px;
  height: 40px;
  background-color: #d6322c;
  border-radius: 5px; }

div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore::before {
  display: none; }

div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore a {
  font-family: 'ubuntubold','Open Sans', sans-serif;
  line-height: 40px;
  font-weight: normal; }

div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore:hover {
  border: 1px solid #fff; }

div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore:hover {
  background: #005fab; }

/*======================= categories-ii ================================*/
/* SỨC KHỎE */
.module.categories-ii .modcontent ul.line > li.content h3.tilte {
  line-height: 24px;
  font-size: 14px;
  padding-bottom: 2px; }

/* line */
.module.categories-ii .modcontent ul.line > li.content h3.tilte:before {
  width: 75px;
  background: #d7d7d7; }

.module.categories-ii .modcontent ul.line > li.content h3.tilte a {
  font-family: 'UbuntuMedium','Open Sans', sans-serif;
  font-weight: 500;
  color: #000; }

.module.categories-ii .modcontent ul.line > li.content .des {
  color: #666;
  font-weight: 300; }

.categories-ii p {
  margin: 0; }

/* hover */
.module.categories-ii .modcontent ul.line > li.icon-image:hover .over-image {
  box-shadow: 0 0 0 8px #8b1f1f inset; }

.module.categories-ii .modcontent ul.line > li.content:hover {
  background-color: #8b1f1f; }

.module.categories-ii .modcontent ul.line > li.content:hover:before {
  border-color: transparent #8b1f1f transparent transparent; }

.module.categories-ii .modcontent ul.line > li:nth-child(8):hover:before,
.module.categories-ii .modcontent ul.line > li:nth-child(10):hover:before,
.module.categories-ii .modcontent ul.line > li:nth-child(12):hover:before {
  border-color: transparent transparent transparent #8b1f1f; }

@media (max-width: 620px) {
  .thong-bao .otehr-link [class^="col-xs"] {
    width: 100%; } }
@media (max-width: 520px) {
  .thong-bao .item-first .item-image {
    display: block;
    width: 100%;
    margin: 0 0 20px 0; }
  .thong-bao .item-first img {
    width: 100%; } }

/*========================= TIN TỨC MỚI NHẤT =============================*/
/*--------- cột 1 ------------*/
.module.k2-slider-style-one h3.modtitle {
	text-align: left;
  color: #010101;
  font-family: "LatoWebBlack", "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase; }

.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-title {
  font-family: "LatoWebSemibold", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 23px;
  text-transform: uppercase; }

.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-des {
  font-size: 14px;
  line-height: 23px; }

/* hover */
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info:hover .over-image {
  box-shadow: 0 0 0 5px #d6221a inset; }

.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item:hover .item-wrap .item-info .item-title a {
  color: #d6221a; }

.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .next:hover {
  color: #d6221a; }

.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .preview:hover {
  color: #d6221a; }

.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info:hover img {
  -moz-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  transform: perspective(2000px) rotateY(-5deg) translate(0, -5px); }

/*---------- cột 2-------------- */
.module.cus-admissions .modcontent ul {
  border: 1px solid #c8c8c8; }

.module.cus-admissions .modcontent ul li {
  border-bottom: 1px solid #c8c8c8; }

.module.cus-admissions .modcontent ul li .content h3.title a {
  color: #000;
  font-family: "LatoWebSemibold", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 23px;
  text-transform: uppercase; }

.module.cus-admissions .modcontent ul li .content {
  display: block;
  padding-left: 30%; }

/* tra cứu điểm */
.portal_tra_cuu_diem {
  width: 100%;
  overflow: hidden;
  border: 0 !important; }

.portal_tra_cuu_diem li {
  display: inline;
  width: 50%;
  float: left;
  padding: 0 !important;
  border: 0 !important; }

.portal_tra_cuu_diem li a {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px; }

.portal_tra_cuu_diem li a:hover {
  color: #8b1f1f; }

/* hover */
.module.cus-admissions .modcontent ul li .content h3.title a:hover {
  color: #8b1f1f; }

/*========================= / TIN TỨC MỚI NHẤT =============================*/
/*=========================  SỰ KIỆN NỔI BẬT ================================*/
.portal_bgcover {
  position: absolute;
  background-color: #3c5069;
  opacity: 0.7;
  top: 0;
  width: 100%;
  height: 100%; }

#yt_spotlight4 {
  background: url(../imgs/bg_sk.png) no-repeat 0 0 fixed;
  background-size: 100% 100%; }

#yt_spotlight4 .portal_bgcover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #3c5069;
  opacity: 0.7;
  z-index: -9999; }

#yt_spotlight4 .module h3.modtitle {
  color: #fff; }

.extra-upcoming-slider h3.modtitle {
  font-family: "LatoWebBlack", "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase; }

.extra-upcoming-slider .sj-extraslider .extraslider-inner .item-wrap-inner {
  min-height: 390px;
  background-color: #fff; }

.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-title a {
  font-family: "LatoWebSemibold", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 23px; }

.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap:hover .item-info .item-title a {
  color: #d6221a; }

.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .school {
  padding: 10px;
  color: #666;
  background: #fff;
  font-weight: 300;
  line-height: 23px;
  font-style: italic;
  font-size: 12px; }

/* hover */
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image:hover .over-image {
  box-shadow: 0 0 0 5px #d6221a inset; }

.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image:hover img {
  -moz-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  transform: perspective(2000px) rotateY(-5deg) translate(0, -5px); }

/*========================= / SỰ KIỆN NỔI BẬT ================================*/
/*===========  THÔNG BÁO + HOẠT ĐỘNG + SINH VIÊN TIÊU BIỂU ==========*/
/* thông báo */
.module h3.modtitle {
      padding-top: 5px;
    font-family: 'ubuntubold','Open Sans', sans-serif;
    font-size: 14px;
    line-height: 23px;
    font-weight: normal;
    border-bottom: 2px solid #ff6903;
    padding-bottom: 0px;
    margin-bottom: 15px;
    width: max-content;
	color: white}

.module.k2-mega-new-main .modcontent .sj-meganew .item-first .content-main .item-title a {
  color: #000;
  font-family: "LatoWebSemibold", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 23px;
  text-transform: uppercase; }

.module.k2-mega-new-main .modcontent .sj-meganew .item-first .content-main .item-title a:hover {
  color: #d6221a; }

.portal_date {
  color: #666;
  font-size: 12px;
  font-style: italic;
  line-height: 23px; }

.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link li.row:nth-child(1) {
  border-top: 1px solid #c8c8c8; }

.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link li.row:last-child {
  border-bottom: 1px solid #c8c8c8; }

.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link li.row {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  border-bottom: 1px solid #c8c8c8;
  padding: 15px 0; }

.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link li.row a:hover {
  color: #d6221a; }

.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link li.row a {
  color: #666; }

.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date li {
  list-style: none;
  display: inline-block;
  margin: 0 3px;
  color: #666;
  font-size: 12px;
  font-style: italic;
  line-height: 23px; }

.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date li:nth-child(1) {
  color: #666; }

.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image:hover .over-image {
  box-shadow: 0 0 0 5px #d6221a inset; }

.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image:hover img {
  -moz-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0, -5px);
  transform: perspective(2000px) rotateY(-5deg) translate(0, -5px); }

/* hỏi đáp nhanh */
div.sj-accordion .acd-items .acd-item.selected .acd-header {
  background: #005fab;
  font-family: "LatoWebSemibold", "Open Sans", sans-serif;
  font-size: 14px;
  text-transform: uppercase; }

div.sj-accordion .acd-items {
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8; }

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner {
  font-size: 14px;
  line-height: 23px;
  color: #666;
  font-weight: 400; }

.acd-readmore {
  margin: 15px 0 0 0;
  text-transform: uppercase;
  text-align: center; }

.acd-readmore a {
  color: #03b1fa;
  font-size: 12px;
  line-height: 30px; }

div.sj-accordion .acd-items .acd-item .acd-header {
  color: #005fab;
  border-bottom: 1px solid #c8c8c8;
  font-family: "LatoWebSemibold", "Open Sans", sans-serif;
  font-size: 14px;
  text-transform: uppercase; }

div.sj-accordion .acd-items .acd-item.selected {
  border-bottom: 1px solid #c8c8c8; }

div.sj-accordion .acd-items .acd-item .acd-header:hover {
  color: #d6221a; }

div.sj-accordion .acd-items .acd-item.selected .acd-header:hover {
  color: #fff; }

/* sinh viên tiêu biểu */
.module.feature-teachers {
  background: #005fab;
  padding-bottom: 50px; }

.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .content-main h3.title {
  font-family: "LatoWebSemibold", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 24px; }

.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .content-main .adred:after {
  margin: 20px auto; }

.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .content-main .adred {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 20px; }

.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .content-main .post-commnets {
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  padding-top: 5px; }

.list-sk {
  list-style-image: url(../imgs/bullet.png);
  margin: 10px 0 0 5px; }
  .list-sk a {
    color: #666;
    font-size: 14px;
    line-height: 23px;
    margin: 0 0 15px 10px;
    display: block; }
    .list-sk a:hover {
      color: #d6221a; }

/*=========== / THÔNG BÁO + HỎI ĐÁP NHANH + SINH VIÊN TIÊU BIỂU ==========*/
/*==========   KHÁM PHÁ ==================*/
.style-me-scattered .sj-sg-gallery .sg-photostack {
  	/*background: url(../imgs/bg_kham_pha.png) no-repeat 0 0 fixed;
      background-size: 100% 100%;*/
  background: none; }

.style-me-scattered .sj-sg-gallery .sg-photostack .buttom-click {
  color: #fff;
  font-family: "LatoWebBlack", "Open Sans", sans-serif;
  font-size: 40px;
  line-height: 23px;
  text-transform: uppercase; }

.style-me-scattered .sj-sg-gallery .sg-photostack .buttom-click span {
  padding: 0;
  font-weight: normal;
  border: none; }

.sj-sg-gallery .photostack-start:before {
  display: none; }

.buttom-click a {
  color: #fff; }
  .buttom-click a:hover {
    color: #d6221a;
    text-decoration: none; }
.buttom-click .fa-youtube-play {
  display: block;
  margin-top: -225px; }
.buttom-click span {
  line-height: 40px; }

@media (min-width: 769px) {
  #main-video {
    height: 500px; }
    #main-video .buttom-click {
      line-height: 500px; } }
@media (max-width: 768px) {
  #main-video {
    height: 300px; }
    #main-video .buttom-click {
      line-height: 300px; }
      #main-video .buttom-click span {
        font-size: 30px; }
      #main-video .buttom-click .fa-youtube-play {
        margin-top: -135px; } }
@media (max-width: 520px) {
  #main-video .buttom-click span {
    font-size: 20px; } }
@media (max-width: 400px) {
  #main-video .buttom-click span {
    font-size: 15px; } }
#main-video:hover .buttom-click a {
  color: #d6221a;
  text-decoration: none; }

/*======== / KHÁM PHÁ =====================*/
/***** Modal *****/
#modal-video .modal-backdrop.in {
  filter: alpha(opacity=7);
  opacity: 0.7; }
#modal-video .modal-content {
  background: none;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
#modal-video .modal-body {
  padding: 0 25px 25px 25px; }
#modal-video .modal-header {
  padding: 25px 25px 15px 25px;
  text-align: right; }
#modal-video .modal-header, #modal-video .modal-footer {
  border: 0; }
#modal-video .modal-header .close {
  float: none;
  margin: 0;
  font-size: 36px;
  color: #fff;
  font-weight: 300;
  text-shadow: none;
  opacity: 1; }

/*Launch modal video*/
.video-link {
  padding-top: 70px; }

.video-link a:hover,
.video-link a:focus {
  outline: 0; }

a .video-link-text {
  color: #fff;
  opacity: 0.8;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s; }

a:hover .video-link-text,
a:focus .video-link-text {
  outline: 0;
  color: #fff;
  opacity: 1;
  border-bottom: 1px dotted #fff; }

a .video-link-icon {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #e89a3e;
  color: #fff;
  line-height: 50px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s; }

a .video-link-icon:after {
  position: absolute;
  content: "";
  top: -6px;
  left: -6px;
  width: 66px;
  height: 66px;
  background: #444;
  background: rgba(0, 0, 0, 0.1);
  z-index: -99;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

a:hover .video-link-icon,
a:focus .video-link-icon {
  outline: 0;
  background: #fff;
  color: #e89a3e; }

/* hanging fix right */
.hanging {
	list-style: none;
    padding: 0;
    position: fixed;
    /*margin-top: 30px;*/
    perspective: 1000px;
    top: 50%;
    margin-top: -100px;
    right: 0;
    z-index: 999999;
    border: 1px #fff;
    border-style: double;
    /* border-radius: 5px 5px 5px 5px; */
  }
  
  .hanging li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    vertical-align: baseline; }
  .hanging li a {
    display: block;
    width: 55px;
    height: 50px;
    background-color: var(--red);
    color: #fff;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    transition: background .5s ease .300ms; }
    .hanging li a img {
      margin-top: 5px; }
    .hanging li a:hover {
      background-color: var(--pink); }
  .hanging li a span {
    width: 150px;
    float: right;
    text-align: center;
    background: var(--red);
    color: #fff;/**/
    margin: -30px 70px 0 0;
    padding: 8px;
    transform-origin: 0;
    visibility: hidden;
    opacity: 0;
    transform: rotateY(45deg);
    transition: all .5s ease .300ms;
    font-family: "LatoWebSemibold", "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 23px;
    text-transform: uppercase; }
  .hanging li span:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
    top: 9px;
    border: 10px solid transparent;
    border-left: 10px solid var(--red); }
  .hanging li a:hover span {
    visibility: visible;
    opacity: 1;
    transform: rotateY(0); }

@media (max-width: 978px) {
  .hanging {
    display: none; } }
/*Page Topic & Article */
/* article */
.article {
  margin-bottom: 30px; }
  .article-thumb {
    width: 270px;
    overflow: hidden;
    float: left;
    margin-right: 15px; }
  .article p:last-child {
    margin-bottom: 0; }
  .article a:hover {
    color: #d6221a; }

.list-no-bullet {
  list-style: none;
  margin-left: 15px; }
  .list-no-bullet li {
    margin: 0 0 15px 0; }
  .list-no-bullet a:hover {
    color: #d6221a; }

.pagination a {
  font-size: 18px;
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s; }
  .pagination a.active {
    background-color: #005fab;
    color: white; }
  .pagination a:hover:not(.active) {
    background-color: #005fab;
    color: #fff; }

.breadcrumb-area {
  width: 100%;
  float: left;
  padding-top: 10px; }
  .breadcrumb-area .breadcrumb {
    width: 100%;
    float: left;
    background: transparent; }
    .breadcrumb-area .breadcrumb a {
      color: #a2a2a2;
      padding: 0 5px; }
      .breadcrumb-area .breadcrumb a:hover {
        color: #d6221a; }
  .breadcrumb-area .breadcrumb > li + li:before {
    padding: 0 5px;
    color: #a2a2a2;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0da"; }
  .breadcrumb-area .fa {
    margin-right: 5px; }

.topic-content {
  width: 100%;
  float: left; }
  .topic-content .content-write {
    color: #666;
    font-size: 15px;
    line-height: 24px;
    padding: 15px 0 50px 0;
    min-height: 500px; }
  .topic-content .img-responsive {
    margin: 0 auto; }

.date {
  font-style: italic;
  margin-bottom: 15px; }

.widget {
  margin-bottom: 25px; }
  .widget-content {
    font-size: 15px; }
    .widget-content a {
      color: #666; }
      .widget-content a:hover {
        color: #d6221a; }
  .widget .date {
    font-size: 12px; }

ul.bullet-red {
  list-style-image: url(../imgs/bullet.png);
  margin: 10px 0 0 5px; }
  ul.bullet-red li > * {
    margin-left: 10px; }

.share-article {
  list-style: none; }
  .share-article li {
    display: inline-block;
    font-size: 25px; }
    .share-article li a {
      padding: 15px;
      webkit-transition: all 0.6s ease-in-out 0s;
      -moz-transition: all 0.6s ease-in-out 0s;
      -ms-transition: all 0.6s ease-in-out 0s;
      -o-transition: all 0.6s ease-in-out 0s;
      transition: all 0.6s ease-in-out 0s; }
      .share-article li a:hover {
        background: #d6221a; }
        .share-article li a:hover .fa {
          color: #fff; }
  .share-article .fa-print {
    color: #7d7d7d; }
  .share-article .fa-facebook {
    color: #3b5999; }
  .share-article .fa-google-plus {
    color: #dd4b39; }
  .share-article .fa-twitter {
    color: #55acee; }

/* page contact */
.contact-content {
  color: #666;
  padding: 30px 0; }
  .contact-content .map-section {
    margin-bottom: 15px; }
  .contact-content .address {
    padding: 10px 0;
    margin-bottom: 20px; }
    .contact-content .address .fa {
      margin-right: 15px;
      color: #005fab;
      font-size: 20px; }
    .contact-content .address a {
      color: inherit; }
      .contact-content .address a:hover {
        color: #d6221a; }
    @media (max-width: 630px) {
      .contact-content .address .col-xs-4 {
        width: 100%; } }
  .contact-content .form-contact .form-control {
    color: #666; }
  .contact-content .form-contact .form-group {
    margin-bottom: 20px; }
  .contact-content .form-contact input {
    height: 40px;
    font-size: 14px; }
  .contact-content .btn {
    background: #005fab;/*d6221a 005fab*/
    width: 180px;
    height: 40px;
    border-radius: 5px;
    text-transform: uppercase;
    transition: all 0.3s ease-in; }
    .contact-content .btn:hover {
      background: #fff;
      color: #d6221a;
      border-color: #d6221a; }
  .contact-content ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #666; }
  .contact-content ::-moz-placeholder {
    /* Firefox 19+ */
    color: #666; }
  .contact-content :-ms-input-placeholder {
    /* IE 10+ */
    color: #666; }
  .contact-content :-moz-placeholder {
    /* Firefox 18- */
    color: #666; }
  @media (max-width: 979px) {
    .contact-content .col-left, .contact-content .col-right {
      width: 100%; } }

.portal-danhba {
  margin: 20px 0;
  color: #666;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px; }
  .portal-danhba a {
    color: #666; }
    .portal-danhba a:hover {
      color: #03b1fa; }

.tbl-danhba {
  border-bottom: 2px solid #005fab; }
  .tbl-danhba thead {
    color: #fff;
    font-family: "LatoWebBlack", "Open Sans", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #005fab; }
    .tbl-danhba thead > tr > th {
      padding: 14px 15px 14px 30px;
      border-bottom: 0;
      border-left: 2px solid #fff; }
  .tbl-danhba tbody > tr > td {
    padding: 14px 15px 0 30px;
    border-top: 0;
    border-left: 2px solid #fff; }
    .tbl-danhba tbody > tr > td:nth-child(1) {
      font-family: "LatoWebSemibold", "Open Sans", sans-serif; }
  .tbl-danhba tbody > tr:nth-of-type(odd) {
    background-color: #fff; }
  .tbl-danhba tbody > tr:nth-of-type(even) {
    background-color: #ecf1f3; }

@media (max-width: 768px) {
  .tbl-danhba thead {
    display: none; }
  .tbl-danhba tbody::before {
    color: #fff;
    font-family: "LatoWebBlack", "Open Sans", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #005fab;
    content: "Danh bạ ĐH Quy Nhơn";
    padding: 15px 5px;
    text-align: center;
    width: 100%;
    float: left; }
  .tbl-danhba tbody tr td {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    padding: 20px 10px 0 10px; }
    .tbl-danhba tbody tr td::before {
      width: 20px;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -10px;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #005fab; }
    .tbl-danhba tbody tr td:nth-child(1) {
      padding: 20px 10px 5px 10px; }
    .tbl-danhba tbody tr td:nth-child(2)::before {
      content: '\f098'; }
    .tbl-danhba tbody tr td:nth-child(3)::before {
      content: '\f0e0'; } }
/*  FOOTER */
#bottom1 {
  text-align: center; }

/* --- */
#yt_spotlight8 {
  background: #37497e; }

#yt_footer {
  background: #005fab !important; }

#yt_spotlight8 .module h3.modtitle:before {
  width: 46px;
  background: #d6221a; }

#yt_spotlight8 .module h3.modtitle {
  padding-top: 5px;
  font-family: "LatoWebBlack", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 23px;
  font-weight: normal; }

/* ---thông tin liên hệ */
.module.get-in-touch .modcontent ul li {
  list-style: none;
  /*margin-bottom: 15px;*/ }

.modcontent ul li .fa {
  float: left;
  margin: 3px 0 0 0;
  color: white;
  font-size: 14px; }

.modcontent ul li .fa-map-marker {
  font-size: 20px;
  margin-top: 5px; }

.modcontent ul li span {
  display: block;
  padding-left: 20px;
  color: white;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px; }

/* ---link liên kết */
.module.useful-link ul.menu li {
  margin-bottom: 5px; }

.module.useful-link ul.menu li a {
  color: #c5c5c5;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px; }

/* --- */
#yt_footer #yt_copyright .copyright {
  text-align: left;
  color: #fff;/*c5c5c5*/
  margin-bottom: 10px; }

#yt_footer #yt_copyright .powered-by {
  text-align: right; }

#yt_footer #yt_copyright .powered-by a {
  color: #c5c5c5; }

@media (max-width: 767px) {
  #yt_footer #yt_copyright .powered-by {
    text-align: left; }

  #bd #yt_footer #yt_copyright {
    margin-bottom: 0; } }
/* /FOOTER */
/* go to top */
.backtotop {
  background-color: var(--secondary-2);
  border: 1px solid #fff; 
  }
  .backtotop i{
	  color:#fff;
  }

/* / go to top */
/* =========================================================================== */
/* mobile */
/* =========================================================================== */
.yt-resmenu .btn-navbar {
  background: #8b1f1f; }

.yt-resmenu .nav-collapse {
  border-bottom: 3px solid #8b1f1f; }

@media (max-width: 767px) {
  #bd #yt_menuwrap .container #yt_mainmenu {
    background: #8b1f1f; } }
@media (max-width: 480px) {
  #bd .yt-resmenu .nav-collapse ul.resmenu li a {
    white-space: nowrap;
    text-transform: uppercase; } }
#yt_spotlight6 .container {
  width: 100% !important; }

/* topic */
@media (max-width: 550px) {
  .article .article-thumb {
    width: 100%;
    margin-bottom: 15px; } }

/* 13112017 màn hình ngang 1366X768*/
@media (min-width: 1366px) and (max-height: 662px) and (orientation: landscape) {
  #yt_header .menu > li {
    height: 40px;
    line-height: 40px; }

  .module.me-language .modcontent .mod-languages a.dropdown-toggle {
    height: 40px;
    line-height: 40px; }

  .module.me-login .login-switch {
    height: 40px;
    line-height: 40px; }

  .module.me_search .modcontent .dropdown button.dropdown-toggle {
    height: 40px;
    line-height: 40px; }
    .module.me_search .modcontent .dropdown button.dropdown-toggle::before {
      line-height: 40px; }

  .logo {
    width: 285px;
    margin: 0 auto; }
    .logo .img-responsive {
      margin: 10px auto; }

  .navbar {
    min-height: 40px; }

  .affix-top .navbar-nav > li > a {
    padding: 10px 15px; }

  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow, div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow {
    max-height: 335px; }

  #yt_spotlight2 {
    padding-top: 0; }

  .features .feature-item {
    min-height: 155px; }
    .features .feature-item a {
      padding: 20px 11px 15px 11px; } }

/*# sourceMappingURL=QNU.css.map */
/*fix height tin moi nhat page index*/
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info {
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.sj-k2-container-slider .slider .item img ,.sj-extraslider .extraslider-inner .item-wrap .item-image img{
    height: 100%;
    /*object-fit: cover;*/
}
/*fix height khoa hoc cong nghe page index*/
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image{
height:200px;}
@media(max-width:767px{
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info,
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image
 {
	height:auto;
}
}