@charset "UTF-8";
@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/robotocondensed-bold-webfont.eot");
  src: url("../fonts/robotocondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/robotocondensed-bold-webfont.woff2") format("woff2"), url("../fonts/robotocondensed-bold-webfont.woff") format("woff"), url("../fonts/robotocondensed-bold-webfont.ttf") format("truetype"), url("../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/robotocondensed-bolditalic-webfont.eot");
  src: url("../fonts/robotocondensed-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/robotocondensed-bolditalic-webfont.woff2") format("woff2"), url("../fonts/robotocondensed-bolditalic-webfont.woff") format("woff"), url("../fonts/robotocondensed-bolditalic-webfont.ttf") format("truetype"), url("../fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic") format("svg");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/robotocondensed-italic-webfont.eot");
  src: url("../fonts/robotocondensed-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/robotocondensed-italic-webfont.woff2") format("woff2"), url("../fonts/robotocondensed-italic-webfont.woff") format("woff"), url("../fonts/robotocondensed-italic-webfont.ttf") format("truetype"), url("../fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic") format("svg");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/robotocondensed-light-webfont.eot");
  src: url("../fonts/robotocondensed-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/robotocondensed-light-webfont.woff2") format("woff2"), url("../fonts/robotocondensed-light-webfont.woff") format("woff"), url("../fonts/robotocondensed-light-webfont.ttf") format("truetype"), url("../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/robotocondensed-lightitalic-webfont.eot");
  src: url("../fonts/robotocondensed-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/robotocondensed-lightitalic-webfont.woff2") format("woff2"), url("../fonts/robotocondensed-lightitalic-webfont.woff") format("woff"), url("../fonts/robotocondensed-lightitalic-webfont.ttf") format("truetype"), url("../fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/robotocondensed-regular-webfont.eot");
  src: url("../fonts/robotocondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/robotocondensed-regular-webfont.woff2") format("woff2"), url("../fonts/robotocondensed-regular-webfont.woff") format("woff"), url("../fonts/robotocondensed-regular-webfont.ttf") format("truetype"), url("../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-bold-webfont.eot");
  src: url("../fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold-webfont.woff2") format("woff2"), url("../fonts/roboto-bold-webfont.woff") format("woff"), url("../fonts/roboto-bold-webfont.ttf") format("truetype"), url("../fonts/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-light-webfont.eot");
  src: url("../fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light-webfont.woff2") format("woff2"), url("../fonts/roboto-light-webfont.woff") format("woff"), url("../fonts/roboto-light-webfont.ttf") format("truetype"), url("../fonts/roboto-light-webfont.svg#robotolight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-thin-webfont.eot");
  src: url("../fonts/roboto-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-thin-webfont.woff2") format("woff2"), url("../fonts/roboto-thin-webfont.woff") format("woff"), url("../fonts/roboto-thin-webfont.ttf") format("truetype"), url("../fonts/roboto-thin-webfont.svg#robotothin") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-regular-webfont.eot");
  src: url("../fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto-regular-webfont.woff") format("woff"), url("../fonts/roboto-regular-webfont.ttf") format("truetype"), url("../fonts/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
* {
  box-sizing: border-box;
  outline: 0;
}

*:before, *:after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  -webkit-text-size-adjust: none;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
}

img {
  border: 0;
}

a {
  text-decoration: none;
}
a:hover {
  cursor: pointer;
}
a:hover, a:focus {
  text-decoration: none;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h1 {
  text-transform: uppercase;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 12px 0;
  padding: 0;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

table {
  border: none;
  border-collapse: collapse;
}
table td, table th {
  border: none;
  text-align: left;
  padding: 0;
}

input[type=submit],
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel], textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

dt, dd, dl {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

/*
Main site color
drak-blue: #00153f;
drak-gold: #aa8e2d;
gold: #cbb97b;

*/
/*global*/
/* top bar */
/* menu */
/* footer */
.home-container .statistic-section ul, .home-container .spirit-section .external-link > .container ul, .top-bar .container nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.block-search > .container, .page-footer .region-footer-top .horizontal-center .footer-menu-block, .home-container .more-about-ust-section > .container, .home-container .news-section > .container, .home-container .program-section > .container, .home-container .event-section > .container, .home-container .dean-message-section > .container, .home-container .announcement-section > .container, .home-container .spirit-section .external-link > .container, .home-container .spirit-section .slideshow-section > .container, .home-container .slideshow-section > .container, .main-body .container, .top-bar .container {
  max-width: 1260px;
  width: auto;
  margin: auto;
}

.page-footer .region-footer-bottom, .page-footer .region-footer-top, .home-container .statistic-section .statistic-card .col-xs-6, .home-container .statistic-section ul > li, .home-container .news-section, .home-container .program-section, .home-container .event-section, .home-container .dean-message-section, .home-container .announcement-section, .home-container .spirit-section {
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

@media (min-width: 1290px) {
  .container {
    width: 1260px;
  }
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 1em;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 34px;
  }
  input[type=date].input-sm,
  input[type=time].input-sm,
  input[type=datetime-local].input-sm,
  input[type=month].input-sm,
  .input-group-sm input[type=date],
  .input-group-sm input[type=time],
  .input-group-sm input[type=datetime-local],
  .input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg,
  input[type=time].input-lg,
  input[type=datetime-local].input-lg,
  input[type=month].input-lg,
  .input-group-lg input[type=date],
  .input-group-lg input[type=time],
  .input-group-lg input[type=datetime-local],
  .input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.form-group.text-right {
  text-align: right;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: relative;
  margin-left: -20px;
  margin-top: 2px;
  margin-top: 0px \9 ;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  text-align: left;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=checkbox].disabled,
fieldset[disabled] input[type=radio],
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.subscription-container form .checkbox, .subscription-container form .radio {
  margin-top: 8px;
  margin-bottom: 8px;
}

.webform-required {
  color: #85292A;
  text-align: right;
  margin: 24px 0;
}

.form-required::after {
  content: " *";
  color: #85292A;
}

.captcha {
  margin-bottom: 15px;
}

.webform-submission-form .webform-flex--container .form-wrapper {
  margin-left: 0.3em;
}
.webform-submission-form .btn-input.webform-actions {
  position: relative;
  color: #fff;
  min-width: 90px;
  height: 34px;
}
.webform-submission-form .btn-input.webform-actions .form-submit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: right;
  padding: 5px 10px;
  background: none;
  border: 0;
  vertical-align: middle;
}
.webform-submission-form .btn-input.webform-actions:hover {
  color: #ddd;
}

form {
  text-align: left;
}
form label {
  line-height: 2em;
  font-size: 14px;
}
form label.checkbox-inline, form label.radio-inline {
  line-height: 1.3em;
}
form label.error {
  color: #85292A;
  margin-top: -15px;
  display: block;
  margin-bottom: 15px;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media only screen and (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.image-container {
  margin: 30px 0;
  overflow: auto;
}
.image-container img {
  margin: 0 auto;
  display: block;
  width: 100%;
}
.image-container span {
  text-align: center;
  margin-top: 10px;
  display: block;
  padding: 0 35px;
  font-size: 0.857em;
}
@media only screen and (max-width: 767px) {
  .image-container > * img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .image-container > *:first-child {
    margin-bottom: 2.5em;
  }
}

.arrow-content {
  border: 1px solid #cccccc;
  padding: 20px 20px;
  background: #fff;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.arrow-content .form-group.register {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 991px) {
  .arrow-content .form-group.register {
    position: static;
  }
}
.arrow-content.gray {
  cursor: pointer;
  border-color: #ddd;
}
.arrow-content.gray:before {
  background: url(../img/frame-triangle-gray.png) 0 0 no-repeat;
}
.arrow-content.gray:hover {
  border-color: #1d3c72;
}
.arrow-content.gray:hover h3 {
  color: #1d3c72;
}
.arrow-content.gray:hover a {
  color: #1d3c72;
}
.arrow-content.gray:hover:before {
  background: url(../img/frame-triangle-blue.png) 0 0 no-repeat;
}
.arrow-content.gray:hover .btn-input.gray-white {
  background-color: #555;
  color: #ddd;
}
.arrow-content.gray:hover .btn-input.gray-white > span {
  color: #ddd;
}
.arrow-content.gray:hover .btn-input.gold-blue i {
  background-position: center -16px;
}
.arrow-content.gray:hover .btn-input.gray-white i {
  background-position: center -32px;
}
@media only screen and (max-width: 767px) {
  .arrow-content {
    padding: 30px 43px;
  }
}
@media only screen and (max-width: 480px) {
  .arrow-content {
    padding: 15px 15px;
  }
  .arrow-content:before {
    content: none;
  }
}

.main-container table, .main-container-full-width table {
  width: 100%;
  margin-bottom: 50px;
}
.main-container table thead tr, .main-container-full-width table thead tr {
  border-bottom: 1px solid #e1ad22;
}
.main-container table thead tr th, .main-container-full-width table thead tr th {
  padding: 12px 30px;
  text-transform: uppercase;
  color: #1d3c72;
}
@media only screen and (max-width: 767px) {
  .main-container table thead tr th, .main-container-full-width table thead tr th {
    padding: 12px 15px;
  }
}
.main-container table tbody tr, .main-container table tfoot tr, .main-container-full-width table tbody tr, .main-container-full-width table tfoot tr {
  border-bottom: 1px solid #cccccc;
}
.main-container table tbody tr:last-of-type, .main-container table tfoot tr:last-of-type, .main-container-full-width table tbody tr:last-of-type, .main-container-full-width table tfoot tr:last-of-type {
  border-bottom: 0;
}
.main-container table tbody tr td, .main-container table tfoot tr td, .main-container-full-width table tbody tr td, .main-container-full-width table tfoot tr td {
  padding: 22px 30px;
  font-weight: normal;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
@media only screen and (max-width: 767px) {
  .main-container table tbody tr td, .main-container table tfoot tr td, .main-container-full-width table tbody tr td, .main-container-full-width table tfoot tr td {
    padding: 18px 15px;
  }
}
.main-container table tbody tr td a.btn-input, .main-container table tfoot tr td a.btn-input, .main-container-full-width table tbody tr td a.btn-input, .main-container-full-width table tfoot tr td a.btn-input {
  display: inline-block;
}
.main-container table tbody tr td.thumb-nopadding, .main-container table tfoot tr td.thumb-nopadding, .main-container-full-width table tbody tr td.thumb-nopadding, .main-container-full-width table tfoot tr td.thumb-nopadding {
  width: 200px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 480px) {
  .main-container table tbody tr td.thumb-nopadding, .main-container table tfoot tr td.thumb-nopadding, .main-container-full-width table tbody tr td.thumb-nopadding, .main-container-full-width table tfoot tr td.thumb-nopadding {
    width: 100%;
  }
}
.main-container table tbody tr td.image, .main-container table tfoot tr td.image, .main-container-full-width table tbody tr td.image, .main-container-full-width table tfoot tr td.image {
  text-align: right;
}
.main-container table tbody tr td.image img, .main-container table tfoot tr td.image img, .main-container-full-width table tbody tr td.image img, .main-container-full-width table tfoot tr td.image img {
  width: 150px;
}
.main-container table tbody tr:first-child td, .main-container table tfoot tr:first-child td, .main-container-full-width table tbody tr:first-child td, .main-container-full-width table tfoot tr:first-child td {
  border-top: 0;
}
.main-container table tbody tr.last td, .main-container table tfoot tr.last td, .main-container-full-width table tbody tr.last td, .main-container-full-width table tfoot tr.last td {
  font-weight: bold;
}
.main-container table tbody tr a.btn-input, .main-container table tfoot tr a.btn-input, .main-container-full-width table tbody tr a.btn-input, .main-container-full-width table tfoot tr a.btn-input {
  white-space: nowrap;
}
.main-container table tfoot, .main-container-full-width table tfoot {
  border-top: 1px solid #333333;
  background-color: #eeeeee;
}
.main-container table tfoot td, .main-container-full-width table tfoot td {
  font-weight: bold;
  color: #1d3c72;
}
.main-container table tfoot td span, .main-container-full-width table tfoot td span {
  font-weight: bold;
}
.main-container table.two-col-no-title, .main-container-full-width table.two-col-no-title {
  width: 100%;
}
.main-container table.two-col-no-title tbody tr td, .main-container table.two-col-no-title tfoot tr td, .main-container-full-width table.two-col-no-title tbody tr td, .main-container-full-width table.two-col-no-title tfoot tr td {
  min-width: 0;
}
.main-container table.two-col-no-title tbody tr td:first-of-type, .main-container table.two-col-no-title tfoot tr td:first-of-type, .main-container-full-width table.two-col-no-title tbody tr td:first-of-type, .main-container-full-width table.two-col-no-title tfoot tr td:first-of-type {
  margin-top: 0px;
  width: 70%;
}
.main-container table.two-col-no-title tbody tr td:last-of-type, .main-container table.two-col-no-title tfoot tr td:last-of-type, .main-container-full-width table.two-col-no-title tbody tr td:last-of-type, .main-container-full-width table.two-col-no-title tfoot tr td:last-of-type {
  margin-bottom: 0px;
  width: 30%;
  text-align: right;
}
.main-container table.two-col-no-title tbody tr td:before, .main-container table.two-col-no-title tfoot tr td:before, .main-container-full-width table.two-col-no-title tbody tr td:before, .main-container-full-width table.two-col-no-title tfoot tr td:before {
  display: none;
}
@media only screen and (max-width: 480px) {
  .main-container table, .main-container-full-width table {
    border-top: 2px solid #1d3c72;
  }
  .main-container table thead tr, .main-container-full-width table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .main-container table tr, .main-container-full-width table tr {
    border: none;
  }
  .main-container table tbody tr, .main-container table tfoot tr, .main-container-full-width table tbody tr, .main-container-full-width table tfoot tr {
    padding: 10px 0;
  }
  .main-container table tbody tr td, .main-container table tfoot tr td, .main-container-full-width table tbody tr td, .main-container-full-width table tfoot tr td {
    display: block;
    position: relative;
    padding: 0;
    min-width: 140px;
    width: 100%;
    float: left;
    border: none;
  }
  .main-container table tbody tr td:first-of-type, .main-container table tfoot tr td:first-of-type, .main-container-full-width table tbody tr td:first-of-type, .main-container-full-width table tfoot tr td:first-of-type {
    margin-top: 10px;
  }
  .main-container table tbody tr td:last-of-type, .main-container table tfoot tr td:last-of-type, .main-container-full-width table tbody tr td:last-of-type, .main-container-full-width table tfoot tr td:last-of-type {
    margin-bottom: 10px;
  }
  .main-container table tbody tr td a, .main-container table tfoot tr td a, .main-container-full-width table tbody tr td a, .main-container-full-width table tfoot tr td a {
    display: inline;
  }
  .main-container table tbody tr td > span, .main-container table tfoot tr td > span, .main-container-full-width table tbody tr td > span, .main-container-full-width table tfoot tr td > span {
    display: inline-block;
    width: 68%;
    padding: 5px;
  }
  .main-container table tbody tr td:before, .main-container table tfoot tr td:before, .main-container-full-width table tbody tr td:before, .main-container-full-width table tfoot tr td:before {
    display: inline-block;
    content: attr(data-title);
    padding: 5px;
    width: 30%;
    text-transform: uppercase;
    color: #1d3c72;
    font-weight: bold;
    vertical-align: top;
  }
  .main-container table tbody tr td.xs-no-title:before, .main-container table tfoot tr td.xs-no-title:before, .main-container-full-width table tbody tr td.xs-no-title:before, .main-container-full-width table tfoot tr td.xs-no-title:before {
    display: none;
  }
}
@media only screen and (max-width: 480px) and (max-width: 480px) {
  .main-container table tbody tr td.xs-no-title span, .main-container table tfoot tr td.xs-no-title span, .main-container-full-width table tbody tr td.xs-no-title span, .main-container-full-width table tfoot tr td.xs-no-title span {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .main-container table tbody tr:last-child td, .main-container table tfoot tr:last-child td, .main-container-full-width table tbody tr:last-child td, .main-container-full-width table tfoot tr:last-child td {
    border-bottom: none;
  }
  .main-container table.two-col-no-title, .main-container-full-width table.two-col-no-title {
    width: 100%;
  }
  .main-container table.two-col-no-title tbody tr td, .main-container table.two-col-no-title tfoot tr td, .main-container-full-width table.two-col-no-title tbody tr td, .main-container-full-width table.two-col-no-title tfoot tr td {
    vertical-align: middle;
    min-width: 0;
    padding: 10px;
  }
  .main-container table.two-col-no-title tbody tr td:first-of-type, .main-container table.two-col-no-title tfoot tr td:first-of-type, .main-container-full-width table.two-col-no-title tbody tr td:first-of-type, .main-container-full-width table.two-col-no-title tfoot tr td:first-of-type {
    margin-top: 0px;
    width: 70%;
  }
  .main-container table.two-col-no-title tbody tr td:last-of-type, .main-container table.two-col-no-title tfoot tr td:last-of-type, .main-container-full-width table.two-col-no-title tbody tr td:last-of-type, .main-container-full-width table.two-col-no-title tfoot tr td:last-of-type {
    margin-bottom: 0px;
    width: 30%;
    text-align: right;
  }
  .main-container table.two-col-no-title tbody tr td:before, .main-container table.two-col-no-title tfoot tr td:before, .main-container-full-width table.two-col-no-title tbody tr td:before, .main-container-full-width table.two-col-no-title tfoot tr td:before {
    display: none;
  }
}

.dark-upper-txt {
  display: inline-block;
  width: 100%;
  font-size: 24px;
  line-height: 1.2em;
  color: #333;
  font-family: "Roboto", Arial, "Microsoft JhengHei", sans-serif;
  text-align: left;
  text-transform: uppercase;
}
.dark-upper-txt + p {
  margin-top: 0;
}

.form-title-txt {
  font-size: 36px;
  margin-bottom: 25px;
  color: #aa8e2d;
  text-align: left;
  line-height: 1.05em;
  font-weight: lighter;
  text-transform: uppercase;
}
.form-title-txt.white {
  color: #fff;
}
.form-title-txt.text-center {
  text-align: center;
}

.faculty-name {
  color: #1d3c72;
}

a.faculty-name {
  color: #003366;
}
a.faculty-name:hover {
  color: #1d3c72;
}

.inline-video-wrap {
  display: none;
}

.inline-video-content > video {
  width: 100%;
}

.inline-content-colorbox-wrap {
  display: none;
}

.inline-content {
  padding: 25px;
}

.link.icon {
  padding-left: 35px;
  position: relative;
}
.link.icon > i {
  display: block;
  left: 10px;
  width: 16px;
  height: 16px;
  top: 6px;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 1;
}

.ico-external-url {
  width: 16px;
  height: 16px;
  background-position: 0 -32px;
  background-repeat: no-repeat;
  background-image: url("../img/icon/external-url-icon_x16.png");
  display: inline-block;
  position: relative;
  top: 3px;
}
.ico-external-url.gold {
  background-position: center -16px;
}

a:hover .ico-external-url {
  background-position: 0 -48px;
}

.ico-apply-now {
  width: 16px;
  height: 16px;
  background-position: 0 -32px;
  background-repeat: no-repeat;
  background-image: url("../img/icon/apply-now-icon.png");
  display: inline-block;
  position: relative;
  top: 3px;
}
.ico-apply-now.gold {
  background-position: center -16px;
}

a:hover .ico-apply-now {
  background-position: 0 -48px;
}

.ico-follow-us {
  width: 16px;
  height: 16px;
  background-position: 0 -32px;
  background-repeat: no-repeat;
  background-image: url("../img/icon/follow-us-icon.png");
  display: inline-block;
  position: relative;
  top: 3px;
}
.ico-follow-us.gold {
  background-position: center -16px;
}

a:hover .ico-follow-us {
  background-position: 0 -48px;
}

.ico-programs {
  width: 16px;
  height: 16px;
  background-position: 0 -32px;
  background-repeat: no-repeat;
  background-image: url("../img/icon/programs-icon.png");
  display: inline-block;
  position: relative;
  top: 3px;
}
.ico-programs.gold {
  background-position: center -16px;
}

a:hover .ico-programs {
  background-position: 0 -48px;
}

h3 a {
  display: block;
  position: relative;
  padding-right: 18px;
}
h3 a .ico-external-url {
  position: absolute;
  right: 0;
  top: 3px;
  background-position: center -16px;
}

.link.dark {
  color: #fff;
  background-color: #003366;
}
.link.gold {
  color: #fff;
  background-color: #1d3c72;
}
.link.icon {
  padding-right: 15px;
}

.btn-icon {
  width: 24px;
  height: 24px;
  background-position: center top;
  background-repeat: no-repeat;
}
.btn-icon:hover {
  background-position: center -24px;
}

.btn-wrap {
  margin: 15px 0;
}
.btn-wrap:first-of-type {
  margin-top: 0;
}
.btn-wrap .btn-block {
  margin: 0 auto;
  /* text-align-last: justify;*/
  margin-left: -8px;
  margin-right: -8px;
}
.btn-wrap .btn-block:after {
  content: "";
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .btn-wrap .btn-block {
    margin: 0;
  }
}

.btn-item {
  float: left;
  position: relative;
  width: 31.3%;
  min-width: 106px;
  margin-top: 10px;
  margin-left: 1%;
  margin-right: 1%;
}
.btn-item:nth-child(3n+1) {
  /*margin-left: 0;*/
}
.btn-item:nth-child(3n) {
  /*margin-right: 0;*/
}
.btn-item .icon-wrap {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 65px;
  height: 65px;
  display: block;
}
.btn-item .icon-wrap.large {
  width: 110px;
  height: 110px;
  margin-top: 15px;
}
.btn-item a {
  width: 100%;
  height: 100px;
  display: block;
  border: 1px solid transparent;
}
.btn-item a.white-bg {
  background-image: url("../img/button-bg.png");
  background-position: center 1px;
  background-color: #fff;
  background-repeat: repeat-x;
  border: 1px solid #4EA6D6;
}
.btn-item a:hover {
  background-position: center bottom;
}
.btn-item .btn-item-text {
  top: 52px;
  line-height: 1.3em;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 10%;
}
.btn-item .btn-item-text .btn-item-title {
  font-size: 0.857em;
  text-transform: uppercase;
  color: #1d3c72;
  font-family: "Roboto", Arial, "Microsoft JhengHei", sans-serif;
  display: block;
  font-weight: bold;
}
.btn-item .btn-item-text .btn-item-desc {
  font-size: 0.857em;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1em;
  display: block;
  color: #555;
}
@media only screen and (max-width: 480px) {
  .btn-item {
    width: 100%;
    margin: 10px 0 10px;
  }
}

@media only screen and (max-width: 480px) {
  .global-reach-and-gateway-to-china .btn-item {
    width: 50%;
    text-align: center;
  }
}
.campus-icon {
  text-align: left;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  width: 95px;
  padding: 3px;
  height: 36px;
}
.campus-icon.on-campus {
  background: url(../img/icon-bg-gold.png);
}
.campus-icon.off-campus {
  background: url(../img/icon-bg-blue.png);
}
.campus-icon:before {
  content: "";
  background: url(../img/on-campus.png);
  width: 33px;
  height: 32px;
  display: inline-block;
  padding: 2px 0 0 3px;
}
.campus-icon .campus {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  padding: 2px 0 0 1px;
}
.campus-icon .campus .status {
  font-size: 13px;
}

/* prev week btn */
.prev-button-holder {
  width: 93.5px;
  height: 1px;
  float: left;
}

table.program-schedule {
  width: 75%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 25px;
}
table.program-schedule thead tr th {
  color: #fff;
  text-align: center;
  padding: 5px 20px;
  background: #337ab7;
}
table.program-schedule thead tr th:first-child {
  border-radius: 10px 10px 0 0;
}
table.program-schedule tbody tr td {
  text-align: center;
  padding: 5px 20px;
  border-left: 1px solid #337ab7;
}
table.program-schedule tbody tr td:last-child {
  border-right: 1px solid #337ab7;
}
table.program-schedule tbody tr td ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.program-schedule tbody tr:first-child td {
  background: #c9eafb;
}
table.program-schedule tbody tr:last-child td {
  border-bottom: 1px solid #337ab7;
}
table.program-schedule tbody tr:last-child td:last-child {
  border-radius: 0 0 50px 0;
}
table.program-schedule ol li, table.program-schedule ul li {
  margin-bottom: 5px;
  margin: 0;
  text-align: center;
  padding: 0;
}
@media only screen and (max-width: 991px) {
  table.program-schedule {
    margin: auto;
  }
}
@media only screen and (max-width: 767px) {
  table.program-schedule {
    margin: auto;
  }
}

/* Slider */
.slick {
  position: relative;
}

.slick-slide {
  outline: 0;
}

.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 70px;
  width: 35px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  top: 50%;
  margin-top: -35px;
  padding: 0;
  border: none;
  outline: none;
  z-index: 2;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background-color: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 5px;
  background-image: url("../img/btn-prev.png");
  background-position: left top;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: " ";
}
[dir=rtl] .slick-prev:before {
  content: " ";
}

.slick-next {
  right: 5px;
  background-image: url("../img/btn-next.png");
  background-position: left top;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: " ";
}
[dir=rtl] .slick-next:before {
  content: " ";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background-color: transparent;
  display: block;
  height: 16px;
  width: 16px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
  background-position: center top;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  font-family: "slick";
  font-size: 6px;
  line-height: 16px;
  text-align: center;
  background-image: url("../img/pagers.png");
  background-position: center bottom;
  color: black;
  content: " ";
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 1;
  background-position: center top;
}

.media--loading::before {
  display: none !important;
}

html, body {
  background: #ffffff;
  position: relative;
  font-family: "Roboto Condensed", Arial, "Microsoft JhengHei", sans-serif;
  color: #555;
}
@media only screen and (min-width: 1200px) {
  html, body {
    min-width: inherit;
  }
}

body {
  background: #ffffff;
  /* background: url(../img/content-left-bg-pattern.png) no-repeat;
  background-position: 0 250px;
  background-attachment: fixed; */
}
@media only screen and (max-width: 767px) {
  body {
    background: #ffffff;
  }
}

* {
  box-sizing: border-box;
  outline: 0;
}

a:focus {
  outline: 0;
}

*:before, *:after {
  box-sizing: border-box;
}

.pagecontent {
  padding: 0 10px;
}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

h1 {
  font-size: 48px;
  margin-bottom: 30px;
  color: #e1ad22;
  text-align: left;
  line-height: 1.05em;
  font-weight: 100;
}
@media only screen and (max-width: 991px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  font-size: 24px;
  margin-bottom: 30px;
  text-align: left;
  font-weight: lighter;
  line-height: 1.2em;
}
@media only screen and (max-width: 991px) {
  h2 {
    font-size: 19px;
  }
}

h3 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #e1ad22;
  text-align: left;
  line-height: 1.2em;
}
h3 a {
  color: #e1ad22;
}
h3 a:hover {
  color: #003366;
}

h4 {
  font-size: 18px;
  color: #555;
  margin-bottom: 5px;
  line-height: 1.5em;
}

h5 {
  font-size: 14px;
  color: #555;
}

.roboto {
  font-family: "Roboto", Arial, "Microsoft JhengHei", sans-serif;
}

.gold {
  color: #1d3c72;
}

.gray {
  color: #777;
}

.red {
  color: #85292A;
}

.italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

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

.btn-input.gold-blue.disable {
  color: #ddd;
  cursor: text;
}
.btn-input.gold-blue.disable:hover > span {
  color: #ddd;
}
.btn-input.gold-blue.disable:hover * {
  cursor: text;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

p {
  color: #555;
  line-height: 1.5em;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 14px;
}

p + h3, ul + h3 {
  margin-top: 30px;
}

input, textarea, select, label {
  color: #555;
}

#tinymce {
  background: #fff;
  padding-top: 0px;
}
#tinymce p {
  margin-top: auto;
}

a {
  text-decoration: none;
  color: #e1ad22;
  outline: 0;
}
a:hover {
  color: #4EA6D6;
}

.left {
  float: left;
}

.right {
  float: right;
}

.message, .error-message {
  color: #85292A;
  line-height: 2em;
  font-size: 14px;
}

.placeholder {
  color: #aaa;
}

.contextual-region .contextual .contextual-links a {
  color: #333 !important;
  border: 0 !important;
}

.left p:last-child, .right p:last-child {
  margin-bottom: 24px;
}

.region-content {
  text-align: justify;
}
.region-content video {
  width: 100%;
}

.region-content ol li, .region-content ul li {
  margin-bottom: 12px;
}

.ico-read-more {
  background-position: center 0;
  background-repeat: no-repeat;
  background-image: url("../img/icon/home-arrow.png");
}
.ico-read-more.white {
  background-position: center -32px;
}
.ico-read-more.gray {
  background-position: center 0;
}

.ico-arrow-right {
  width: 16px;
  height: 16px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/icon/right-arrow-icon.png");
}
.ico-arrow-right.blue {
  background-image: url("../img/icon/pager-arrow.png");
  background-position: -26px top;
}

.ico-arrow-left {
  width: 16px;
  height: 16px;
  background-position: -26px bottom;
  background-repeat: no-repeat;
  background-image: url("../img/icon/pager-arrow.png");
}
.ico-arrow-left.blue {
  background-position: -15px top;
}

.ico-people {
  width: 16px;
  height: 16px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/icon/login-icon.png");
  position: relative;
  top: 3px;
}

.ico-cursor {
  width: 16px;
  height: 16px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/icon/external-url-icon_x16.png");
}

.ico-share {
  width: 16px;
  height: 16px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/icon/share-icon.png");
}

.ico-more-programs {
  width: 16px;
  height: 16px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/icon/external-url-icon_x16.png");
}

.ico-close {
  width: 16px;
  height: 16px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/icon/close-btn.png");
}

.ico-facebook {
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("../img/icon/social-icon.png");
}

.ico-weibo {
  width: 16px;
  height: 16px;
  background-position: -64px 0px;
  background-repeat: no-repeat;
  background-image: url("../img/icon/social-icon.png");
}

.ico-linkedIn {
  width: 16px;
  height: 16px;
  background-position: -32px 0px;
  background-repeat: no-repeat;
  background-image: url("../img/icon/social-icon.png");
  position: relative;
  top: 3px;
}

.ico-blog {
  width: 16px;
  height: 16px;
  background-position: 0 -32px;
  background-repeat: no-repeat;
  background-image: url("../img/icon/blog-icon.png");
  position: relative;
  top: 3px;
}

.ico-search {
  width: 16px;
  height: 16px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/icon/search-icon.png");
}

.ico-search_x24 {
  width: 24px;
  height: 24px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../img/icon/search-box-2.png);
  background-size: 32px;
}
.ico-search_x24:hover {
  background-image: url(../img/icon/search-box-1.png);
  background-position: center top;
}

.ico-close_x24 {
  width: 24px;
  height: 24px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/icon/close-icon-x24.png");
}

.ico-home-more-about-arrow_x65 {
  width: 65px;
  height: 65px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/home/home-more-about-arrow.png");
}

.ico-research_x65 {
  width: 65px;
  height: 65px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/icon/research-icon.png");
}

.ico-menu {
  position: relative;
  width: 28px;
}
.ico-menu > span {
  height: 3px;
  width: 100%;
  display: block;
  background-color: #003366;
  margin-top: 5px;
}

.ico-alumni {
  width: 65px;
  height: 65px;
  background: url("../img/icon/alumni-icon.png");
}
.ico-alumni.gold {
  background-position: bottom center;
}

.ico-globe {
  width: 65px;
  height: 65px;
  background: url("../img/icon/globe-icon.png");
}

.ico-partners {
  width: 65px;
  height: 65px;
  background: url("../img/icon/people-icon.png");
}

.ico-hat {
  width: 65px;
  height: 65px;
  background: url("../img/icon/hat-icon.png");
}

.ico-language {
  width: 16px;
  height: 16px;
  background: url("../img/icon/lang-icon.png");
}

.ico-pen {
  width: 65px;
  height: 65px;
  background: url("../img/icon/pen-icon.png");
}

.ico-faculty {
  width: 65px;
  height: 65px;
  background: url("../img/icon/faculty-icon.png");
}

.ico-tel {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/icon/phone-icon.png");
}

.ico-fax {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/icon/fax-icon.png");
}

.ico-email {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/icon/email-icon.png");
  background-position: 0px 2px;
}

.icon-phone-sm {
  width: 16px;
  height: 16px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: url("../img/icon/icon-phone-sm.png");
  background-position: 0 0;
}

.icon-email-sm {
  width: 16px;
  height: 16px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: url("../img/icon/icon-email-sm.png");
  background-position: 0 0;
}

.btn-input {
  font-size: 14px;
  font-family: "Roboto Condensed", Arial, "Microsoft JhengHei", sans-serif;
  border: 0;
  background-color: transparent;
  display: inline-block;
  line-height: 1.6em;
  padding: 5px 12px;
  margin: 0;
  outline: 0;
  cursor: pointer;
  color: #333;
  text-decoration: none !important;
  white-space: nowrap;
}
.btn-input i + span, .btn-input em + span, .btn-input span + i, .btn-input span + em {
  margin-left: 8px;
}
.btn-input i, .btn-input em {
  width: 16px;
  height: 16px;
  margin-bottom: -2px;
  display: inline-block;
}
.btn-input:hover {
  color: #1d3c72;
}
.btn-input:hover > span {
  color: #1d3c72;
}
.btn-input:hover .ico-arrow-right {
  background-image: url("../img/icon/pager-arrow.png");
  background-position: -26px top;
}
.btn-input:hover .ico-arrow-left {
  background-image: url("../img/icon/pager-arrow.png");
  background-position: -15px top;
}
.btn-input:hover i {
  background-position: center -16px;
}
.btn-input.bg-blue {
  background-color: #4EA6D6;
  color: #fff;
}
.btn-input.bg-blue .ico-read-more {
  background-position: center -32px;
}
.btn-input.bg-blue:hover {
  background-color: #1d3c72;
  color: #fff;
}
.btn-input.bg-blue:hover > span {
  color: #fff;
}
.btn-input.gray-white {
  background-color: #333;
  color: #fff;
  box-shadow: 1px 1px 5px #777;
}
.btn-input.gray-white .ico-read-more {
  background-position: center -32px;
}
.btn-input.gray-white:hover {
  background-color: #555;
  color: #ddd;
}
.btn-input.gray-white:hover > span {
  color: #ddd;
}
.btn-input.gold-blue {
  color: #1d3c72;
}
.btn-input.gold-blue .ico-read-more {
  background-position: center -48px;
}
.btn-input.gold-blue:hover {
  color: #1d3c72;
}
.btn-input.gold-blue:hover > span {
  color: #1d3c72;
}
.btn-input.gold-blue:hover .ico-read-more {
  background-position: center -16px;
}
.btn-input.blue {
  color: #1d3c72;
}
.btn-input.blue .ico-read-more {
  background-position: center -16px;
}
.btn-input.blue:hover {
  color: #4EA6D6;
}
.btn-input.blue:hover > span {
  color: #4EA6D6;
}
.btn-input.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.btn-input.read-more > .ico-read-more {
  background-position: center -48px;
}
.btn-input.read-more > span {
  color: #aa8e2d;
  margin-left: 12px;
}
.btn-input.read-more:hover > .ico-read-more {
  background-position: center -16px;
}
.btn-input.read-more:hover > span {
  color: #4EA6D6;
}
.btn-input.white-gold {
  color: #fff;
}
.btn-input.white-gold > span {
  color: #fff;
}
.btn-input.white-gold > .ico-read-more {
  background-position: center -32px;
}
.btn-input.white-gold:hover {
  color: #1d3c72;
}
.btn-input.white-gold:hover > span {
  color: #1d3c72;
}
.btn-input.white-gold:hover .ico-read-more {
  background-position: center -48px;
}
.btn-input.white-blue {
  color: #fff;
}
.btn-input.white-blue > span {
  color: #fff;
}
.btn-input.white-blue > .ico-read-more {
  background-position: center -32px;
}
.btn-input.white-blue:hover {
  color: #1d3c72;
}
.btn-input.white-blue:hover > span {
  color: #1d3c72;
}
.btn-input.white-blue:hover .ico-read-more {
  background-position: center -16px;
}
.btn-input.white-black {
  color: #fff;
}
.btn-input.white-black > span {
  color: #fff;
}
.btn-input.white-black > .ico-read-more {
  background-position: center -32px;
}
.btn-input.white-black:hover {
  color: #cccccc;
}
.btn-input.white-black:hover > span {
  color: #cccccc;
}
.btn-input.white-black:hover .ico-read-more {
  background-position: center 0;
}
.btn-input.white {
  color: #fff;
}
.btn-input.white > span {
  color: #fff;
}
.btn-input.white > .ico-read-more {
  background-position: center -32px;
}
.btn-input.white:hover {
  color: #ececec;
}
.btn-input.white:hover > span {
  color: #ececec;
}
.btn-input.white:hover .ico-read-more {
  background-position: center -16px;
}

.icon65-wrap {
  width: 65px;
  height: 65px;
  overflow: hidden;
}
.icon65-wrap:hover .icon-hover {
  margin-top: -65px;
}

.icon65-wrap-overview-block {
  width: 65px;
  height: 65px;
  overflow: hidden;
  float: left;
  margin: -10px 0 0 -10px;
}
.icon65-wrap-overview-block:hover .icon-hover {
  margin-top: -65px;
}

.icon82-wrap {
  width: 82px;
  height: 70px;
  overflow: hidden;
}
.icon82-wrap:hover .icon-hover {
  margin-top: -70px;
}

/* home page */
.ico-research_x50 {
  width: 50px;
  height: 50px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/home/research-iconx50.png");
}

.ico-home-goldbar-arrow_x27 {
  width: 27px;
  height: 27px;
  background-position: center -27px;
  background-repeat: no-repeat;
  background-image: url("../img/home/home-goldbar-arrow.png");
}

.sort-bar {
  /* customize width for category-sort */
}
.sort-bar:after {
  content: " ";
  width: 100%;
  height: 12px;
  display: inline-block;
  line-height: 0;
  font-size: 0;
}
.sort-bar .sort-wrap {
  margin-top: 0;
  display: inline-block;
  white-space: nowrap;
  margin-left: 45px;
  min-height: 26px;
  line-height: 26px;
  margin-top: 3px;
}
.sort-bar .sort-wrap:first-child {
  margin-left: 0;
}
.sort-bar .sort-wrap .sort-controller-title {
  font-size: 0.857em;
  display: inline-block;
}
.sort-bar .sort-wrap .sort-controller-selector {
  min-width: 100px;
  margin-left: 15px;
  display: inline-block;
  margin-bottom: -8px;
}
.sort-bar .sort-wrap .sort-controller-selector label {
  display: inline;
}
.sort-bar .sort-wrap select {
  min-width: 100px;
}
.sort-bar h3 {
  margin-bottom: 0;
}
.sort-bar .category-sort .sort-controller-selector {
  width: 300px;
}

.letter-sort {
  text-align: left;
  margin-bottom: 20px;
}
.letter-sort a {
  display: inline-block;
  width: 7%;
  text-align: Center;
  height: 40px;
  line-height: 40px;
  background: #ddd;
  margin-bottom: 7px;
  margin-right: 1px;
  color: #555;
}
.letter-sort a:hover {
  background: #003366;
  color: #fff;
}
.letter-sort a.current {
  background: #003366;
  color: #fff;
}
.letter-sort select {
  display: none;
  border: 1px solid #ddd;
  background: #ececec;
  cursor: pointer;
  width: 100%;
  height: 34px;
  text-indent: 26px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("../img/icon/dropdown-icon_black.png");
  background-repeat: no-repeat;
  background-position: right 30px center;
  outline: 0;
  box-shadow: none;
}
.letter-sort select option {
  font-size: 1.2em;
  padding: 6px 0;
  text-indent: 30px;
}

@media only screen and (max-width: 767px) {
  .sort-bar .left, .sort-bar .right {
    float: none;
  }
  .sort-bar .week-pager, .sort-bar .left:first-child {
    float: left;
  }
  .sort-bar:after {
    display: none;
  }
  .sort-bar .sort-wrap {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .sort-bar .sort-wrap .sort-controller-title {
    width: 25%;
  }
  .sort-bar .sort-wrap .sort-controller-selector {
    margin-left: 0;
    padding-left: 15px;
    width: 74%;
    min-width: 74%;
    max-width: 74%;
  }
  .sort-bar .sort-wrap select {
    width: 100%;
  }
  .letter-sort a {
    display: none;
  }
  .letter-sort select {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .sort-bar .week-pager, .sort-bar .left:first-child {
    float: none;
  }
  .sort-bar .week-pager a:first-child {
    padding-left: 0;
  }
  .sort-bar .sort-wrap .sort-controller-title {
    width: 35%;
  }
  .sort-bar .sort-wrap .sort-controller-selector {
    width: 64%;
    min-width: 64%;
    max-width: 64%;
  }
}
nav.pager ul {
  float: right;
}
nav.pager ul li {
  display: inline-block;
  line-height: 18px;
  width: 18px;
  height: 18px;
  text-align: center;
  vertical-align: top;
  cursor: default;
  list-style: none;
  padding: 0;
  float: left;
}
nav.pager ul li:before {
  display: none;
}
nav.pager ul li > a {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
nav.pager ul li > a:hover {
  background-color: transparent;
}
nav.pager ul li > a span {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
nav.pager ul li:hover, nav.pager ul li.is-active {
  background: #1d3c72;
}
nav.pager ul li:hover > a, nav.pager ul li.is-active > a {
  color: #fff;
}
nav.pager ul li.pager__item--first > a, nav.pager ul li.pager__item--previous > a, nav.pager ul li.pager__item--next > a, nav.pager ul li.pager__item--last > a {
  background-image: url(../img/icon/pager-arrow.png);
  background-repeat: no-repeat;
  background-position: -1px -15px;
}
nav.pager ul li.pager__item--first > a {
  background-position: -1px 0;
}
nav.pager ul li.pager__item--first > a:hover {
  background-position: -1px -15px;
}
nav.pager ul li.pager__item--previous > a {
  background-position: -15px 0;
}
nav.pager ul li.pager__item--previous > a:hover {
  background-position: -15px -15px;
}
nav.pager ul li.pager__item--next > a {
  background-position: -26px 0;
}
nav.pager ul li.pager__item--next > a:hover {
  background-position: -26px -15px;
}
nav.pager ul li.pager__item--last > a {
  background-position: -39px 0;
}
nav.pager ul li.pager__item--last > a:hover {
  background-position: -39px -15px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat 0 0;
}

#cboxTopCenter {
  height: 25px;
  background: url(images/border1.png) repeat-x 0 -50px;
}

#cboxTopRight {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat -25px 0;
}

#cboxBottomLeft {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat 0 -25px;
}

#cboxBottomCenter {
  height: 25px;
  background: url(images/border1.png) repeat-x 0 -75px;
}

#cboxBottomRight {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat -25px -25px;
}

#cboxMiddleLeft {
  width: 25px;
  background: url(images/border2.png) repeat-y 0 0;
}

