@charset "utf-8";  @font-face {   font-family: 'Be Vietnam Pro';   src: url('https://www.haui.edu.vn/dnn/web/haui/assets/fonts/BeVietnamPro-Regular.woff2') format('woff2'), url('https://www.haui.edu.vn/dnn/web/haui/assets/fonts/BeVietnamPro-Regular.woff') format('woff');   font-weight: 400;   font-style: normal;   font-display: swap }  @font-face {   font-family: 'Be Vietnam Pro';   src: url('https://www.haui.edu.vn/dnn/web/haui/assets/fonts/BeVietnamPro-BlackItalic.woff2') format('woff2'), url('https://www.haui.edu.vn/dnn/web/haui/assets/fonts/BeVietnamPro-BlackItalic.woff') format('woff');   font-weight: 900;   font-style: italic;   font-display: swap }  @font-face {   font-family: 'Be Vietnam Pro';   src: url('https://www.haui.edu.vn/dnn/web/haui/assets/fonts/BeVietnamPro-ExtraBold.woff2') format('woff2'), url('https://www.haui.edu.vn/dnn/web/haui/assets/fonts/BeVietnamPro-ExtraBold.woff') format('woff');   font-weight: 700;   font-style: normal;   font-display: swap }  @font-face {   font-family: 'Be Vietnam Pro';   src: url('https://www.haui.edu.vn/dnn/web/haui/assets/fonts/BeVietnamPro-Italic.woff2') format('woff2'), url('https://www.haui.edu.vn/dnn/web/haui/assets/fonts/BeVietnamPro-Italic.woff') format('woff');   font-weight: 400;   font-style: italic;   font-display: swap }  @font-face {   font-family: Oxygen;   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(https://fonts.gstatic.com/s/oxygen/v10/2sDfZG1Wl4LcnbuKgE0mV0Q.woff2) format('woff2');   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }  @font-face {   font-family: Oxygen;   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(https://fonts.gstatic.com/s/oxygen/v10/2sDfZG1Wl4LcnbuKjk0m.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }  @font-face {   font-family: Oxygen;   font-style: normal;   font-weight: 700;   font-display: swap;   src: url(https://fonts.gstatic.com/s/oxygen/v10/2sDcZG1Wl4LcnbuCNWgzZmW5O7w.woff2) format('woff2');   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }  @font-face {   font-family: Oxygen;   font-style: normal;   font-weight: 700;   font-display: swap;   src: url(https://fonts.gstatic.com/s/oxygen/v10/2sDcZG1Wl4LcnbuCNWgzaGW5.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }  @font-face {   font-family: Montserrat;   font-style: italic;   font-weight: 600;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz8fZwnCo.woff2) format('woff2');   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }  @font-face {   font-family: Montserrat;   font-style: italic;   font-weight: 600;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz-PZwnCo.woff2) format('woff2');   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }  @font-face {   font-family: Montserrat;   font-style: italic;   font-weight: 600;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz8_ZwnCo.woff2) format('woff2');   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }  @font-face {   font-family: Montserrat;   font-style: italic;   font-weight: 600;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz8vZwnCo.woff2) format('woff2');   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }  @font-face {   font-family: Montserrat;   font-style: italic;   font-weight: 600;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz_PZw.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 400;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 600;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2');   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 600;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2');   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 600;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2');   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 600;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2');   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 600;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2');   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 700;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 700;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 700;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 700;   font-display: swap;   src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }  @font-face {   font-family: Montserrat;   font-style: normal;   font-weight: 700;   font-display: swap;   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }  body {   font-family: 'Be Vietnam Pro', Helvetica Neue, Helvetica, Arial, sans-serif;   font-weight: 400;   color: #333;   font-size: 14px;   line-height: 26px;   background-color: #fff;   overflow-x: hidden;   max-width: 100% }  img {   max-width: 100%;   height: auto }  p {   font-family: 'Be Vietnam Pro';   font-style: normal;   font-weight: normal;   font-size: 14px;   line-height: 26px;   margin-bottom: 10px }  ol, ul {   list-style: none;   margin: 0;   padding: 0 }  a {   color: #333;   text-decoration: none }  a:focus, a:hover {   color: #595959;   text-decoration: none }  a:focus, a:hover {   outline: 0 !important }  a img {   border: none }  iframe {   border: none }  h1 {   font-size: 36px }  h2 {   font-size: 30px }  h3 {   font-size: 18px }  h4 {   font-size: 16px }  h5 {   font-size: 14px }  h6 {   font-size: 12px }  h1, h2, h3, h4, h5, h6 {   font-family: 'Be Vietnam Pro',Montserrat, sans-serif;   font-weight: 400;   line-height: 1.5;   color: #333;   margin-top: 0;   margin-bottom: 10px }  .irs-section-title h2 {   font-size: 23px;   text-transform: uppercase;   font-family: 'Be Vietnam Pro',sans-serif;   font-weight: 700 }  .irs-section-title h2 span {   color: #083970 }  .irs-section-title .irs-title-line {   width: 180px;   height: 2px;   background: #333;   margin: 0 auto;   margin-bottom: 30px;   position: relative }  .irs-section-title .irs-title-line .irs-title-icon {   background: #f3f4f8;   position: absolute;   text-align: center;   top: -25px;   left: 50%;   margin-left: -25px;   width: 50px;   height: 50px }  .irs-section-title .irs-title-line .irs-title-icon i {   color: #083970;   font-size: 30px;   line-height: 50px;   text-align: center; }  .irs-section-title p {   font-family: 'Be Vietnam Pro',"Helvetica Neue", Helvetica, Arial, sans-serif;   font-weight: 700;   color: #595959 }  .irs-layer-black {   position: relative }  .irs-layer-black:before {   content: " ";   height: 100%;   left: 0;   position: absolute;   top: 0;   width: 100%;   z-index: 0 }  .irs-btn-transparent {   padding: 4px 22px;   background: 0 0;   border-radius: 0;   color: #083970;   border: 1px solid #083970;   text-transform: uppercase;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-btn-transparent:hover {   color: #fff;   background: #083970;   border-radius: 0;   border: 1px solid #083970;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-btn-transparent-two {   color: #fff;   font-weight: 700;   background: #083970;   border-radius: 0;   text-transform: uppercase;   padding: 8px 30px;   border: 1px solid #083970;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .old {   position: fixed;   right: -27px;   padding: 12px;   font-size: 12px;   font-weight: 100;   -webkit-transform: rotate(90deg);   -moz-transform: rotate(90deg);   -ms-transform: rotate(90deg);   -o-transform: rotate(90deg) }  .irs-btn-transparent-two:hover {   color: #6c6c6c;   background: 0 0;   border: 1px solid #c1c1c1;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-btn-transparent-three {   padding: 4px 26px;   background: 0 0;   border-radius: 20px;   border: 1px solid #999;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-btn-transparent-three:hover {   color: #fff;   background: #083970;   border: 1px solid #083970;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-big-btn {   background-color: #083970;   color: #fff;   font-size: 16px;   font-weight: 400;   text-transform: uppercase;   text-shadow: none;   padding: 15px 50px;   box-shadow: none;   border: none;   -webkit-border-radius: 0;   -moz-border-radius: 0;   -ms-border-radius: 0;   -o-border-radius: 0;   border-radius: 0;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-big-btn:hover {   color: #fff;   background: #ea8e40;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  #scrollUp {   bottom: 10px;   right: 10px;   padding: 8px 10px;   background-color: #083970 }  #scrollUp:before {   content: "\eb1c";   font-family: icofont;   font-size: 26px;   color: #fff;   padding-top: 7px }  .preloader {   position: fixed;   left: 0;   top: 0;   width: 100%;   height: 100%;   z-index: 99999999;   background-color: #fff;   background-position: center center;   background-repeat: no-repeat;   background-image: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/preloader.gif) }  .irs-header-top-bar {   background: #083970 }  .irs-header-top-bar p {   margin-top: 5px;   margin-bottom: 5px;   color: #fff }  .irs-header-top-bar p i {   color: #fff;   margin-right: 5px }  .irs-social {   margin-top: 3px }  .irs-social a i {   text-align: center;   color: #fff;   padding-top: 7px;   margin-left: 10px;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-social a i:hover {   color: #333;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .scroll-to-fixed-fixed {   background: #fff;   -webkit-box-shadow: 0 8px 12px -10px rgba(0, 0, 0, .75);   -moz-box-shadow: 0 8px 12px -10px rgba(0, 0, 0, .75);   box-shadow: 0 8px 12px -10px rgba(0, 0, 0, .75) }  .navbar-brand {   height: 55px;   width: 180px;   margin-right: 20px;   padding: 0 }  .navbar-brand-name {   font-size: 15px;   font-weight: 700;   color: #333 }  .irs-navbar {   margin: 0px auto;   border: none;   background-color: transparent }  .irs-navbar .navbar-nav>.active>a, .irs-navbar .navbar-nav>.active>a:focus, .irs-navbar .navbar-nav>.active>a:hover {   color: #fff;   background: 0 0 }  .scroll-to-fixed-fixed .irs-navbar .navbar-nav>.active>a {   color: #fff;   background: 0 0 }  .irs-navbar .navbar-nav>li>a {   padding-left: 15px;   padding-right: 15px;   font-size: 14px;   font-weight: 700;   color: #fff;   text-transform: uppercase }  .irs-navbar .navbar-nav>.open>a {   background-color: transparent }  .irs-navbar .navbar-nav>.open>a:hover {   background-color: transparent }  .navbar-right .dropdown-menu {   right: auto;   box-shadow: none;   border-top: 2px solid #083970;   border-radius: 0;   padding: 0 }  .irs-navbar .dropdown-menu>li>a {   color: #083970;   font-size: 14px;   font-weight: 700;   text-transform: uppercase;   padding: 12px 15px;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-navbar .dropdown-menu>li>a:hover {   color: #083970;   padding-left: 10px;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-log-reg {   background: #083970;   text-align: center;   color: #fff;   padding: 5px 15px;   margin-top: 30px }  .irs-log-reg a {   color: #fff }  .ire-header-two {   position: fixed;   left: 0;   top: 0;   z-index: 9999;   width: 100%;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .ire-header-two .irs-navbar .navbar-nav>li>a {   color: #fff }  .ire-header-two .irs-navbar .navbar-nav>li>a:hover {   color: #083970 }  .smaller {   background: #fff;   -webkit-box-shadow: 0 8px 12px -10px rgba(0, 0, 0, .75);   -moz-box-shadow: 0 8px 12px -10px rgba(0, 0, 0, .75);   box-shadow: 0 8px 12px -10px rgba(0, 0, 0, .75);   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-logo-1 {   display: none !important }  .smaller .irs-logo-1 {   display: block !important }  .smaller .irs-logo-2 {   display: none !important }  .smaller .irs-navbar .navbar-nav>li>a {   color: #fff }  .irs-main-slider {   position: relative }  .fade-carousel {   position: relative }  .fade-carousel .carousel-inner .item img {   width: 100%;   background-size: cover;   background-position: bottom center;   background-repeat: no-repeat }  .irs-main-slider .irs-big-btn {   background: 0 0;   border: 1px solid #fff;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-main-slider .irs-big-btn:hover {   background: #083970;   border-color: #083970;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .fade-carousel .carousel-indicators>li {   margin: 0 2px;   background-color: #f39c12;   border-color: #f39c12;   opacity: .7 }  .fade-carousel .carousel-indicators>li.active {   width: 10px;   opacity: 1 }  .fade-carousel .slides {   background-size: cover;   background-position: center center;   background-repeat: no-repeat }  .irs-main-slider .carousel-indicators li {   width: 30px;   height: 5px;   background-color: #fff;   border: none;   margin: 0;   border-radius: 0 }  .irs-main-slider .carousel-indicators .active {   background-color: #083970 }  .irs-main-slider .fade-carousel .carousel-indicators>li.active {   width: 30px;   background-color: #083970;   border: none;   margin: 0 }  .irs-welcome-field {   padding-top: 10px;   position: relative }  .irs-welcome-field span {   color: #083970;   font-size: 30px;   font-weight: 700 }  .irs-welcome-field i {   color: #083970;   font-size: 80px }  .irs-about-field {   padding: 30px 0 }  .irs-about-field .irs-section-title {   margin-bottom: 50px }  .irs-about-box {   margin-bottom: 50px;   text-align: center;   padding: 10px 30px 20px;   border: 1px solid #e6e6e6;   position: relative;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-about-box:hover {   border-color: #083970;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-about-icon {   width: 60px;   height: 60px;   background: #fff;   border: 1px solid #e6e6e6;   text-align: center;   position: absolute;   left: 50%;   top: -30px;   margin-left: -30px;   margin-bottom: 40px;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-about-box:hover .irs-about-icon {   background: #083970;   border-color: #083970;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-about-icon i {   color: #083970;   font-size: 40px;   line-height: 60px;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-about-box:hover .irs-about-icon i {   color: #fff;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-about-box h4 {   font-weight: 700;   margin-top: 20px }  .irs-about-box p {   margin-bottom: 25px }  .irs-col-padd-less {   padding: 0 }  .irs-divider-field {   padding: 50px 0;   background: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/bg/2.jpg);   background-size: cover;   background-position: center;   background-repeat: no-repeat }  .irs-divider-field .irs-divider-col {   margin-bottom: 30px }  .irs-divider-field .irs-divider-col h2 {   color: #fff;   font-size: 44px;   margin-bottom: 20px }  .irs-divider-field .irs-divider-col p {   color: #e2e0e0;   margin-bottom: 20px }  .irs-divider-field .irs-call-numbar {   border: 1px solid rgba(255, 255, 255, .3);   padding: 40px 20px }  .irs-divider-field .irs-divider-col .irs-call-numbar h4 {   color: #e2e0e0;   font-size: 24px;   margin-bottom: 0 }  .irs-divider-field .irs-divider-col .irs-call-numbar h4 i {   color: #083970 }  .irs-courses-field {   padding: 50px 0 }  .irs-courses-col {   -webkit-box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%);   box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%);   border-radius: 6px;   -webkit-border-radius: 6px;   text-align: center;   background: #fff;   overflow: hidden }  .irs-courses-img {   position: relative;   overflow: hidden }  #index-img {   margin: 0 }  .irs-blog-single-col #index-img {   height: 100%;   margin: 0 }  .irs-courses-img-two {   float: left;   width: 33% }  .irs-courses-img img {   background-size: cover;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-courses-img-news img {   background-size: cover;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-courses-col:hover .irs-courses-img img {   -ms-transform: scale(1.1);   -webkit-transform: scale(1.1);   transform: scale(1.1);   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-time {   position: absolute;   top: -40px;   right: -2px;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-courses-col:hover .irs-time {   top: 0;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-time p a {   font-family: 'Be Vietnam Pro',Montserrat, sans-serif;   color: #fff;   text-transform: uppercase;   background: #083970;   padding: 10px 18px }  .irs-courses-img-text {   width: 100%;   padding: 5px 0;   font-weight: 700;   font-style: italic }  .irs-courses-img-text ul li {   float: right }  .irs-courses-img-text ul li p {   color: #333;   text-transform: capitalize }  .irs-courses-img-text ul li p i {   margin-right: 5px }  .irs-courses-content {   padding: 10px 0 0 }  .index-content {   padding: 15px;   height: 140px }  #index-content p {   text-align: center }  #index-content a {   margin-bottom: 10px }  #index-content-no-head {   padding: 16px;   line-height: 65px }  #index-content-no-head p {   text-align: justify;   display: inline-block;   vertical-align: middle }  #index-content-no-head a {   margin: 20px auto }  #index-content-one {   padding: 15px;   height: 80px }  #index-content-one p {   text-align: center }  #index-content-one a {   margin: 20px auto }  .irs-courses-content-one {   padding: 15px }  .irs-courses-content-one p {   text-align: justify }  .irs-courses-content-one a {   margin: 20px auto;   text-align: justify }  .irs-courses-col ul {   text-align: justify;   color: #0e4f96;   padding-left: 15px;   font-size: 14px;   list-style-type: disc }  .irs-courses-col ul li a {   color: #365b82 }  .irs-courses-content-two {   float: left;   text-align: left;   width: 67% }  .irs-courses-content-two .irs-pricing-range label {   margin-left: 0 }  .irs-courses-content h4 {   text-align: justify;   font-weight: 700 }  .irs-courses-content h4 a {   font-family: Be Vietnam Pro, sans-serif;   font-size: 20px;   color: #333 }  .irs-courses-content p {   height: 40% }  .irs-courses-col-single {   background: 0 0;   text-align: left }  .irs-courses-col-single .irs-courses-content {   padding-left: 0 }  .irs-course-features h2 {   font-size: 24px;   border-bottom: 1px solid #ccc;   display: inline-block;   margin-bottom: 20px;   padding-bottom: 10px }  .irs-course-features ul {   border: 1px solid #ccc;   margin-bottom: 30px }  .irs-course-features ul li {   text-transform: capitalize;   border-bottom: 1px solid #ccc;   padding: 10px }  .irs-course-features ul li:last-child {   font-size: 20px;   font-weight: 700;   color: #083970;   border-bottom: none }  .irs-course-features ul li span i {   color: #083970 }  .irs-comment-single h3 {   color: #083970 }  .irs-comment-item {   position: relative;   padding-left: 100px;   margin-bottom: 60px }  .irs-comment-item-right {   margin-left: 100px }  .irs-comment-item img {   width: 80px;   height: 80px;   position: absolute;   left: 0;   top: 0;   -webkit-border-radius: 50%;   -moz-border-radius: 50%;   -ms-border-radius: 50%;   -o-border-radius: 50%;   border-radius: 50% }  .irs-comment-content h4 a {   font-size: 18px;   color: #333 }  .irs-comment-content h6 a {   color: #333 }  .irs-comment-content h4 a:hover, .irs-comment-content h6 a:hover {   color: #083970 }  .irs-live-comment {   margin-bottom: 60px }  .irs-blog-live-comment {   margin-bottom: 0 }  .irs-live-comment h3 {   color: #083970;   margin-bottom: 30px }  .irs-live-comment .form-control {   height: 40px;   margin-bottom: 30px;   border-radius: 0;   box-shadow: none }  .irs-textarea {   height: 100% !important;   resize: none }  .irs-related-courses h3 {   color: #083970;   margin-bottom: 30px }  .irs-counter-field {   padding: 100px 0 50px;   background: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/bg/mid.jpg);   background-size: cover;   background-position: center;   background-repeat: no-repeat;   background-attachment: fixed }  .irs-counter-col {   margin-bottom: 50px;   text-align: center }  .irs-counter-col i {   font-size: 80px;   color: #083970;   font-weight: 400 }  .irs-counter-col .irs-funfact {   margin-top: 20px }  .irs-counter-col .irs-funfact {   font-family: 'Be Vietnam Pro',Montserrat, sans-serif;   color: #083970;   font-size: 32px }  .irs-counter-col .irs-funfact h4 {   color: #083970;   font-size: 18px;   font-weight: 400;   margin-top: 10px;   margin-bottom: 0 }  .irs-search-box {   margin-bottom: 15px }  .irs-sidebar-title {   font-weight: 700;   font-size: 20px;   color: #1f4e97;   padding-bottom: 10px;   margin-bottom: 10px;   border-bottom: 1px solid rgba(193, 193, 193, .5);   display: block }  .irs-search-box .form-control {   height: 45px;   border-radius: 0;   box-shadow: none }  .irs-search-box .form-control:focus {   border-color: #083970 }  .irs-search-box .btn {   height: 45px;   border: 1px solid #083970;   border-radius: 0;   padding: 8px 20px;   color: #fff;   background: #083970 }  .irs-post {   margin-top: -8px }  .irs-blog-single-field .irs-post {   margin-bottom: 10px;   padding: 20px;   -webkit-box-shadow: 0 30px 50px 0 rgb(1 11 60 / 10%);   -moz-box-shadow: 0 30px 50px 0 rgba(1, 11, 60, .1);   box-shadow: 0 30px 50px 0 rgb(1 11 60 / 10%);   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px }  .irs-post .irs-post-item {   min-height: 85px;   position: relative;   text-align: justify;   margin-bottom: 5px }  .irs-post .irs-post-item img {   width: 100px;   position: absolute;   left: 0;   top: 8px }  .irs-post .irs-post-item h4 {   text-transform: inherit;   text-align: justify }  .irs-post .irs-post-item span {   color:#1f4e97;   font-size: 14px }  .irs-categories {   margin-bottom: 50px }  .irs-categories ul li {   margin-bottom: 15px }  .irs-categories ul li a:hover {   color: #1f4e97 }  .irs-categories ul li i {   margin-right: 10px }  .irs-video {   margin-bottom: 10px }  .irs-tag-box ul li {   float: left;   margin-bottom: 25px;   margin-right: 10px }  .irs-tag-box ul li a {   padding: 10px 14px;   border: 1px solid #c1c1c1;   background: 0 0;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-tag-box ul li a:hover {   background: #083970;   color: #fff;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-instagram-box ul li {   float: left;   margin-right: 10px;   margin-bottom: 10px }  .irs-instagram-box ul li img {   width: 80px;   height: 80px }  .irs-testimonial-field {   padding: 100px 0;   background: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/bg/3.jpg);   background-attachment: fixed;   background-size: cover;   background-position: center;   background-repeat: no-repeat;   position: relative }  .irs-testimonial-field img {   position: absolute;   bottom: 0;   left: 5%;   width: 350px;   height: auto }  .irs-transparent-space {   height: 50px;   width: 100%;   background: 0 0 }  .irs-testimonial-single {   background: rgba(28, 28, 28, .5);   border: 3px solid rgba(244, 164, 96, .5);   padding: 60px 40px 30px;   text-align: center;   position: relative }  .irs-testimonial-single .irs-comment-icon {   position: absolute;   right: 100px;   bottom: 0 }  .irs-testimonial-single .irs-comment-icon i {   font-size: 110px;   color: #083970;   opacity: .2 }  .irs-testimonial-single p {   color: #fff;   margin-bottom: 20px }  .irs-testimonial-single h4 {   font-family: 'Be Vietnam Pro',"Helvetica Neue", Helvetica, Arial, sans-serif;   font-size: 18px;   color: #083970;   font-weight: 400 }  .irs-testimonial-single h5 {   font-family: 'Be Vietnam Pro',"Helvetica Neue", Helvetica, Arial, sans-serif;   font-size: 14px;   font-weight: 400;   color: #fff }  .irs-testimonial-field .owl-theme .owl-nav {   margin-top: 30px }  .irs-testimonial-field .owl-theme .owl-dots .owl-dot span {   width: 30px;   height: 8px;   background: #fff;   border: 2px solid transparent;   margin: 0 3px;   -webkit-border-radius: 0;   -moz-border-radius: 0;   -ms-border-radius: 0;   -o-border-radius: 0;   border-radius: 0 }  .irs-testimonial-field .owl-theme .owl-dots .owl-dot.active span, .irs-testimonial-field .owl-theme .owl-dots .owl-dot:hover span {   border: 2px solid #083970;   background: #fff }  .irs-teachers-field {   padding: 50px 0 }  .irs-teachers-col {   margin-bottom: 30px;   position: relative;   overflow: hidden;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-teachers-col .irs-teachers-name {   position: absolute;   left: 0;   bottom: 0;   width: 100%;   text-align: center;   background: rgba(0, 0, 0, .8);   padding: 15px 25px;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-teachers-col:hover .irs-teachers-name {   width: 90%;   left: 50%;   margin-left: -45%;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-teachers-col .irs-teachers-name h4 a {   font-family: 'Be Vietnam Pro',"Helvetica Neue", Helvetica, Arial, sans-serif;   font-weight: 400;   font-size: 16px;   color: #fff;   margin-bottom: 5px }  .irs-teachers-col .irs-teachers-name p {   font-size: 14px;   color: #fff;   text-transform: capitalize }  .irs-teachers-social {   position: absolute;   top: -40px;   right: 0;   text-align: center;   background: rgba(0, 0, 0, .8);   padding: 5px 10px;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-teachers-col:hover .irs-teachers-social {   top: 0;   right: 0;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-teachers-social a i {   color: #fff;   margin-right: 10px;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-teachers-social a i:hover {   color: #083970;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-pagination .pagination>li>a, .irs-pagination .pagination>li>span {   padding: 8px 18px;   color: #666;   background: #fff;   border: 1px solid #dcd9d9;   -webkit-border-radius: 0;   -moz-border-radius: 0;   -ms-border-radius: 0;   -o-border-radius: 0;   border-radius: 0;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-pagination .pagination>li>a:hover {   color: #fff;   background: #083970;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-teacher-single-field {   padding: 50px 0 }  .irs-teacher-single-col {   margin-bottom: 30px }  .irs-teacher-biography ul {   margin-bottom: 30px }  .irs-teacher-biography ul li {   text-transform: capitalize;   margin-bottom: 10px }  .irs-teacher-biography ul li strong {   margin-right: 10px }  .irs-teacher-biography ul li i {   color: #083970 }  .irs-teacher-biography ul li a i {   margin-right: 5px;   color: #595959 }  .irs-teacher-biography ul li a i:hover {   color: #083970 }  .irs-other-teachers h3 {   margin-bottom: 30px }  .irs-gallery-field {   padding-top: 50px;   margin-bottom: 50px }  .irs-img-hover {   position: relative;   margin-bottom: -1px }  .irs-img-hover img {   height: 250px }  .irs-layer:before {   content: "";   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   z-index: 0;   background: rgba(0, 0, 0, .7);   -webkit-transform: scale(0);   -moz-transform: scale(0);   -ms-transform: scale(0);   -o-transform: scale(0);   transform: scale(0);   -webkit-transition: all .5s ease-in-out;   -moz-transition: all .5s ease-in-out;   -ms-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;   transition: all .5s ease-in-out }  .irs-img-hover:hover .irs-layer:before {   -webkit-transform: scale(1);   -moz-transform: scale(1);   -ms-transform: scale(1);   -o-transform: scale(1);   transform: scale(1);   -webkit-transition: all .5s ease-in-out;   -moz-transition: all .5s ease-in-out;   -ms-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;   transition: all .5s ease-in-out }  .irs-img-hover i {   position: absolute;   top: 50%;   left: 0;   right: 0;   margin-top: -20px;   text-align: center;   font-size: 48px;   color: #fff;   -webkit-transform: scale(0);   -moz-transform: scale(0);   -ms-transform: scale(0);   -o-transform: scale(0);   transform: scale(0);   -webkit-transition: all .5s ease-in-out;   -moz-transition: all .5s ease-in-out;   -ms-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;   transition: all .5s ease-in-out }  .irs-img-hover:hover i {   -webkit-transform: scale(1);   -moz-transform: scale(1);   -ms-transform: scale(1);   -o-transform: scale(1);   transform: scale(1);   -webkit-transition: all .5s ease-in-out;   -moz-transition: all .5s ease-in-out;   -ms-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;   transition: all .5s ease-in-out }  .irs-gallery-field-two {   padding: 100px 0 }  .irs-gallery-field-two ul {   margin-bottom: 20px }  .irs-gallery-field-two ul li {   margin-bottom: 30px }  .irs-gallery-field-two ul li a {   background-color: transparent;   padding: 10px 20px;   border: 1px solid #c1c1c1;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-gallery-field-two ul li a:hover {   border-color: #083970;   color: #fff;   background-color: #083970;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .masonry-gallery .isotope-item {   width: 25% }  .masonry-gallery .isotope-item {   width: 33.33% }  .masonry-gallery .isotope-item {   overflow: hidden }  .inner-page-content {   padding-top: 50px }  .irs-blog-field {   padding: 20px 0 20px;   background: #f3f4f8 }  .irs-blog-col {   margin-bottom: 0 }  .irs-blog-col h3 {   text-align: justify;   font-size: 22px;   font-weight: 700;   margin-bottom: 20px }  .irs-blog-col .irs-courses-content p {   text-align: justify;   margin-bottom: 0 }  .irs-blog-field .irs-info-text {   padding: 0 }  .irs-blog-field .irs-info-text ul li {   display: inline-block }  .irs-blog-field .irs-info-text ul li span i {   color: #1f4e97 }  .irs-blog-field .irs-info-text ul li span a {   color: #1f4e97 }  .irs-blog-col .irs-courses-content h4 a {   font-size: 18px }  .page {   padding: 50px 0 }  .irs-blog-single-col {   margin-top: 10px;   margin-bottom: 0 }  .irs-blog-single-field .irs-courses-content h6 {   padding: 50px;   background: #f7f7f7;   font-size: 16px;   line-height: 26px;   border-left: 2px solid #083970;   margin-bottom: 50px;   margin-top: 50px }  .irs-newsletter-col {   margin-bottom: 30px }  .irs-newsletter-field h2 {   margin-bottom: 20px }  .irs-newsletter-field p {   margin-bottom: 30px }  .irs-newsletter-field .form-control {   height: 40px;   border-radius: 0;   box-shadow: none }  .irs-newsletter-field .form-control:focus {   border-color: #083970 }  .irs-newsletter-field .input-group-btn .btn {   height: 40px;   border-radius: 0;   padding: 6px 20px;   color: #fff;   background: #083970 }  .irs-newsletter-field-two {   padding-top: 80px }  .irs-discription-field {   padding: 50px 0 0;   background: #f6f6f6 }  .des {   text-align: justify }  .irs-discription-col h1 {   color: #083970;   text-transform: uppercase;   font-size: 35px }  .irs-discription-col h1 span {   color: #083970 }  .irs-discription-col h2 {   color: #083970;   font-size: 25px;   font-weight: 600 }  .irs-discription-col h2 span {   color: #083970 }  .irs-topdiscription {   margin-bottom: 20px }  .irs-discription-col ul li {   position: relative;   margin-bottom: 10px }  .irs-discription-col ul li span {   font-weight: 700 }  .irs-discription-col ul li i {   color: #c1c1c1;   margin-right: 10px }  .irs-mission-field {   padding: 50px 0;   background: #f6f6f6 }  .irs-left-item {   position: relative;   margin-bottom: 50px;   padding-left: 90px }  .irs-hexagon-two {   position: absolute;   top: 20px;   left: 0;   width: 70px;   height: 40px;   background-color: #535353;   text-align: center;   -webkit-transition: all .5s ease-in-out;   -moz-transition: all .5s ease-in-out;   -ms-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;   transition: all .5s ease-in-out }  .irs-left-item:hover .irs-hexagon-two {   background-color: #083970 }  .irs-hexagon-two:after, .irs-hexagon-two:before {   content: "";   position: absolute;   left: 0;   width: 0;   border-left: 35px solid transparent;   border-right: 35px solid transparent }  .irs-hexagon-two:before {   bottom: 100%;   border-bottom: 20px solid #535353;   -webkit-transition: all .5s ease-in-out;   -moz-transition: all .5s ease-in-out;   -ms-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;   transition: all .5s ease-in-out }  .irs-left-item:hover .irs-hexagon-two:before {   border-bottom-color: #083970 }  .irs-hexagon-two:after {   top: 100%;   width: 0;   border-top: 20px solid #535353;   -webkit-transition: all .5s ease-in-out;   -moz-transition: all .5s ease-in-out;   -ms-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;   transition: all .5s ease-in-out }  .irs-left-item:hover .irs-hexagon-two:after {   border-top-color: #083970 }  .irs-hexagon-two i {   color: #fff;   font-size: 38px;   -webkit-transition: all .5s ease-in-out;   -moz-transition: all .5s ease-in-out;   -ms-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;   transition: all .5s ease-in-out }  .irs-mission-col h4 {   font-size: 18px }  .irs-right-item {   position: relative;   margin-bottom: 50px;   padding-right: 90px;   text-align: right }  .irs-right-item .irs-hexagon-two {   position: absolute;   left: 290px;   top: 20px }  .irs-right-item:hover .irs-hexagon-two {   background-color: #083970 }  .irs-right-item:hover .irs-hexagon-two:before {   border-bottom-color: #083970 }  .irs-right-item:hover .irs-hexagon-two:after {   border-top-color: #083970 }  .irs-sponsor-field {   padding: 100px 0 }  .irs-sponsor-col {   margin-bottom: 30px }  .irs-sponsor-col ul {   border: 1px solid #dcd9d9 }  .irs-sponsor-col ul li {   float: left;   border-right: 1px solid #dcd9d9;   padding: 40px 38px }  .irs-sponsor-col ul li:last-child {   border: none }  .irs-sponsor-col ul li a img {   width: 150px;   height: 30px }  .irs-faq-field {   padding: 100px 0 }  .irs-faq-field .irs-teachers-col {   margin-bottom: 50px }  .irs-volunteer-content p {   margin-bottom: 20px }  .irs-faq-img {   display: block;   text-align: center }  .irs-faq-img img {   width: 300px;   height: auto;   margin-bottom: 30px }  .irs-accordion-two .panel .panel-title a i {   background-color: transparent;   line-height: 40px;   text-align: center;   width: 40px;   height: 40px;   margin-right: 10px;   border-right: 1px solid #ddd }  .irs-accordion-two .panel .panel-title a .icon-1 {   display: inline-block;   color: #083970 }  .irs-accordion-two .panel-title a.collapsed .icon-1 {   display: none }  .irs-accordion-two .panel .panel-title a .icon-2 {   display: none;   color: #083970 }  .irs-accordion-two .panel .panel-title a.collapsed .icon-2 {   display: inline-block }  .irs-accordion-two .panel-title a {   color: #333;   font-weight: 400 }  .irs-accordion-two .panel-group .panel {   border-radius: 0;   margin-bottom: 20px }  .irs-accordion-two .panel-default>.panel-heading {   background-color: transparent;   border-color: #eee;   border-top-left-radius: 0;   border-top-right-radius: 0;   padding: 0 }  .irs-contact-field {   padding: 50px 0 }  .irs-contact-field .irs-contact-col {   margin-bottom: 30px }  .irs-address-box {   background: #f6f6f6;   text-align: center;   height: 145px;   padding: 65px 80px 30px;   margin-bottom: 80px }  .irs-hexagon-three {   margin-bottom: 0;   position: absolute;   top: -20px;   left: 50%;   margin-left: -35px }  .irs-address-box:hover .irs-hexagon-three {   background-color: #083970 }  .irs-address-box:hover .irs-hexagon-three:before {   border-bottom-color: #083970 }  .irs-address-box:hover .irs-hexagon-three:after {   border-top-color: #083970 }  .irs-hexagon-three i {   font-size: 25px;   line-height: 40px }  .irs-contact-col .form-control {   background: 0 0;   border: 1px solid #c1c1c1;   border-radius: 0;   height: 40px;   text-transform: capitalize;   margin-bottom: 30px;   box-shadow: none }  .irs-contact-field .irs-contact-col h4 {   font-size: 18px;   color: #464646;   margin-bottom: 20px }  .irs-inner-page-heading {   padding: 30px 0;   text-align: center;   background-size: cover;   background-position: center;   background-repeat: no-repeat }  .article {   background: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/bg/article.png) #083970;   background-size: cover }  .irs-inner-heading {   display: inline-block;   margin: auto;   padding: 20px 80px;   border: 2px solid #fff }  .irs-inner-page-heading h2 {   font-size: 30px;   font-weight: 700;   color: #fff;   text-transform: uppercase }  .irs-inner-page-heading i {   font-size: 30px;   color: #fff }  .irs-inner-page-heading p {   margin-top: 10px;   color: #fff;   text-transform: uppercase }  .irs-inner-page-heading p a {   color: #fff;   font-weight: 700 }  .irs-inner-page-heading p a:hover {   color: #ddd }  .irs-service-field {   padding: 50px 0 }  .irs-service-col {   margin-bottom: 30px;   background: #f7f7f7;   padding: 30px 20px;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-service-col:hover {   background: #083970;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-service-col i {   font-size: 60px;   color: #083970;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-service-col:hover i {   color: #fff;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-service-col h3 {   margin-top: 20px;   margin-bottom: 10px;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-service-col:hover h3 {   color: #fff;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-service-col:hover p {   color: #fff;   -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;   -ms-transition: all .4s ease-in-out;   -o-transition: all .4s ease-in-out;   transition: all .4s ease-in-out }  .irs-account-field {   padding: 50px 0 }  .irs-account-col {   margin-bottom: 30px;   background: #f7f7f7;   padding: 30px }  .irs-account-col h3 {   color: #083970;   margin-bottom: 20px }  .irs-account-col .form-control {   height: 40px;   margin-bottom: 30px;   border-radius: 0;   background: 0 0;   box-shadow: none }  .form-control:focus {   border-color: #083970 }  .irs-account-col .btn {   margin-top: 20px }  .irs-404-field {   padding: 100px 0 }  .irs-404-field h1 {   font-size: 12vw;   color: #083970 }  .irs-404-field h2 {   font-size: 3vw;   margin-bottom: 50px }  .irs-404-field h3 a {   color: #333;   border-bottom: 2px solid #083970;   padding-bottom: 10px }  .irs-contact-field {   padding: 50px 0 }  .irs-google-map {   margin-bottom: 100px }  .irs-address-col {   margin-bottom: 10px;   text-align: center;   padding: 20px;   background: #f7f7f7 }  .irs-address-col i {   color: #083970;   font-size: 50px }  .irs-address-col p {   margin-top: 10px }  .irs-contact-col {   margin-bottom: 30px }  .irs-contact-field .form-control {   height: 40px;   box-shadow: none;   border-radius: 0;   margin-bottom: 30px }  .irs-footer-field {   padding: 30px 0 0;   background: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/footer.png) #0d4e96 no-repeat center;   position: relative }  .irs-footer-field p {   color: #fff }  .irs-footer-about, .irs-footer-contact, .irs-footer-link, .irs-footer-tweets {   margin-bottom: 30px }  .irs-foooter-logo {   width: 60px }  .irs-footer-about p {   color: #fff;   margin: 0 0 20px }  .irs-footer-about .irs-social a i:hover {   color: #083970 }  .irs-footer-heading {   color: #fff;   font-size: 18px;   font-weight: 400;   margin-bottom: 20px }  .irs-footer-link ul li:last-child {   border-bottom: none }  .irs-footer-link ul li:before {   content: "\eb88";   font-family: IcoFont;   color: #fff;   margin-right: 5px }  .irs-footer-link ul li a {   color: #fff;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-footer-link ul li a:hover {   color: #999;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .irs-tweets {   position: relative;   padding-left: 30px;   border-bottom: 1px solid #3a3a3a;   padding-bottom: 25px;   margin-bottom: 25px }  .irs-tweets:last-child {   border-bottom: none;   padding-bottom: 0;   margin-bottom: 0 }  .irs-tweets i {   position: absolute;   left: 0;   top: 5px;   color: #083970 }  .irs-footer-contact p i {   margin-right: 10px }  .irs-copyright-field {   background: #083970;   text-align: center;   padding: 20px 0 }  .irs-copyright-field p {   color: #fff;   margin: 0 }  .irs-copyright-field p a {   color: #083970 }  .entry {   background: #fff;   padding: 15px;   margin-bottom: 20px;   -webkit-box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%);   box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%);   border-radius: 6px;   -webkit-border-radius: 6px }  .entry-title {   font-size: 30px }  .entry-title a {   color: #333;   text-align: justify }  .entry-title a:hover {   color: #d95b44 }  .blog-columns .entry-title {   margin-top: 25px;   font-size: 25px }  .image-area {   overflow: hidden;   position: relative;   display: block }  .irs-blog-col a {   color: #1f4e97; }  .entry-meta {   padding: 0;   margin-bottom: 5px }  .entry-meta ul {   margin: 0;   padding: 0;   font-family: Lato, sans-serif }  .entry-meta ul li a i {   margin-right: 5px }  .entry-meta ul li a {   color: #aaa }  .entry ul li a:hover {   color: #d95b44 }  .entry-text {   margin-bottom: 5px }  .entry-text p {   text-align: justify }  .entry-meta li:after {   content: '/';   padding-left: 9px;   padding-right: 8px }  .entry-meta li:last-child:after {   content: "";   display: none }  .read-more {   display: block;   float: right;   margin-bottom: 5px;   color: #083970;   font-weight: 700;   font-style: italic }  .read-more:hover {   cursor: pointer }  .read-more a {   color: inherit }  .btn-read-more {   float: right }  .p .pagination {   border-radius: 0;   -webkit-border-radius: 0 }  .pagination-wrap {   margin-bottom: 80px }  .pagination>li.active>a {   background-color: #d95b44;   border-color: #d95b44 }  .pagination>li>a {   color: #333 }  .pagination>li>a:hover {   color: #d95b44 }  .left-img .entry .entry-title {   font-size: 16px;   text-align: justify;   font-weight: 700;   line-height: 25px;   margin-top: 0 }  .author-image img {   width: 84px;   height: 84px }  .author-image {   float: left;   margin-right: 15px }  .related-post {   margin-top: 50px;   margin-bottom: 30px }  .related-post .entry {   margin-bottom: 30px }  .related-post h4 {   margin-bottom: 20px }  .related-post .entry-title {   font-size: 20px;   line-height: 25px;   margin-top: 15px;   margin-bottom: 5px }  .comments {   margin-bottom: 80px }  .comment-box {   margin-top: 40px }  .comment-box .comment-author {   float: left;   margin-right: 30px }  .comment-author img {   width: 84px;   height: 84px }  .comment-text {   overflow: hidden }  .comment-text h5 {   margin-bottom: 5px }  .comment-box {   margin-bottom: 20px }  .comment-box em {   display: block;   color: #999;   margin-bottom: 5px }  .comment-text p {   margin-bottom: 5px }  span.reply {   display: block }  span.reply a i {   margin-right: 5px }  span.reply a {   color: #555 }  span.reply a:hover {   color: #d95b44 }  .comment-form h4 {   margin-bottom: 20px }  .comment-form {   margin-bottom: 50px }  ul.category-list li {   background: url(../img/bullet.png) no-repeat 4px 15px;   padding-left: 18px;   padding-top: 8px;   padding-bottom: 8px }  ul.category-list li a {   color: #999 }  ul.category-list li a:hover {   color: #d95b44;   margin-left: 5px }  .entry-img {   width: 80px;   height: 80px;   float: left;   margin: 0 15px 0 0;   display: block }  .entry-img img {   border-radius: 5px;   -webkit-border-radius: 5px }  .entry-c {   overflow: hidden }  .entry-c span {   display: block;   font-family: Lato, sans-serif;   font-weight: 400 }  .entry-c span a {   color: #666 }  .entry-c a:hover {   color: #d95b44 }  .entry-c em {   color: #999 }  .contact-wrap {   margin-bottom: 50px }  .contact-wrap h4 {   margin-bottom: 30px }  .contact-wrap i {   margin-right: 10px }  .contact-wrap p {   margin: 0 }  .blank-page {   padding-bottom: 150px;   padding-top: 80px }  .blank-page h2 {   text-transform: uppercase }  .error-page {   padding-bottom: 80px }  .error-page h2 {   font-weight: 700;   text-transform: uppercase }  .error-page p {   margin-bottom: 30px }  .error-page i {   color: #f1f1f1;   font-size: 200px;   line-height: 200px;   margin-bottom: 20px }  .center-heading {   margin-bottom: 60px }  .center-heading h3 {   text-transform: uppercase;   font-weight: 600 }  .center-heading .center-line {   width: 70px;   height: 2px;   background-color: #999;   display: block;   margin: 0 auto }  .center-heading p {   font-size: 21px;   color: #777;   margin-top: 20px;   font-weight: 300 }  .pHead {   font-family: 'Be Vietnam Pro';   font-style: italic;   font-weight: 700;   margin-bottom: 10px;   text-align: justify;   margin-top: 10px }  .pTitle {   font-family: 'Be Vietnam Pro';   font-weight: bold;   font-size: 22px;   line-height: 28px;   margin-bottom: 2px;   margin-top: 10px;   padding-bottom: 10px;   color: #1f4e97;   border-bottom: 1px solid #ccc }  .pBody a, tbody a {   color: #083970;   font-weight: 700;   font-style: italic }  p img {   width: initial }  i.fa.fa-home {   font-size: 25px;   margin-top: -4px }  .irs-about-box .icofont {   color: #083970 }  .link-web img {   margin: 0 auto;   width: 80px;   height: 80px;   border: 2px solid #083970;   border-radius: 100%;   padding: 8px;   margin-bottom: 5px }  .link-web p {   line-height: 20px;   color: #083970;   font-weight: 700;   font-size: 13px }  .s-index {   padding: 20px 0;   background: #fff }  .s-index h4 {   height: 50px }  .icofont-ui-check, .intro h3 {   font-weight: 700;   color: #083970 }  .social {   text-align: right;   margin: 20px auto;   padding: 10px 0 }  .dsKhoa h3 {   font-size: 30px }  .irs-about-field .carousel-indicators {   bottom: -30px }  section .carousel .carousel-indicators li {   background-color: #adb2b5 }  section .carousel .carousel-indicators .active {   background-color: #083970 }  .site-name {   padding-top: 5px;   display: inline-block }  .site-name .school-name {   font-size: 17px;   color: #083970;   font-weight: 700;   text-transform: uppercase }  .site-name .faculty-name {   font-size: 15px;   color: #333 }  .site-name .school-slogan {   font-size: 12px;   font-weight: 700;   margin-top: -5px }  .menu li {   font-size: 12px;   display: inline;   margin-right: 5px;   padding-right: 2px;   border-right: solid 2px #fff }  .menu li a {   color: #fff }  .menu li a:hover {   color: khaki;   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .dropbtn {   font-weight: 500;   padding: 0;   background-color: inherit;   color: #fff;   border: none;   cursor: pointer }  .dropdown {   position: relative;   display: inline-block }  .dropdown-content {   display: none;   position: absolute;   background-color: #083970;   min-width: 330px;   z-index: 999 }  .dropdown-content a {   color: #333;   padding: 3px 5px;   text-decoration: none;   display: block;   border-bottom: 1px solid #ccc }  .dropdown .dropdown-content a:hover {   color: #000;   background-color: #fff }  .dropdown:hover .dropdown-content {   display: block }  .dropdown:hover .dropbtn {   color: khaki }  .col-md-3.col-sm-12 {   background: #f3f3f3;   height: 100% }  .wrap-highlight {   width: 100% }  .event-title-highlight {   font-weight: 700;   font-size: 22px;   padding: 10px;   color: #083970;   border-top: solid;   background: #fff;   border-bottom-color: #e2e2e2;   -webkit-box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%);   box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%) }  .event-hightlight {   padding-right: 0 !important }  .event-hightlight ul {   background: #fff;   padding: 10px 15px 1px 15px;   border-radius: 0 0 5px 5px;   -webkit-box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%);   box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%);   overflow: hidden }  .event-hightlight ul li:not(:last-child) {   border-bottom: 1px dotted #ddd }  .event-title-module {   margin: 0 0 1em;   overflow: hidden }  .event-title-module p {   margin: 0;   text-align: justify }  .line-clamp {   display: -webkit-box;   -webkit-line-clamp: 5;   -webkit-box-orient: vertical }  .event-hightlight .line-clamp {   -webkit-line-clamp: 3;   margin-top: 10px }  a.btn.btn-default.irs-btn-transparent-two.btn-read-more.see-event {   margin-top: 20px }  .hot-event-contener {   background: #f8f8f4;   display: block }  .event-month-highlight p {   text-align: center;   color: #545454;   font-size: 20px }  .event-day-highlight p {   text-align: center;   color: #083970;   font-size: 30px;   margin-top: 10px;   margin-bottom: 10px }  .event-content-highlight {   margin-left: 15px;   text-align: justify;   margin-top: -10px;   font-size: 15px }  tr {   border-bottom: 1px solid #ddd }  #map {   height: 150px;   width: 100% }  span.changeLang a img {   width: 24px;   margin-left: 5px }  span.textRight {   margin-left: 15px;   text-align: center;   color: #fff;   font-size: 12px;   display: inline;   font-weight: 700 }  .dropdown-submenu {   position: relative }  .dropdown-submenu>.dropdown-menu {   top: 4px;   left: 100%;   margin-top: -6px;   margin-left: -1px }  .dropdown-submenu:hover>.dropdown-menu {   display: block }  .dropdown-submenu>a:after {   display: block;   content: " ";   float: right;   width: 0;   height: 0;   border-color: transparent;   border-style: solid;   border-width: 5px 0 5px 5px;   border-left-color: #ccc;   margin-top: 5px;   margin-right: -10px }  .dropdown-submenu:hover>a:after {   border-left-color: #fff }  .dropdown-submenu.pull-left {   float: none }  .dropdown-submenu.pull-left>.dropdown-menu {   left: -100%;   margin-left: 10px;   -webkit-border-radius: 6px 0 6px 6px;   -moz-border-radius: 6px 0 6px 6px;   border-radius: 6px 0 6px 6px }  .pCaption {   color: #555;   font-size: 12px;   padding: 0 5px 5px;   margin: 0 auto;   text-align: center;   font-style: normal;   font-weight: 400;   text-transform: none }  .pQuestion {   color: #333;   font-size: 13px;   line-height: 18px;   text-align: left;   font-style: italic;   font-weight: 400 }  .pAnswer {   color: #333;   font-size: 13px;   line-height: 18px;   text-align: left;   font-style: normal;   font-weight: 400 }  .student-title-module {   margin: 0 0 5px;   overflow: hidden }  .student-title-module p {   margin: 0;   text-align: justify }  .student-line-clamp {   display: -webkit-box;   -webkit-line-clamp: 2;   -webkit-box-orient: vertical }  #newnews {   height: 192px;   overflow: hidden }  #newnews li {   border-bottom: 1px dotted #ccc;   margin-left: 0 }  #newnews li a {   clear: both;   padding: 5px 10px 1px 0;   display: block;   text-align: justify }  .publishTime {   font-size: 9pt;   color: #666 }  .othernews a:hover {   color: #000;   text-decoration: underline }  .othernews a:visited {   color: #551a8b }  table {   width: 100% !important }  table, td, tr {   border: 1px solid #ddd; }  table td {   padding: 3px }  .table .thead-dark th {   color: #fff;   background-color: #343a40;   border-color: #454d55 }  .table thead th {   vertical-align: bottom;   border-bottom: 2px solid #dee2e6 }  #ochannelTree {   list-style: none;   padding: 0;   margin: 0;   font-family: Arial;   font-size: 9pt;   font-weight: 400;   color: #000 }  #ochannelTree ul {   padding: 0;   margin: 0;   list-style: none;   clear: both }  #ochannelTree ul.cblock {   display: block;   padding-left: 10px }  #ochannelTree li {   list-style: none;   text-indent: 20px;   margin: 0 0 0 5px;   padding: 2px 0 0;   font-weight: 400;   text-transform: none }  #ochannelTree li.ic_Ex {   padding: 2px;   background: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/ic_Nx.gif) no-repeat 0 -2px;   text-transform: uppercase;   font-weight: 700 }  #ochannelTree li span {   color: #000;   text-transform: uppercase }  #ochannelTree li span a {   color: #999;   text-decoration: none }  #ochannelTree li.ic_nEx {   padding: 2px;   background: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/ic_Nx.gif) no-repeat 0 -2px;   text-transform: uppercase;   font-weight: 700 }  #ochannelTree li.ic_Nx {   padding: 2px;   background: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/ic_nEx.gif) no-repeat 0 -2px;   text-transform: uppercase;   font-weight: 700 }  #ochannelTree img {   border: 0;   padding: 0 3px 0 0 }  #ochannelTree a {   color: #000;   text-decoration: none }  #ochannelTree a:hover {   color: #be0000;   text-decoration: underline }  .irs-blog-col a:hover {   color: #ed1c2a !important }  table.dataTable.display tbody td, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th {   border: 1px solid #eee }  table.table.dataTable {   margin-top: 0 !important }  div.DTFC_LeftBodyWrapper table.dataTable {   margin-top: 0 !important }  table.dataTable tr td {   padding: 15px 10px !important;   vertical-align: middle }  table.table thead, table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc {   background-position: 95% !important;   background-color: #083970;   color: #fff }  table.dataTable tfoot td, table.dataTable tfoot th {   border-top: 2px solid #eee }  table.dataTable tfoot td input, table.dataTable tfoot td select, table.dataTable tfoot th input, table.dataTable tfoot th select {   font-weight: 400;   font-size: 13px;   padding: 5px 8px }  table.dataTable tfoot td select, table.dataTable tfoot th select {   padding: 4px 8px }  .DTFC_LeftFootWrapper table, .dataTables_scrollFoot table {   border: 0 solid transparent !important }  .DTFC_LeftBodyLiner table tr td {   text-align: right }  table.dataTable.display tbody tr:first-child td {   border-top: 1px solid #eee }  table.dataTable {   width: 100%;   margin: 0 auto;   clear: both;   border-collapse: separate;   border-spacing: 0 }  table.dataTable tfoot th, table.dataTable thead th {   font-weight: 700 }  table.dataTable thead td, table.dataTable thead th {   padding: 10px 18px;   border-bottom: 1px solid #111 }  table.dataTable thead td:active, table.dataTable thead th:active {   outline: 0 }  table.dataTable tfoot td, table.dataTable tfoot th {   padding: 10px 18px 6px;   border-top: 1px solid #111 }  table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {   cursor: pointer }  table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {   background-repeat: no-repeat;   background-position: center right }  table.dataTable thead .sorting {   background-image: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/sort_both.png) }  table.dataTable thead .sorting_asc {   background-image: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/sort_asc.png) }  table.dataTable thead .sorting_desc {   background-image: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/sort_desc.png) }  table.dataTable thead .sorting_asc_disabled {   background-image: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/sort_asc_disabled.png) }  table.dataTable thead .sorting_desc_disabled {   background-image: url(https://www.haui.edu.vn/dnn/web/haui/assets/images/sort_desc_disabled.png) }  table.dataTable tbody tr {   background-color: #fff }  table.dataTable tbody tr.selected {   background-color: #b0bed9 }  table.dataTable tbody td, table.dataTable tbody th {   padding: 8px 10px }  table.dataTable.display tbody td, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th {   border-top: 1px solid #ddd }  table.dataTable.display tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.row-border tbody tr:first-child th {   border-top: none }  table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody th {   border-top: 1px solid #ddd;   border-right: 1px solid #ddd }  table.dataTable.cell-border tbody tr td:first-child, table.dataTable.cell-border tbody tr th:first-child {   border-left: 1px solid #ddd }  table.dataTable.cell-border tbody tr:first-child td, table.dataTable.cell-border tbody tr:first-child th {   border-top: none }  table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd {   background-color: #f9f9f9 }  table.dataTable.display tbody tr.odd.selected, table.dataTable.stripe tbody tr.odd.selected {   background-color: #acbad4 }  table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover {   background-color: #f6f6f6 }  table.dataTable.display tbody tr:hover.selected, table.dataTable.hover tbody tr:hover.selected {   background-color: #aab7d1 }  table.dataTable.display tbody tr>.sorting_1, table.dataTable.display tbody tr>.sorting_2, table.dataTable.display tbody tr>.sorting_3, table.dataTable.order-column tbody tr>.sorting_1, table.dataTable.order-column tbody tr>.sorting_2, table.dataTable.order-column tbody tr>.sorting_3 {   background-color: #fafafa }  table.dataTable.display tbody tr.selected>.sorting_1, table.dataTable.display tbody tr.selected>.sorting_2, table.dataTable.display tbody tr.selected>.sorting_3, table.dataTable.order-column tbody tr.selected>.sorting_1, table.dataTable.order-column tbody tr.selected>.sorting_2, table.dataTable.order-column tbody tr.selected>.sorting_3 {   background-color: #acbad5 }  table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {   background-color: #f1f1f1 }  table.dataTable.display tbody tr.odd>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {   background-color: #f3f3f3 }  table.dataTable.display tbody tr.odd>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {   background-color: #f5f5f5 }  table.dataTable.display tbody tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {   background-color: #a6b4cd }  table.dataTable.display tbody tr.odd.selected>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {   background-color: #a8b5cf }  table.dataTable.display tbody tr.odd.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {   background-color: #a9b7d1 }  table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {   background-color: #fafafa }  table.dataTable.display tbody tr.even>.sorting_2, table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {   background-color: #fcfcfc }  table.dataTable.display tbody tr.even>.sorting_3, table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {   background-color: #fefefe }  table.dataTable.display tbody tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {   background-color: #acbad5 }  table.dataTable.display tbody tr.even.selected>.sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {   background-color: #aebcd6 }  table.dataTable.display tbody tr.even.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {   background-color: #afbdd8 }  table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {   background-color: #eaeaea }  table.dataTable.display tbody tr:hover>.sorting_2, table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {   background-color: #ececec }  table.dataTable.display tbody tr:hover>.sorting_3, table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {   background-color: #efefef }  table.dataTable.display tbody tr:hover.selected>.sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {   background-color: #a2aec7 }  table.dataTable.display tbody tr:hover.selected>.sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {   background-color: #a3b0c9 }  table.dataTable.display tbody tr:hover.selected>.sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {   background-color: #a5b2cb }  table.dataTable.nowrap td, table.dataTable.nowrap th {   white-space: nowrap }  table.dataTable.compact thead td, table.dataTable.compact thead th {   padding: 4px 17px 4px 4px }  table.dataTable.compact tfoot td, table.dataTable.compact tfoot th {   padding: 4px }  table.dataTable.compact tbody td, table.dataTable.compact tbody th {   padding: 4px }  table.dataTable td.dt-left, table.dataTable th.dt-left {   text-align: left }  table.dataTable td.dataTables_empty, table.dataTable td.dt-center, table.dataTable th.dt-center {   text-align: center }  table.dataTable td.dt-right, table.dataTable th.dt-right {   text-align: right }  table.dataTable td.dt-justify, table.dataTable th.dt-justify {   text-align: justify }  table.dataTable td.dt-nowrap, table.dataTable th.dt-nowrap {   white-space: nowrap }  table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable thead th.dt-head-left {   text-align: left }  table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center {   text-align: center }  table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right {   text-align: right }  table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify {   text-align: justify }  table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap {   white-space: nowrap }  table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left {   text-align: left }  table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center {   text-align: center }  table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right {   text-align: right }  table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify {   text-align: justify }  table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap {   white-space: nowrap }  table.dataTable, table.dataTable td, table.dataTable th {   -webkit-box-sizing: content-box;   -moz-box-sizing: content-box;   box-sizing: content-box }  .dataTables_wrapper {   position: relative;   clear: both;   zoom: 1 }  .dataTables_wrapper .dataTables_length {   float: left }  .dataTables_wrapper .dataTables_filter {   float: right;   text-align: right }  .dataTables_wrapper .dataTables_filter input {   margin-left: .5em }  .dataTables_wrapper .dataTables_info {   clear: both;   float: left;   padding-top: .755em }  .dataTables_wrapper .dataTables_paginate {   float: right;   text-align: right;   padding-top: .25em }  .dataTables_wrapper .dataTables_paginate .paginate_button {   box-sizing: border-box;   display: inline-block;   min-width: 1.5em;   padding: .5em 1em;   margin-left: 2px;   text-align: center;   text-decoration: none !important;   cursor: pointer;   color: #333 !important;   border: 1px solid transparent;   border-radius: 2px }  .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {   color: #333 !important;   border: 1px solid #979797;   background-color: #fff;   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #dcdcdc));   background: -webkit-linear-gradient(top, #fff 0, #dcdcdc 100%);   background: -moz-linear-gradient(top, #fff 0, #dcdcdc 100%);   background: -ms-linear-gradient(top, #fff 0, #dcdcdc 100%);   background: -o-linear-gradient(top, #fff 0, #dcdcdc 100%);   background: linear-gradient(to bottom, #fff 0, #dcdcdc 100%) }  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {   cursor: default;   color: #666 !important;   border: 1px solid transparent;   background: 0 0;   box-shadow: none }  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {   color: #fff !important;   border: 1px solid #111;   background-color: #585858;   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858), color-stop(100%, #111));   background: -webkit-linear-gradient(top, #585858 0, #111 100%);   background: -moz-linear-gradient(top, #585858 0, #111 100%);   background: -ms-linear-gradient(top, #585858 0, #111 100%);   background: -o-linear-gradient(top, #585858 0, #111 100%);   background: linear-gradient(to bottom, #585858 0, #111 100%) }  .dataTables_wrapper .dataTables_paginate .paginate_button:active {   outline: 0;   background-color: #2b2b2b;   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2b2b), color-stop(100%, #0c0c0c));   background: -webkit-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);   background: -moz-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);   background: -ms-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);   background: -o-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);   background: linear-gradient(to bottom, #2b2b2b 0, #0c0c0c 100%);   box-shadow: inset 0 0 3px #111 }  .dataTables_wrapper .dataTables_paginate .ellipsis {   padding: 0 1em }  .dataTables_wrapper .dataTables_processing {   position: absolute;   top: 50%;   left: 50%;   width: 100%;   height: 40px;   margin-left: -50%;   margin-top: -25px;   padding-top: 20px;   text-align: center;   font-size: 1.2em;   background-color: #fff;   background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, .9)), color-stop(75%, rgba(255, 255, 255, .9)), color-stop(100%, rgba(255, 255, 255, 0)));   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);   background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);   background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);   background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%) }  .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {   color: #333 }  .dataTables_wrapper .dataTables_scroll {   clear: both }  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {   -webkit-overflow-scrolling: touch }  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th {   vertical-align: middle }  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing {   height: 0;   overflow: hidden;   margin: 0 !important;   padding: 0 !important }  .dataTables_wrapper.no-footer .dataTables_scrollBody {   border-bottom: 1px solid #111 }  .dataTables_wrapper.no-footer div.dataTables_scrollBody table, .dataTables_wrapper.no-footer div.dataTables_scrollHead table {   border-bottom: none }  .dataTables_wrapper:after {   visibility: hidden;   display: block;   content: "";   clear: both;   height: 0 }  .particles {   position: absolute;   display: block;   top: 0;   left: 0;   z-index: 0 }  .p-category {   width: 100%;   z-index: 1;   -webkit-border-radius: 8px;   -moz-border-radius: 8px;   -ms-border-radius: 8px;   -o-border-radius: 8px;   border-radius: 8px;   position: relative }  .p-category:hover img {   -ms-transform: scale(1.1);   -webkit-transform: scale(1.1);   transform: scale(1.1);   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out }  .top-company-sec {   float: left;   width: 100%;   margin-top: -30px }  .top-compnay {   float: left;   width: 100%;   background: #fff;   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);   -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);   -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);   -o-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);   box-shadow: 0 2px 4px rgba(0, 0, 0, .06);   -webkit-border-radius: 8px;   -moz-border-radius: 8px;   -ms-border-radius: 8px;   -o-border-radius: 8px;   border-radius: 8px;   margin-top: 30px;   text-align: center;   padding: 20px 20px;   margin-bottom: 6px;   margin-bottom: 30px }  .top-compnay img {   float: none;   display: inline-block;   max-width: 100% }  .top-compnay h3 {   float: left;   width: 100%;   font-family: 'Be Vietnam Pro',"Helvetica Neue", Helvetica, Arial, sans-serif;   font-size: 15px;   color: #111;   margin-top: 10px;   margin-bottom: 5px }  .top-compnay span {   float: left;   width: 100%;   font-family: 'Be Vietnam Pro',"Helvetica Neue", Helvetica, Arial, sans-serif;   font-size: 13px;   color: #fb236a }  .top-compnay>a {   float: none;   font-family: 'Be Vietnam Pro',"Helvetica Neue", Helvetica, Arial, sans-serif;   font-size: 13px;   color: #fb236a;   border: 1px solid #fb236a;   -webkit-border-radius: 20px;   -moz-border-radius: 20px;   -ms-border-radius: 20px;   -o-border-radius: 20px;   border-radius: 20px;   padding: 6px 14px;   letter-spacing: 0;   margin: 16px 0;   display: inline-block;   margin-top: 25px;   margin-bottom: 5px }  .top-company-sec button.slick-arrow {   z-index: 12;   border: 2px dashed #c8cccc;   width: 55px;   height: 55px;   -webkit-border-radius: 50%;   -moz-border-radius: 50%;   -ms-border-radius: 50%;   -o-border-radius: 50%;   border-radius: 50%;   margin-top: -21px }  .top-company-sec button.slick-prev.slick-arrow {   left: -110px }  .top-company-sec button.slick-next.slick-arrow {   right: -110px }  .top-company-sec button.slick-arrow::before {   color: #bec2c2;   line-height: 35px }  .event-left {   background: #fff;   padding: 15px;   border-radius: 5px;   -webkit-border-radius: 5px;   overflow: hidden;   -webkit-box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%);   box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%) }  .menu li:last-child {   border: none }  .footer__social ul li {   display: inline-block }  .footer__social ul li:not(:last-child) {   margin-right: 10px }  .footer__social ul li a {   display: inline-block;   font-size: 30px;   width: 44px;   height: 44px;   line-height: 36px;   text-align: center;   border: 2px solid #285da1;   background: #285da1;   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;   color: #fff }  .footer__social ul li a:hover {   color: #285da1;   background: 0 0 }  .footer__social ul li a.youtube {   background: red;   border-color: red }  .footer__social ul li a.youtube:hover {   background: 0 0;   color: red }  .footer__social ul li a.instagram {   background: #f09433;   background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);   background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);   background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);   border-color: #e6683c }  .footer__social ul li a.instagram:hover {   background: 0 0;   color: #f09433 }  .footer__social ul li a.tiktok, .footer__social ul li a.zalo {   background: 0 0;   border: none }  .science-img {   max-height: 235px }  .index-content-no-head {   padding: 16px;   line-height: 65px }  .index-content-no-head p {   text-align: justify;   display: inline-block;   vertical-align: middle }  .index-content-no-head a {   color: #083970;   margin: 20px auto }  .irs-video-col {   box-shadow: none;   -webkit-box-shadow: none }  .category-slide {   background: #083970;   text-align: center;   padding: 15px 0 15px 0 }  .category-slide a {   color: #fff;   font-weight: 700;   font-size: 11px }  .category-slide:hover a {   -ms-transform: scale(1.1);   -webkit-transform: scale(1.1);   transform: scale(1.1);   -webkit-transition: all .3s ease-in-out;   -moz-transition: all .3s ease-in-out;   -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;   transition: all .3s ease-in-out;   font-size: 13px }  .imgborder {   background: #fff;   border-radius: 5px;   -webkit-border-radius: 5px;   overflow: hidden;   -webkit-box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%);   box-shadow: 0 30px 40px 0 rgb(1 11 60 / 6%) }  .MsoTableGrid thead tr td {   background-color: #003399;   color: #ffffff; }  .top-navigation {   padding: 30px 0px 15px 15px;    height: 115px; }  .irs-header-nav {   background-color: #083970; }  .title-icon i {   background: #083970;   color: #ffffff;   padding: 5px 8px;   -webkit-border-top-left-radius: 8px;   -webkit-border-bottom-right-radius: 8px;   -moz-border-radius-topleft: 8px;   -moz-border-radius-bottomright: 8px;   border-top-left-radius: 8px;   border-bottom-right-radius: 8px; }