#cboxMiddleRight {
  width: 25px;
  background: url(images/border2.png) repeat-y -25px 0;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 20px;
}

#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}

#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999;
}

#cboxLoadingOverlay {
  background: #fff url(images/loading.gif) no-repeat 5px 5px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
}

#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
}

#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 63px;
  color: #444;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  color: #444;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

#cboxOverlay {
  background: #000;
}

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight {
  background: none;
}

#cboxClose {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  top: 15px;
  right: 15px;
  bottom: auto;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
#cboxClose:hover {
  opacity: 0.5;
}

#cboxLoadingOverlay {
  background: #fff;
}

#cboxContent {
  padding: 35px 15px 15px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

#cboxLoadedContent {
  margin-bottom: 0;
}

.top-bar {
  font-size: 12px;
  font-family: Arial, "Microsoft JhengHei", sans-serif;
  height: 28px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11;
  background-color: #003366;
  /*@extend %page_padding;*/
}
@media only screen and (max-width: 991px) {
  .top-bar {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .top-bar {
    padding: 0 !important;
  }
}
.top-bar .container {
  position: relative;
  height: 28px;
}
@media only screen and (max-width: 480px) {
  .top-bar .container {
    padding: 0 !important;
  }
}
.top-bar .container .quick-link {
  float: left;
  margin-left: -15px;
}
.top-bar .container .quick-link a:hover {
  color: #cbb97b;
}
@media only screen and (max-width: 991px) {
  .top-bar .container .quick-link {
    display: none;
  }
}
.top-bar .container .tools {
  float: right;
  /*min-width: $min-browser-width;*/
}
.top-bar .container .tools .external-link, .top-bar .container .tools .language-tools, .top-bar .container .tools .follow-us-tools, .top-bar .container .tools .share-tools, .top-bar .container .tools .apply-tools {
  float: left;
}
.top-bar .container .tools li > ul {
  top: 100%;
  width: 100%;
  z-index: 30;
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools li > ul {
    width: 98px;
    right: 0;
  }
}
.top-bar .container .tools li > ul li {
  width: 100%;
}
.top-bar .container .tools li > ul li a, .top-bar .container .tools li > ul li span {
  width: 100%;
  display: block;
  color: #fff;
  background-color: #333333;
}
.top-bar .container .tools li:hover a, .top-bar .container .tools li:hover span {
  cursor: pointer;
  color: #fff;
  background-color: #333333;
}
.top-bar .container .tools li:hover > ul {
  display: block;
}
.top-bar .container .tools li:hover > ul li:hover a, .top-bar .container .tools li:hover > ul li:hover span {
  background-color: #555555;
}
.top-bar .container .tools a, .top-bar .container .tools span {
  float: left;
  height: 28px;
  line-height: 28px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 1px solid #404F6C;
  color: #fff;
}
.top-bar .container .tools a.drawer-toggle, .top-bar .container .tools a.apply-now, .top-bar .container .tools a.external-link, .top-bar .container .tools a.follow-us-tools, .top-bar .container .tools a.share-tools, .top-bar .container .tools a.facebook, .top-bar .container .tools a.weibo, .top-bar .container .tools a.linkedIn, .top-bar .container .tools a.instagram, .top-bar .container .tools a.search-open, .top-bar .container .tools span.drawer-toggle, .top-bar .container .tools span.apply-now, .top-bar .container .tools span.external-link, .top-bar .container .tools span.follow-us-tools, .top-bar .container .tools span.share-tools, .top-bar .container .tools span.facebook, .top-bar .container .tools span.weibo, .top-bar .container .tools span.linkedIn, .top-bar .container .tools span.instagram, .top-bar .container .tools span.search-open {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
.top-bar .container .tools a.drawer-toggle:after, .top-bar .container .tools a.apply-now:after, .top-bar .container .tools a.external-link:after, .top-bar .container .tools a.follow-us-tools:after, .top-bar .container .tools a.share-tools:after, .top-bar .container .tools a.facebook:after, .top-bar .container .tools a.weibo:after, .top-bar .container .tools a.linkedIn:after, .top-bar .container .tools a.instagram:after, .top-bar .container .tools a.search-open:after, .top-bar .container .tools span.drawer-toggle:after, .top-bar .container .tools span.apply-now:after, .top-bar .container .tools span.external-link:after, .top-bar .container .tools span.follow-us-tools:after, .top-bar .container .tools span.share-tools:after, .top-bar .container .tools span.facebook:after, .top-bar .container .tools span.weibo:after, .top-bar .container .tools span.linkedIn:after, .top-bar .container .tools span.instagram:after, .top-bar .container .tools span.search-open:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.top-bar .container .tools a.drawer-toggle, .top-bar .container .tools span.drawer-toggle {
  width: 45px;
  text-indent: 999px;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools a.drawer-toggle, .top-bar .container .tools span.drawer-toggle {
    height: 38px;
    line-height: 38px;
    /*width: 50px;
    position: fixed;
    border-right: 1px solid #404F6C;
    left: 50%;
    margin-left: -25px;*/
  }
}
@media only screen and (max-width: 480px) {
  .top-bar .container .tools a.drawer-toggle, .top-bar .container .tools span.drawer-toggle {
    /*left: 15px;
    margin-left: 0;
    border-left: 0;*/
  }
}
.top-bar .container .tools a.drawer-toggle:after, .top-bar .container .tools span.drawer-toggle:after {
  width: 14px;
  height: 14px;
  background-image: url(../img/icon/fa-chevron-up.png);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.top-bar .container .tools a.apply-now, .top-bar .container .tools span.apply-now {
  background-color: #e1ad22;
}
.top-bar .container .tools a.apply-now:after, .top-bar .container .tools span.apply-now:after {
  background-image: url(../img/icon/apply-now-icon.png);
}
.top-bar .container .tools a.apply-now:hover, .top-bar .container .tools span.apply-now:hover {
  background-color: #edeaad;
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools a.apply-now, .top-bar .container .tools span.apply-now {
    position: fixed;
    left: 0;
  }
}
.top-bar .container .tools a.external-link:after, .top-bar .container .tools span.external-link:after {
  background-image: url(../img/icon/external-url-icon_x16.png);
}
.top-bar .container .tools a.follow-us-tools:after, .top-bar .container .tools a.share-tools:after, .top-bar .container .tools span.follow-us-tools:after, .top-bar .container .tools span.share-tools:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7px;
  margin: auto;
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools a.follow-us-tools:after, .top-bar .container .tools a.share-tools:after, .top-bar .container .tools span.follow-us-tools:after, .top-bar .container .tools span.share-tools:after {
    right: 0;
    width: 50px;
    height: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools a.follow-us-tools, .top-bar .container .tools a.share-tools, .top-bar .container .tools span.follow-us-tools, .top-bar .container .tools span.share-tools {
    height: 38px;
    line-height: 38px;
    font-size: 0;
    width: 50px;
  }
}
.top-bar .container .tools a.follow-us-tools, .top-bar .container .tools span.follow-us-tools {
  padding-right: 35px;
}
.top-bar .container .tools a.follow-us-tools:after, .top-bar .container .tools span.follow-us-tools:after {
  background-image: url(../img/icon/follow-us-icon.png);
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools a.follow-us-tools:after, .top-bar .container .tools span.follow-us-tools:after {
    background-image: url(../img/icon/tablet-handle-icon/follow-us-icon.png);
    background-position: center -76px;
  }
}
.top-bar .container .tools a.share-tools, .top-bar .container .tools span.share-tools {
  padding-right: 55px;
}
.top-bar .container .tools a.share-tools:after, .top-bar .container .tools span.share-tools:after {
  background-image: url(../img/icon/share-icon.png);
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools a.share-tools:after, .top-bar .container .tools span.share-tools:after {
    background-image: url(../img/icon/tablet-handle-icon/share-icon.png);
    background-position: center -76px;
  }
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools a.share-tools, .top-bar .container .tools span.share-tools {
    padding: 0;
  }
}
.top-bar .container .tools a.facebook:after, .top-bar .container .tools a.weibo:after, .top-bar .container .tools a.linkedIn:after, .top-bar .container .tools a.instagram:after, .top-bar .container .tools span.facebook:after, .top-bar .container .tools span.weibo:after, .top-bar .container .tools span.linkedIn:after, .top-bar .container .tools span.instagram:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  background-image: url(../img/icon/social-icon.png);
}
.top-bar .container .tools a.facebook:after, .top-bar .container .tools span.facebook:after {
  background-position: 0 0;
}
.top-bar .container .tools a.weibo:after, .top-bar .container .tools span.weibo:after {
  right: 9px;
  background-position: -64px 0px;
}
.top-bar .container .tools a.linkedIn:after, .top-bar .container .tools span.linkedIn:after {
  background-position: -32px 0px;
}
.top-bar .container .tools a.instagram:after, .top-bar .container .tools span.instagram:after {
  background-image: url(../img/icon/instagram-icon.png);
}
.top-bar .container .tools a.search-open, .top-bar .container .tools span.search-open {
  display: none;
  font-size: 0;
}
.top-bar .container .tools a.search-open:after, .top-bar .container .tools span.search-open:after {
  position: absolute;
  background-image: url(../img/icon/search-icon.png);
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools a.search-open:after, .top-bar .container .tools span.search-open:after {
    width: 50px;
    height: 38px;
    background-image: url(../img/icon/tablet-handle-icon/search-icon.png);
    background-position: center -76px;
  }
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools a.search-open, .top-bar .container .tools span.search-open {
    display: inline-block;
    right: 0;
    padding: 0;
    width: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools a.apply-now, .top-bar .container .tools a.search-open, .top-bar .container .tools span.apply-now, .top-bar .container .tools span.search-open {
    height: 38px;
    line-height: 38px;
    margin-left: -1px;
  }
}
.top-bar .container .tools .share-tools, .top-bar .container .tools .follow-us-tools {
  border-left: 1px solid #404F6C;
  border-right: 1px solid #404F6C;
}
@media only screen and (max-width: 991px) {
  .top-bar .container .tools {
    /*float: left;
    width: 100%;*/
  }
  .top-bar .container .tools .external-link {
    display: none;
  }
  .top-bar .container .tools .search-tools {
    display: block;
    margin-right: 7px;
  }
  .top-bar .container .tools .search-tools, .top-bar .container .tools .share-tools {
    float: right;
  }
  .top-bar .container .tools .follow-us-tools {
    /*display: none;*/
  }
}
@media only screen and (max-width: 480px) {
  .top-bar .container .tools .search-tools {
    margin-right: 0;
  }
}
.top-bar .container nav ul li {
  float: left;
  position: relative;
}
.top-bar .container nav ul li a {
  display: block;
  height: 28px;
  line-height: 28px;
  color: #fff;
  padding-right: 15px;
  padding-left: 15px;
}
.top-bar .container nav ul li a:hover {
  color: #cbb97b;
}
.top-bar .container nav ul li ul {
  display: none;
  position: absolute;
  top: 100%;
}
.top-bar.drawer-shown .drawer-toggle:after {
  transform: rotate(180deg);
  transition: all 0.15s ease-out;
}

@media only screen and (max-width: 1289px) {
  .region-top-bar .container .tools {
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1210px) {
  .region-top-bar .container nav li a {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
  .region-top-bar .container nav li a {
    padding-right: 8px;
    padding-left: 8px;
  }
}
/* special handling for tablet to mobile */
@media only screen and (max-width: 991px) {
  .top-bar {
    height: 38px;
  }
  .top-bar .container {
    height: 38px;
  }
  .top-bar .container .link {
    height: 38px;
    line-height: 38px;
  }
  .top-bar .dropdown .dropdown-selector, .top-bar .region-top-bar .dropdown .dropdown-options > ul > li > a {
    height: 38px;
    line-height: 38px;
  }
}

.region-top-bar-drawer {
  width: 100%;
  background: #ffffff;
  z-index: 12;
  position: relative;
}
.region-top-bar-drawer:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
}
.region-top-bar-drawer .more-about {
  display: table-caption;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #00153f;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  height: 34px;
}
.region-top-bar-drawer .drawer-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  height: 0;
  overflow: hidden;
}
.region-top-bar-drawer .content-wrapper {
  padding: 36px 0;
}
@media screen and (max-width: 1348px) {
  .region-top-bar-drawer .content-wrapper {
    padding: 17px 0;
  }
}
.region-top-bar-drawer .content {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.region-top-bar-drawer .row {
  display: table-row;
}
@media screen and (max-width: 1348px) {
  .region-top-bar-drawer .row {
    padding: 0 14px;
    zoom: 1;
  }
}
.region-top-bar-drawer .row:before {
  display: none;
}
.region-top-bar-drawer .row > a {
  display: table-cell;
  width: 25%;
  text-align: center;
  padding: 12px 0;
  font-size: 16px;
  color: #161616;
  text-transform: uppercase;
  line-height: 20px;
}
@media screen and (max-width: 1348px) {
  .region-top-bar-drawer .row > a {
    display: inline-block;
    width: 50%;
    font-size: 11px;
    line-height: 14px;
    padding: 3px 0;
  }
}

header.content-header {
  font-size: 12px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
header.content-header > .header-bottom {
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0.85;
  border-bottom: 1px solid #ddd;
  transition: opacity 0.5s ease, height 0.5s ease, padding-top 0.5s ease;
}
header.content-header .container {
  padding: 0 15px;
  width: 100%;
  max-width: 1290px;
  position: relative;
}
header.content-header p:last-child {
  margin-bottom: 0;
}
header.content-header .logo, header.content-header .ust-logo {
  margin-top: 13px;
  margin-bottom: 13px;
  transition: all 0.5s ease;
}
header.content-header .logo img, header.content-header .ust-logo img {
  height: 64px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 991px) {
  header.content-header .logo, header.content-header .ust-logo {
    margin: 22px 45px 22px 0;
    width: 250px;
  }
  header.content-header .logo img, header.content-header .ust-logo img {
    height: 50px;
  }
}
header.content-header .ust-logo {
  margin-right: 0;
}
@media only screen and (max-width: 991px) {
  header.content-header .ust-logo {
    display: none;
  }
}
header.content-header .nav-open {
  display: none;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
}
@media only screen and (max-width: 991px) {
  header.content-header .nav-open {
    display: block;
  }
}
header.content-header .region-primary-menu {
  transition: top 0.5s ease, transform 0.15s linear;
}
@media only screen and (max-width: 991px) {
  header.content-header .region-primary-menu {
    display: none;
    position: fixed;
    top: 132px;
    bottom: 0;
    width: 100%;
    overflow: auto;
  }
}
@media only screen and (min-width: 992px) {
  header.content-header .region-primary-menu {
    display: block !important;
  }
}
header.content-header .region-we-mega-menu {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
header.content-header .region-we-mega-menu .navbar-toggle {
  display: none;
}
header.content-header .navbar-we-mega-menu {
  background: transparent;
  margin-bottom: 0;
}
header.content-header .navbar-we-mega-menu.navbar {
  width: auto;
  right: 0;
  left: 0;
  bottom: 0;
  height: auto;
  transition: top 0.5s ease, transform 0.15s linear;
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu.navbar {
    position: static;
    width: 100%;
    display: block;
    /*top: 132px;*/
  }
}
@media only screen and (min-width: 992px) {
  header.content-header .navbar-we-mega-menu.navbar {
    display: block !important;
  }
}
header.content-header .navbar-we-mega-menu > .container-fluid {
  padding: 0 15px;
  width: 100%;
  max-width: 1290px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu > .container-fluid {
    padding: 0;
  }
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul {
  margin-right: -22px;
  justify-content: flex-end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul {
    margin-right: -15px;
  }
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul {
    margin-right: 0;
  }
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail {
  border: 0;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail > a {
  font-family: "Roboto Condensed", Arial, "Microsoft JhengHei", sans-serif;
  position: relative;
  padding: 0 22px;
  color: #555;
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  background: transparent;
  transition: line-height 0.5s ease, height 0.5s ease;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li > a a:before, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active > a a:before, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail > a a:before {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail > a {
    padding: 0 15px !important;
  }
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li > a:hover, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active > a:hover, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail > a:hover {
  color: #e1ad22;
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail {
    background-color: #1d3c72;
    border-top: 1px solid #e1ad22;
  }
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li > a:hover, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active > a:hover, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail > a:hover {
    height: auto;
    padding-left: 50px;
    color: #fff;
    transition: line-height 0.5s ease, height 0.5s ease;
    background-color: transparent;
  }
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail > a {
    min-height: 40px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 25px;
  }
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.dropdown-menu > a:before, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active.dropdown-menu > a:before, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail.dropdown-menu > a:before {
    display: block;
    position: absolute;
    left: 25px;
    top: 50%;
    margin: auto;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    font-size: 1.25em;
    content: "＋";
    z-index: 1;
    border: 0;
    right: auto;
    bottom: auto;
  }
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.dropdown-menu.open, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active.dropdown-menu.open, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail.dropdown-menu.open {
    background-color: #1d3c72;
    border-top: 1px solid #e1ad22;
  }
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.dropdown-menu.open > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.dropdown-menu.open > a:hover, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active.dropdown-menu.open > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active.dropdown-menu.open > a:hover, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail.dropdown-menu.open > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail.dropdown-menu.open > a:hover {
    color: #aa8e2d !important;
    padding-left: 50px;
    background-color: transparent;
  }
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.dropdown-menu.open > a:before, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.dropdown-menu.open > a:hover:before, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active.dropdown-menu.open > a:before, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active.dropdown-menu.open > a:hover:before, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail.dropdown-menu.open > a:before, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail.dropdown-menu.open > a:hover:before {
    color: #aa8e2d;
    content: "－";
  }
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active > a:hover, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > li.active-trail > a:hover {
  color: #e1ad22;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul .sitemap-only, header.content-header .navbar-we-mega-menu .we-mega-menu-ul .mobile-only {
  display: none;
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul .mobile-only {
    display: block;
  }
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu {
  font-size: 12px;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu > a:before {
  z-index: 5;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 14px solid #fff;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  left: 50%;
  top: auto;
  bottom: -13px;
  margin-left: -14px;
  transition: all 0.5s ease;
  display: none;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu:hover > a:before {
  display: block;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu {
  color: #fff;
  box-shadow: none !important;
  border: 0;
  position: fixed;
  top: 148px;
  left: 0;
  right: 0;
  background-image: url(../img/home-submenu-bg.png);
  background-position: center top;
  background-repeat: repeat-x;
  background-color: #375f96;
  margin: 0;
  padding: 0;
  z-index: 1;
  transition: margin-top 0.5s ease, top 0.5s ease;
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu {
    background: none;
    position: static;
    margin-top: 0 !important;
  }
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner {
  max-width: 1024px;
  margin: auto;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
  justify-content: center;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col {
  float: left;
  width: 310px;
  min-height: 250px;
  margin: 35px 0;
  padding: 5px 0;
  border-left: 1px solid #e1ad22;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col:first-child {
  border-left: 0;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col .type-of-block {
  font-family: "Roboto Condensed", Arial, "Microsoft JhengHei", sans-serif;
  padding: 0 35px;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col .type-of-block h2 {
  font-family: inherit;
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 30px;
  color: #fff;
  text-align: left;
  font-weight: lighter;
  line-height: 1.2em;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col .type-of-block h4 {
  color: #fff;
}
@media only screen and (min-width: 992px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col .we-mega-menu-submenu {
    visibility: hidden;
    pointer-events: none;
  }
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li {
    background-color: #eee;
    border-top: 1px solid #ddd;
  }
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li a {
  font-family: Arial, "Microsoft JhengHei", sans-serif;
  padding: 7px 35px 7px 20px;
  margin: 0;
  border-bottom: 0 !important;
  color: #fff;
  border-top: 0;
  font-size: 12px;
  font-weight: normal;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li a:hover {
  background-color: #1d3c72;
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li a {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 25px;
    padding-right: 40px;
    color: #555;
  }
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li a:hover {
    background-color: #eee;
    color: #aa8e2d;
  }
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li.active > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li.active-trail > a {
  color: #fff !important;
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li.active > a, header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li.active-trail > a {
    color: #555 !important;
  }
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li ul li a {
  padding-left: 50px;
}
header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul li ul li a:before {
  content: "";
  width: 0.358em;
  height: 0.358em;
  float: left;
  border-radius: 50%;
  margin-left: -12px;
  margin-top: 5px;
  border: 0;
  background-color: #555;
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col ul {
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 0;
  }
  header.content-header .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col .type-of-block {
    float: none;
  }
}
header.content-header nav.mobile-only {
  display: none;
}
@media only screen and (max-width: 991px) {
  header.content-header nav.mobile-only {
    display: block;
  }
}
header.content-header nav.mobile-only .hkust-logo:before {
  content: "";
  background: url(../img/logo-hkust-white.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  max-width: calc(100% - 50px);
  max-height: 100%;
  max-height: calc(100% - 20px);
  margin: auto;
}
header.content-header nav.mobile-only > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header.content-header nav.mobile-only > ul > li {
  display: block;
  float: left;
  width: 50%;
  background-color: #1d3c72;
  border-top: 1px solid #e1ad22;
  position: relative;
}
header.content-header nav.mobile-only > ul > li ul {
  display: none;
}
@media only screen and (max-width: 991px) {
  header.content-header nav.mobile-only > ul > li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    float: left;
  }
  header.content-header nav.mobile-only > ul > li > a {
    display: block;
    min-height: 40px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 25px;
    padding-left: 27px;
    border-right: 1px solid #e1ad22;
    font-size: 1.25em;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
  }
  header.content-header nav.mobile-only > ul > li .we-mega-menu-submenu {
    display: block;
    pointer-events: none;
    visibility: hidden;
    width: 0px;
    height: 0px;
    overflow: hidden;
  }
}
header.content-header nav.mobile-only > ul > li.double-height > a {
  min-height: 80px;
}
header.content-header.scrolling > .header-bottom, header.content-header:hover > .header-bottom {
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  header.content-header.scrolling .logo, header.content-header.scrolling .ust-logo {
    margin-top: 14px;
    margin-bottom: 14px;
  }
}
header.content-header.scrolling .logo img, header.content-header.scrolling .ust-logo img {
  height: 50px;
}
@media only screen and (max-width: 991px) {
  header.content-header.scrolling .region-primary-menu {
    top: 116px;
  }
}
header.content-header.scrolling .navbar-we-mega-menu .we-mega-menu-ul > .dropdown-menu .we-mega-menu-submenu {
  top: 134px;
}

.toolbar-fixed header {
  top: 39px;
}
.toolbar-fixed header .navbar-we-mega-menu .we-mega-menu-ul .dropdown-menu .we-mega-menu-submenu {
  margin-top: 39px;
}
@media only screen and (max-width: 991px) {
  .toolbar-fixed header .region-primary-menu {
    top: 171px;
  }
}
@media only screen and (max-width: 991px) {
  .toolbar-fixed header.scrolling .region-primary-menu {
    top: 156px;
  }
}
.toolbar-fixed.toolbar-horizontal.toolbar-tray-open header {
  top: 79px;
}
.toolbar-fixed.toolbar-horizontal.toolbar-tray-open header .navbar-we-mega-menu .we-mega-menu-ul .dropdown-menu .we-mega-menu-submenu {
  margin-top: 79px;
}
@media only screen and (max-width: 991px) {
  .toolbar-fixed.toolbar-horizontal.toolbar-tray-open header .region-primary-menu {
    top: 211px;
  }
}
@media only screen and (max-width: 991px) {
  .toolbar-fixed.toolbar-horizontal.toolbar-tray-open header.scrolling .region-primary-menu {
    top: 196px;
  }
}

.region-banner {
  min-height: 148px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .region-banner {
    min-height: 132px;
  }
}
.region-banner h1, .region-banner p {
  color: #fff;
  text-align: center;
}
.region-banner h1 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 48px;
}
@media only screen and (max-width: 480px) {
  .region-banner h1 {
    font-size: 32px;
  }
}
.region-banner .slick {
  position: relative;
  text-align: center;
}
.region-banner .slick, .region-banner .slick .slide__media div {
  height: 548px;
}
@media only screen and (max-width: 767px) {
  .region-banner .slick, .region-banner .slick .slide__media div {
    height: 548px;
  }
}
.region-banner .slick .slick-slide {
  position: relative;
  overflow: hidden;
}
.region-banner .slick img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: none;
  height: 100%;
}
.region-banner .slick .slick__arrow {
  max-width: 1260px;
  position: absolute;
  top: 148px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .region-banner .slick .slick__arrow {
    top: 132px;
  }
}
.region-banner .slick .slick__arrow .slick-prev, .region-banner .slick .slick__arrow .slick-next {
  pointer-events: auto;
  margin-top: -31px;
}
.region-banner .slick .slick__arrow .slick-prev {
  /*left: 15px;*/
}
.region-banner .slick .slick__arrow .slick-next {
  /*right: 15px;*/
}
.region-banner .slick .slide__caption {
  text-align: center;
  position: absolute;
  display: table;
  top: 50%;
  width: 100%;
  max-width: 1020px;
  padding: 0 45px;
  transform: translate(-50%, -50%);
  left: 50%;
  margin-top: 74px;
}
@media only screen and (max-width: 991px) {
  .region-banner .slick .slide__caption {
    margin-top: 66px;
  }
}
.region-banner .slick .slide__caption .views-field {
  display: table-cell;
  vertical-align: middle;
}
.region-banner .slick .slide__caption p:before {
  content: "";
  width: 160px;
  height: 1px;
  background: #fff;
  position: relative;
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin-bottom: 30px;
}
.region-banner .innerBannerBlock {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .region-banner .innerBannerBlock {
    margin-top: 149px;
  }
}
@media only screen and (max-width: 991px) {
  .region-banner .innerBannerBlock {
    display: none;
  }
}
.region-banner .innerBannerBlock p {
  margin: 0;
}
.region-banner .innerBannerBlock h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin-top: 74px;
}
@media only screen and (max-width: 1199px) {
  .region-banner .innerBannerBlock h1 {
    margin-top: 0;
  }
}

.region-breadcrumb {
  font-size: 12px;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: right;
  margin-bottom: 15px;
}
.region-breadcrumb ol {
  list-style: none;
  margin: 0;
}
.region-breadcrumb ol > li {
  display: inline-block;
}
.region-breadcrumb ol > li + li:before {
  content: "";
  background: url("../img/breadcrumb-arrow.png") no-repeat bottom;
  width: 6px;
  height: 11px;
  display: inline-block;
  margin: 0 12px;
}
.region-breadcrumb ol > li:last-child {
  color: #1d3c72;
}
.region-breadcrumb ol > li:last-child a {
  color: #003366;
}
.region-breadcrumb ol > li:last-child a:hover {
  color: #e1ad22;
}
.region-breadcrumb ol > li:last-child:hover {
  color: #e1ad22;
}
.region-breadcrumb ol a {
  color: #555;
  text-decoration: none;
  font-family: "Roboto Condensed", Arial, "Microsoft JhengHei", sans-serif;
}
.region-breadcrumb ol a:hover {
  color: #e1ad22;
}
.region-breadcrumb ol i.arrow-img {
  background: url("../img/breadcrumb-arrow.png") no-repeat;
  width: 6px;
  height: 11px;
  display: inline-block;
  position: relative;
  top: 1px;
}

@media only screen and (max-width: 480px) {
  .region-breadcrumb {
    display: none;
  }
}
.white-breadcrumb .breadcrumb-container .breadcrumb .active {
  color: #4EA6D6;
}
.white-breadcrumb .breadcrumb-container .breadcrumb .active:hover {
  color: #4EA6D6;
}
.white-breadcrumb .breadcrumb-container .breadcrumb a {
  color: #eee;
}
.white-breadcrumb .breadcrumb-container .breadcrumb a:hover {
  color: #4EA6D6;
}

.region-sidebar {
  font-size: 12px;
  width: 100%;
  max-width: 260px;
  float: left;
  background-color: transparent;
  margin-top: 0;
}
.region-sidebar .current {
  display: block;
  font-size: 20px;
  color: #1d3c72;
  text-align: left;
  text-transform: uppercase;
  margin-left: 10px;
  margin-bottom: 10px;
}
.region-sidebar ul.sf-menu.sf-vertical {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  width: 100%;
  z-index: 1;
}
.region-sidebar ul.sf-menu.sf-vertical .sf-sub-indicator {
  display: none;
}
.region-sidebar ul.sf-menu.sf-vertical li {
  transition: all 1s ease-in-out;
  z-index: 1;
}
.region-sidebar ul.sf-menu.sf-vertical li .ico-external-url {
  background-position: 0 -32px;
}
.region-sidebar ul.sf-menu.sf-vertical li.active-trail > a, .region-sidebar ul.sf-menu.sf-vertical li.active > a {
  color: #e1ad22;
}
.region-sidebar ul.sf-menu.sf-vertical li.active-trail > a:before, .region-sidebar ul.sf-menu.sf-vertical li.active > a:before {
  background-color: #1d3c72;
}
.region-sidebar ul.sf-menu.sf-vertical li.active-trail > a .ico-external-url, .region-sidebar ul.sf-menu.sf-vertical li.active > a .ico-external-url {
  background-position: 0 -16px;
}
.region-sidebar ul.sf-menu.sf-vertical > li {
  display: none;
  text-transform: uppercase;
}
.region-sidebar ul.sf-menu.sf-vertical > li.hover > a {
  color: #e1ad22;
}
.region-sidebar ul.sf-menu.sf-vertical > li.hover > a:after {
  background-position: center -13px;
}
.region-sidebar ul.sf-menu.sf-vertical > li.hover > a .ico-external-url {
  background-position: center -16px;
}
.region-sidebar ul.sf-menu.sf-vertical > li.active-trail, .region-sidebar ul.sf-menu.sf-vertical > li.active {
  display: list-item;
}
.region-sidebar ul.sf-menu.sf-vertical > li.active-trail > a, .region-sidebar ul.sf-menu.sf-vertical > li.active > a {
  background-color: #e1ad22;
  color: #fff;
  font-size: 22px;
  /*&:hover{
    color: $white !important;
  }*/
}
.region-sidebar ul.sf-menu.sf-vertical > li.active-trail > a:after, .region-sidebar ul.sf-menu.sf-vertical > li.active > a:after {
  display: none;
}
.region-sidebar ul.sf-menu.sf-vertical > li a {
  display: block;
  color: #555;
  transition: all 0.2s ease-in-out;
  padding-right: 24px;
  position: relative;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  font-size: 14px;
}
.region-sidebar ul.sf-menu.sf-vertical > li a .ico-external-url {
  position: absolute;
  top: 10px;
  right: 8px;
}
.region-sidebar ul.sf-menu.sf-vertical > li a.active {
  color: #1d3c72;
}
.region-sidebar ul.sf-menu.sf-vertical > li a.active .ico-external-url {
  background-position: center -16px;
}
.region-sidebar ul.sf-menu.sf-vertical > li ul {
  box-shadow: 1px 1px 5px #ddd inset;
  position: static !important;
  height: auto !important;
  margin: auto !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 100% !important;
  border: 0 !important;
  opacity: 1 !important;
  background-color: #eee !important;
}
.region-sidebar ul.sf-menu.sf-vertical > li ul li {
  padding-left: 20px;
}
.region-sidebar ul.sf-menu.sf-vertical > li > ul {
  box-shadow: none;
  padding-top: 0;
  padding-left: 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: transparent !important;
}
.region-sidebar ul.sf-menu.sf-vertical > li > ul > li {
  list-style: none;
  color: #555;
  transition: all 0.3s ease;
  list-style: none;
  color: #555;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding-left: 0;
}
.region-sidebar ul.sf-menu.sf-vertical > li > ul > li a {
  text-transform: none;
}
.region-sidebar ul.sf-menu.sf-vertical > li > ul > li > a {
  text-transform: uppercase;
}
.region-sidebar ul.sf-menu.sf-vertical > li > ul > li:hover > a {
  color: #e1ad22;
}
.region-sidebar ul.sf-menu.sf-vertical > li > ul > li:hover > a .ico-external-url {
  background-position: 0 -16px;
}
.region-sidebar ul.sf-menu.sf-vertical > li > a {
  padding-right: 24px;
  position: relative;
}
.region-sidebar ul.sf-menu.sf-vertical > li > a:hover .ico-external-url {
  background-position: 0 -16px;
}
.region-sidebar ul.sf-menu.sf-vertical > li > a:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  background: url("../img/icon/left-menu-arrow-right.png") no-repeat;
  width: 16px;
  height: 13px;
  background-position: center 0px;
}
@media only screen and (max-width: 991px) {
  .region-sidebar {
    display: none;
  }
}

.apply-now-btn {
  width: 263px;
  height: 60px;
  background-image: url("../img/apply-now-bg.png");
  background-position: center top;
  padding: 12px 0 0 86px;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
}
.apply-now-btn:hover {
  color: #fff;
  background-position: center bottom;
}

.main-body {
  background-position: right 200px;
  background-attachment: fixed;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .main-body {
    background: transparent;
  }
}
.main-body .inner-banner-container {
  margin-left: -15px;
  margin-right: -15px;
  background-position: center center;
  /* max-height: 240px; */
  background-image: url("../img/inner-banner.jpg");
  background-size: cover;
  z-index: 2;
  height: 100%;
  line-height: 320px;
  text-align: center;
}
.main-body .inner-banner-container .inner-banner-text {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.main-body .inner-banner-container .inner-banner-text .banner-title-txt {
  font-size: 36px;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
  line-height: 1.05em;
  font-weight: lighter;
  text-transform: uppercase;
}
.main-body .container {
  width: auto;
  max-width: none;
  margin-left: -15px;
  margin-right: -15px;
}
.main-body .container > .main-wrap {
  padding: 0 40px 60px;
  padding: 0;
  min-height: 572px;
  position: relative;
  z-index: 1;
}
.main-body .container > .main-wrap .banner-container {
  min-height: 90px;
  pointer-events: none;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .main-body .container > .main-wrap .banner-container {
    min-height: 0;
  }
}
.main-body .container > .main-wrap .banner-container img {
  max-width: 100%;
}
.main-body .container > .main-wrap .banner-container .banner-caption-wrap {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  padding-left: 100px;
  padding-right: 100px;
  color: #ffffff;
}
@media only screen and (max-width: 1199px) {
  .main-body .container > .main-wrap .banner-container .banner-caption-wrap {
    top: 35%;
  }
}
.main-body .container > .main-wrap .banner-container .banner-caption-wrap .banner-title {
  color: #ffffff;
}
.main-body .container > .main-wrap .banner-container .banner-caption-wrap .banner-caption {
  padding-top: 15px;
}
.main-body .container > .main-wrap .banner-container .banner-caption-wrap p, .main-body .container > .main-wrap .banner-container .banner-caption-wrap a, .main-body .container > .main-wrap .banner-container .banner-caption-wrap h1, .main-body .container > .main-wrap .banner-container .banner-caption-wrap h2, .main-body .container > .main-wrap .banner-container .banner-caption-wrap h3 {
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .main-body .container > .main-wrap .banner-container {
    display: none;
  }
}
.main-body .container > .main-wrap.page-padding-top {
  padding-top: 240px;
}
.main-body .left-container {
  position: absolute;
  margin-bottom: 335px;
  width: 260px;
}
@media only screen and (max-width: 991px) {
  .main-body .left-container {
    display: none;
  }
}
.main-body .main-container .col-2.left + .col-2.right + .col-2.left {
  clear: left;
}
.main-body .main-container .col-2 {
  width: 48%;
}
.main-body .main-container .col-2.col-large {
  width: 58%;
}
.main-body .main-container .col-2.col-small {
  width: 38%;
}
.main-body .main-container .col-2.col-full {
  width: 100%;
}
.main-body .main-container .col-2 h3 {
  margin-top: 20px;
  margin-bottom: 0;
  /* &+p {
      margin-top: 5px;
  } */
}
.main-body .main-container .col-2.left {
  margin-right: 2%;
}
.main-body .main-container .col-2.left.col-large, .main-body .main-container .col-2.left.col-small {
  margin-right: 1%;
}
.main-body .main-container .col-2.right {
  margin-left: 2%;
}
.main-body .main-container .col-2.right.col-large, .main-body .main-container .col-2.right.col-small {
  margin-left: 1%;
}
.main-body .main-container .col-2 p img {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .main-body .main-container .col-2.left, .main-body .main-container .col-2.right {
    width: 100%;
    margin: 0;
    float: none;
  }
}
.main-body .main-container-full-width {
  max-width: 1200px;
  margin: 0 auto;
}
.main-body .main-outer-container {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 55px;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 640px;
}
@media only screen and (max-width: 480px) {
  .main-body .main-outer-container {
    margin-top: 20px;
  }
}
.main-body .mobile-break {
  width: 100%;
  display: inline-block;
}

.main-body.full .main-container {
  max-width: 1200px;
  margin: 0 auto;
}

.right-quick-link {
  position: fixed;
  top: 50%;
  margin-top: 60px;
  right: 0;
  width: 170px;
  padding: 20px;
  background: #fff;
  opacity: 0.9;
  z-index: 2;
}
.right-quick-link > * {
  text-align: center;
}
.right-quick-link h2 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #e1ad22;
  line-height: 1.2em;
  font-weight: normal;
}
.right-quick-link ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.right-quick-link ul li {
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.right-quick-link ul li a.apply-online:before, .right-quick-link ul li a.enquiry:before {
  content: "";
  display: block;
  margin: auto;
  width: 80px;
  height: 70px;
  background-image: url(../img/icon/quick-link-dark-blue.png);
  background-size: 80px;
  background-position: center;
}
.right-quick-link ul li a.apply-online:hover:before, .right-quick-link ul li a.enquiry:hover:before {
  background-image: url(../img/icon/quick-link-orange.png);
  background-position: center;
}
.right-quick-link ul li a.faq:before {
  content: "";
  display: block;
  margin: auto;
  width: 100%;
  height: 64px;
  background: url("../img/link04.png") center top no-repeat;
}
.right-quick-link ul li a.faq:hover:before {
  background-position: center -65px;
}
.right-quick-link ul li:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 1520px) {
  .right-quick-link {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .right-quick-link {
    display: none;
  }
}

.main-container {
  margin-left: 295px;
}

.main-container:after, .main-container-full-width:after, .editor-content:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 991px) {
  .main-container, .main-container-full-width, .editor-content {
    margin-left: 0;
  }
}
.main-container img, .main-container-full-width img, .editor-content img {
  max-width: 100%;
}
.main-container ol, .main-container-full-width ol, .editor-content ol {
  margin-bottom: 20px;
}
.main-container ul, .main-container-full-width ul, .editor-content ul {
  overflow: hidden;
  margin-bottom: 0;
}
.main-container ul + p, .main-container-full-width ul + p, .editor-content ul + p {
  margin-top: 4px;
}
.main-container ul, .main-container ol, .main-container-full-width ul, .main-container-full-width ol, .editor-content ul, .editor-content ol {
  padding-left: 10px;
  list-style: none;
  margin-top: 15px;
}
.main-container ul li, .main-container ol li, .main-container-full-width ul li, .main-container-full-width ol li, .editor-content ul li, .editor-content ol li {
  text-align: left;
  list-style: outside none none;
  padding-left: 20px;
  position: relative;
}
.main-container ul li:before, .main-container ol li:before, .main-container-full-width ul li:before, .main-container-full-width ol li:before, .editor-content ul li:before, .editor-content ol li:before {
  content: "";
  width: 7px;
  height: 7px;
  float: left;
  border-radius: 50%;
  margin-left: -20px;
  margin-top: 8px;
  border: 2px solid #e1ad22;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.main-container ul.connection-list, .main-container ol.connection-list, .main-container-full-width ul.connection-list, .main-container-full-width ol.connection-list, .editor-content ul.connection-list, .editor-content ol.connection-list {
  position: relative;
  padding-top: 30px;
}
.main-container ul.connection-list:before, .main-container ol.connection-list:before, .main-container-full-width ul.connection-list:before, .main-container-full-width ol.connection-list:before, .editor-content ul.connection-list:before, .editor-content ol.connection-list:before {
  content: "";
  width: 7px;
  height: 7px;
  float: left;
  border-radius: 50%;
  margin-left: 0;
  margin-top: -30px;
  border: 2px solid #e1ad22;
  background-color: #e1ad22;
}
.main-container ul.connection-list:after, .main-container ol.connection-list:after, .main-container-full-width ul.connection-list:after, .main-container-full-width ol.connection-list:after, .editor-content ul.connection-list:after, .editor-content ol.connection-list:after {
  content: "";
  height: 100%;
  position: absolute;
  top: 5px;
  margin-left: 3px;
  border-left: 1px solid #e1ad22;
  z-index: 0;
}
.main-container ul.connection-list ul li:after, .main-container ol.connection-list ul li:after, .main-container-full-width ul.connection-list ul li:after, .main-container-full-width ol.connection-list ul li:after, .editor-content ul.connection-list ul li:after, .editor-content ol.connection-list ul li:after {
  content: "";
  width: 30px;
  position: absolute;
  top: 11px;
  left: -27px;
  border-top: 1px solid #e1ad22;
  z-index: 0;
}
.main-container ul.connection-list ul li ul:after, .main-container ol.connection-list ul li ul:after, .main-container-full-width ul.connection-list ul li ul:after, .main-container-full-width ol.connection-list ul li ul:after, .editor-content ul.connection-list ul li ul:after, .editor-content ol.connection-list ul li ul:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 11px;
  left: 3px;
  border-left: 1px solid #EB8B10;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .main-container ul.two-col li, .main-container ol.two-col li, .main-container-full-width ul.two-col li, .main-container-full-width ol.two-col li, .editor-content ul.two-col li, .editor-content ol.two-col li {
    width: 50%;
    float: left;
  }
}
@media only screen and (min-width: 768px) {
  .main-container ul.three-col li, .main-container ol.three-col li, .main-container-full-width ul.three-col li, .main-container-full-width ol.three-col li, .editor-content ul.three-col li, .editor-content ol.three-col li {
    width: 33.33%;
    float: left;
  }
}
.main-container ul.link-list li:before, .main-container ol.link-list li:before, .main-container-full-width ul.link-list li:before, .main-container-full-width ol.link-list li:before, .editor-content ul.link-list li:before, .editor-content ol.link-list li:before {
  margin: 0;
  border: 0;
}
.main-container hr, .main-container-full-width hr, .editor-content hr {
  width: 100%;
  margin-bottom: 30px;
  display: inline-block;
}
.main-container hr.hidden, .main-container-full-width hr.hidden, .editor-content hr.hidden {
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .main-container hr.tablet-margin-bottom-0, .main-container-full-width hr.tablet-margin-bottom-0, .editor-content hr.tablet-margin-bottom-0 {
    margin-bottom: 0;
  }
}
.main-container .date, .main-container-full-width .date, .editor-content .date {
  margin-bottom: 10px;
}
.main-container a.apply-now-btn, .main-container-full-width a.apply-now-btn, .editor-content a.apply-now-btn {
  min-width: 263px;
  width: auto;
  height: auto;
  background-color: #e1ad22;
  padding: 19px 40px 19px 60px;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
}
.main-container a.apply-now-btn:hover, .main-container-full-width a.apply-now-btn:hover, .editor-content a.apply-now-btn:hover {
  background-color: #edeaad;
}
.main-container a.apply-now-btn:after, .main-container-full-width a.apply-now-btn:after, .editor-content a.apply-now-btn:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../img/icon/apply-now-icon.png);
}

.continent-txt {
  font-size: 24px;
  font-weight: lighter;
  color: #1d3c72;
}

.main-container .section-description {
  font-size: 20px;
  font-weight: lighter;
  line-height: 1.3em;
  margin-bottom: 30px;
}
.main-container .col-title {
  color: #e1ad22;
  text-transform: uppercase;
}
.main-container .logo-block {
  text-align: center;
}
.main-container .logo-block img {
  max-height: 40px;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  -webkit-filter: grayscale(100%);
}
@media only screen and (max-width: 480px) {
  .main-container .chart {
    width: 100%;
  }
}
.main-container .last-updated {
  float: right;
}

body.full-width .main-body .left-container {
  display: none;
}
body.full-width .main-body .main-container {
  max-width: 1200px;
  margin: 0 auto;
}

.hightlight-w1 .number {
  font-size: 68px;
  font-family: "Roboto", Arial, "Microsoft JhengHei", sans-serif;
  color: #1d3c72;
  font-weight: 300;
  text-align: center;
  line-height: 1.1em;
}
.hightlight-w1 .unit {
  font-size: 48px;
  color: #1d3c72;
  line-height: 1em;
}
.hightlight-w1 .caption {
  font-size: 18px;
  color: #1d3c72;
  text-align: center;
  line-height: 1.2em;
}
@media only screen and (max-width: 480px) {
  .hightlight-w1 {
    margin-left: 0;
    margin-right: 0;
  }
  .hightlight-w1 .number {
    font-size: 66px;
  }
  .hightlight-w1 .unit {
    font-size: 48px;
  }
  .hightlight-w1 .caption {
    font-size: 20px;
  }
}

table.latest-class-profile tbody tr td {
  vertical-align: middle;
  padding: 22px 15px;
}
table.latest-class-profile tbody tr td.latest-class-profile-left {
  width: 237px;
}

.region-post-content #block-quicklink a {
  color: #1d3c72;
}
.region-post-content #block-quicklink a:hover {
  color: #e1ad22;
}

.fade-block {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}

.zoom_img {
  overflow: hidden;
}
.zoom_img img {
  transition-duration: 0.25s;
  transition-delay: 0s;
  animation-timing-function: ease-in;
}
.zoom_img:hover img {
  transform: scale(1.15);
}

@keyframes arrowHint {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  }
  25% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  }
}
/*
// .zoom_img_bg {
    //     background-size: 100% 100%;
    //     transition-duration: 0.45s;
    //     transition-delay: 0s;
    //     animation-timing-function: ease-in;

    //     &:hover {
        //         background-size: 115% 115%;
        //
    // }
    //}
    */
body > .header {
  opacity: 0.85;
  transition: opacity 0.5s ease;
}
body > .header:focus, body > .header:active, body > .header:hover, body > .header.scrolling {
  opacity: 1;
  transition: opacity 0.5s ease;
}

html body {
  padding: 0;
}

.main-body {
  padding: 0;
}
.main-body .container {
  max-width: none;
}
.main-body .container > .main-wrap {
  padding: 0;
}

.footer {
  position: relative;
  z-index: 2;
}

.welcome-page {
  position: fixed;
  z-index: 2999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff;
}

.home-container h2 {
  color: #e1ad22;
}
.home-container > div {
  position: relative;
}
.home-container .video-section {
  z-index: -1;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}
.home-container .video-section .background-video,
.home-container .video-section .background-cover {
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  height: auto;
  position: absolute;
}
.home-container .slideshow-section {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: #333;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}
.home-container .slideshow-section > .container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  z-index: 101;
}
.home-container .slideshow-section .cycle-slide {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home-container .slideshow-section .banner-slideshow {
  height: 100%;
}
.home-container .slideshow-section .banner-slideshow {
  width: 100%;
}
.home-container .slideshow-section .banner-slideshow .cycle-slide img {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  height: 100%;
}
.home-container .slideshow-section * {
  color: #fff;
}
.home-container .slideshow-section .caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.home-container .slideshow-section .caption .container {
  display: table;
  width: 100%;
  height: 100%;
}
.home-container .slideshow-section .caption .container > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-top: 80px;
}
.home-container .slideshow-section .caption .container > div > div {
  display: inline-block;
  max-width: 800px;
}
.home-container .slideshow-section .caption .container > div > div h1, .home-container .slideshow-section .caption .container > div > div h2, .home-container .slideshow-section .caption .container > div > div p {
  text-align: center;
  text-transform: uppercase;
}
.home-container .slideshow-section .caption .container > div > div h1 {
  font-size: 80px;
}
.home-container .slideshow-section .caption .container > div > div h2 {
  font-size: 30px;
  margin-bottom: 30px;
}
.home-container .slideshow-section .caption .container > div > div hr {
  max-width: 160px;
  margin: 25px auto 30px auto;
  border-top: 1px solid #fff;
}
.home-container .slideshow-section .caption .container > div > div p {
  max-width: 600px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .home-container .slideshow-section .caption .container > div > div h1 {
    font-size: 60px;
  }
  .home-container .slideshow-section .caption .container > div > div h2 {
    font-size: 20px;
  }
}
.home-container .spirit-section {
  min-height: 548px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .home-container .spirit-section {
    min-height: 480px;
  }
}
.home-container .spirit-section * {
  color: #fff;
}
.home-container .spirit-section .slideshow-section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 548px;
  margin-bottom: 50px;
  background-color: #ffffff;
  z-index: 1;
  transform: translate3d(0, 0, 0);
  display: none;
}
@media only screen and (max-width: 767px) {
  .home-container .spirit-section .slideshow-section {
    height: 480px;
  }
}
.home-container .spirit-section .slideshow-section > .container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  z-index: 101;
  pointer-events: none;
}
.home-container .spirit-section .slideshow-section > .container .slick-prev {
  pointer-events: auto;
}
.home-container .spirit-section .slideshow-section > .container .slick-next {
  pointer-events: auto;
}
.home-container .spirit-section .slideshow-section .cycle-slide {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home-container .spirit-section .slideshow-section .banner-slideshow {
  height: 100%;
}
.home-container .spirit-section .slideshow-section .banner-slideshow {
  width: 100%;
}
.home-container .spirit-section .slideshow-section .banner-slideshow .cycle-slide img {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  height: 100%;
}
.home-container .spirit-section .slideshow-section * {
  color: #fff;
}
.home-container .spirit-section .slideshow-section .caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.home-container .spirit-section .slideshow-section .caption .container {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
}
.home-container .spirit-section .slideshow-section .caption .container > div {
  vertical-align: middle;
  text-align: center;
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .home-container .spirit-section .slideshow-section .caption .container > div {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 480px) {
  .home-container .spirit-section .slideshow-section .caption .container > div {
    padding-top: 40px;
  }
}
.home-container .spirit-section .slideshow-section .caption .container > div > div {
  display: inline-block;
  max-width: 1020px;
}
.home-container .spirit-section .slideshow-section .caption .container > div > div h1, .home-container .spirit-section .slideshow-section .caption .container > div > div h2, .home-container .spirit-section .slideshow-section .caption .container > div > div p {
  text-align: center;
  text-transform: inherit;
}
.home-container .spirit-section .slideshow-section .caption .container > div > div h1 {
  font-size: 48px;
  font-weight: 400;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
}
.home-container .spirit-section .slideshow-section .caption .container > div > div h1:after {
  content: "";
  width: 160px;
  height: 1px;
  background: #fff;
  position: absolute;
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.home-container .spirit-section .slideshow-section .caption .container > div > div h2 {
  font-size: 28px;
  max-width: 768px;
  margin-bottom: 5px;
  margin: auto;
}
.home-container .spirit-section .slideshow-section .caption .container > div > div hr {
  max-width: 160px;
  margin: 25px auto 30px auto;
  border-top: 1px solid #fff;
}
.home-container .spirit-section .slideshow-section .caption .container > div > div p {
  max-width: 600px;
  margin: auto;
}
.home-container .spirit-section .slideshow-section .caption .container > div > div .read-more {
  margin-top: 25px;
  font-size: 16px;
  padding-left: 0;
}
@media only screen and (max-width: 1199px) {
  .home-container .spirit-section .slideshow-section .caption .container > div > div {
    max-width: 800px;
  }
}
@media only screen and (max-width: 991px) {
  .home-container .spirit-section .slideshow-section .caption .container > div > div {
    max-width: 660px;
  }
}
@media only screen and (max-width: 767px) {
  .home-container .spirit-section .slideshow-section .caption .container > div > div {
    max-width: 480px;
  }
  .home-container .spirit-section .slideshow-section .caption .container > div > div h1 {
    font-size: 48px;
  }
  .home-container .spirit-section .slideshow-section .caption .container > div > div h2 {
    font-size: 18px;
  }
  .home-container .spirit-section .slideshow-section .caption .container > div > div .read-more {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .home-container .spirit-section .slideshow-section .caption .container > div > div {
    max-width: 280px;
    padding: 0 40px;
  }
  .home-container .spirit-section .slideshow-section .caption .container > div > div h1 {
    font-size: 32px;
  }
  .home-container .spirit-section .slideshow-section .caption .container > div > div p {
    font-size: 14px;
    max-width: 400px;
  }
}
.home-container .spirit-section > .container {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 548px;
}
@media only screen and (max-width: 767px) {
  .home-container .spirit-section > .container {
    min-height: 480px;
  }
}
.home-container .spirit-section > .container > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.home-container .spirit-section > .container > div > div {
  display: inline-block;
  max-width: 800px;
}
.home-container .spirit-section > .container > div > div h1, .home-container .spirit-section > .container > div > div h2, .home-container .spirit-section > .container > div > div p {
  text-align: center;
  text-transform: uppercase;
}
.home-container .spirit-section > .container > div > div h1 {
  font-size: 80px;
  letter-spacing: 3px;
}
.home-container .spirit-section > .container > div > div h2 {
  font-size: 30px;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
.home-container .spirit-section > .container > div > div hr {
  max-width: 160px;
  margin: 25px auto 30px auto;
  border-top: 1px solid #fff;
}
.home-container .spirit-section > .container > div > div p {
  max-width: 600px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .home-container .spirit-section > .container > div > div h1 {
    font-size: 60px;
  }
  .home-container .spirit-section > .container > div > div h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .home-container .spirit-section > .container > div > div h1 {
    font-size: 36px;
  }
}
.home-container .spirit-section .scroll {
  position: absolute;
  bottom: 15%;
  text-align: center;
  left: 0;
  right: 0;
  z-index: 2;
}
.home-container .spirit-section .scroll > a {
  cursor: pointer;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center 5px;
  display: inline-block;
}
.home-container .spirit-section .scroll > a .arrow-container {
  position: relative;
  width: 16px;
  height: 34px;
  margin: 0 auto;
}
.home-container .spirit-section .scroll > a .arrow-container .arrow-down {
  position: absolute;
  left: 0;
  line-height: 1;
  animation-delay: 0.25s;
  animation-direction: normal;
  animation-duration: 2s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-name: arrowHint;
  animation-play-state: running;
  animation-timing-function: ease;
  animation: arrowHint 2s infinite;
  animation-delay: 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}
@media only screen and (max-width: 991px) {
  .home-container .spirit-section .scroll > a .arrow-container .arrow-down {
    animation: inherit;
    opacity: 1;
    filter: alpha(opacity=1);
  }
}
.home-container .spirit-section .scroll > a .arrow-container .arrow-down:before {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../img/home/dicover-more-arrow.png");
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}
.home-container .spirit-section .scroll > a .arrow-container .arrow-down + i {
  top: 8px;
  animation-delay: 0.25s;
}
.home-container .spirit-section .scroll > a .arrow-container .arrow-down + i + i {
  top: 16px;
  animation-delay: 0.5s;
}
.home-container .spirit-section .external-link {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 3;
}
.home-container .spirit-section .external-link > .container {
  height: 50px;
  text-transform: uppercase;
}
.home-container .spirit-section .external-link > .container ul {
  width: calc(100% - 330px);
  width: -webkit-calc(100% - 330px);
}
.home-container .spirit-section .external-link > .container ul li {
  float: left;
  position: relative;
}
.home-container .spirit-section .external-link > .container ul li + li {
  margin-left: 3%;
}
.home-container .spirit-section .external-link > .container ul li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-container .spirit-section .external-link > .container ul li a:hover {
  color: #1d3c72;
}
@media only screen and (max-width: 480px) {
  .home-container .spirit-section .external-link > .container ul li a {
    font-size: 15px;
  }
}
.home-container .spirit-section .external-link > .container .left {
  position: relative;
  background-color: rgba(140, 113, 22, 0.85);
}
.home-container .spirit-section .external-link > .container .left:before {
  background-color: rgba(140, 113, 22, 0.85);
  content: " ";
  width: 2000px;
  height: 50px;
  right: 100%;
  position: absolute;
}
.home-container .spirit-section .external-link > .container .left > i {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 0;
}
.home-container .spirit-section .external-link > .container span {
  display: block;
  font-size: 20px;
  line-height: 50px;
  padding: 0 25px 0 65px;
  position: relative;
}
.home-container .spirit-section .external-link > .container span:before {
  z-index: 5;
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid rgba(140, 113, 22, 0.85);
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  right: -20px;
  top: 0;
}
.home-container .spirit-section .external-link > .container a {
  display: block;
  padding: 0 0 0 47px;
  font-size: 18px;
  line-height: 50px;
  color: #555;
}
.home-container .spirit-section .external-link > .container a > i {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 10px;
}
@media only screen and (max-width: 991px) {
  .home-container .spirit-section {
    position: relative;
  }
  .home-container .spirit-section .external-link {
    background-color: transparent;
  }
  .home-container .spirit-section .external-link > .container .left {
    transition: background-color 0.5s ease;
    width: 100%;
    cursor: pointer;
  }
  .home-container .spirit-section .external-link > .container .left span:before {
    content: " ";
    position: absolute;
    border: 0;
    width: 27px;
    height: 27px;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url("../img/home/home-goldbar-arrow.png");
    right: 15px;
    top: 50%;
    margin-top: -13px;
  }
}
@media only screen and (max-width: 991px) and (max-width: 480px) {
  .home-container .spirit-section .external-link > .container .left > i {
    display: none;
  }
  .home-container .spirit-section .external-link > .container .left span {
    padding: 0 25px 0 15px;
  }
}
@media only screen and (max-width: 991px) {
  .home-container .spirit-section .external-link > .container.active .left span:before {
    background-image: url("../img/icon/home-close.png");
  }
  .home-container .spirit-section .external-link > .container ul {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 50px;
    width: 100%;
  }
  .home-container .spirit-section .external-link > .container ul li {
    width: 50%;
    float: left;
    box-sizing: content-box;
    border-left: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    margin-left: -1px;
  }
  .home-container .spirit-section .external-link > .container ul li + li {
    margin-left: -1px;
  }
  .home-container .spirit-section .external-link > .container:hover .left {
    background-color: rgba(0, 21, 63, 0.9);
  }
  .home-container .spirit-section .external-link > .container.active .left {
    background-color: rgba(0, 21, 63, 0.9);
  }
  .home-container .spirit-section .external-link > .container.active ul {
    display: block;
  }
}
.home-container .announcement-section {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #1d3c72;
  overflow: hidden;
  cursor: pointer;
}
.home-container .announcement-section:hover .btn-input.white-gold .ico-read-more {
  background-position: center -48px;
}
.home-container .announcement-section:hover .btn-input.white-gold > span {
  color: #aa8e2d;
}
.home-container .announcement-section .left {
  width: 100%;
}
.home-container .announcement-section .left h3 {
  color: #fff;
  margin: 30px 0;
}
.home-container .announcement-section .left .date {
  color: #fff;
  margin-bottom: 25px;
}
.home-container .announcement-section .left .editor-content {
  color: #fff;
}
.home-container .announcement-section .left .editor-content * {
  color: #fff;
}
.home-container .announcement-section .left p {
  margin-bottom: 30px;
}
.home-container .announcement-section .right {
  width: 55%;
}
.home-container .announcement-section .right + .left {
  width: 40%;
}
.home-container .announcement-section .media-section {
  text-align: right;
  width: 100%;
  max-width: 640px;
  position: relative;
}
.home-container .announcement-section .media-section.video-cover:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
  height: 65px;
  width: 65px;
  background-image: url(../img/icon/play-button.png);
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 2;
}
.home-container .announcement-section .media-section:hover .cover:before {
  content: " ";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.home-container .announcement-section .media-section img, .home-container .announcement-section .media-section video {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .home-container .announcement-section {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .home-container .announcement-section .left, .home-container .announcement-section .right, .home-container .announcement-section .right + .left {
    width: 100%;
    float: none;
  }
  .home-container .announcement-section .left > div {
    padding: 0 15px;
  }
  .home-container .announcement-section .media-section {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .home-container .announcement-section .left h3, .home-container .announcement-section .left .date, .home-container .announcement-section .left .btn-input {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .announcement-section .left h3, .home-container .announcement-section .left .date {
    margin-bottom: 10px;
  }
  .home-container .announcement-section .left .editor-content {
    display: none;
  }
}
.home-container .dean-message-section {
  height: 400px;
  background-color: #999EAB;
  background-image: url("../img/home/home-dean-left-bg.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}
.home-container .dean-message-section > .container {
  height: 400px;
  position: relative;
}
.home-container .dean-message-section > .container .dean-image {
  position: absolute;
  right: 15px;
  bottom: 0;
}
.home-container .dean-message-section > .container > div {
  width: 60%;
  margin-left: 100px;
  padding-top: 80px;
}
.home-container .dean-message-section > .container > div h1, .home-container .dean-message-section > .container > div h2, .home-container .dean-message-section > .container > div h3, .home-container .dean-message-section > .container > div p, .home-container .dean-message-section > .container > div a {
  color: #fff;
}
.home-container .dean-message-section .left {
  position: relative;
  z-index: 2;
  width: 40%;
}
.home-container .dean-message-section .left h1 {
  margin-bottom: 40px;
}
.home-container .dean-message-section .left p {
  margin-bottom: 40px;
}
.home-container .dean-message-section .right {
  position: relative;
  z-index: 1;
  width: 60%;
  min-height: 200px;
}
.home-container .dean-message-section .right .message {
  padding: 0 30px;
  position: relative;
}
.home-container .dean-message-section .right .message .left-quote, .home-container .dean-message-section .right .message .right-quote {
  position: absolute;
}
.home-container .dean-message-section .right .message .left-quote {
  top: -62px;
  left: -20%;
}
.home-container .dean-message-section .right .message .right-quote {
  bottom: -46px;
  right: 15px;
}
.home-container .dean-message-section:hover .ico-read-more {
  background-position: center -16px;
}
.home-container .dean-message-section:hover .btn-input.white-blue > span {
  color: #2c539d;
}
@media only screen and (max-width: 991px) {
  .home-container .dean-message-section > .container > div {
    width: 60%;
    margin-left: 0;
    padding-top: 65px;
  }
  .home-container .dean-message-section > .container .dean-image {
    right: -20px;
  }
  .home-container .dean-message-section .left {
    width: 100%;
    float: none;
    margin: 0;
  }
  .home-container .dean-message-section .left h1 {
    margin-bottom: 30px;
  }
  .home-container .dean-message-section .left p {
    margin-bottom: 30px;
  }
  .home-container .dean-message-section .right {
    width: 100%;
    float: none;
    min-height: 0;
  }
  .home-container .dean-message-section .right .message {
    padding: 0;
    margin-bottom: 20px;
  }
  .home-container .dean-message-section .right .message .left-quote {
    top: -115px;
    left: 0;
  }
  .home-container .dean-message-section .right .message .right-quote {
    bottom: -46px;
    right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .home-container .dean-message-section > .container .dean-image {
    right: -100px;
  }
}
@media only screen and (max-width: 480px) {
  .home-container .dean-message-section {
    height: 255px;
  }
  .home-container .dean-message-section > .container {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 255px;
  }
  .home-container .dean-message-section > .container .dean-image {
    margin-top: 20px;
    top: 0;
    right: 0;
  }
  .home-container .dean-message-section > .container .dean-image img {
    width: 255px;
    height: 235px;
    position: relative;
    right: -80px;
  }
  .home-container .dean-message-section > .container > div {
    width: 100%;
    padding-top: 25px;
    position: relative;
  }
  .home-container .dean-message-section > .container > div .left, .home-container .dean-message-section > .container > div .right {
    width: 60%;
  }
  .home-container .dean-message-section h1 {
    margin-top: 30px;
  }
  .home-container .dean-message-section .left p, .home-container .dean-message-section .right h2 {
    display: none;
  }
  .home-container .dean-message-section .right {
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .home-container .dean-message-section .right .message {
    position: static;
  }
  .home-container .dean-message-section .right .message .left-quote {
    top: 0;
    left: 0;
  }
  .home-container .dean-message-section .right .message .left-quote img {
    width: 70%;
  }
  .home-container .dean-message-section .right .message .right-quote {
    bottom: 20px;
    right: 0;
  }
  .home-container .dean-message-section .right .message .right-quote img {
    width: 80%;
  }
}
.home-container .news-section, .home-container .program-section, .home-container .event-section {
  overflow: hidden;
  background-color: #fff;
}
.home-container .news-section img, .home-container .program-section img, .home-container .event-section img {
  max-width: 100%;
  display: block;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .home-container .news-section img, .home-container .program-section img, .home-container .event-section img {
    margin-left: auto;
    margin-right: auto;
  }
}
.home-container .news-section > .container, .home-container .program-section > .container, .home-container .event-section > .container {
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.home-container .news-section > .container .date, .home-container .program-section > .container .date, .home-container .event-section > .container .date {
  margin-bottom: 10px;
}
.home-container .news-section > .container h3 > a, .home-container .program-section > .container h3 > a, .home-container .event-section > .container h3 > a {
  padding: 0;
  color: #e1ad22;
}
.home-container .news-section > .container > .left, .home-container .program-section > .container > .left, .home-container .event-section > .container > .left {
  width: 65%;
  border-right: 1px solid #ddd;
  background-repeat: repeat-y;
  background-position: right center;
  position: relative;
}
.home-container .news-section > .container > .left .slick-list, .home-container .program-section > .container > .left .slick-list, .home-container .event-section > .container > .left .slick-list {
  margin: 0 50px;
}
@media only screen and (max-width: 991px) {
  .home-container .news-section > .container > .left .slick-list, .home-container .program-section > .container > .left .slick-list, .home-container .event-section > .container > .left .slick-list {
    margin: 0;
  }
}
@media only screen and (max-width: 991px) {
  .home-container .news-section > .container > .left .slick-prev, .home-container .news-section > .container > .left .slick-next, .home-container .program-section > .container > .left .slick-prev, .home-container .program-section > .container > .left .slick-next, .home-container .event-section > .container > .left .slick-prev, .home-container .event-section > .container > .left .slick-next {
    height: 38px;
    width: 23px;
    top: 10px;
    margin-top: 0;
    background-image: url("../img/arrow-icon.png");
  }
}
.home-container .news-section > .container > .left .slick-slide, .home-container .program-section > .container > .left .slick-slide, .home-container .event-section > .container > .left .slick-slide {
  padding: 0 12px;
}
.home-container .news-section > .container > .left .slick-slide img, .home-container .program-section > .container > .left .slick-slide img, .home-container .event-section > .container > .left .slick-slide img {
  height: 100%;
  max-width: 100%;
}
.home-container .news-section > .container > .left .right, .home-container .program-section > .container > .left .right, .home-container .event-section > .container > .left .right {
  position: relative;
  /*&:before {
      z-index: 5;
      content: " ";
      position: absolute;
      width: 0;
      height: 0;
      border-right: 30px solid #fff;
      border-top: 35px solid transparent;
      border-bottom: 35px solid transparent;
      left: -29px;
      top: 20px;
  }*/
}
.home-container .news-section > .container > .left .right > h2, .home-container .news-section > .container > .left .right > div, .home-container .program-section > .container > .left .right > h2, .home-container .program-section > .container > .left .right > div, .home-container .event-section > .container > .left .right > h2, .home-container .event-section > .container > .left .right > div {
  margin: 0 20px 35px 20px;
}
.home-container .news-section > .container > .left hr, .home-container .program-section > .container > .left hr, .home-container .event-section > .container > .left hr {
  display: none;
}
.home-container .news-section > .container > .left > h2, .home-container .news-section > .container > .left > div, .home-container .program-section > .container > .left > h2, .home-container .program-section > .container > .left > div, .home-container .event-section > .container > .left > h2, .home-container .event-section > .container > .left > div {
  margin: 0 20px 25px 0;
}
.home-container .news-section > .container > .left h3, .home-container .program-section > .container > .left h3, .home-container .event-section > .container > .left h3 {
  margin-bottom: 20px;
  min-height: 2.4em;
  color: #555;
}
.home-container .news-section > .container > .left .slick-dots, .home-container .program-section > .container > .left .slick-dots, .home-container .event-section > .container > .left .slick-dots {
  left: 35%;
  width: auto;
  margin: auto;
  bottom: 0px;
}
.home-container .news-section > .container > .left .slick-dots > li:first-child, .home-container .program-section > .container > .left .slick-dots > li:first-child, .home-container .event-section > .container > .left .slick-dots > li:first-child {
  margin-left: 25px;
}
.home-container .news-section > .container > .left .slide-container .btn-input, .home-container .program-section > .container > .left .slide-container .btn-input, .home-container .event-section > .container > .left .slide-container .btn-input {
  right: 20px;
}
.home-container .news-section > .container > .right, .home-container .program-section > .container > .right, .home-container .event-section > .container > .right {
  width: 35%;
  background-repeat: repeat-y;
  background-position: left center;
  position: relative;
}
.home-container .news-section > .container > .right > h2, .home-container .news-section > .container > .right > div, .home-container .program-section > .container > .right > h2, .home-container .program-section > .container > .right > div, .home-container .event-section > .container > .right > h2, .home-container .event-section > .container > .right > div {
  margin: 0 0 25px 20px;
}
.home-container .news-section > .container > .right .slide-container, .home-container .program-section > .container > .right .slide-container, .home-container .event-section > .container > .right .slide-container {
  height: 307px;
}
.home-container .news-section > .container > .right h3,
.home-container .news-section > .container > .right h3 > a, .home-container .program-section > .container > .right h3,
.home-container .program-section > .container > .right h3 > a, .home-container .event-section > .container > .right h3,
.home-container .event-section > .container > .right h3 > a {
  display: block;
  overflow: hidden;
  height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-container .news-section > .container > .right .content, .home-container .program-section > .container > .right .content, .home-container .event-section > .container > .right .content {
  max-height: 63px;
  overflow: hidden;
  margin-bottom: 15px;
}
.home-container .news-section > .container > .right .slick-dots, .home-container .program-section > .container > .right .slick-dots, .home-container .event-section > .container > .right .slick-dots {
  left: 0;
  width: auto;
  margin: auto;
  bottom: 0;
}
.home-container .news-section > .container > .right .slick-dots li, .home-container .program-section > .container > .right .slick-dots li, .home-container .event-section > .container > .right .slick-dots li {
  float: left;
}
.home-container .news-section > .container .slick-dots, .home-container .program-section > .container .slick-dots, .home-container .event-section > .container .slick-dots {
  height: 22px;
}
@media only screen and (max-width: 991px) {
  .home-container .news-section > .container, .home-container .program-section > .container, .home-container .event-section > .container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .home-container .news-section > .container > .left, .home-container .news-section > .container > .right, .home-container .program-section > .container > .left, .home-container .program-section > .container > .right, .home-container .event-section > .container > .left, .home-container .event-section > .container > .right {
    float: none;
    width: 100%;
    background-image: none;
  }
  .home-container .news-section > .container > .left .slick-prev, .home-container .news-section > .container > .left .slick-next, .home-container .news-section > .container > .right .slick-prev, .home-container .news-section > .container > .right .slick-next, .home-container .program-section > .container > .left .slick-prev, .home-container .program-section > .container > .left .slick-next, .home-container .program-section > .container > .right .slick-prev, .home-container .program-section > .container > .right .slick-next, .home-container .event-section > .container > .left .slick-prev, .home-container .event-section > .container > .left .slick-next, .home-container .event-section > .container > .right .slick-prev, .home-container .event-section > .container > .right .slick-next {
    top: 50%;
    margin-top: -19px;
  }
  .home-container .news-section > .container > .left .slick-prev, .home-container .news-section > .container > .right .slick-prev, .home-container .program-section > .container > .left .slick-prev, .home-container .program-section > .container > .right .slick-prev, .home-container .event-section > .container > .left .slick-prev, .home-container .event-section > .container > .right .slick-prev {
    left: -40px;
    background-position: left top;
  }
  .home-container .news-section > .container > .left .slick-prev:hover, .home-container .news-section > .container > .right .slick-prev:hover, .home-container .program-section > .container > .left .slick-prev:hover, .home-container .program-section > .container > .right .slick-prev:hover, .home-container .event-section > .container > .left .slick-prev:hover, .home-container .event-section > .container > .right .slick-prev:hover {
    background-position: left bottom;
  }
  .home-container .news-section > .container > .left .slick-next, .home-container .news-section > .container > .right .slick-next, .home-container .program-section > .container > .left .slick-next, .home-container .program-section > .container > .right .slick-next, .home-container .event-section > .container > .left .slick-next, .home-container .event-section > .container > .right .slick-next {
    right: -40px;
    background-position: right top;
  }
  .home-container .news-section > .container > .left .slick-next:hover, .home-container .news-section > .container > .right .slick-next:hover, .home-container .program-section > .container > .left .slick-next:hover, .home-container .program-section > .container > .right .slick-next:hover, .home-container .event-section > .container > .left .slick-next:hover, .home-container .event-section > .container > .right .slick-next:hover {
    background-position: right bottom;
  }
  .home-container .news-section > .container > .left, .home-container .program-section > .container > .left, .home-container .event-section > .container > .left {
    padding: 25px 0;
  }
  .home-container .news-section > .container > .left .slide-container, .home-container .program-section > .container > .left .slide-container, .home-container .event-section > .container > .left .slide-container {
    height: auto;
  }
  .home-container .news-section > .container > .left .left, .home-container .program-section > .container > .left .left, .home-container .event-section > .container > .left .left {
    width: 60%;
  }
  .home-container .news-section > .container > .left .right, .home-container .program-section > .container > .left .right, .home-container .event-section > .container > .left .right {
    width: 40%;
  }
  .home-container .news-section > .container > .right, .home-container .program-section > .container > .right, .home-container .event-section > .container > .right {
    border-top: 1px solid #ddd;
  }
  .home-container .news-section > .container > .right .slide-container, .home-container .program-section > .container > .right .slide-container, .home-container .event-section > .container > .right .slide-container {
    height: auto;
  }
  .home-container .news-section > .container > .right .info-list, .home-container .program-section > .container > .right .info-list, .home-container .event-section > .container > .right .info-list {
    display: none;
  }
  .home-container .news-section > .container > .right .info-list span.title, .home-container .program-section > .container > .right .info-list span.title, .home-container .event-section > .container > .right .info-list span.title {
    padding-right: 15px;
  }
  .home-container .news-section > .container > .right .info-list span.info, .home-container .news-section > .container > .right .info-list span.title, .home-container .program-section > .container > .right .info-list span.info, .home-container .program-section > .container > .right .info-list span.title, .home-container .event-section > .container > .right .info-list span.info, .home-container .event-section > .container > .right .info-list span.title {
    float: none;
    display: inline-block;
    width: auto;
  }
  .home-container .news-section > .container > .right .content, .home-container .program-section > .container > .right .content, .home-container .event-section > .container > .right .content {
    margin-bottom: 24px;
  }
  .home-container .news-section > .container > .right h2, .home-container .news-section > .container > .right > div, .home-container .program-section > .container > .right h2, .home-container .program-section > .container > .right > div, .home-container .event-section > .container > .right h2, .home-container .event-section > .container > .right > div {
    margin: 20px 55px;
  }
  .home-container .news-section > .container > .right h2, .home-container .news-section > .container > .right h3, .home-container .news-section > .container > .right .content, .home-container .news-section > .container > .right .date, .home-container .news-section > .container > .right > div, .home-container .program-section > .container > .right h2, .home-container .program-section > .container > .right h3, .home-container .program-section > .container > .right .content, .home-container .program-section > .container > .right .date, .home-container .program-section > .container > .right > div, .home-container .event-section > .container > .right h2, .home-container .event-section > .container > .right h3, .home-container .event-section > .container > .right .content, .home-container .event-section > .container > .right .date, .home-container .event-section > .container > .right > div {
    text-align: center;
  }
  .home-container .news-section > .container > .right h3,
  .home-container .news-section > .container > .right h3 > a, .home-container .program-section > .container > .right h3,
  .home-container .program-section > .container > .right h3 > a, .home-container .event-section > .container > .right h3,
  .home-container .event-section > .container > .right h3 > a {
    overflow: visible;
    height: auto;
    white-space: normal;
    text-overflow: ellipsis;
  }
  .home-container .news-section > .container > .right .slick-prev, .home-container .news-section > .container > .right .slick-next, .home-container .program-section > .container > .right .slick-prev, .home-container .program-section > .container > .right .slick-next, .home-container .event-section > .container > .right .slick-prev, .home-container .event-section > .container > .right .slick-next {
    margin-top: -41px;
  }
  .home-container .news-section > .container > .right .slick-dots, .home-container .program-section > .container > .right .slick-dots, .home-container .event-section > .container > .right .slick-dots {
    left: 0;
    top: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .home-container .news-section > .container > .left, .home-container .program-section > .container > .left, .home-container .event-section > .container > .left {
    height: auto;
    padding: 0;
  }
  .home-container .news-section > .container > .left > div, .home-container .program-section > .container > .left > div, .home-container .event-section > .container > .left > div {
    margin: 20px 55px;
  }
  .home-container .news-section > .container > .left .left, .home-container .program-section > .container > .left .left, .home-container .event-section > .container > .left .left {
    display: none;
  }
  .home-container .news-section > .container > .left .right, .home-container .program-section > .container > .left .right, .home-container .event-section > .container > .left .right {
    width: 100%;
    height: auto;
  }
  .home-container .news-section > .container > .left .right > div, .home-container .program-section > .container > .left .right > div, .home-container .event-section > .container > .left .right > div {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .home-container .news-section > .container > .left h2, .home-container .program-section > .container > .left h2, .home-container .event-section > .container > .left h2 {
    margin: 20px 0;
  }
  .home-container .news-section > .container > .left hr, .home-container .program-section > .container > .left hr, .home-container .event-section > .container > .left hr {
    display: block;
  }
  .home-container .news-section > .container > .left h2, .home-container .news-section > .container > .left h3, .home-container .news-section > .container > .left .content, .home-container .news-section > .container > .left .date, .home-container .news-section > .container > .left > div, .home-container .program-section > .container > .left h2, .home-container .program-section > .container > .left h3, .home-container .program-section > .container > .left .content, .home-container .program-section > .container > .left .date, .home-container .program-section > .container > .left > div, .home-container .event-section > .container > .left h2, .home-container .event-section > .container > .left h3, .home-container .event-section > .container > .left .content, .home-container .event-section > .container > .left .date, .home-container .event-section > .container > .left > div {
    text-align: center;
  }
  .home-container .news-section > .container > .left .slick-prev, .home-container .news-section > .container > .left .slick-next, .home-container .program-section > .container > .left .slick-prev, .home-container .program-section > .container > .left .slick-next, .home-container .event-section > .container > .left .slick-prev, .home-container .event-section > .container > .left .slick-next {
    visibility: visible;
  }
  .home-container .news-section > .container > .left .slick-dots, .home-container .program-section > .container > .left .slick-dots, .home-container .event-section > .container > .left .slick-dots {
    left: 0;
    top: inherit;
  }
  .home-container .news-section > .container > .left .slick-dots li:first-child, .home-container .program-section > .container > .left .slick-dots li:first-child, .home-container .event-section > .container > .left .slick-dots li:first-child {
    margin-left: 0;
  }
  .home-container .news-section > .container > .left .slide-container .btn-input, .home-container .program-section > .container > .left .slide-container .btn-input, .home-container .event-section > .container > .left .slide-container .btn-input {
    right: 0;
  }
}
@media only screen and (max-width: 480px) {
  .home-container .news-section > .container > .left .right > div, .home-container .program-section > .container > .left .right > div, .home-container .event-section > .container > .left .right > div {
    margin-bottom: 0;
  }
  .home-container .news-section > .container > .left hr, .home-container .news-section > .container > .left .content, .home-container .news-section > .container > .left .info-list, .home-container .news-section > .container > .right hr, .home-container .news-section > .container > .right .content, .home-container .news-section > .container > .right .info-list, .home-container .program-section > .container > .left hr, .home-container .program-section > .container > .left .content, .home-container .program-section > .container > .left .info-list, .home-container .program-section > .container > .right hr, .home-container .program-section > .container > .right .content, .home-container .program-section > .container > .right .info-list, .home-container .event-section > .container > .left hr, .home-container .event-section > .container > .left .content, .home-container .event-section > .container > .left .info-list, .home-container .event-section > .container > .right hr, .home-container .event-section > .container > .right .content, .home-container .event-section > .container > .right .info-list {
    display: none;
  }
  .home-container .news-section > .container > .left h3, .home-container .news-section > .container > .right h3, .home-container .program-section > .container > .left h3, .home-container .program-section > .container > .right h3, .home-container .event-section > .container > .left h3, .home-container .event-section > .container > .right h3 {
    margin: 0;
  }
  .home-container .news-section > .container > .left .slick-dots, .home-container .news-section > .container > .left .btn-input, .home-container .news-section > .container > .right .slick-dots, .home-container .news-section > .container > .right .btn-input, .home-container .program-section > .container > .left .slick-dots, .home-container .program-section > .container > .left .btn-input, .home-container .program-section > .container > .right .slick-dots, .home-container .program-section > .container > .right .btn-input, .home-container .event-section > .container > .left .slick-dots, .home-container .event-section > .container > .left .btn-input, .home-container .event-section > .container > .right .slick-dots, .home-container .event-section > .container > .right .btn-input {
    position: static;
    margin: 15px auto;
    display: block;
  }
  .home-container .news-section > .container > .left .slick-dots li, .home-container .news-section > .container > .right .slick-dots li, .home-container .program-section > .container > .left .slick-dots li, .home-container .program-section > .container > .right .slick-dots li, .home-container .event-section > .container > .left .slick-dots li, .home-container .event-section > .container > .right .slick-dots li {
    float: none;
    overflow: hidden;
  }
  .home-container .news-section > .container > .left > div, .home-container .program-section > .container > .left > div, .home-container .event-section > .container > .left > div {
    margin: 20px 40px;
  }
  .home-container .news-section > .container > .right h2, .home-container .news-section > .container > .right > div, .home-container .program-section > .container > .right h2, .home-container .program-section > .container > .right > div, .home-container .event-section > .container > .right h2, .home-container .event-section > .container > .right > div {
    margin: 20px 40px;
  }
}
.home-container .news-section > .container .btn-input, .home-container .program-section > .container .btn-input, .home-container .event-section > .container .btn-input {
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 991px) {
  .home-container .news-section > .container .btn-input, .home-container .program-section > .container .btn-input, .home-container .event-section > .container .btn-input {
    position: relative;
    bottom: auto;
  }
}
.home-container .news-section .left, .home-container .program-section .left, .home-container .event-section .left {
  width: 35%;
  overflow: hidden;
}
.home-container .news-section .left > .slide-container, .home-container .program-section .left > .slide-container, .home-container .event-section .left > .slide-container {
  margin: 35px 0;
}
.home-container .news-section .right, .home-container .program-section .right, .home-container .event-section .right {
  width: 65%;
}
.home-container .news-section .right .info-list, .home-container .program-section .right .info-list, .home-container .event-section .right .info-list {
  margin-bottom: 24px;
}
.home-container .news-section .right .info-list > div, .home-container .program-section .right .info-list > div, .home-container .event-section .right .info-list > div {
  margin-bottom: 5px;
  overflow: hidden;
}
.home-container .news-section .right .info-list span, .home-container .program-section .right .info-list span, .home-container .event-section .right .info-list span {
  color: #1d3c72;
  float: left;
}
.home-container .news-section .right .info-list span.title, .home-container .program-section .right .info-list span.title, .home-container .event-section .right .info-list span.title {
  width: 20%;
}
.home-container .news-section .right .info-list span.info, .home-container .program-section .right .info-list span.info, .home-container .event-section .right .info-list span.info {
  width: 80%;
}
@media only screen and (max-width: 991px) {
  .home-container .news-section, .home-container .program-section, .home-container .event-section {
    background-image: url(../img/home/home-bg-left-mobile-version.jpg);
    background-repeat: repeat-y;
    position: relative;
  }
  .home-container .news-section:after, .home-container .program-section:after, .home-container .event-section:after {
    content: "";
    display: block;
    background-image: url(../img/home/home-bg-right-mobile-version.jpg);
    background-repeat: repeat-y;
    position: absolute;
    height: 100%;
    width: 50px;
    right: 0;
    top: 0;
  }
}
.home-container .news-section > .container > .left .image > a > img {
  max-width: none;
  width: 100%;
  height: auto;
}
.home-container .news-section > .container > .left h3 {
  margin-bottom: 50px;
}
.home-container .news-section > .container > .left .slide-container {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .home-container .news-section > .container > .left .slide-container {
    margin-bottom: 25px;
  }
}
.home-container .news-section > .container > .left .slide-container .btn-input {
  right: auto;
}
.home-container .program-section > .container > .left {
  width: 35%;
}
@media only screen and (max-width: 991px) {
  .home-container .program-section > .container > .left {
    width: 100%;
  }
}
.home-container .program-section > .container > .right {
  width: 65%;
}
@media only screen and (max-width: 991px) {
  .home-container .program-section > .container > .right {
    width: 100%;
  }
}
.home-container .event-section > .container .slick-prev, .home-container .event-section > .container .slick-next {
  visibility: hidden;
}
@media only screen and (max-width: 991px) {
  .home-container .event-section > .container > .left .btn-input {
    right: 55px;
  }
}
.home-container .event-section > .container > .left h2 {
  margin-bottom: 35px;
}
.home-container .event-section > .container > .left .slide-container, .home-container .event-section > .container > .left .slick-list, .home-container .event-section > .container > .left .slick-track, .home-container .event-section > .container > .left .slick-slide {
  height: 100%;
}
.home-container .event-section > .container > .left .slick-list {
  margin: 0;
}
.home-container .event-section > .container > .left .slick-slide {
  padding: 0;
}
.home-container .event-section > .container > .right > h2, .home-container .event-section > .container > .right > div {
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  .home-container .event-section > .container > .right > h2, .home-container .event-section > .container > .right > div {
    margin-top: 20px;
  }
}
.home-container .event-section > .container > .right .slide-container .btn-input {
  position: absolute;
  bottom: 0;
  right: 0;
}
.home-container .event-section > .container .title {
  color: #555;
  font-size: 20px;
}
.home-container .event-section > .container .description {
  color: #e1ad22;
}
.home-container .statistic-section {
  height: 273px;
  background-color: #0d2142;
  overflow: hidden;
}
.home-container .statistic-section > .statistic-block {
  margin: auto;
  max-width: 1904px;
  height: 273px;
  position: relative;
}
.home-container .statistic-section i.alumni_x65 {
  width: 65px;
  height: 65px;
  background-position: center -128px;
  background-image: url("../img/icon/alumni-icon.png");
}
.home-container .statistic-section i.department_x65 {
  width: 65px;
  height: 65px;
  background-position: center -128px;
  background-image: url("../img/icon/dept-icon.png");
}
.home-container .statistic-section i.research-center_x65 {
  width: 65px;
  height: 65px;
  background-position: center -128px;
  background-image: url("../img/icon/research-icon.png");
}
.home-container .statistic-section i.undergraduates_x65 {
  width: 65px;
  height: 65px;
  background-position: center -128px;
  background-image: url("../img/icon/pen-icon.png");
}
.home-container .statistic-section i.postgraduates_x65 {
  width: 65px;
  height: 65px;
  background-position: center -128px;
  background-image: url("../img/icon/hat-icon.png");
}
.home-container .statistic-section i.faculty_x65 {
  width: 65px;
  height: 65px;
  background-position: center -128px;
  background-image: url("../img/icon/faculty-icon.png");
}
.home-container .statistic-section i.exchange-undergraduate_x65 {
  width: 65px;
  height: 65px;
  background-position: center -128px;
  background-image: url("../img/icon/globe-icon.png");
}
.home-container .statistic-section i.exchange-postgraduate_x65 {
  width: 65px;
  height: 65px;
  background-position: center -128px;
  background-image: url("../img/icon/people-icon.png");
}
.home-container .statistic-section ul {
  min-width: 1904px;
  max-width: 1904px;
  height: 100%;
  color: #fff;
  text-align: center;
  position: absolute;
  width: 100%;
}
.home-container .statistic-section ul i {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.home-container .statistic-section ul i.department_x65, .home-container .statistic-section ul i.research-center_x65 {
  background-repeat: no-repeat;
  height: 65px;
  margin-top: 25px;
  width: 100%;
}
.home-container .statistic-section ul i.faculty_x65 {
  background-repeat: no-repeat;
  height: 65px;
  margin-top: 25px;
  width: 100%;
}
.home-container .statistic-section ul > li {
  background-position: center;
  position: relative;
  height: 273px;
  float: left;
  width: 20%;
}
.home-container .statistic-section ul > li .img-block {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.home-container .statistic-section ul > li .img-block img {
  width: 100%;
}
@media (max-width: 1599px) {
  .home-container .statistic-section ul > li {
    height: 273px;
  }
}
.home-container .statistic-section ul > li > *,
.home-container .statistic-section ul > li > a > * {
  position: relative;
}
.home-container .statistic-section ul > li > a span {
  display: block;
  color: #fff;
}
.home-container .statistic-section ul > li > img.background {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
}
.home-container .statistic-section .arrow {
  position: absolute;
  top: 50%;
  width: 35px;
  height: 70px;
  margin-top: -35px;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  display: none;
}
@media (max-width: 1903px) {
  .home-container .statistic-section .arrow {
    display: block;
  }
}
.home-container .statistic-section .arrow:hover {
  background-position-y: -70px;
}
.home-container .statistic-section .arrow.left {
  display: none;
  left: 20px;
  background-image: url("../img/btn-prev.png");
}
.home-container .statistic-section .arrow.right {
  right: 20px;
  background-image: url("../img/btn-next.png");
}
.home-container .statistic-section:hover .arrow {
  transition: opacity 0.5s;
  opacity: 1;
}
.home-container .statistic-section .programs .col-xs-4 {
  float: left;
  width: 33.33333333%;
}
.home-container .statistic-section .programs .col-xs-8 {
  float: left;
  width: 66.66666667%;
}
.home-container .statistic-section .faculty .col-xs-4 {
  float: left;
  width: 33.33333333%;
}
.home-container .statistic-section .faculty .col-xs-8 {
  float: left;
  width: 66.66666667%;
}
.home-container .statistic-section .statistic-card .col-xs-6 {
  float: left;
  width: 50%;
}
.home-container .statistic-section .statistic-card .col-xs-4, .home-container .statistic-section .statistic-card .col-xs-8 {
  height: 100px;
  margin-top: 36px;
}
.home-container .statistic-section .statistic-card .title {
  font-size: 24px;
  padding-top: 20px;
}
.home-container .statistic-section .statistic-card .unit {
  font-size: 16px;
}
.home-container .statistic-section .statistic-card i + .counter {
  margin-top: -5px;
}
.home-container .statistic-section .statistic-card .counter {
  display: inline-block;
  font-size: 70px;
  line-height: 70px;
  margin-bottom: 5px;
  color: white;
  width: 100%;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.home-container .statistic-section .programs.statistic-card .title, .home-container .statistic-section .faculty.statistic-card .title {
  margin-bottom: 8px;
}
.home-container .statistic-section .statistic-card .counter.large {
  font-size: 100px;
  line-height: 100px;
}
.home-container .statistic-section .faculty.statistic-card .counter.large {
  text-align: left;
}
.home-container .statistic-section .shortcut-block {
  cursor: pointer;
  height: 273px;
  display: none;
  background-image: url("../img/home/tablet-fast-fact-bg.png");
  background-position: center center;
}
.home-container .statistic-section .shortcut-block h1, .home-container .statistic-section .shortcut-block div, .home-container .statistic-section .shortcut-block p, .home-container .statistic-section .shortcut-block hr {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 15px;
  color: #fff;
}
.home-container .statistic-section .shortcut-block > div {
  padding: 25px 0 10px 0;
  margin-bottom: 0;
}
.home-container .statistic-section .shortcut-block a {
  color: #fff;
}
.home-container .statistic-section .shortcut-block hr {
  max-width: 85px;
  border-top: 1px solid #fff;
}
.home-container .statistic-section .shortcut-block h1 {
  margin-top: 5px;
}
.home-container .statistic-section .shortcut-block i {
  display: inline-block;
}
.home-container .statistic-section .shortcut-block i + i {
  margin-left: 20px;
}
@media only screen and (max-width: 991px) {
  .home-container .statistic-section ul {
    min-width: 1134px;
  }
  .home-container .statistic-section ul > li {
    width: 33.33%;
  }
}
@media only screen and (max-width: 767px) {
  .home-container .statistic-section > div {
    display: none;
  }
  .home-container .statistic-section .shortcut-block {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .home-container .statistic-section {
    height: auto;
  }
  .home-container .statistic-section .shortcut-block {
    height: auto;
  }
  .home-container .statistic-section .shortcut-block > div {
    padding-bottom: 25px;
  }
  .home-container .statistic-section .shortcut-block div > i {
    display: none;
  }
}
.home-container .more-about-ust-section {
  height: 550px;
  overflow: hidden;
}
.home-container .more-about-ust-section h2 {
  text-align: center;
  padding-top: 90px;
  color: #fff;
}
.home-container .more-about-ust-section .slide-container .slick-list {
  padding: 50px 0;
}
.home-container .more-about-ust-section .slide-container .slick-slide {
  transition: transform 1.1s, opacity 1.1s;
  transition-delay: 0.1s;
  transform: translateY(40px) translateZ(0);
  opacity: 0;
  filter: alpha(opacity=0);
}
.home-container .more-about-ust-section .slide-container .slick-slide + div {
  transition-delay: 0.3s;
}
.home-container .more-about-ust-section .slide-container .slick-slide + div + div {
  transition-delay: 0.5s;
}
.home-container .more-about-ust-section .slide-container .fadeIn-Up {
  transform: translateY(0) translateZ(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
.home-container .more-about-ust-section .slide-container .cover {
  border: 1px solid #fff;
  width: 347px;
  background: #fff;
  margin: auto;
  position: relative;
}
.home-container .more-about-ust-section .slide-container .cover:hover .overlay {
  background: rgba(0, 0, 0, 0.4);
  display: block;
}
.home-container .more-about-ust-section .slide-container .cover .overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: #fff;
  text-align: center;
}
.home-container .more-about-ust-section .slide-container .cover .overlay i {
  display: block;
  margin: auto;
}
.home-container .more-about-ust-section .slide-container .cover .overlay:hover {
  color: #fff;
}
.home-container .more-about-ust-section .slide-container .cover .overlay > span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -32px;
  text-align: center;
}
.home-container .more-about-ust-section .slide-container .cover .overlay > span > span {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 50px;
}
@media only screen and (max-width: 991px) {
  .home-container .more-about-ust-section .slick-prev {
    left: 15px;
  }
  .home-container .more-about-ust-section .slick-next {
    right: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .home-container .more-about-ust-section .slide-container .cover {
    width: 308px;
    height: auto;
  }
  .home-container .more-about-ust-section .slide-container .cover img {
    width: 100%;
  }
}

@media only screen and (max-width: 1289px) {
  .home-container .slideshow-section .slick-prev,
  .home-container .more-about-ust-section .slick-prev {
    left: 15px;
  }
  .home-container .slideshow-section .slick-next,
  .home-container .more-about-ust-section .slick-next {
    right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1210px) {
  .home-container .news-section > .container > .left .left, .home-container .program-section > .container > .left .left, .home-container .event-section > .container > .left .left {
    width: 60%;
  }
  .home-container .news-section > .container > .left .right, .home-container .program-section > .container > .left .right, .home-container .event-section > .container > .left .right {
    width: 40%;
  }
  .home-container .spirit-section .external-link > .container span {
    padding: 0 15px 0 55px;
  }
  .home-container .spirit-section .external-link > .container ul {
    width: calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
  }
  .home-container .spirit-section .external-link > .container ul li + li {
    margin-left: 3px;
  }
  .home-container .spirit-section .external-link > .container a {
    font-size: 15px;
  }
  .home-container .dean-message-section > .container .dean-image {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
  .home-container .statistic-section ul {
    min-width: 1134px;
  }
  .home-container .statistic-section ul > li {
    width: 33.33%;
  }
  .home-container .dean-message-section > .container > div {
    width: 60%;
    margin-left: 0;
    padding-top: 45px;
  }
  .home-container .dean-message-section > .container .dean-image {
    right: -20px;
  }
  .home-container .dean-message-section .left {
    width: 100%;
    margin: 0;
  }
  .home-container .dean-message-section .left h1 {
    margin-bottom: 20px;
  }
  .home-container .dean-message-section .left p {
    margin-bottom: 20px;
  }
  .home-container .dean-message-section .right {
    width: 100%;
    min-height: 0;
  }
  .home-container .dean-message-section .right .message {
    padding: 0;
    margin-bottom: 20px;
  }
  .home-container .dean-message-section .right .message .left-quote {
    top: -105px;
    left: 0;
  }
  .home-container .dean-message-section .right .message .right-quote {
    bottom: -46px;
    right: 15px;
  }
}

body.home .main-outer-container {
  max-width: none;
  margin-bottom: 0;
}
body.home .banner-container {
  display: none;
}

.home-container .event-section > .container > .left .left {
  width: 65%;
}
.home-container .event-section > .container > .left .right {
  width: 35%;
}
@media only screen and (max-width: 767px) {
  .home-container .event-section > .container > .left .right {
    width: 100%;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .home-container .event-section > .container > .left .right {
    padding-bottom: 0px;
  }
}
.home-container .event-section > .container > .left .btn-input {
  right: 10px;
}
@media only screen and (max-width: 991px) {
  .home-container .event-section > .container > .left .btn-input {
    position: absolute;
    right: 40px;
    bottom: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .home-container .event-section > .container > .left .btn-input {
    position: static;
    margin: 15px auto;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .home-container .event-section > .container > .left > div {
    margin: 0;
  }
}

.home-container {
  padding: 0 15px;
  max-width: 1260px;
  margin: 0 auto;
}
.home-container .btn-input.read-more {
  line-height: 20px;
}
@media only screen and (max-width: 991px) {
  .home-container .btn-input.read-more {
    position: relative;
    bottom: auto;
  }
}
.home-container .region-pre-content {
  padding-top: 40px;
}
.home-container .container {
  width: 65%;
  display: inline-block;
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  .home-container .container {
    width: 100%;
    margin: auto;
    padding: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
    border-right: none;
  }
}
.home-container .region-content {
  padding-top: 0px;
  padding-bottom: 40px;
  overflow: hidden;
  max-width: 1260px;
  margin: auto;
}
.home-container .region-content .message-from-the-dean {
  display: table;
  border-bottom: 1px solid #ddd;
  padding-bottom: 40px;
}
.home-container .region-content .message-from-the-dean .col-2 {
  display: table-cell;
}
.home-container .region-content .message-from-the-dean .col-2.left {
  width: 65%;
  padding-right: 15px;
}
@media only screen and (max-width: 767px) {
  .home-container .region-content .message-from-the-dean .col-2.left {
    width: 100%;
    padding-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .home-container .region-content .message-from-the-dean .col-2.dean-img {
    display: block;
    text-align: center;
  }
}
.home-container .region-content .program-snapshot {
  padding-top: 40px;
}
.home-container .region-homepage-sidebar {
  margin-bottom: 40px;
  padding-left: 40px;
  width: 36.2%;
  float: right;
  border-left: 1px solid #ddd;
}
@media only screen and (max-width: 767px) {
  .home-container .region-homepage-sidebar {
    padding-left: 0;
    width: 100%;
    margin: auto;
    float: none;
    border-left: none;
  }
}
.home-container .region-homepage-sidebar .homepage-sidebar-block {
  padding: 0;
  padding-bottom: 40px;
}
.home-container .region-homepage-sidebar .homepage-sidebar-block img {
  max-width: 250px !important;
}
.home-container .region-homepage-sidebar .homepage-sidebar-block p:first-child {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .home-container .region-homepage-sidebar .personal-consultation {
    padding-top: 40px;
  }
}
.home-container .region-homepage-sidebar .personal-consultation, .home-container .region-homepage-sidebar .program-details {
  border-bottom: 1px solid #ddd;
}
.home-container .region-homepage-sidebar .program-details, .home-container .region-homepage-sidebar .admission-requirement {
  padding-top: 40px;
}
.home-container .newsBlock {
  width: 65%;
  border-right: 1px solid #ddd;
  background-repeat: repeat-y;
  background-position: right center;
  position: relative;
}
.home-container .newsBlock h2 {
  margin: 0 0 25px 20px;
}
.home-container .newsBlock .slick-slider {
  margin-bottom: 0;
}
.home-container .newsBlock .slick-list {
  margin: 0 50px;
}
@media only screen and (max-width: 991px) {
  .home-container .newsBlock .slick-list {
    margin: 0;
  }
}
.home-container .newsBlock [class*=block-grid-] .grid__content {
  position: static;
}
@media only screen and (max-width: 991px) {
  .home-container .newsBlock .slick-prev, .home-container .newsBlock .slick-next {
    height: 38px;
    width: 23px;
    top: 10px;
    margin-top: 0;
    background-image: url("../img/arrow-icon.png");
  }
}
.home-container .newsBlock .slick-slide {
  padding: 0 12px;
}
.home-container .newsBlock .slick-slide img {
  height: 100%;
  max-width: 100%;
}
.home-container .newsBlock .right {
  position: relative;
  /*&:before {
      z-index: 5;
      content: " ";
      position: absolute;
      width: 0;
      height: 0;
      border-right: 30px solid #fff;
      border-top: 35px solid transparent;
      border-bottom: 35px solid transparent;
      left: -29px;
      top: 20px;
  }*/
}
.home-container .newsBlock .right > h2, .home-container .newsBlock .right > div {
  margin: 0 20px 35px 20px;
}
.home-container .newsBlock hr {
  display: none;
}
.home-container .newsBlock > h2 {
  margin: 0 20px 25px 0;
}
.home-container .newsBlock > div {
  margin: 0;
}
.home-container .newsBlock h3 {
  padding-top: 10px;
  padding-bottom: 50px;
  min-height: 2.4em;
  color: #555;
  display: inline-block;
}
.home-container .newsBlock .slick-dots {
  left: 35%;
  width: auto;
  margin: auto;
  bottom: 0px;
}
.home-container .newsBlock .slick-dots > li:first-child {
  margin-left: 25px;
}
.home-container .newsBlock .slide-container .btn-input {
  right: 20px;
}
.home-container .newsBlock .btn-input.read-more {
  bottom: 1px;
}
@media only screen and (max-width: 991px) {
  .home-container .newsBlock {
    border-right: 0;
  }
}
.home-container .programBlock {
  width: 65%;
  border-right: 1px solid #ddd;
  background-repeat: repeat-y;
  background-position: right center;
  position: relative;
}
.home-container .programBlock h2, .home-container .programBlock > div {
  margin: 0 20px 25px 0;
}
@media only screen and (max-width: 991px) {
  .home-container .programBlock {
    border-right: 0;
  }
}
.home-container .applyOnlineBlock, .home-container .personalConsultationBlock {
  width: 35%;
  background-repeat: repeat-y;
  background-position: left center;
  position: relative;
}
.home-container .applyOnlineBlock h2, .home-container .applyOnlineBlock > div, .home-container .personalConsultationBlock h2, .home-container .personalConsultationBlock > div {
  margin: 0 0 25px 20px;
}
.home-container .applyOnlineBlock p:first-child, .home-container .personalConsultationBlock p:first-child {
  margin-top: 0;
}
.home-container .applyOnlineBlock p, .home-container .personalConsultationBlock p {
  color: #555;
  line-height: 1.5em;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 14px;
}
@media only screen and (max-width: 991px) {
  .home-container .applyOnlineBlock, .home-container .personalConsultationBlock {
    width: 100%;
  }
}
.home-container .region-post-content {
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  max-width: 1260px;
  width: auto;
  margin: auto;
}
.home-container .region-post-content .testimonialBlock {
  width: 65%;
  border-right: 1px solid #ddd;
  background-repeat: repeat-y;
  background-position: right center;
  position: relative;
  /*h2, h3, .description, .content {
      margin: 0 0 25px 20px;
  }*/
}
.home-container .region-post-content .testimonialBlock img {
  float: left;
}
.home-container .region-post-content .testimonialBlock .description {
  color: #e1ad22;
}
.home-container .region-post-content .testimonialBlock .left {
  width: 65%;
}
.home-container .region-post-content .testimonialBlock .right {
  width: 35%;
}
.home-container .region-post-content .testimonialBlock .right > div {
  margin: 0 20px 35px 20px;
}
.home-container .region-post-content .testimonialBlock .right > div h2 {
  margin-bottom: 35px;
}
.home-container .region-post-content .testimonialBlock .right > div h3 {
  margin-bottom: 20px;
  min-height: 2.4em;
  color: #555;
}
.home-container .region-post-content .testimonialBlock .right > div .description {
  margin: 19px 0;
}
.home-container .region-post-content .testimonialBlock .btn-input {
  right: 20px;
}
@media screen and (max-width: 992px) {
  .home-container .region-post-content .testimonialBlock .btn-input {
    right: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .home-container .region-post-content .testimonialBlock {
    border-right: 0;
  }
}
.home-container .region-post-content .studentProfile {
  width: 35%;
  background-repeat: repeat-y;
  background-position: left center;
  position: relative;
}
.home-container .region-post-content .studentProfile h2, .home-container .region-post-content .studentProfile p {
  margin: 0 0 25px 20px;
}
@media only screen and (max-width: 991px) {
  .home-container .region-content, .home-container .region-pre-content, .home-container .region-post-content {
    padding-bottom: 0px;
  }
  .home-container .region-content > .left, .home-container .region-content > .right, .home-container .region-pre-content > .left, .home-container .region-pre-content > .right, .home-container .region-post-content > .left, .home-container .region-post-content > .right {
    float: none;
    width: 100%;
    background-image: none;
  }
  .home-container .region-content > .left .slick-prev, .home-container .region-content > .left .slick-next, .home-container .region-content > .right .slick-prev, .home-container .region-content > .right .slick-next, .home-container .region-pre-content > .left .slick-prev, .home-container .region-pre-content > .left .slick-next, .home-container .region-pre-content > .right .slick-prev, .home-container .region-pre-content > .right .slick-next, .home-container .region-post-content > .left .slick-prev, .home-container .region-post-content > .left .slick-next, .home-container .region-post-content > .right .slick-prev, .home-container .region-post-content > .right .slick-next {
    top: 50%;
    margin-top: -19px;
  }
  .home-container .region-content > .left .slick-prev, .home-container .region-content > .right .slick-prev, .home-container .region-pre-content > .left .slick-prev, .home-container .region-pre-content > .right .slick-prev, .home-container .region-post-content > .left .slick-prev, .home-container .region-post-content > .right .slick-prev {
    left: -40px;
    background-position: left top;
  }
  .home-container .region-content > .left .slick-prev:hover, .home-container .region-content > .right .slick-prev:hover, .home-container .region-pre-content > .left .slick-prev:hover, .home-container .region-pre-content > .right .slick-prev:hover, .home-container .region-post-content > .left .slick-prev:hover, .home-container .region-post-content > .right .slick-prev:hover {
    background-position: left bottom;
  }
  .home-container .region-content > .left .slick-next, .home-container .region-content > .right .slick-next, .home-container .region-pre-content > .left .slick-next, .home-container .region-pre-content > .right .slick-next, .home-container .region-post-content > .left .slick-next, .home-container .region-post-content > .right .slick-next {
    right: -40px;
    background-position: right top;
  }
  .home-container .region-content > .left .slick-next:hover, .home-container .region-content > .right .slick-next:hover, .home-container .region-pre-content > .left .slick-next:hover, .home-container .region-pre-content > .right .slick-next:hover, .home-container .region-post-content > .left .slick-next:hover, .home-container .region-post-content > .right .slick-next:hover {
    background-position: right bottom;
  }
  .home-container .region-content > .left, .home-container .region-pre-content > .left, .home-container .region-post-content > .left {
    padding: 25px 0;
  }
  .home-container .region-content > .left .slide-container, .home-container .region-pre-content > .left .slide-container, .home-container .region-post-content > .left .slide-container {
    height: auto;
  }
  .home-container .region-content > .left .left, .home-container .region-pre-content > .left .left, .home-container .region-post-content > .left .left {
    width: 60%;
  }
  .home-container .region-content > .left .right, .home-container .region-pre-content > .left .right, .home-container .region-post-content > .left .right {
    width: 40%;
  }
  .home-container .region-content > .left h2, .home-container .region-content > .left > div, .home-container .region-pre-content > .left h2, .home-container .region-pre-content > .left > div, .home-container .region-post-content > .left h2, .home-container .region-post-content > .left > div {
    margin: 20px 55px;
  }
  .home-container .region-content > .left h2, .home-container .region-pre-content > .left h2, .home-container .region-post-content > .left h2 {
    text-align: center;
  }
  .home-container .region-content > .right, .home-container .region-pre-content > .right, .home-container .region-post-content > .right {
    border-top: 1px solid #ddd;
  }
  .home-container .region-content > .right .slide-container, .home-container .region-pre-content > .right .slide-container, .home-container .region-post-content > .right .slide-container {
    height: auto;
  }
  .home-container .region-content > .right .info-list, .home-container .region-pre-content > .right .info-list, .home-container .region-post-content > .right .info-list {
    display: none;
  }
  .home-container .region-content > .right .info-list span.title, .home-container .region-pre-content > .right .info-list span.title, .home-container .region-post-content > .right .info-list span.title {
    padding-right: 15px;
  }
  .home-container .region-content > .right .info-list span.info, .home-container .region-content > .right .info-list span.title, .home-container .region-pre-content > .right .info-list span.info, .home-container .region-pre-content > .right .info-list span.title, .home-container .region-post-content > .right .info-list span.info, .home-container .region-post-content > .right .info-list span.title {
    float: none;
    display: inline-block;
    width: auto;
  }
  .home-container .region-content > .right .content, .home-container .region-pre-content > .right .content, .home-container .region-post-content > .right .content {
    margin-bottom: 24px;
  }
  .home-container .region-content > .right h2, .home-container .region-content > .right > div, .home-container .region-pre-content > .right h2, .home-container .region-pre-content > .right > div, .home-container .region-post-content > .right h2, .home-container .region-post-content > .right > div {
    margin: 20px 55px;
  }
  .home-container .region-content > .right h2, .home-container .region-content > .right h3, .home-container .region-content > .right .content, .home-container .region-content > .right .date, .home-container .region-content > .right > div, .home-container .region-pre-content > .right h2, .home-container .region-pre-content > .right h3, .home-container .region-pre-content > .right .content, .home-container .region-pre-content > .right .date, .home-container .region-pre-content > .right > div, .home-container .region-post-content > .right h2, .home-container .region-post-content > .right h3, .home-container .region-post-content > .right .content, .home-container .region-post-content > .right .date, .home-container .region-post-content > .right > div {
    text-align: center;
  }
  .home-container .region-content > .right table, .home-container .region-pre-content > .right table, .home-container .region-post-content > .right table {
    margin: 0 auto 25px;
  }
  .home-container .region-content > .right h3,
  .home-container .region-content > .right h3 > a, .home-container .region-pre-content > .right h3,
  .home-container .region-pre-content > .right h3 > a, .home-container .region-post-content > .right h3,
  .home-container .region-post-content > .right h3 > a {
    overflow: visible;
    height: auto;
    white-space: normal;
    text-overflow: ellipsis;
  }
  .home-container .region-content > .right .slick-prev, .home-container .region-content > .right .slick-next, .home-container .region-pre-content > .right .slick-prev, .home-container .region-pre-content > .right .slick-next, .home-container .region-post-content > .right .slick-prev, .home-container .region-post-content > .right .slick-next {
    margin-top: -41px;
  }
  .home-container .region-content > .right .slick-dots, .home-container .region-pre-content > .right .slick-dots, .home-container .region-post-content > .right .slick-dots {
    left: 0;
    top: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .home-container .region-content > .left, .home-container .region-pre-content > .left, .home-container .region-post-content > .left {
    height: auto;
    padding: 0;
  }
  .home-container .region-content > .left > div, .home-container .region-pre-content > .left > div, .home-container .region-post-content > .left > div {
    margin: 20px 55px;
  }
  .home-container .region-content > .left .left, .home-container .region-pre-content > .left .left, .home-container .region-post-content > .left .left {
    display: none;
  }
  .home-container .region-content > .left .right, .home-container .region-pre-content > .left .right, .home-container .region-post-content > .left .right {
    width: 100%;
    height: auto;
  }
  .home-container .region-content > .left .right > div, .home-container .region-pre-content > .left .right > div, .home-container .region-post-content > .left .right > div {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .home-container .region-content > .left h2, .home-container .region-pre-content > .left h2, .home-container .region-post-content > .left h2 {
    margin: 20px 0;
  }
  .home-container .region-content > .left hr, .home-container .region-pre-content > .left hr, .home-container .region-post-content > .left hr {
    display: block;
  }
  .home-container .region-content > .left .slick-prev, .home-container .region-content > .left .slick-next, .home-container .region-pre-content > .left .slick-prev, .home-container .region-pre-content > .left .slick-next, .home-container .region-post-content > .left .slick-prev, .home-container .region-post-content > .left .slick-next {
    visibility: visible;
  }
  .home-container .region-content > .left .slick-dots, .home-container .region-pre-content > .left .slick-dots, .home-container .region-post-content > .left .slick-dots {
    left: 0;
    top: inherit;
  }
  .home-container .region-content > .left .slick-dots li:first-child, .home-container .region-pre-content > .left .slick-dots li:first-child, .home-container .region-post-content > .left .slick-dots li:first-child {
    margin-left: 0;
  }
  .home-container .region-content > .left .slide-container .btn-input, .home-container .region-pre-content > .left .slide-container .btn-input, .home-container .region-post-content > .left .slide-container .btn-input {
    right: 0;
  }
}
@media only screen and (max-width: 480px) {
  .home-container .region-content > .left .right > div, .home-container .region-pre-content > .left .right > div, .home-container .region-post-content > .left .right > div {
    margin-bottom: 0;
  }
  .home-container .region-content > .left hr, .home-container .region-content > .left .content, .home-container .region-content > .left .info-list, .home-container .region-content > .right hr, .home-container .region-content > .right .content, .home-container .region-content > .right .info-list, .home-container .region-pre-content > .left hr, .home-container .region-pre-content > .left .content, .home-container .region-pre-content > .left .info-list, .home-container .region-pre-content > .right hr, .home-container .region-pre-content > .right .content, .home-container .region-pre-content > .right .info-list, .home-container .region-post-content > .left hr, .home-container .region-post-content > .left .content, .home-container .region-post-content > .left .info-list, .home-container .region-post-content > .right hr, .home-container .region-post-content > .right .content, .home-container .region-post-content > .right .info-list {
    display: none;
  }
  .home-container .region-content > .left h3, .home-container .region-content > .right h3, .home-container .region-pre-content > .left h3, .home-container .region-pre-content > .right h3, .home-container .region-post-content > .left h3, .home-container .region-post-content > .right h3 {
    margin: 0;
  }
  .home-container .region-content > .left .slick-dots, .home-container .region-content > .left .btn-input, .home-container .region-content > .right .slick-dots, .home-container .region-content > .right .btn-input, .home-container .region-pre-content > .left .slick-dots, .home-container .region-pre-content > .left .btn-input, .home-container .region-pre-content > .right .slick-dots, .home-container .region-pre-content > .right .btn-input, .home-container .region-post-content > .left .slick-dots, .home-container .region-post-content > .left .btn-input, .home-container .region-post-content > .right .slick-dots, .home-container .region-post-content > .right .btn-input {
    position: static;
    margin: 15px auto;
    display: block;
  }
  .home-container .region-content > .left .slick-dots li, .home-container .region-content > .right .slick-dots li, .home-container .region-pre-content > .left .slick-dots li, .home-container .region-pre-content > .right .slick-dots li, .home-container .region-post-content > .left .slick-dots li, .home-container .region-post-content > .right .slick-dots li {
    float: none;
    overflow: hidden;
  }
  .home-container .region-content > .left > div, .home-container .region-pre-content > .left > div, .home-container .region-post-content > .left > div {
    margin: 20px 40px;
  }
  .home-container .region-content > .right h2, .home-container .region-content > .right > div, .home-container .region-pre-content > .right h2, .home-container .region-pre-content > .right > div, .home-container .region-post-content > .right h2, .home-container .region-post-content > .right > div {
    margin: 20px 40px;
  }
}

.btn-input > a {
  color: inherit;
}
.btn-input.read-more, .btn-input.read-more2 {
  color: #e1ad22;
}
.btn-input.read-more:before, .btn-input.read-more2:before {
  content: "";
  background-image: url(../img/icon/read-more-orange.png);
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  margin-top: -4px;
}
.btn-input.read-more {
  color: #e1ad22;
}
.btn-input.read-more:before {
  content: "";
  background-image: url(../img/icon/read-more-orange.png);
  background-position: center;
  background-size: 18px;
}
.btn-input.read-more:hover {
  color: #1d3c72;
}
.btn-input.read-more:hover:before {
  background-image: url(../img/icon/read-more-dark-blue.png);
}
.btn-input.read-more.gray-white {
  color: #fff;
}
.btn-input.read-more.gray-white:before {
  background-position: center;
}
.btn-input.read-more.gray-white:hover {
  color: #ddd;
}
.btn-input.read-more input {
  color: inherit;
}

.page-footer {
  font-size: 12px;
}
.page-footer .region-footer-top {
  background-color: #003366;
  min-height: 260px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-top {
    height: 100%;
  }
}
.page-footer .region-footer-top .horizontal-center {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block {
  position: relative;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu {
  float: left;
  position: relative;
  width: 42%;
  /* height: $section-1-height; */
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu {
    width: 100%;
    float: none;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper {
    margin-top: 0px;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper .footer-menulist {
  padding-left: 0px;
  overflow: hidden;
  float: left;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper .footer-menulist {
    margin-top: 0px;
    margin-bottom: 0px;
    float: none;
    width: 100%;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper .footer-menulist li {
  width: 110px;
  white-space: nowrap;
  text-transform: uppercase;
  line-height: 4em;
  border-top: 1px solid #555;
  list-style-type: none;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper .footer-menulist li:first-of-type {
  border-top: none;
}
@media only screen and (max-width: 767px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper .footer-menulist li {
    width: 50%;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper .footer-menulist li a {
  color: #aa8e2d;
  font-size: 1.167em;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper .footer-menulist li a:hover {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper .footer-menulist:last-of-type li:first-of-type {
    border-top: 1px solid #555;
  }
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-menu .footer-menu-wrapper .footer-menulist li:last-of-type {
    border-bottom: none;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .vertical-line {
  float: left;
  width: 6%;
  height: 260px;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .vertical-line {
    width: 0%;
    display: none;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .vertical-line img {
  height: 90%;
  width: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
  margin-left: 20px;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .horizontal-line {
  display: none;
  float: left;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .horizontal-line {
    display: block;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .horizontal-line img {
  width: 100%;
  height: 2px;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info {
  width: 52%;
  right: 0;
  position: absolute;
  height: 260px;
  color: #777;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info {
    width: 100%;
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info {
    display: none;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail {
  width: 50%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: 0px;
  margin-top: 5%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail {
    width: 55%;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail p {
  color: #777;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .image-block img {
  max-width: 100%;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-address {
  margin-top: 20px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-address {
    margin-bottom: 0;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-address p {
  margin-bottom: 0;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-fax, .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-phone, .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-email {
  float: left;
  margin-top: 16px;
  margin-right: 15px;
  height: 22px;
  line-height: 22px;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-fax:before, .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-phone:before, .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-email:before {
  content: "";
  width: 34px;
  height: 34px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: url(../img/footer/footer-icon-phone.png);
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-phone img {
  margin-right: 10px;
  width: 21px;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-phone:before {
  background: url(../img/footer/footer-icon-phone.png);
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-fax img {
  margin-right: 10px;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-fax:before {
  background: url(../img/footer/footer-icon-fax.png);
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-email img {
  margin-right: 10px;
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-detail .footer-email:before {
  background: url(../img/footer/footer-icon-email.png);
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-image {
  width: 50%;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
@media only screen and (max-width: 1199px) {
  .page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-image {
    width: 45%;
  }
}
.page-footer .region-footer-top .horizontal-center .footer-menu-block .footer-info .footer-info-image .image-block img {
  max-width: 100%;
  float: right;
}
.page-footer .region-footer-bottom {
  font-family: Arial, "Microsoft JhengHei", sans-serif;
  font-size: 14px;
  width: 100%;
  color: #fff;
  background-color: #003366;
  overflow: hidden;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom {
    padding-bottom: 9px;
    text-align: center;
  }
}
.page-footer .region-footer-bottom a, .page-footer .region-footer-bottom a:hover {
  text-decoration: none;
}
.page-footer .region-footer-bottom img {
  max-width: 100%;
  height: auto;
}
.page-footer .region-footer-bottom .desktop {
  display: block;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .desktop {
    display: none;
  }
}
.page-footer .region-footer-bottom .mobile {
  display: none;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .mobile {
    display: block;
  }
}
.page-footer .region-footer-bottom .content-locator {
  min-height: 80px;
  padding: 18px 0;
  max-width: 1260px;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator {
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator > * {
    float: none;
  }
}
.page-footer .region-footer-bottom .content-locator .site-col {
  float: left;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator .site-col {
    float: none;
  }
}
.page-footer .region-footer-bottom .content-locator .site-col .hkust-logo {
  float: left;
  margin-top: 4px;
  margin-right: 28px;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator .site-col .hkust-logo {
    float: none;
    width: 84px;
    height: 27px;
    margin: 0 auto;
    margin-bottom: 7px;
  }
}
.page-footer .region-footer-bottom .content-locator .site-col .hkust-logo img {
  width: 100%;
}
.page-footer .region-footer-bottom .content-locator .site-col .site-pages {
  float: left;
  color: #fff;
  margin-top: 4px;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator .site-col .site-pages {
    float: none;
    margin: 12px 0;
  }
}
.page-footer .region-footer-bottom .content-locator .site-col .site-pages a {
  color: #fff;
}
.page-footer .region-footer-bottom .content-locator .site-col .site-pages .page {
  float: left;
  margin-right: 20px;
  /*font-weight: bold;*/
  line-height: 27px;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator .site-col .site-pages .page {
    font-size: 12px;
    line-height: 15px;
    margin: 0 15px;
    float: none;
    display: inline-block;
  }
}
.page-footer .region-footer-bottom .content-locator .site-col .site-pages .copyright {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.07px;
}
.page-footer .region-footer-bottom .content-locator .social-share-col {
  float: right;
  color: #fff;
  padding-top: 9px;
  padding-right: 0;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator .social-share-col {
    float: none;
    padding: 0;
    margin-bottom: 18px;
  }
}
.page-footer .region-footer-bottom .content-locator .social-share-col .text {
  float: left;
  font-size: 12px;
  line-height: 15px;
  margin-top: 9px;
  margin-right: 15px;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator .social-share-col .text {
    float: none;
    margin: 0;
    margin-bottom: 7px;
  }
}
.page-footer .region-footer-bottom .content-locator .social-share-col .icon-wrapper {
  float: left;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator .social-share-col .icon-wrapper {
    float: none;
  }
}
.page-footer .region-footer-bottom .content-locator .social-share-col .icon-wrapper > a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}
.page-footer .region-footer-bottom .content-locator .social-share-col .icon-wrapper > a img {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
}
.page-footer .region-footer-bottom .content-locator .social-share-col .e-newsletter-block {
  float: left;
  margin-top: 3px;
  margin-right: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
  .page-footer .region-footer-bottom .content-locator .social-share-col .e-newsletter-block {
    margin-right: 10px;
  }
}
.page-footer .region-footer-bottom .content-locator .social-share-col .e-newsletter-block .enews-form .imageInputWrapper {
  width: 200px;
  background-color: #fff;
  line-height: normal;
  margin: auto;
}
.page-footer .region-footer-bottom .content-locator .social-share-col .e-newsletter-block .enews-form .imageInputWrapper .input-with-img {
  border: none;
  margin: auto;
  font-size: 0.9em;
  padding: 5px 10px;
  width: 170px;
}
.page-footer .region-footer-bottom .content-locator .social-share-col .e-newsletter-block .enews-form .imageInputWrapper .button-img-block {
  width: 22px;
  height: 13px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  top: 5px;
  right: 5px;
  float: right;
}
.page-footer .region-footer-bottom .content-locator .social-share-col .e-newsletter-block .enews-form .imageInputWrapper .button-img-block a img {
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
.page-footer .region-footer-bottom .content-locator .social-share-col .e-newsletter-block .enews-form .imageInputWrapper .button-img-block a:hover img {
  top: -13px;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator .hkust-logo {
    float: none;
    width: 84px;
    height: 27px;
    margin: 0 auto;
    margin-bottom: 7px;
  }
}
.page-footer .region-footer-bottom .content-locator .copyright {
  clear: both;
}
@media only screen and (max-width: 991px) {
  .page-footer .region-footer-bottom .content-locator .copyright {
    float: none;
    font-size: 9px;
    line-height: 11px;
  }
}
.page-footer .region-footer-bottom .content-locator .copyright span {
  display: inline-block;
}
.page-footer .icon-footer-phone {
  width: 34px;
  height: 34px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: url("../img/footer/footer-icon-phone.png");
}
.page-footer .icon-footer-fax {
  width: 34px;
  height: 34px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: url("../img/footer/footer-icon-fax.png");
}
.page-footer .icon-footer-email {
  width: 34px;
  height: 34px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: url("../img/footer/footer-icon-email.png");
}

.block-search {
  display: none;
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 0;
  right: 0;
  transition: margin 0.5s ease;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .block-search {
    background-color: #fff;
  }
  .block-search .logo {
    display: none;
  }
}
.block-search > .container {
  overflow: hidden;
}
.block-search .search-box-wrap {
  overflow: hidden;
}
.block-search .search-box {
  border: 1px solid #ddd;
  padding: 10px;
  margin: 24px 210px 22px 360px;
  transition: padding 0.5s ease, margin 0.5s ease;
  background-color: #ffffff;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .block-search .search-box {
    padding: 15px 10px;
    margin: 22px 0;
  }
}
.block-search .search-box input {
  border: 0;
  box-shadow: none;
}
.block-search input {
  width: 100%;
  box-shadow: none;
  margin: 0;
  padding-right: 147px;
  border: none;
}
.block-search .form-submit {
  width: 24px;
  height: 24px;
  position: absolute;
  padding-right: 0;
  right: 15px;
  z-index: 10;
  top: 50%;
  margin: 0;
  margin-top: -12px;
  cursor: pointer;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../img/icon/search-icon-x24.png);
  text-indent: 99px;
  overflow: hidden;
}
.block-search .form-submit:hover {
  background-position: center -24px;
}
.block-search .search-close {
  cursor: pointer;
  position: absolute;
  right: 50px;
  font-size: 1.667em;
  z-index: 10;
  top: 50%;
  margin: 0;
  margin-top: -14px;
  padding-right: 45px;
  border-right: 1px solid #ddd;
}
.block-search .search-close > i {
  position: absolute;
  display: block;
  background-position: center bottom;
  background-repeat: no-repeat;
  right: 15px;
  top: 2px;
}

.scrolling .region-header .ico-search_x24 {
  margin-top: 13px;
}
.scrolling .block-search .search-box {
  margin-top: 17px;
  margin-right: 166px;
}
@media only screen and (max-width: 991px) {
  .scrolling .block-search .search-box {
    margin-top: 14px;
    margin-right: 0;
  }
}

.region-header {
  position: relative;
}
.region-header .ico-search_x24 {
  transition: margin 0.5s ease;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 26px;
}

.search-result-container .views-field-search-api-excerpt {
  margin: 24px 0;
}
.search-result-container .views-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  margin-top: 24px;
}
.search-result-container .view-header {
  border-bottom: 3px solid #1d3c72;
  margin-bottom: 30px;
  line-height: 2em;
}
.search-result-container .views-exposed-form {
  border: 1px solid #ddd;
  padding: 10px;
  transition: padding 0.5s ease, margin 0.5s ease;
  background-color: #ffffff;
  position: relative;
}
.search-result-container .views-exposed-form label {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.search-result-container .views-exposed-form input[type=text] {
  font-size: 1.5em;
  padding-right: 59px;
  border: 0;
  box-shadow: none;
  width: 100%;
}
.search-result-container .views-exposed-form .form-submit {
  position: absolute;
  right: 15px;
  top: 50%;
  margin: -12px 10px 0 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-image: url(../img/icon/search-icon-x24.png);
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  border: 0;
  text-indent: 99px;
}
.search-result-container .views-exposed-form .form-submit:hover {
  background-position: center -24px;
}

.back-to-top {
  width: 45px;
  height: 53px;
  background: url(../img/top-button.png);
  color: #fff;
  font-size: 12px;
  position: fixed;
  left: 50%;
  bottom: 0;
  margin-left: 600px;
  padding-right: 5px;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.back-to-top.show {
  cursor: pointer;
  opacity: 1;
}
.back-to-top.at-bottom {
  position: absolute;
  bottom: 0;
}
.back-to-top span {
  margin-top: 28px;
  text-align: center;
  display: block;
  color: #fff;
}
.back-to-top:hover {
  background-position: center bottom;
}
.back-to-top:hover span {
  color: #fff;
}
.back-to-top:hover {
  background-position: center bottom;
}
.back-to-top:hover span {
  color: #fff;
}
@media only screen and (max-width: 1300px) {
  .back-to-top {
    left: inherit;
    margin-right: 0;
    right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .back-to-top {
    display: none;
  }
}

body.home .back-to-top {
  margin-left: 630px;
}

body.no-back-to-top .back-to-top {
  display: none !important;
}

.sitemap-container {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .sitemap-container {
    margin-top: 0;
  }
}
.sitemap-container .sitemap a {
  padding-right: 23px;
  display: block;
  position: relative;
}
.sitemap-container .sitemap .ico-external-url {
  position: absolute;
  top: 0;
  right: 0;
}
.sitemap-container .sitemap .sitemap-col, .sitemap-container .sitemap .col {
  float: left;
  width: 50%;
  width: calc(50% - 30px);
  margin-right: 30px;
}
.sitemap-container .sitemap .sitemap-col:last-child, .sitemap-container .sitemap .col:last-child {
  margin-right: 0;
}
.sitemap-container .sitemap .sitemap-col > ul, .sitemap-container .sitemap .col > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sitemap-container .sitemap .sitemap-col > ul > li, .sitemap-container .sitemap .col > ul > li {
  margin-bottom: 0;
  padding-left: 0;
}
.sitemap-container .sitemap .sitemap-col > ul > li:before, .sitemap-container .sitemap .col > ul > li:before {
  display: none;
}
.sitemap-container .sitemap .sitemap-col > ul > li > a, .sitemap-container .sitemap .col > ul > li > a {
  font-size: 24px;
  border-bottom: 2px solid #1d3c72;
  padding: 10px 0;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #333;
  display: block;
  padding: 0;
}
.sitemap-container .sitemap .sitemap-col > ul > li > a > span, .sitemap-container .sitemap .col > ul > li > a > span {
  font-size: 24px;
  border-bottom: 2px solid #1d3c72;
  padding: 8px 0;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #333;
  display: block;
}
.sitemap-container .sitemap .sitemap-col > ul > li > a > span:hover, .sitemap-container .sitemap .col > ul > li > a > span:hover {
  color: #1d3c72;
}
.sitemap-container .sitemap .sitemap-col > ul > li ul, .sitemap-container .sitemap .col > ul > li ul {
  list-style: disc;
  margin: 0;
  padding: 0;
  padding-left: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.sitemap-container .sitemap .sitemap-col > ul > li ul li, .sitemap-container .sitemap .col > ul > li ul li {
  list-style: none;
  margin-bottom: 0;
}
.sitemap-container .sitemap .sitemap-col > ul > li ul li a, .sitemap-container .sitemap .col > ul > li ul li a {
  display: block;
}
.sitemap-container .sitemap .sitemap-col > ul > li ul li a span, .sitemap-container .sitemap .col > ul > li ul li a span {
  color: #555;
  display: inline-block;
}
.sitemap-container .sitemap .sitemap-col > ul > li ul li a span:hover, .sitemap-container .sitemap .col > ul > li ul li a span:hover {
  color: #1d3c72;
}
.sitemap-container .sitemap .sitemap-col > ul > li ul li a:before, .sitemap-container .sitemap .col > ul > li ul li a:before {
  margin-top: 10px;
}
.sitemap-container .sitemap .sitemap-col > ul > li ul li > a:hover span, .sitemap-container .sitemap .col > ul > li ul li > a:hover span {
  color: #1d3c72;
}
.sitemap-container .sitemap .sitemap-col > ul > li ul > li, .sitemap-container .sitemap .col > ul > li ul > li {
  font-size: 14px;
  line-height: 1.8em;
}
.sitemap-container .sitemap .sitemap-col > ul > li > ul > li > a:before, .sitemap-container .sitemap .col > ul > li > ul > li > a:before {
  background-color: #1d3c72;
}
.sitemap-container .sitemap .sitemap-col > ul > li > ul > li > a > span, .sitemap-container .sitemap .col > ul > li > ul > li > a > span {
  color: #1d3c72;
}
.sitemap-container .sitemap .sitemap-col > ul > li > ul > li > a:hover:before, .sitemap-container .sitemap .col > ul > li > ul > li > a:hover:before {
  background-color: #4EA6D6;
}
.sitemap-container .sitemap .sitemap-col > ul > li > ul > li > a:hover span, .sitemap-container .sitemap .col > ul > li > ul > li > a:hover span {
  color: #4EA6D6;
}
.sitemap-container .sitemap .sitemap-col > ul > li > ul > li > a:hover .ico-external-url, .sitemap-container .sitemap .col > ul > li > ul > li > a:hover .ico-external-url {
  background-position: 0 -48px;
}
.sitemap-container .sitemap .sitemap-col > ul > li > ul > li > a.no-content:hover, .sitemap-container .sitemap .col > ul > li > ul > li > a.no-content:hover {
  cursor: default;
}
.sitemap-container .sitemap .sitemap-col > ul > li > ul > li > a.no-content:hover:before, .sitemap-container .sitemap .col > ul > li > ul > li > a.no-content:hover:before {
  background-color: #1d3c72;
}
.sitemap-container .sitemap .sitemap-col > ul > li > ul > li > a.no-content:hover span, .sitemap-container .sitemap .col > ul > li > ul > li > a.no-content:hover span {
  cursor: default;
  color: #1d3c72;
}
.sitemap-container .sitemap .sitemap-col > ul > li > ul > li > a.no-content:hover .ico-external-url, .sitemap-container .sitemap .col > ul > li > ul > li > a.no-content:hover .ico-external-url {
  background-position: 0 -48px;
}
@media only screen and (max-width: 767px) {
  .sitemap-container .sitemap .sitemap-col, .sitemap-container .sitemap .col {
    width: 100%;
    margin-left: 0;
  }
}
.sitemap-container .sitemap nav {
  float: left;
  width: 66.6666%;
}
@media only screen and (max-width: 767px) {
  .sitemap-container .sitemap nav {
    width: 100%;
  }
}
.sitemap-container .sitemap nav:last-child {
  width: 33.3333%;
}
.sitemap-container .sitemap nav:last-child .sitemap-col {
  width: 100%;
}
.sitemap-container:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.white {
  color: #fff;
}

.tablet-show {
  display: none;
}

.mobile-show {
  display: none;
}

.contact {
  margin-top: 24px;
}
.contact a {
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
  width: 100%;
  max-width: 150px;
  display: block;
}

.tab-container {
  background: #fff;
  padding: 30px 50px;
  border: 1px solid #4EA6D6;
  border-top: none;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 100%;
  box-sizing: border-box;
  min-height: 306px;
}
.tab-container.margin-top {
  margin-top: 15px;
}
.tab-container.close-container {
  border-top: 1px solid #4EA6D6;
  background: #fff;
  border-radius: 0%;
}
.tab-container.close-container.no-padding {
  padding: 0 0;
}
.tab-container.close-container.no-padding .full-width {
  padding: 20px;
  width: 100%;
}
.tab-container.close-container.no-padding .left {
  padding: 20px;
  width: 60%;
}
.tab-container.close-container.no-padding .right {
  width: 40%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.tab-container.close-container.no-padding .content {
  margin-top: 0;
}
.tab-container.close-container.no-padding .read-more-wrap {
  position: absolute;
  bottom: 30px;
}
.tab-container.close.margin-bottom {
  margin-bottom: 15px;
}
.tab-container.gray {
  border-color: #ddd;
}
.tab-container .cover-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
}
.tab-container .faculty-name {
  font-size: 20px;
  color: #555;
  text-align: left;
  line-height: 1.2em;
}
.tab-container .faculty-title {
  margin-bottom: 24px;
}
.tab-container .date {
  display: block;
  margin-bottom: 5px !important;
  color: #555;
}
.tab-container .title {
  display: block;
  font-size: 20px;
  color: #1d3c72;
  text-align: left;
  line-height: 1.2em;
  margin-bottom: 10px;
}
.tab-container .speaker p,
.tab-container .content p {
  margin-bottom: 28px;
  color: #555;
}
.tab-container.hover {
  cursor: pointer;
}
.tab-container.hover .read-more-wrap > a {
  color: #1d3c72;
}
.tab-container.hover .read-more-wrap > a .ico-read-more {
  background-position: center -20px;
}
.tab-container.hover .read-more-wrap > a > span {
  color: #1d3c72;
}
.tab-container.hover:hover {
  border-color: #1d3c72;
}
.tab-container.hover:hover .read-more-wrap > a {
  color: #1d3c72;
}
.tab-container.hover:hover .read-more-wrap > a .ico-read-more {
  background-position: center -60px;
}
.tab-container.hover:hover .read-more-wrap > a > span {
  color: #1d3c72;
}
.tab-container.hover:hover .title,
.tab-container.hover:hover .spotlight-title {
  color: #1d3c72;
}
.tab-container .prof-img, .tab-container .event-img {
  min-height: 250px;
  width: 200px;
}
.tab-container .prof-title, .tab-container .event-title {
  width: 240px;
  padding: 0 0 0 30px;
}
.tab-container .prof-content, .tab-container .event-content {
  padding: 0 0 0 30px;
  overflow: hidden;
  text-align: justify;
}
.tab-container .image-wrapper {
  cursor: pointer;
  float: left;
  width: 31%;
  border: 1px solid #cccccc;
  padding: 5px;
  margin-bottom: 45px;
  box-sizing: border-box;
  margin-left: 3%;
}
.tab-container .image-wrapper a {
  display: block;
  position: relative;
}
.tab-container .image-wrapper:hover a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7) url(../img/icon/enlarge.png) center center no-repeat;
}
.tab-container .image-wrapper:nth-of-type(3n-2) {
  margin-left: 0;
  clear: left;
}
.tab-container .image-wrapper:nth-last-of-type(1), .tab-container .image-wrapper:nth-last-of-type(2), .tab-container .image-wrapper:nth-last-of-type(3) {
  margin-bottom: 0;
}
.tab-container img {
  margin: 0 auto;
  width: 100%;
}
.tab-container .image-container {
  margin: 2.5em 0;
}
.tab-container .image-container img {
  margin: 0 auto;
  display: block;
}
.tab-container .image-container span {
  text-align: center;
  margin-top: 10px;
  display: block;
  padding: 0 35px;
}
.tab-container.clearfix:after {
  display: inline-block;
  width: 100%;
}

.selector {
  position: relative;
  border: 1px solid #ddd;
  background: #ececec;
  cursor: pointer;
  margin-bottom: 30px;
}
.selector .show-option {
  font-size: 1.2em;
  padding: 6px 0;
  margin: 0 30px;
  background-image: url("../img/icon/dropdown-icon_black.png");
  background-repeat: no-repeat;
  background-position: right center;
}
.selector .options {
  position: absolute;
  top: 100%;
  border: 1px solid #ddd;
  background: #ececec;
  width: calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  max-height: 288px;
  overflow-y: scroll;
  left: -1px;
  z-index: 2000;
}
.selector .options * {
  font-size: 1.2em;
  padding: 6px 30px;
  margin: 0;
}
.selector .options .opened {
  color: #1d3c72;
}
.selector .options h3:hover {
  background-color: #e2e2e2;
}

.accordion .head {
  cursor: pointer;
}
.accordion h3 {
  margin-top: 20px;
}

/* .accordion { */
.head {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  font-size: 1.5em;
  padding-left: 40px;
}
.head:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin-left: -32px;
  margin-top: 4px;
  background: url(../img/icon/expand-icon.png) no-repeat;
}
.head.opened {
  border-color: #1d3c72;
  color: #1d3c72;
}
.head.opened:before {
  background: url(../img/icon/expand-icon-active.png) no-repeat;
  background-position: 0 top;
}
.head.btn-input {
  font-size: 0.857em;
  border-bottom: 0;
  padding: 0;
  background: transparent;
}
.head.no-icon {
  background: none;
  cursor: auto;
}
.head.gray {
  color: #555;
}
.head .concentrations {
  float: right;
}

.contact-us .detail {
  padding-left: 0;
}

.detail {
  overflow: hidden;
  margin: 25px 0 15px;
  padding-left: 40px;
  display: none;
}
.detail.name-list span {
  float: left;
  display: block;
  width: calc(32% - 10px);
  margin-left: 10px;
  margin-bottom: 14px;
}
.detail.name-list span:nth-of-type(3n+1) {
  margin-left: 0px;
  clear: left;
}
.detail .tel {
  padding-left: 25px;
  position: relative;
}
.detail .tel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/phone-icon.png) center top no-repeat;
  width: 16px;
  height: 16px;
}
.detail .tel + .email {
  margin-left: 20px;
}
.detail .tel + .email a {
  padding-left: 25px;
  position: relative;
}
.detail .tel + .email a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/email-icon.png) center top no-repeat;
  width: 16px;
  height: 16px;
}
.detail .tel + .email a:hover:before {
  background-position: center bottom;
}

#by_letter .head {
  background: none;
}

/* } */
@media screen and (max-width: 1200px) {
  .tab-container .prof-title, .tab-container .event-title {
    overflow: hidden;
    float: none;
    padding: 0 0 0 25px;
    width: auto;
  }
  .tab-container .prof-content, .tab-container .event-content {
    overflow: auto;
    margin-left: 140px;
    padding: 0 0 0 25px;
  }
  .tab-container.close.no-padding {
    padding: 30px 40px;
  }
  .tab-container.close.no-padding .left {
    padding: 0 5% 0 0;
  }
  .tab-container.close.no-padding .right {
    background-image: none !important;
    position: static;
  }
  .tab-container.close.no-padding .right img {
    display: block;
    width: 100%;
  }
  .tab-container.close.no-padding .read-more-wrap {
    position: static;
    margin: 8px 0;
  }
}
@media only screen and (max-width: 991px) {
  .tablet-show {
    display: block;
    margin-bottom: 15px;
  }
  .tablet-show img {
    width: 100%;
  }
  .tab-container {
    padding: 25px 35px;
  }
  .tab-container.close {
    padding: 30px 43px;
  }
  .tab-container.close.no-padding {
    padding: 30px 43px;
  }
  .tab-container.close.no-padding .left {
    padding: 0 0;
    width: 100%;
  }
  .tab-container.close.no-padding .right {
    display: none;
  }
  .tab-container .image-wrapper {
    width: 48%;
    margin-bottom: 10px;
    margin-left: 4%;
  }
  .tab-container .image-wrapper:nth-of-type(3n-2) {
    clear: none;
    margin-left: 4%;
  }
  .tab-container .image-wrapper:nth-of-type(2n-1) {
    margin-left: 0;
    clear: left;
  }
  .tab-container .image-wrapper:nth-last-of-type(3) {
    margin-bottom: 10px;
  }
  .tab-container .image-container > * img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .tab-container {
    padding: 15px 15px;
  }
  .tab-container.close {
    padding: 20px 18px;
  }
  .tab-container.close.no-padding {
    padding: 20px 18px;
    padding-bottom: 10px;
  }
  .tab-container.close.no-padding .left {
    padding-bottom: 25px;
  }
  .tab-container:before {
    content: none;
  }
  .tab-container .prof-img, .tab-container .event-img {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-bottom: 2em;
  }
  .tab-container .prof-img img, .tab-container .event-img img {
    width: 100%;
  }
  .tab-container .prof-title, .tab-container .event-title {
    padding: 0;
  }
  .tab-container .prof-content, .tab-container .event-content {
    margin: 0;
    padding: 0 0 0 0;
  }
  .tab-container .image-wrapper {
    width: 100%;
    margin-bottom: 0px;
    margin-left: 0%;
  }
  .tab-container .image-wrapper:nth-of-type(3n-2) {
    clear: none;
    margin-left: 0%;
  }
  .tab-container .image-wrapper:nth-last-of-type(2) {
    margin-bottom: 10px;
  }
  .tab-container .image-container > *:first-child {
    margin-bottom: 2.5em;
  }
  .no-padding-mobile {
    padding: 0;
  }
  .detail.name-list span, .detail span {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .detail.name-list span:nth-of-type(2n), .detail span:nth-of-type(2n) {
    margin-left: 0;
  }
  .detail .tel {
    display: block;
  }
  .detail .tel + .email {
    margin: 0;
    display: block;
  }
}
.press-listing + .paginate {
  border-top: 0;
}

.view-what-s-new .views-row {
  padding: 30px 40px 60px 40px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  background: #fff;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 100%;
  box-sizing: border-box;
}
.view-what-s-new .views-row:hover {
  border-color: #1d3c72;
}
.view-what-s-new .views-row .views-field-field-thumbnail {
  float: right;
  width: 35%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .view-what-s-new .views-row .views-field-field-thumbnail {
    margin-bottom: 15px;
  }
}
.view-what-s-new .views-row .views-field-title, .view-what-s-new .views-row .views-field-field-display-date, .view-what-s-new .views-row .views-field-field-abstract {
  float: left;
  width: 65%;
  padding: 0 5% 0 0;
}
.view-what-s-new .views-row .views-field-field-display-date {
  margin-bottom: 10px;
}
.view-what-s-new .views-row .views-field-field-abstract p:first-child {
  margin-top: 24px;
}
.view-what-s-new .views-row .views-field-field-abstract p:first-child {
  margin-bottom: 24px;
}
.view-what-s-new .views-row .views-field-view-node {
  position: absolute;
  left: 39px;
  bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .view-what-s-new .views-row .views-field {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.view-what-s-new .views-row .cover-link a {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-indent: 9999px;
  overflow: hidden;
}
.view-what-s-new .views-row:hover .btn-input.read-more {
  color: #1d3c72;
}
.view-what-s-new .views-row:hover .btn-input.read-more:before {
  background-image: url(../img/icon/read-more-dark-blue.png);
}

.node--type-news #block-hkustbs-page-title {
  display: none;
}
.node--type-news .item {
  width: 140px;
  height: 100px;
  background-image: url("../img/button-bg.png");
  background-position: center 1px;
  background-color: #fff;
  background-repeat: repeat-x;
  border: 1px solid #4EA6D6;
}
.node--type-news .item:hover {
  background-position: center bottom;
}
.node--type-news .item a {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 999px;
  overflow: hidden;
}
.node--type-news iframe {
  margin-bottom: 30px;
}

.alumni-events .views-row {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}
.alumni-events .views-row:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.testimonial {
  background: #fff;
  padding: 30px 40px;
  border: 1px solid #ddd;
  border-top: none;
  transition: all 0.2s ease-in-out;
  background-repeat: repeat-y;
  background-position: right center;
  position: relative;
}
.testimonial.close-container {
  border-top: 1px solid #ddd;
  background: #fff;
  margin-bottom: 15px;
}
.testimonial img {
  float: left;
}
.testimonial .title {
  color: #555;
  font-size: 20px;
  margin-bottom: 19px;
}
.testimonial .description {
  color: #e1ad22;
  margin-bottom: 19px;
}
.testimonial .left {
  width: 65%;
  padding: 0 5% 0 0;
}
.testimonial .right {
  width: 35%;
}
.testimonial .right div {
  margin: 0 20px 35px 20px;
}
.testimonial .btn-input {
  right: 10px;
}
@media only screen and (max-width: 767px) {
  .testimonial .left, .testimonial .right {
    width: 100%;
    margin: 0;
    float: none;
  }
  .testimonial img {
    width: 100%;
    margin-bottom: 15px;
  }
}

.testimonials-page .main-container {
  float: left;
  width: 100%;
  max-width: calc(100% - 295px - 200px);
  margin: 0 35px;
}
@media only screen and (max-width: 991px) {
  .testimonials-page .main-container {
    max-width: calc(100% - 200px);
    margin: 0 35px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .testimonials-page .main-container {
    float: unset;
    max-width: 100%;
    margin: 0;
  }
}
.testimonials-page .testimonials-sidebar {
  float: left;
  width: 100%;
  max-width: 165px;
}
@media only screen and (max-width: 767px) {
  .testimonials-page .testimonials-sidebar {
    float: unset;
    max-width: 100%;
    margin-top: 25px;
  }
  .testimonials-page .testimonials-sidebar p:nth-child(1) {
    text-align: center;
  }
}
.testimonials-page .testimonials-sidebar img {
  width: 100%;
  max-width: 200px !important;
}
.testimonials-page .testimonials-sidebar .testimonials-sidebar-block {
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}
.testimonials-page .testimonials-sidebar .testimonials-sidebar-block:nth-last-child(1) {
  border-bottom: none;
}
.testimonials-page .testimonials-sidebar .testimonials-sidebar-block h2 {
  font-size: 14px;
  color: #e1ad22;
  font-weight: normal;
}
.testimonials-page .testimonials-sidebar .testimonials-sidebar-block a {
  margin-bottom: 15px;
}
.testimonials-page .testimonials-video-block header {
  width: 100%;
  padding-top: 15px;
}
.testimonials-page .testimonials-video-block header h3 {
  background-color: #e1ad22;
  color: #fff;
  font-size: 22px;
  padding: 10px 15px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.testimonials-page .testimonials-video-block .testimonials-video-grid .testimonial-video-row {
  margin-bottom: 15px;
}
.testimonials-page .testimonials-video-block .testimonials-video-grid .testimonial-video-row iframe {
  border: none;
  aspect-ratio: 16/9;
}
.testimonials-page .testimonials-video-block nav {
  margin: auto;
  width: 100%;
}
.testimonials-page .testimonials-video-block nav ul {
  display: flex;
  align-items: center;
  place-content: center;
  padding: 0;
}
.testimonials-page .testimonials-video-block nav ul li {
  padding: 0;
  margin: 0 10px;
}
.testimonials-page .testimonials-video-block nav ul li::before {
  content: none;
}
.testimonials-page .testimonials-video-block nav ul li a span:not(.visually-hidden) {
  font-size: 22px;
}
.testimonials-page .testimonials-block {
  margin-top: 25px;
  margin-bottom: 35px;
}
.testimonials-page .testimonials-block .no-result {
  margin-top: 25px;
  text-align: center;
}
.testimonials-page .testimonials-block .testimonials-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.testimonials-page .testimonials-block .testimonials-grid header {
  width: 100%;
  padding: 0 10px;
}
.testimonials-page .testimonials-block .testimonials-grid header h3 {
  background-color: #e1ad22;
  color: #fff;
  font-size: 22px;
  padding: 10px 15px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.testimonials-page .testimonials-block .testimonials-grid .testimonial-row {
  width: 25%;
  padding: 10px;
}
@media screen and (max-width: 480px) {
  .testimonials-page .testimonials-block .testimonials-grid .testimonial-row {
    width: 50%;
  }
}
.testimonials-page .testimonials-block .testimonials-grid .testimonial-row .views-field-field-alumni-name a {
  color: #555555;
  font-size: 20px;
}
.testimonials-page .testimonials-block .testimonials-grid .testimonial-row .views-field-field-alumni-name a:hover {
  text-decoration: underline;
}
.testimonials-page .testimonials-block .testimonials-grid .testimonial-row .field-content {
  text-align: left;
}
.testimonials-page .testimonials-block .testimonials-grid nav {
  margin: auto;
  width: 100%;
}
.testimonials-page .testimonials-block .testimonials-grid nav ul {
  display: flex;
  align-items: center;
  place-content: center;
  padding: 0;
}
.testimonials-page .testimonials-block .testimonials-grid nav ul li {
  padding: 0;
  margin: 0 10px;
}
.testimonials-page .testimonials-block .testimonials-grid nav ul li::before {
  content: none;
}
.testimonials-page .testimonials-block .testimonials-grid nav ul li a span:not(.visually-hidden) {
  font-size: 22px;
}

.node--type-testimonial .main-container-full-width {
  float: left;
  max-width: calc(100% - 200px);
  width: 100%;
  margin-right: 35px;
}
@media screen and (max-width: 1220px) {
  .node--type-testimonial .main-container-full-width {
    margin-right: 0 !important;
  }
  .node--type-testimonial .main-container-full-width article {
    padding-right: 35px !important;
  }
  .node--type-testimonial .main-container-full-width article img {
    max-width: 700px;
  }
}
@media screen and (max-width: 991px) {
  .node--type-testimonial .main-container-full-width article img {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .node--type-testimonial .main-container-full-width {
    max-width: 100%;
  }
  .node--type-testimonial .main-container-full-width article {
    padding-right: 0 !important;
  }
}
.node--type-testimonial .main-container-full-width article {
  padding-right: 150px;
}
.node--type-testimonial .main-container-full-width article .testimonial-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.node--type-testimonial .main-container-full-width article .testimonial-topbar .testimonial-name {
  font-size: 36px;
  margin-bottom: 0;
}
.node--type-testimonial .main-container-full-width article .testimonial-topbar .testimonial-btn {
  border: 1px solid #e1ad22;
  padding: 5px 10px 5px 4px;
}
.node--type-testimonial .main-container-full-width article .testimonial-topbar .testimonial-btn > div:before {
  content: "";
  background-image: url("../img/icon/read-more-orange.png");
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 18px;
  vertical-align: text-bottom;
  transform: scaleX(-1);
}
.node--type-testimonial .main-container-full-width article .testimonial-topbar .testimonial-btn:hover {
  border: 1px solid #1d3c72;
}
.node--type-testimonial .main-container-full-width article .testimonial-topbar .testimonial-btn:hover > div {
  color: #1d3c72;
}
.node--type-testimonial .main-container-full-width article .testimonial-topbar .testimonial-btn:hover > div::before {
  background-image: url("../img/icon/read-more-dark-blue.png");
}
.node--type-testimonial .main-container-full-width article .testimonial-desc {
  margin-top: 15px;
}
.node--type-testimonial .main-container-full-width article .testimonial-info {
  margin: 35px 0 25px 0;
}
.node--type-testimonial .main-container-full-width article .testimonial-info > div {
  margin-bottom: 15px;
}
.node--type-testimonial .main-container-full-width article .testimonial-video {
  margin: 15px 0 35px 0;
}
.node--type-testimonial .main-container-full-width article .testimonial-video .testimonial-video-heading {
  font-size: 24px;
  color: #e1ad22;
}
.node--type-testimonial .main-container-full-width article .testimonial-video .testimonial-iframe-video iframe {
  border: none;
  aspect-ratio: 16/9;
}
.node--type-testimonial .testimonials-sidebar {
  float: left;
  width: 100%;
  max-width: 165px;
}
@media only screen and (max-width: 767px) {
  .node--type-testimonial .testimonials-sidebar {
    float: unset;
    max-width: 100%;
    margin-top: 25px;
  }
  .node--type-testimonial .testimonials-sidebar p:nth-child(1) {
    text-align: center;
  }
}
.node--type-testimonial .testimonials-sidebar img {
  width: 100%;
  max-width: 200px !important;
}
.node--type-testimonial .testimonials-sidebar .testimonials-sidebar-block {
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}
.node--type-testimonial .testimonials-sidebar .testimonials-sidebar-block:nth-last-child(1) {
  border-bottom: none;
}
.node--type-testimonial .testimonials-sidebar .testimonials-sidebar-block h2 {
  font-size: 14px;
  color: #e1ad22;
  font-weight: normal;
}
.node--type-testimonial .testimonials-sidebar .testimonials-sidebar-block a {
  margin-bottom: 15px;
}

.three-col-parallel {
  overflow: hidden;
  margin-top: 30px;
}
.three-col-parallel .parallel-info-card {
  width: 32%;
  float: left;
  padding-right: 30px;
  padding-left: 15px;
  margin-bottom: 30px;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .three-col-parallel .parallel-info-card {
    margin-bottom: 20px;
  }
}
.three-col-parallel .parallel-info-card .image-block {
  margin-right: -15px;
  margin-left: -15px;
}
.three-col-parallel .parallel-info-card .image-block img {
  width: 100%;
}
.three-col-parallel .parallel-info-card .image-block .info-image {
  width: 100%;
  display: block;
}
.three-col-parallel .parallel-info-card .info-block {
  display: block;
  margin: 20px 0 0 -15px;
}
.three-col-parallel .parallel-info-card .info-block div {
  border-left: 3px solid #e1ad22;
  padding-left: 10px;
}
.three-col-parallel .parallel-info-card .info-block div .name {
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #1d3c72;
  text-align: left;
  line-height: 1.2em;
}
.three-col-parallel .parallel-info-card .info-block div .title {
  display: block;
}
.three-col-parallel .parallel-info-card .info-block div .other-info {
  display: block;
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .three-col-parallel .parallel-info-card {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .three-col-parallel .parallel-info-card {
    width: 94%;
  }
}
@media only screen and (min-width: 992px) {
  .three-col-parallel .parallel-info-card:nth-child(3n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .three-col-parallel .parallel-info-card:nth-child(2n+1) {
    clear: both;
  }
}
.three-col-parallel.overlap .parallel-info-card .image-block {
  margin-right: -50px;
}
.three-col-parallel.student .parallel-info-card .info-block div {
  border-left-color: #f48c05;
}

.pt-site .three-col-parallel .parallel-info-card .info-block div {
  border-left: 3px solid #d4c698;
}
.pt-site .three-col-parallel .parallel-info-card .info-block div .name {
  color: #aa8e2d;
}

.container-faq .accordion {
  margin-bottom: 60px;
}

.error-box {
  position: relative;
  height: 305px;
  max-width: 620px;
  width: 100%;
  margin: 0 auto;
  background: url(../img/frame.png) center center no-repeat;
  background-size: 100% 100%;
  display: table;
  top: 80px;
}
.error-box img {
  position: absolute;
  left: 65px;
  top: -30px;
}
.error-box > div {
  display: table-cell;
}
.error-box .text {
  padding-left: 165px;
  display: table-cell;
  vertical-align: middle;
}
.error-box .text h1 {
  margin-bottom: 0;
}
.error-box .text p {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .error-box img {
    height: 40%;
    left: 50%;
    margin-left: -12.5px;
    top: -45px;
  }
  .error-box .text {
    padding-left: 0px;
    text-align: center;
    padding-top: 10px;
  }
  .error-box h1 {
    text-align: center;
  }
}
.views-element-container .view-program {
  margin-bottom: 24px;
}
.views-element-container .view-program.accordion h3 {
  margin-top: 0;
}
.views-element-container:last-child .view-program {
  margin-bottom: 0;
}

.view-notifications {
  display: none;
}

.view-graduates-theses .view-content .views-row {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.view-graduates-theses .view-content .views-row .views-field-title {
  font-size: 20px;
  color: #555;
  font-weight: 700;
  margin-bottom: 10px;
}
.view-graduates-theses .view-content .views-row .views-field-field-graduate-name {
  font-size: 16px;
}
.view-graduates-theses .view-content .views-row:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.view-graduates-theses.hide-filter .sort-bar {
  display: none;
}

.theses-link:hover span {
  text-decoration: underline;
}

.sbHolder {
  font-size: 12px;
  background-color: #003366;
  border: 1px solid #777;
  font-family: "Roboto Condensed", Arial, "Microsoft JhengHei", sans-serif;
  height: 24px;
  box-sizing: content-box;
  text-align: left;
  width: 100%;
  min-width: 100px;
}
.sbHolder .sbSelector:link, .sbHolder .sbSelector:visited, .sbHolder .sbSelector:hover {
  color: #fff;
}
.sbHolder .sbSelector {
  width: 100%;
}
.sbHolder .sbToggle, .sbHolder .sbSelector {
  height: 24px;
  line-height: 24px;
}
.sbHolder .sbOptions {
  background-color: #003366;
  border: 1px solid #777;
  top: 24px;
  font-size: 12px;
  z-index: 2001;
  box-sizing: content-box;
  width: 100%;
  min-width: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 0;
  padding-left: 0;
}
.sbHolder .sbOptions li {
  margin-bottom: 0;
  padding-left: 7px;
}
.sbHolder .sbOptions li + li {
  border-top: 1px solid #777;
}
.sbHolder .sbOptions li:hover, .sbHolder .sbOptions li:focus, .sbHolder .sbOptions li.sbFocus {
  background-color: #1d3c72;
}
.sbHolder .sbOptions li:before {
  display: none;
}
.sbHolder .sbOptions a {
  border-bottom: 0;
  padding: 4px 0 4px 3px;
  font-size: 12px;
  min-height: 24px;
  line-height: 1.3em;
  color: #fff;
  white-space: normal;
}
.sbHolder .sbOptions a:hover, .sbHolder .sbOptions a:focus, .sbHolder .sbOptions a.sbFocus {
  color: #fff;
}
.sbHolder .sbToggle, .sbHolder .sbToggle:hover, .sbHolder .sbToggleOpen, .sbHolder .sbToggleOpen:hover {
  background-color: #003366;
  background-image: url("../img/icon/dropdown-icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.grey .sbHolder {
  background-color: #ececec;
  border: 1px solid #ddd;
}
.grey .sbHolder .sbSelector:link, .grey .sbHolder .sbSelector:visited, .grey .sbHolder .sbSelector:hover {
  color: #777;
}
.grey .sbHolder .sbOptions {
  background-color: #ececec;
  border: 1px solid #ddd;
}
.grey .sbHolder .sbOptions li + li {
  border-top: 1px solid #ddd;
}
.grey .sbHolder .sbOptions li:hover, .grey .sbHolder .sbOptions li:focus, .grey .sbHolder .sbOptions li.sbFocus {
  background-color: #e2e2e2;
}
.grey .sbHolder .sbOptions a {
  color: #777;
}
.grey .sbHolder .sbOptions a:hover, .grey .sbHolder .sbOptions a:focus, .grey .sbHolder .sbOptions a.sbFocus {
  color: #1d3c72;
}
.grey .sbHolder .sbToggle, .grey .sbHolder .sbToggle:hover, .grey .sbHolder .sbToggleOpen, .grey .sbHolder .sbToggleOpen:hover {
  background-color: #ececec;
  background-image: url("../img/icon/dropdown-icon_black.png");
}

.blue .sbHolder {
  background-color: #1d3c72;
}
.blue .sbHolder .sbOptions {
  background-color: #1d3c72;
}
.blue .sbHolder .sbOptions li:hover, .blue .sbHolder .sbOptions li:focus, .blue .sbHolder .sbOptions li.sbFocus {
  background-color: #003366;
}
.blue .sbHolder .sbToggle, .blue .sbHolder .sbToggle:hover, .blue .sbHolder .sbToggleOpen, .blue .sbHolder .sbToggleOpen:hover {
  background-color: #1d3c72;
}

.white .sbHolder {
  background-color: #fff;
  color: #555;
  border: 1px solid #e1e1e1;
  box-shadow: inset 2px 2px 3px #f8f8f8;
}
.white .sbHolder .sbSelector:link, .white .sbHolder .sbSelector:visited, .white .sbHolder .sbSelector:hover {
  color: #555;
}
.white .sbHolder .sbOptions {
  background-color: #fff;
  border: 1px solid #e1e1e1;
}
.white .sbHolder .sbOptions li + li {
  border-top: 1px solid #e1e1e1;
}
.white .sbHolder .sbOptions li:hover, .white .sbHolder .sbOptions li:focus, .white .sbHolder .sbOptions li.sbFocus {
  background-color: #ececec;
}
.white .sbHolder .sbOptions a {
  color: #555;
}
.white .sbHolder .sbOptions a:hover, .white .sbHolder .sbOptions a:focus, .white .sbHolder .sbOptions a.sbFocus {
  color: #555;
}
.white .sbHolder .sbToggle, .white .sbHolder .sbToggle:hover, .white .sbHolder .sbToggleOpen, .white .sbHolder .sbToggleOpen:hover {
  background-color: #fff;
  background-image: url("../img/icon/dropdown-icon_black.png");
}

.form-group .sbHolder {
  font-family: Arial, "Microsoft JhengHei", sans-serif;
  height: 34px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.form-group .sbHolder .sbToggle, .form-group .sbHolder .sbSelector {
  height: 34px;
  line-height: 34px;
}
.form-group .sbHolder .sbOptions {
  top: 34px;
}
.form-group .sbHolder .sbOptions a {
  min-height: 34px;
  line-height: 34px;
}/*# sourceMappingURL=layout.css.map */