@charset "UTF-8";
/**
 * Main stylesheet in LESS & SMACSS
 *
 * @company CREASANT DIGITAL
 * @project HKUST IEDA
 * @author  Jimmy LAU <jimmylau@creasant.com>
 * @version 2.0.1
 * @since   2018-06-12
*/
/*
  Reference:
  https://fonts.google.com/?query=open+san&selection.family=Open+Sans:300,400,400i,600,700,700i|Roboto+Condensed
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,700i|Roboto+Condensed" rel="stylesheet">

  Open Sans: n3, n4, i4, n6, n7, i7
  Roboto: n4
*/
/*
  300: Light
  400: Regular
  600: Semibold
  700: Bold
*/
/* RESPONSIVE */
/* BASE */
/*
  MAIN LAYOUT

  body
    #page-content.page-content {}
      header {}
        nav {}
      #body.l-body {}
        main {}
          section {
            article {}
          }
          aside {}
      footer {}

*/
/* BASIC DEFAULTS */
html {
  box-sizing: border-box; }

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

body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #1F1F1F;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background-color: #FDFDFD; }

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #0B3E75; }

p {
  text-indent: 0;
  direction: ltr; }
  p + p {
    margin: 28px 0; }

strong,
b {
  font-weight: 700; }

i {
  font-style: italic; }

.asterisk:before {
  content: "*"; }

/* THEME FONT COLORS */
.black {
  color: #1F1F1F; }

.white {
  color: #fff; }

.red {
  color: #821C21; }

.yellow {
  color: #A5852C; }

.blue {
  color: #0B3E75; }

.lblue {
  color: #286CB6; }

.lblue2 {
  color: #CBDEF3; }

/* MENUS, LISTS */
/* IMAGE */
img {
  max-width: 100%;
  height: auto;
  vertical-align: top; 
}

/* LINKS */
a {
  text-decoration: none;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  a.underline:hover {
    text-decoration: underline; }

.btn {
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .btn.active, .btn:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

/* TABLES */
/* HIGHLIGHT */
::-moz-selection {
  color: #fff;
  background: #A5852C; }

::selection {
  color: #fff;
  background: #A5852C; }

/* TEMPLATE THEME */
.page-content {
  min-width: 320px; }

.wrapper-header {
  /*max-width: 1250px;*/ /*this is to diminish the menu when visit inner pages*/
  max-width: 1530px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  /* padding: 0 15px;  */
}

.header-desktop .wrapper-header {
  padding: 0 15px;
}


  body.page-index .wrapper-header {
    max-width: 1530px; }

.wrapper {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 15px; }
  body.page-index .wrapper {
    max-width: 1400px; }


.page-title,
.section-title,
.section-content {
  max-width: 1530px;
  width: 100%;
  margin: 0 auto;
  position: relative; }

/* PROJECT STYLES */
main {
  -webkit-transition: padding-top 0.3s ease-in-out;
  -moz-transition: padding-top 0.3s ease-in-out;
  -ms-transition: padding-top 0.3s ease-in-out;
  -o-transition: padding-top 0.3s ease-in-out;
  transition: padding-top 0.3s ease-in-out; }
  @media only screen and (min-width: 1024px) {
    main {
      padding-top:136px;
      /*padding-top: 166px;*/ } }
  @media only screen and (max-width: 1350px){
    main{
      padding-top:155px;
    }
  }
  @media only screen and (max-width: 1023px) {
    main {
      /*padding-top: 121px;*/
      /* padding-top:91px;*/
      padding-top:81px; } } 

a {
  color: #286CB6; }
  a:hover {
    color: #286CB6;
    text-decoration: underline; }

.btn {
  background: #286CB6;
  color: #fff;
  text-transform: uppercase;
  min-width: 210px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1.5px; }
  .btn:hover {
    background: #CBDEF3;
    color: #0B3E75;
    text-decoration: none; }
  .btn.btn-red:hover, .btn.btn-blue:hover, .btn.btn-yellow:hover {
    background: #fff; }
  .btn.btn-red {
    background: #821C21; }
    .btn.btn-red:hover {
      color: #821C21; }
  .btn.btn-blue {
    background: #0B3E75; }
    .btn.btn-blue:hover {
      color: #0B3E75; }
  .btn.btn-yellow {
    background: #A5852C; }
    .btn.btn-yellow:hover {
      color: #A5852C; }

.form,
form {
  width: 100%; }

.f1 {
  width: 8.33333%; }
  @media only screen and (max-width: 1023px) {
    .f1 {
      width: 100% !important; }
      .f1.inline {
        width: 8.33333% !important; } }

.f2 {
  width: 16.66667%; }
  @media only screen and (max-width: 1023px) {
    .f2 {
      width: 100% !important; }
      .f2.inline {
        width: 16.66667% !important; } }

.f3 {
  width: 25%; }
  @media only screen and (max-width: 1023px) {
    .f3 {
      width: 100% !important; }
      .f3.inline {
        width: 25% !important; } }

.f4 {
  width: 33.33333%; }
  @media only screen and (max-width: 1023px) {
    .f4 {
      width: 100% !important; }
      .f4.inline {
        width: 33.33333% !important; } }

.f5 {
  width: 41.66667%; }
  @media only screen and (max-width: 1023px) {
    .f5 {
      width: 100% !important; }
      .f5.inline {
        width: 41.66667% !important; } }

.f6 {
  width: 50%; }
  @media only screen and (max-width: 1023px) {
    .f6 {
      width: 100% !important; }
      .f6.inline {
        width: 50% !important; } }

.f7 {
  width: 58.33333%; }
  @media only screen and (max-width: 1023px) {
    .f7 {
      width: 100% !important; }
      .f7.inline {
        width: 58.33333% !important; } }

.f8 {
  width: 66.66667%; }
  @media only screen and (max-width: 1023px) {
    .f8 {
      width: 100% !important; }
      .f8.inline {
        width: 66.66667% !important; } }

.f9 {
  width: 75%; }
  @media only screen and (max-width: 1023px) {
    .f9 {
      width: 100% !important; }
      .f9.inline {
        width: 75% !important; } }

.f10 {
  width: 83.33333%; }
  @media only screen and (max-width: 1023px) {
    .f10 {
      width: 100% !important; }
      .f10.inline {
        width: 83.33333% !important; } }

.f11 {
  width: 91.66667%; }
  @media only screen and (max-width: 1023px) {
    .f11 {
      width: 100% !important; }
      .f11.inline {
        width: 91.66667% !important; } }

.f12 {
  width: 100%; }
  @media only screen and (max-width: 1023px) {
    .f12 {
      width: 100% !important; }
      .f12.inline {
        width: 100% !important; } }

.form-row {
  margin: 0 0 20px;
  *zoom: 1; }
  .form-row:before, .form-row:after {
    content: "";
    display: table;
    line-height: 0; }
  .form-row:after {
    clear: both; }

.form-field {
  float: left;
  padding: 0 10px 10px;
  *zoom: 1; }
  .form-field:before, .form-field:after {
    content: "";
    display: table;
    line-height: 0; }
  .form-field:after {
    clear: both; }
  @media only screen and (max-width: 1023px) {
    .form-field > .form-field {
      padding-left: 0;
      padding-right: 0; } }

.form-action {
  text-align: center;
  padding: 0 10px; }

input, textarea {
  width: 100%;
  background: #EEE;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #1F1F1F;
  padding: 4px 10px;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* PLACEHOLDER */
  /* Chrome/Opera/Safari */
  /* Firefox 19+ */
  /* IE 10+ */
  /* Firefox 18- */ }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #A5852C;
    font-style: italic; }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #A5852C;
    font-style: italic; }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #A5852C;
    font-style: italic; }
  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #A5852C;
    font-style: italic; }
  input:focus, textarea:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  input[readonly], input[readonly="readonly"], input:disabled, textarea[readonly], textarea[readonly="readonly"], textarea:disabled {
    cursor: not-allowed; }
  input.error, textarea.error {
    -webkit-box-shadow: 0 0px 2px 2px rgba(130, 28, 33, 0.6);
    -moz-box-shadow: 0 0px 2px 2px rgba(130, 28, 33, 0.6);
    -ms-box-shadow: 0 0px 2px 2px rgba(130, 28, 33, 0.6);
    -o-box-shadow: 0 0px 2px 2px rgba(130, 28, 33, 0.6);
    box-shadow: 0 0px 2px 2px rgba(130, 28, 33, 0.6); }

@media only screen and (max-width: 1023px) {
  .select2,
  select {
    width: 100%; } }

.select2:disabled,
select:disabled {
  cursor: not-allowed; }

.select2.error,
select.error {
  -webkit-box-shadow: 0 0px 2px 2px rgba(130, 28, 33, 0.6);
  -moz-box-shadow: 0 0px 2px 2px rgba(130, 28, 33, 0.6);
  -ms-box-shadow: 0 0px 2px 2px rgba(130, 28, 33, 0.6);
  -o-box-shadow: 0 0px 2px 2px rgba(130, 28, 33, 0.6);
  box-shadow: 0 0px 2px 2px rgba(130, 28, 33, 0.6); }

textarea {
  resize: vertical; }

label {
  user-select: none; }
  label.error {
    display: block;
    color: #821C21;
    padding: 8px 0 0;
    line-height: 1.25;
    font-size: 14px; }

input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="submit"] {
  background: #0B3E75;
  color: #fff;
  padding: 0 20px;
  line-height: 65px;
  text-align: center; }
  input[type="submit"]:hover {
    background: #CBDEF3;
    color: #0B3E75; }

/* COMMON STATES */
.is-active {
  color: #999 !important; }

.is-hidden {
  display: none !important; }

.is-visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important; }

@media only screen and (max-width: 1023px) {
  .is-desktop {
    display: none !important; } }

@media only screen and (min-width: 1024px) {
  .is-tablet {
    display: none !important; } }

@media only screen and (max-width: 750px) {
  .is-tablet {
    display: none !important; } }

@media only screen and (min-width: 751px) {
  .is-mobile {
    display: none !important; } }

@media only screen and (min-width: 1024px) {
  .is-tablet-mobile {
    display: none !important; } }

@media only screen and (max-width: 750px) {
  .is-desktop-tablet {
    display: none !important; } }

@media only screen and (max-width: 1023px) and (min-width: 751px) {
  .is-desktop-mobile {
    display: none !important; } }

/**
 * Helpers styles
 */
.pos-relative {
  position: relative; }

.pos-absolute {
  position: absolute; }

.pos-fixed {
  position: fixed; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

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

.h-middle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.inline {
  display: inline-block; }

.block {
  display: block; }

.font-thin {
  font-weight: 300; }

.font-medium {
  font-weight: 400; }

.font-bold {
  font-weight: 700; }

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

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

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

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

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0; }
  .clearfix:after {
    clear: both; }

/* VENDOR */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

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

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick-1.8.0/slick.eot");
  src: url("../fonts/slick-1.8.0/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick-1.8.0/slick.woff") format("woff"), url("../fonts/slick-1.8.0/slick.ttf") format("truetype"), url("../fonts/slick-1.8.0/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: 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: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

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

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      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; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* BASE MODULES */
/* --------------------------------------------
  DEBUG
-------------------------------------------- */
.dev-mode .design {
  width: 1920px;
  height: 4130px;
  background-image: url("../img/mockup/design.png");
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center 0;
  pointer-events: none;
  z-index: 9999;
  display: none;
  opacity: 0; }
  @media only screen and (max-width: 1023px) and (min-width: 751px) {
    .dev-mode .design {
      width: 768px;
      height: 3840px;
      background-image: url("../img/mockup/designt.png"); } }
  @media only screen and (max-width: 750px) {
    .dev-mode .design {
      width: 375px;
      height: 3840px;
      background-image: url("../img/mockup/designm.png"); } }
  .dev-mode .design.show {
    display: block;
    opacity: .3; }

.dev-mode .control {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000;
  display: block;
  width: 30px;
  height: 30px;
  margin: 10px;
  cursor: pointer;
  background: none;
  border-radius: 5px;
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out; }
  .dev-mode .control:hover {
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.3s 0.3s ease-in-out;
    -moz-transition: 0.3s 0.3s ease-in-out;
    -ms-transition: 0.3s 0.3s ease-in-out;
    -o-transition: 0.3s 0.3s ease-in-out;
    transition: 0.3s 0.3s ease-in-out; }

header {
  background: #FDFDFD;
  border-bottom: 1px solid #CCC;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 136px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .group-subsite header {
    height: 186px; }
  @media only screen and (min-width: 1024px) {
    header {
      -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0);
      -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0);
      -ms-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0);
      -o-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0);
      box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0); } }
  @media only screen and (max-width: 1350px) {
    .group-subsite header {
      height: 178px; } }
  @media only screen and (max-width: 1023px) {
      .group-subsite header {
        height: 142px; } }
  @media only screen and (max-width: 750px) {
    .group-subsite header {
      height: 132px; } }
  header.active .header-menu-overlay {
    opacity: 1;
    z-index: 1000;
    pointer-events: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  header.active .header-desktop__menu {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transition-delay: .2s; }
  header.active .header-desktop__site-menu {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transition-delay: .5s; }
  header.js-stick {
    height: 106px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 1350px) {
      header{
        height:155px;
      }

      header.js-stick {
        height:125px;
      }

      header.js-stick .header-desktop__menu{
        margin: -30px 0 0;
      }
    }
    @media only screen and (max-width: 1023px) {
      header{
       /* height:100px;*/
       height: 80px;
      }
      header.js-stick{
        /*height:76px;*/
        height:49px;
      }
    }
    @media only screen and (min-width: 1024px) {
      header.js-stick {
        -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
        -ms-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
        -o-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25); }
        header.js-stick .site-logos {
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          transform: translateY(-30px); }
          .group-subsite header.js-stick .site-logos {
            -webkit-transform: translateY(-50px);
            -moz-transform: translateY(-50px);
            -ms-transform: translateY(-50px);
            transform: translateY(-50px); }
          header.js-stick .site-logos img {
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            max-width: 245px; }
        header.js-stick .header-desktop__site-menu {
          top: -8px;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          .group-subsite header.js-stick .header-desktop__site-menu {
            top: -32px; }
        header.js-stick .header-desktop__menu {
          /* margin: -55px 0 0; */
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          .group-subsite header.js-stick .header-desktop__menu {
            padding: 0 0 0 242px; }
          header.js-stick .header-desktop__menu .menu__lv1 {
            /* text-align: right; */
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
            .group-subsite header.js-stick .header-desktop__menu .menu__lv1 {
              text-align: left; }
            header.js-stick .header-desktop__menu .menu__lv1 > li {
              /* padding: 0 0 0 25px; */
              -webkit-transition: all 0.3s ease-in-out;
              -moz-transition: all 0.3s ease-in-out;
              -ms-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
          header.js-stick .header-desktop__menu .menu__lv2 {
            left: 22px; } }
    @media only screen and (max-width: 750px) {
      .group-subsite header.js-stick {
        height: 100px; } }
    header.js-stick .ust-row {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transform: translateY(-35px);
      -moz-transform: translateY(-35px);
      -ms-transform: translateY(-35px);
      transform: translateY(-35px); }
      .group-subsite header.js-stick .ust-row {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px); }
    @media only screen and (max-width: 1023px) {
      header.js-stick .header-desktop {
        margin-top: -20px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .group-subsite header.js-stick .header-desktop {
          margin-top: -42px; } }
    header.js-stick ~ #body main {
      -webkit-transition: padding-top 0.3s ease-in-out;
      -moz-transition: padding-top 0.3s ease-in-out;
      -ms-transition: padding-top 0.3s ease-in-out;
      -o-transition: padding-top 0.3s ease-in-out;
      transition: padding-top 0.3s ease-in-out; }

.site-logos {
  padding: 20px 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media only screen and (max-width: 1023px) {
    .site-logos {
      /* padding: 15px 0 0;  */
      /*padding: 10px 0 0;*/
      padding: 8px 0 0
    } }
  .group-subsite .site-logos a {
    position: relative; }
    @media only screen and (max-width: 750px) {
      .group-subsite .site-logos a:after {
        display: none; } }
    .group-subsite .site-logos a:after {
      content: "";
      height: 60px;
      width: 1px;
      background: #BBB;
      position: absolute;
      top: 0;
      right: -15px; }
  .site-logos img {
    max-width: 360px;
    max-height: 110px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 1350px) {
      /* .site-logos img {
        max-width: 300px; 
      }  */
    }
    @media only screen and (max-width: 1023px) and (min-width: 751px) {
      /* .site-logos img {
        max-width: 236px; 
      }  */
    }
    /* @media only screen and (max-width: 750px) {
      .site-logos img {
        max-width: 68%;
        min-width: 200px; } } */
  .site-logos img,
  .site-logos a {
    display: inline-block; }

.header-desktop {
  margin-top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .header-desktop__trigger {
    display: none;
    position: absolute;
    z-index: 2000;
    top: 0;
    right: 0;
    width: 48px;
    height: 45px;
    padding: 10px; }
    @media only screen and (max-width: 1023px) {
      .header-desktop__trigger {
        top: 4px;
        display: block; } }
    .header-desktop__trigger.active span {
      background: #0B3E75;
      opacity: 0;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .header-desktop__trigger.active span:first-child {
        opacity: 1;
        width: 26px;
        -webkit-transform: rotate(45deg) translate(4px, 9px);
        -moz-transform: rotate(45deg) translate(4px, 9px);
        -ms-transform: rotate(45deg) translate(4px, 9px);
        transform: rotate(45deg) translate(4px, 9px); }
      .header-desktop__trigger.active span:last-child {
        opacity: 1;
        width: 26px;
        -webkit-transform: rotate(-45deg) translate(1px, -6px);
        -moz-transform: rotate(-45deg) translate(1px, -6px);
        -ms-transform: rotate(-45deg) translate(1px, -6px);
        transform: rotate(-45deg) translate(1px, -6px); }
    .header-desktop__trigger span {
      position: absolute;
      width: 20px;
      height: 2px;
      background: #999;
      top: 22px;
      left: 14px;
      opacity: 1;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .header-desktop__trigger span:first-child {
        top: 15px;
        left: 14px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
      .header-desktop__trigger span:last-child {
        top: 29px;
        left: 14px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
  .header-desktop__site-menu {
    /* TOP MENU with Socials */
    position: absolute;
    top: 18px;
    right: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 1023px) {
      .header-desktop__site-menu {
        position: fixed;
        top: auto;
        right: auto;
        left: 0;
        bottom: 0;
        height: 60px;
        width: 100%;
        z-index: 1010;
        background: #E3E1DB;
        -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
        transition-delay: .5s; }
        .header-desktop__site-menu ul {
          width: 100%; }
        .header-desktop__site-menu li {
          line-height: 60px; }
          .header-desktop__site-menu li:last-child {
            /* float: right; */
            padding: 0 12px; } }
    .header-desktop__site-menu ul:not(.header-second-menu), .header-desktop__site-menu li, .header-desktop__site-menu a, .header-desktop__site-menu span {
      display: inline-block;
      vertical-align: middle; }
    .header-desktop__site-menu li {
      padding: 0 0 0 10px; }
  .header-desktop__menu {
    /* Main menu with all site links */
    padding: 0 0 0 28%;
    margin: -26px 55px 0;
    text-align: right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    header.js-stick .header-desktop__menu{
      margin: -55px 0 0;
    }
    .group-subsite .header-desktop__menu {
      padding: 0 0 0 230px;
      margin: -18px 0 0;
      text-align: left; }
    @media only screen and (max-width: 1350px) {
      .header-desktop__menu {
        padding: 0;
        margin: 10px 0 0;
        /* text-align: center;   */
      }
      header.js-stick .header-desktop__menu{
        margin: -30px 0 0;
      }
      .group-subsite .header-desktop__menu {
        padding: 0 0 0 0;
        text-align: center; 
      } 
    }
    @media only screen and (max-width: 1023px) {
      .header-desktop__menu {
        position: absolute;
        top: 30px;
        left: 0;
        z-index: 1010;
        padding: 24px 6px 60px;
        overflow: auto;
        height: calc(100vh - 35px);
        opacity: 0;
        visibility: hidden; } }
    .header-desktop__menu .menu__lv1 {
      padding: 0 6px 0 0; }
      .group-subsite .header-desktop__menu .menu__lv1 {
        padding-left: 6px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .header-desktop__menu .menu__lv1 > li {
        display: inline-block;
        vertical-align: top;
        position: relative;
        padding: 0 0 0 35px;
        text-align: left;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; 
        cursor:pointer;
      }
        /* .page-index .header-desktop__menu .menu__lv1 > li {
          padding: 0 0 0 25px; } */
        @media only screen and (min-width: 1024px) {
          .header-desktop__menu .menu__lv1 > li {
            overflow: hidden; } }
        /* @media only screen and (max-width: 1350px) {
          .header-desktop__menu .menu__lv1 > li {
            padding: 0 0 0 25px; } } */
        @media only screen and (max-width: 1023px) {
          .header-desktop__menu .menu__lv1 > li {
            width: 100%;
            padding: 13px 25px; } }
        @media only screen and (min-width: 1024px) {
          .header-desktop__menu .menu__lv1 > li:hover {
            overflow: visible;
            /* overflow:initial; */
            height: 35px; } }
        .header-desktop__menu .menu__lv1 > li:hover .menu__lv2 {
          display: block;
          z-index: 1000;
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          @media only screen and (min-width: 1024px) {
            .header-desktop__menu .menu__lv1 > li:hover .menu__lv2 {
              height: auto; } }
        .header-desktop__menu .menu__lv1 > li:last-child .menu__lv2 {
          left: auto;
          right: 0; }
        .header-desktop__menu .menu__lv1 > li > span, .header-desktop__menu .menu__lv1 > li > a {
          font-size: 18px;
          font-weight: 600;
          color: #0B3E75; }
          @media only screen and (max-width: 1023px) {
            .header-desktop__menu .menu__lv1 > li > span {
              display: block;
            }
            .header-desktop__menu .menu__lv1 > li > span, .header-desktop__menu .menu__lv1 > li > a {
              font-size: 21px;
              font-weight: 700; 
            } 
          }
          .header-desktop__menu .menu__lv1 > li > span:hover, .header-desktop__menu .menu__lv1 > li > a:hover {
            color: #286CB6; }
    .header-desktop__menu .menu__lv2 {
      position: absolute;
      top: 34px;
      left: 32px;
      opacity: 0;
      z-index: -5;
      width: 241px;
      background: rgba(41, 108, 182, 0.75);
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      padding: 8px 0;
      }
      @media only screen and (min-width: 1024px) {
        .header-desktop__menu .menu__lv2 {
          height: 0; } }
      @media only screen and (max-width: 1350px) {
        .header-desktop__menu .menu__lv2 {
          left: 0; } }
      @media only screen and (max-width: 1023px) {
        .header-desktop__menu .menu__lv2 {
          position: static;
          opacity: 1;
          width: 100%;
          background: none;
          padding: 15px 0;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); } }
      .header-desktop__menu .menu__lv2 > li > span, .header-desktop__menu .menu__lv2 > li > a {
        width: 100%;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        padding: 8px 18px; 
        line-height:1.2;
      }
        @media only screen and (max-width: 1023px) {
          .header-desktop__menu .menu__lv2 > li > span, .header-desktop__menu .menu__lv2 > li > a {
            color: #0B3E75;
            font-size: 18px;
            /* padding: 6px 0; */
            padding: 13px 0;
            border-bottom: 1px solid #BBB; }
            .header-desktop__menu .menu__lv2 > li > span:before, .header-desktop__menu .menu__lv2 > li > a:before {
              content: "+";
              padding: 0 9px 0 3px;
              font-size: 22px;
              vertical-align: text-bottom;
              }
            }
        .header-desktop__menu .menu__lv2 > li > span:hover, .header-desktop__menu .menu__lv2 > li > a:hover {
          color: #0B3E75;
          background: #CBDEF3;
          text-decoration: none; }
        @media only screen and (max-width: 1023px) {
          .header-desktop__menu .menu__lv2 > li > span.is-open, .header-desktop__menu .menu__lv2 > li > a.is-open {
            border-bottom: 1px solid transparent; }
            .header-desktop__menu .menu__lv2 > li > span.is-open:before, .header-desktop__menu .menu__lv2 > li > a.is-open:before {
              content: "\2013"; }
            .header-desktop__menu .menu__lv2 > li > span.is-open .menu__lv3, .header-desktop__menu .menu__lv2 > li > a.is-open .menu__lv3 {
              display: block; } }
    .header-desktop__menu .menu__lv3 {
      display: none;
      padding: 9px 0; }
      @media only screen and (max-width: 1023px) {
        .header-desktop__menu .menu__lv3 {
          display: block; } }
      .header-desktop__menu .menu__lv3 > li > span, .header-desktop__menu .menu__lv3 > li > a {
        width: 100%;
        line-height: 1.3;
        padding: 5px 0 12px 47px;
        position: relative;
        text-decoration: none; }
        .header-desktop__menu .menu__lv3 > li > span:before, .header-desktop__menu .menu__lv3 > li > a:before {
          content: "\203A";
          font-size: 28px;
          position: absolute;
          top: -6px;
          left: 28px; }

.header-menu-overlay {
  opacity: 0;
  background: rgba(247, 243, 242, 0.95);
  z-index: -5;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition-delay: .2s; }

.ieda-icon {
  font-size: 0;
  color: #999;
  /* CUSTOM */ }
  .ieda-icon:hover {
    color: #0B3E75;
    text-decoration: none; }
  .ieda-icon:before {
    font-size: 25px; }
  .ieda-icon.fa-search:before, .ieda-icon.en:before, .ieda-icon.tc:before {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #999;
    color: #fff;
    border-radius: 50%; }
  .ieda-icon.fa-search:hover:before, .ieda-icon.en:hover:before, .ieda-icon.tc:hover:before {
    background: #333; }
  .ieda-icon.fa-facebook:hover {
    color: #405D9B; }
  .ieda-icon.fa-youtube-play:hover {
    color: #FF0000; }
  .ieda-icon.en:before {
    content: "E"; }
  .ieda-icon.tc:before {
    content: "中";
    font-family: 'Microsoft JhengHei';
    font-weight: bold; }
  .ieda-icon.en:before, .ieda-icon.tc:before, .ieda-icon.fa-search:before {
    font-size: 18px; }

.ieda-img.youku, .ieda-img.info {
  width: 27px;
  height: 27px;
  font-size: 0; }

.ieda-img.youku {
  background: url("../img/misc/youku.svg"); }
  .ieda-img.youku:hover {
    background: url("../img/misc/youku_over.svg"); }

.ieda-img.info {
  background: url("../img/misc/info.svg"); }
  .ieda-img.info:hover {
    background: url("../img/misc/info_over.svg"); }

.menu a, .menu span {
  word-break: keep-all;
  display: inline-block;
  vertical-align: top; }

.ust-row {
  background: #003366;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  /* .ust-row a {
    color: #fff;
    line-height: 30px;
    font-size: 12px; } */
    .group-subsite .ust-row a {
      font-size: 14px; }
    @media only screen and (max-width: 1023px) {
      /* .ust-row a {
        font-size: 11px;
        line-height: 1.3;
        padding: 8px 0;
        display: inline-block; } */
        .group-subsite .ust-row a {
          font-size: 11px; } }
    @media only screen and (max-width: 380px) {
      .group-subsite .ust-row a {
        font-size: 9px; } }
    @media only screen and (max-width: 350px) {
      .ust-row a {
        padding: 4px 0; } }
    .ust-row a img {
      vertical-align: middle;
      max-height: 40px;
      margin: 5px 10px 5px 0; }
      @media only screen and (max-width: 1023px) {
        .ust-row a img {
          max-height: 24px; } }

.header-mobile {
  text-align: left;
  padding: 0 0 35px; }
  .header-mobile__title {
    font-size: 13px;
    font-weight: 700;
    color: #666;
    padding: 52px 25px 0; }
  .header-mobile ul, .header-mobile li, .header-mobile a, .header-mobile span {
    width: 100%; }
  .header-mobile li {
    padding: 4px 25px; }

.subsite {
  margin-top: -54px;
  padding-left: 270px;
  padding-bottom: 50px;
  color: #0B3E75;
  font-size: 29px;
  font-weight: 900;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media only screen and (max-width: 1023px) {
    .subsite {
      margin-top: -50px;
      font-size: 24px; } }
  @media only screen and (max-width: 750px) {
    .subsite {
      display: none; } }
  .js-stick .subsite {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (min-width: 1024px) {
      .js-stick .subsite {
        margin-top: -65px;
        padding-bottom: 25px;
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px); } }

footer {
  background: #F7F3F2; }

.footer-sitemenu {
  padding: 28px 0; }
  @media only screen and (max-width: 1023px) {
    .footer-sitemenu {
      padding: 17px 0; } }
  .footer-sitemenu li {
    display: block;
    width: 100%; 
    line-height: 1.2;
    padding: 3px 0;
  }
  .footer-sitemenu .menu__lv1 > li > span, .footer-sitemenu .menu__lv1 > li > a {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0B3E75 !important; }
  .footer-sitemenu .menu__lv2 > li > span, .footer-sitemenu .menu__lv2 > li > a {
    padding: 2px 0; }
  .footer-sitemenu .menu__lv3 {
    display: none; }
  .footer-sitemenu__site-menu li, .footer-sitemenu__site-menu a {
    display: inline-block;
    vertical-align: middle; }
  .footer-sitemenu__site-menu ul > li {
    width: auto;
    margin: 0 10px 0 0; }
    .footer-sitemenu__site-menu ul > li:last-child {
      float: right;
      margin: 0; }

.footer-info {
  color: #fff;
  background: #003366;
  padding: 21px 0; }
  @media only screen and (max-width: 1023px) {
    .footer-info {
      padding: 26px 0; } }

.footer-menu {
  *zoom: 1; }
  .footer-menu:before, .footer-menu:after {
    content: "";
    display: table;
    line-height: 0; }
  .footer-menu:after {
    clear: both; }
  .footer-menu > li {
    width: 16.66667%;
    float: left;
    max-width: 250px;
    padding: 0 30px 0 0; }
    .page-index .footer-menu > li {
      padding: 0 10px 0 0; }
    .footer-menu > li > span, .footer-menu > li > a {
      padding: 0 0 6px; }

.site-footer-logos {
  float: left;
  max-width: 256px;
  padding: 3px 0 0; }
  @media only screen and (max-width: 1023px) {
    .site-footer-logos {
      position: absolute;
      top: 50px;
      left: 14px; } }
  @media only screen and (max-width: 375px) {
    .site-footer-logos {
      top: 65px; } }

.site-footer-content {
  margin: 0 0 0 256px; }
  @media only screen and (max-width: 1023px) {
    .site-footer-content {
      margin: 0; } }

.site-footer-menu .menu__lv1 > li {
  display: inline-block;
  vertical-align: top; }
  .site-footer-menu .menu__lv1 > li:after {
    content: "|";
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 18px; }
    @media only screen and (max-width: 1023px) {
      .site-footer-menu .menu__lv1 > li:after {
        padding: 0 5px 0 10px; } }
  .site-footer-menu .menu__lv1 > li:last-child:after {
    content: none; }
  .site-footer-menu .menu__lv1 > li > span, .site-footer-menu .menu__lv1 > li > a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none; }
    .site-footer-menu .menu__lv1 > li > span:hover, .site-footer-menu .menu__lv1 > li > a:hover {
      text-decoration: underline; }

.copyright {
  padding: 20px 0 0; }
  @media only screen and (max-width: 1023px) {
    .copyright {
      padding: 115px 0 0; } }
  .copyright span {
    font-size: 14px;
    color: #BBB; }
  .copyright a {
    color: #BBB;
    text-decoration: none; }
    .copyright a:hover {
      text-decoration: underline; }
    .copyright a.ptc:hover {
      text-decoration: none; }
  @media only screen and (max-width: 1023px) {
    .copyright__stmt {
      display: block;
      line-height: 1.3; } }

.middlespan {
  display: inline-block;
  vertical-align: top;
  padding: 0 7px; }
  @media only screen and (max-width: 1023px) {
    .middlespan {
      padding: 0 12px; } }

/* CUSTOM MODULES */
.slick-initialized .slick-arrow {
  z-index: 1;
  width: auto;
  height: auto;
  top: auto;
  bottom: -33px;
  transform: none; }
  .slick-initialized .slick-arrow:before {
    font-size: 49px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: "fontAwesome";
    opacity: 1;
    color: #0B3E75; }
  .slick-initialized .slick-arrow:hover:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
    color: #fff; }
  .slick-initialized .slick-arrow.slick-prev {
    left: 15px; }
    .slick-initialized .slick-arrow.slick-prev:before {
      content: "\f104"; }
  .slick-initialized .slick-arrow.slick-next {
    right: 15px; }
    .slick-initialized .slick-arrow.slick-next:before {
      content: "\f105"; }

.slick-initialized .slick-dots {
  left: 0;
  bottom: 7px;
  padding: 0;
  width: auto;
  border-radius: 24px; }
  @media only screen and (max-width: 1023px) {
    .slick-initialized .slick-dots {
      bottom: -38px; } }
  @media only screen and (max-width: 750px) {
    .slick-initialized .slick-dots {
      width: 100%; } }
  .slick-initialized .slick-dots li {
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 19px 0 0; }
    @media only screen and (max-width: 1023px) {
      .slick-initialized .slick-dots li {
        padding: 0 10px; } }
    .slick-initialized .slick-dots li:hover button:before, .slick-initialized .slick-dots li.slick-active button:before {
      color: #666; }
    .slick-initialized .slick-dots li button {
      width: auto;
      height: auto;
      padding: 0; }
      .slick-initialized .slick-dots li button:before {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        color: #CCC;
        opacity: 1;
        font-size: 16px;
        line-height: 16px;
        width: 16px;
        height: 16px; }

/* DEFINED CKEDITOR CONTENT STYLES */
h1,
.title,
.ck-major-title {
  color: #0B3E75;
  font-size: 36px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  line-height: 40px; }

h2,
.subtitle,
.ck-major-subtitle {
  color: #0B3E75;
  font-size: 24px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  line-height: 25px; }

h3,
.paragraph-title,
.ck-major-para-title {
  color: #0B3E75;
  font-size: 21px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  line-height: 22px;
  margin: 38px 0 18px; }

p,
.maincontent,
.ck-major-content {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  color: #1F1F1F; }

.hero-slider {
  margin: 29px 0 0; }
  @media only screen and (max-width: 1023px) {
    .hero-slider {
      margin: 14px 0 0; } }
  .hero-slider > .wrapper {
    *zoom: 1; }
    .hero-slider > .wrapper:before, .hero-slider > .wrapper:after {
      content: "";
      display: table;
      line-height: 0; }
    .hero-slider > .wrapper:after {
      clear: both; }
  .hero-slider__slider {
    float: left; }

.main-slider {
  width: 34%;
  max-width: 510px; }
  @media only screen and (max-width: 1023px) {
    .main-slider {
      width: 100%;
      max-width: 100%; }
      .main-slider.slick-slider.slick-dotted {
        margin-bottom: 52px; } }

.info-slider {
  width: 66%;
  max-width: 990px;
  float: right; }
  @media only screen and (max-width: 1023px) {
    .info-slider {
      float: left;
      width: 100%; } }

.slide {
  min-height: 560px; }
  @media only screen and (max-width: 1023px) {
    .slide {
      min-height: initial; } }
  .slide:focus {
    outline: none; }
  .slide__title {
    font-size: 48px;
    font-weight: 600;
    line-height: 50px;
    color: #0B3E75;
    padding: 39px 2px 20px; }
    @media only screen and (max-width: 1530px) {
      .slide__title {
        padding: 0 2px 20px; } }
    @media only screen and (max-width: 1023px) and (min-width: 751px) {
      .slide__title {
        padding: 25px 2px 20px; } }
    @media only screen and (max-width: 750px) {
      .slide__title {
        font-size: 36px;
        margin: 10px 0 0;
        line-height: 1.1; } }
  .slide__content {
    padding: 0 42px 0 0;
    line-height: 1.5; }
    @media only screen and (max-width: 1023px) {
      .slide__content {
        padding: 0; } }
  .slide__action {
    padding: 30px 0 10px; }
    @media only screen and (max-width: 750px) {
      .slide__action {
        text-align: center; } }

.shortcuts {
  margin: 30px 0 45px; }
  @media only screen and (max-width: 1023px) {
    .shortcuts {
      text-align: center; } }
  .shortcuts > .wrapper {
    *zoom: 1; }
    .shortcuts > .wrapper:before, .shortcuts > .wrapper:after {
      content: "";
      display: table;
      line-height: 0; }
    .shortcuts > .wrapper:after {
      clear: both; }
  .shortcuts__one {
    float: left;
    width: 480px;
    max-width: 32%;
    min-height: 270px;
    text-align: center;
    background-color: #BBB;
    color: #fff;
    position: relative;
    cursor: pointer;
    margin: 0 2% 0 0;
    margin-bottom: 15px; }
    @media only screen and (max-width: 1023px) and (min-width: 751px) {
      .shortcuts__one {
        margin: 0 2% 15px 0;
        max-width: 49%; }
        .shortcuts__one:nth-child(2n) {
          margin: 0 0 15px; } }
    @media only screen and (max-width: 750px) {
      .shortcuts__one {
        max-width: 100%;
        margin: 0 auto 15px;
        float: none;
        display: inline-block;
        min-height: unset; } }
    .shortcuts__one:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .shortcuts__one:before:hover {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    .shortcuts__one:last-child {
      margin: 0 0 15px; }
    .shortcuts__one.red-type:before {
      background-color: rgba(130, 28, 33, 0.7); }
    .shortcuts__one.red-type:hover:before {
      background-color: rgba(130, 28, 33, 0.3); }
    .shortcuts__one.red-type .shortcut-link {
      color: #821C21; }
    .shortcuts__one.blue-type:before {
      background-color: rgba(11, 62, 117, 0.7); }
    .shortcuts__one.blue-type:hover:before {
      background-color: rgba(11, 62, 117, 0.3); }
    .shortcuts__one.blue-type .shortcut-link {
      color: #0B3E75; }
    .shortcuts__one.yellow-type:before {
      background-color: rgba(165, 133, 44, 0.7); }
    .shortcuts__one.yellow-type:hover:before {
      background-color: rgba(165, 133, 44, 0.3); }
    .shortcuts__one.yellow-type .shortcut-link {
      color: #A5852C; }
  .shortcuts__name, .shortcuts__link {
    position: relative;
    z-index: 1; }
  .shortcuts__name {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin: 86px 0 20px; }
    @media only screen and (max-width: 750px) {
      .shortcuts__name {
        margin: 75px 0 20px;
        font-size: 32px; } }
  .shortcuts__link {
    display: inline-block;
    vertical-align: top;
    padding: 0 38px;
    line-height: 30px;
    background: #fff;
    font-weight: 600;
    letter-spacing: 1.5px; }
    @media only screen and (max-width: 750px) {
      .shortcuts__link {
        margin: 0 0 45px; } }

.shortcut-link:hover {
  text-decoration: none; }

.events-news {
  background: #E3E1DB;
  padding: 30px 0 85px; }
  @media only screen and (max-width: 750px) {
    .events-news {
      padding: 30px 0 45px; } }
  .events-news > .wrapper {
    *zoom: 1;
    display: flex;
    flex-wrap: nowrap; }
    .events-news > .wrapper:before, .events-news > .wrapper:after {
      content: "";
      display: table;
      line-height: 0; }
    .events-news > .wrapper:after {
      clear: both; }
    @media only screen and (max-width: 750px) {
      .events-news > .wrapper {
        display: block; } }
  .events-news__events {
    float: left;
    width: 353px;
    margin: 0 2% 0 0;
    flex: 0 0 353px; }
    @media only screen and (max-width: 750px) {
      .events-news__events {
        max-width: 100%;
        margin: 0;
        float: none;
        margin: 0 auto 48px; } }
  .events-news__news {
    float: left;
    width: 1117px;
    max-width: 74.4666%;
    overflow: hidden; }
    @media only screen and (max-width: 750px) {
      .events-news__news {
        max-width: 352px;
        width: 100%;
        float: none;
        margin: 0 auto; } }
    .events-news__news .events-news__content {
      *zoom: 1;
      margin: 0 -15px; }
      .events-news__news .events-news__content:before, .events-news__news .events-news__content:after {
        content: "";
        display: table;
        line-height: 0; }
      .events-news__news .events-news__content:after {
        clear: both; }
    .events-news__news .title-block {
      float: left; }
      /* @media only screen and (max-width: 750px) {
        .events-news__news .title-block {
          display: none; }
          .events-news__news .title-block:nth-child(1), .events-news__news .title-block:nth-child(2), .events-news__news .title-block:nth-child(3) {
            display: block; } } */
    .events-news__news .events-news__more {
      text-align: center; }
  .events-news__title {
    font-size: 36px;
    font-weight: 600;
    color: #0B3E75;
    line-height: 40px;
    padding: 0 2px; }
  .events-news__content {
    padding: 20px 0; }
  @media only screen and (max-width: 750px) {
    .events-news__more {
      text-align: center; } }

/* NEWS CENTER - listing */
.news-events__list {
  margin: 74px 0; }
  .news-events__list.full .news-events__col {
    width: 100%; }

.news-events__row {
  *zoom: 1; }
  .news-events__row:before, .news-events__row:after {
    content: "";
    display: table;
    line-height: 0; }
  .news-events__row:after {
    clear: both; }

.news-events__col {
  float: left;
  width: 50%; }
  @media only screen and (max-width: 1023px) {
    .news-events__col {
      width: 100%; } }
  .news-events__col.col-2 {
    padding: 0 0 0 18px; }
    @media only screen and (max-width: 1023px) {
      .news-events__col.col-2 {
        padding: 0; } }

.news-events__title {
  font-size: 36px;
  font-weight: 600;
  color: #0B3E75;
  line-height: 1;
  margin: 0 0 35px; }

.news-events__cover {
  *zoom: 1; }
  .news-events__cover:before, .news-events__cover:after {
    content: "";
    display: table;
    line-height: 0; }
  .news-events__cover:after {
    clear: both; }
  @media only screen and (max-width: 1023px) {
    .news-events__cover {
      width: 595px;
      max-width: 100%;
      margin: 0 auto 60px; } }
  .news-events__cover .title-block {
    float: left;
    width: 50%;
    margin: 0 0 10px;
    max-width: 292px; }
    @media only screen and (max-width: 1530px) {
      .news-events__cover .title-block {
        width: 49%; } }
    @media only screen and (max-width: 500px) {
      .news-events__cover .title-block {
        max-width: 100%;
        width: 100%; }
        .news-events__cover .title-block img {
          width: 100%; } }
    .news-events__cover .title-block:first-child {
      width: 100%;
      max-width: 595px; }
      @media only screen and (max-width: 500px) {
        .news-events__cover .title-block:first-child {
          max-width: 100%; } }
      .news-events__cover .title-block:first-child .title-block__title a {
        font-size: 21px; }
        @media only screen and (max-width: 500px) {
          .news-events__cover .title-block:first-child .title-block__title a {
            font-size: 16px; } }
      .news-events__cover .title-block:first-child .title-block__date {
        width: 120px;
        height: 120px;
        font-size: 36px; }
        @media only screen and (max-width: 500px) {
          .news-events__cover .title-block:first-child .title-block__date {
            width: 60px;
            height: 60px;
            font-size: 18px; } }
    .news-events__cover .title-block:nth-child(2) {
      margin-right: 11px; }
      @media only screen and (max-width: 1530px) {
        .news-events__cover .title-block:nth-child(2) {
          margin-right: 2%; } }
      @media only screen and (max-width: 500px) {
        .news-events__cover .title-block:nth-child(2) {
          margin-right: 0; } }
    .news-events__cover .title-block__wrapper {
      margin: 0; }
    .news-events__cover .title-block__title a {
      font-size: 16px; }

.news-events__other .info-block {
  margin: 25px 0 0;
  border-bottom: 1px solid #CCC; }
  .news-events__other .info-block__contents {
    width: calc(100% - 60px); }
  .news-events__other .info-block__content {
    padding: 0 20px 14px;
    min-height: unset; }
  .news-events__other .info-block__subtitle {
    line-height: 1; }
  .news-events__other .info-block__title {
    margin: 0 0 14px; }
  .news-events__other .info-block__date {
    color: #fff;
    background: #8D9EB1; }
    .news-events__other .info-block__date.active {
      color: #fff;
      background: #8D9EB1; }
  .news-events__other .info-block__detail {
    font-size: 16px; }
    .news-events__other .info-block__detail > div {
      padding: 0 0 0 45px; }
      @media only screen and (max-width: 750px) {
        .news-events__other .info-block__detail > div {
          padding: 0 0 0 30px; } }
      .news-events__other .info-block__detail > div:before {
        padding: 0 0 0 5px; }

.news-events__search {
  margin: 25px 0 16px; }
  .news-events__search > form {
    *zoom: 1; }
    .news-events__search > form:before, .news-events__search > form:after {
      content: "";
      display: table;
      line-height: 0; }
    .news-events__search > form:after {
      clear: both; }

.news-title {
  border-bottom: 1px solid #CCC;
  margin: 20px 0 0; }
  .full .news-title {
    border-bottom: none;
    margin: 0 0 8px; }
    .full .news-title:last-child {
      border-bottom: 1px solid #CCC;
      padding: 0 0 28px; }
  .news-title a {
    font-size: 18px;
    font-weight: 600; }

.news-date {
  color: #999;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  /* padding: 0 0 22px;  */
  padding: 5px 0 22px;
}

.search-value {
  float: left;
  width: 70%;
  text-align: right; }
  @media only screen and (max-width: 1530px) {
    .search-value {
      width: 65%; } }
  @media only screen and (max-width: 560px) {
    .search-value {
      width: 100%; } }

.search-field {
  max-width: 240px;
  margin: 0 1px 0 0; }
  @media only screen and (max-width: 1530px) {
    .search-field {
      max-width: 200px; } }
  @media only screen and (max-width: 560px) {
    .search-field {
      max-width: calc(100% - 105px);
      margin: 0 6px 0 0; } }

input.search-submit {
  width: 90px;
  font-weight: 600;
  line-height: 30px; }

.search-year {
  float: left;
  width: 30%; }
  @media only screen and (max-width: 1530px) {
    .search-year {
      width: 35%; } }
  @media only screen and (max-width: 560px) {
    .search-year {
      width: 100%;
      text-align: right;
      margin: 0 0 12px; } }
  .search-year span {
    font-size: 18px;
    padding: 0 6px 0 0; }
  .search-year select {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    padding: 5px 8px;
    font-size: 16px; }

/* NEWS CENTER - detail */
.news-events__detail {
  margin: 70px 0 93px; }
  .news-events__detail.full .news-events__col {
    width: 100%;
    padding-right: 0; }

.news-events__col.context {
  width: 67.37705%;
  padding-right: 2.45902%; }
  @media only screen and (max-width: 1023px) {
    .news-events__col.context {
      width: 100%;
      padding-right: 0; } }

.news-events__col.sidebar {
  width: 32.62295%;
  /* padding: 95px 0 0;  */
  }
  @media only screen and (max-width: 1023px) {
    .news-events__col.sidebar {
      width: 100%;
      /* display: none;  */
    }
  }

.context__title, .context__subtitle {
  font-weight: 600;
  font-family: "Open Sans", sans-serif; }

.context__title {
  color: #0B3E75;
  font-size: 23px;
  line-height: 27px;
  padding: 4px 0 40px; }

.context__subtitle {
  color: #A5852C;
  font-size: 16px; }

.context__info {
  background: #EDEFF1;
  padding: 9px 16px 28px;
  margin: 0 0 45px; }

.context__info-item {
  line-height: 28px; }

.context__main-photo {
  margin: 0 0 28px 0; 
}

.context__photos {
  margin: 28px -1% 0;
  *zoom: 1; }
  .context__photos:before, .context__photos:after {
    content: "";
    display: table;
    line-height: 0; }
  .context__photos:after {
    clear: both; }
  @media only screen and (max-width: 750px) {
    .context__photos {
      margin: 28px 0 0; } }

.context__photo {
  float: left;
  width: 31.33%;
  margin: 0 1%; }
  @media only screen and (max-width: 1023px) and (min-width: 751px) {
    .context__photo {
      width: 48%; } }
  @media only screen and (max-width: 750px) {
    .context__photo {
      width: 100%;
      margin: 0; } }
  .context__photo img {
    vertical-align: top; }
    @media only screen and (max-width: 1023px) {
      .context__photo img {
        width: 100%; } }

.context__photo-caption {
  margin: 5px 0 20px;
  font-size: 14px;
  line-height: 1.2; }

.item-label,
.item-value {
  display: inline-block;
  vertical-align: top; }
  @media only screen and (max-width: 750px) {
    .item-label,
    .item-value {
      display: block; } }

.item-label {
  color: #888;
  /* min-width: 85px;  */
  width:110px;
}

.item-value {
  font-weight: 600;
  width:calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: -o-calc(100% - 110px);
}

.info-block {
  *zoom: 1; }
  .info-block:before, .info-block:after {
    content: "";
    display: table;
    line-height: 0; }
  .info-block:after {
    clear: both; }
  .info-block__dates {
    width: 60px;
    float: left; }
  .info-block__contents {
    width: 293px;
    float: left;
    position: relative; }
    @media only screen and (max-width: 750px) {
      .info-block__contents {
        max-width: calc(100% - 60px); } }
  .info-block__date {
    background: #8D9EB1;
    color: #fff;
    text-align: center;
    padding: 9px 0;
    margin: 0 0 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .info-block__date:hover, .info-block__date.active {
      background: #fff;
      color: #0B3E75;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .info-block__content {
    background: #fff;
    min-height: 230px;
    padding: 11px 18px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0; }
    .info-block__content.active {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      opacity: 1;
      z-index: 2;
      position: relative; }
    .info-block__content.mode-img {
      padding: 11px 10px;
      text-align: center; }
  .info-block__month, .info-block__day {
    display: block;
    font-size: 18px;
    line-height: 1.2; }
  .info-block__month {
    font-weight: 700; }
  .info-block__subtitle, .info-block__title {
    font-weight: 600; }
  .info-block__subtitle {
    color: #A5852C; }
  .info-block__title {
    color: #0B3E75;
    font-size: 17px;
    margin: 0 0 26px; 
    line-height: 1.2;
  }
  .info-block__detail > div {
    padding: 0 0 0 30px;
    position: relative; }
    .info-block__detail > div:before {
      content: "";
      font-family: "fontAwesome";
      position: absolute;
      top: 0;
      left: 0;
      color: #8D9EB1; }
  .info-block__detail .info-block__fulldate:before {
    content: "\f133"; }
  .info-block__detail .info-block__time:before {
    content: "\f017"; }
  .info-block__detail .info-block__place:before {
    content: "\f041";
    padding: 0 2px; }
  .info-block__detail .info-block__speaker:before {
    content: "\f007"; }

.title-block {
  text-align: center;
  width: 332px;
  max-width: 332px;
  margin: 0 0 15px; }
  @media only screen and (max-width: 750px) {
    .title-block {
      max-width: 100%; } }
  .title-block:focus {
    outline: none; }
  .title-block__wrapper {
    margin: 0 15px;
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    .title-block__wrapper:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
      height: 150px;
      width: 100%;
      opacity: .6;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
    .title-block__wrapper:hover .title-block__img {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
  .title-block__date {
    text-align: center;
    width: 60px;
    height: 60px;
    background: #A5852C;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    .title-block__date-wrapper {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .title-block__month {
    font-weight: 700; }
  .title-block__img {
    vertical-align: top;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .title-block__title {
    position: absolute;
    left: 0;
    bottom: 24px;
    z-index: 1;
    width: 100%;
    line-height: 1.2;
    padding: 0 30px; }
    .title-block__title a {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      text-decoration: none; }

.richtext {
  padding: 10px 0 65px; }
  .richtext i {
    font-style: italic; }
  .richtext__layout {
    *zoom: 1; }
    .richtext__layout:before, .richtext__layout:after {
      content: "";
      display: table;
      line-height: 0; }
    .richtext__layout:after {
      clear: both; }
    .richtext__layout.full .sidebar {
      display: none; }
    .richtext__layout.full .maincontent {
      width: 100%;
      max-width: 100%;
      padding: 0; }
  .richtext__col.sidebar {
    float: right; }
  .richtext__col.maincontent p {
    margin: 28px 0; }
  .richtext__photos {
    *zoom: 1;
    margin: 28px 0; }
    .richtext__photos:before, .richtext__photos:after {
      content: "";
      display: table;
      line-height: 0; }
    .richtext__photos:after {
      clear: both; }
    .richtext__photos img {
      float: left;
      width: 31.63934%;
      margin-right: 2.45902%;
      margin-bottom: 1.22951%; }
      .richtext__photos img:nth-child(3n) {
        margin-right: 0; }
      @media only screen and (max-width: 1023px) and (min-width: 751px) {
        .richtext__photos img {
          width: 48%; }
          .richtext__photos img:nth-child(2n) {
            margin-right: 0; }
          .richtext__photos img:nth-child(3n) {
            margin-right: 2.45902%; } }
      @media only screen and (max-width: 750px) {
        .richtext__photos img {
          width: 100%;
          margin-right: 0;
          margin-bottom: 20px; } }
  .richtext .title {
    margin: 60px 0 30px; }
    @media only screen and (max-width: 1023px) {
      .richtext .title {
        margin: 30px 0; } }
    .group-template-1 .richtext .title {
      margin: 60px 0 0; }
  .richtext .ck-major-subtitle {
    margin: 38px 0 15px; }
  .group-template-1 .richtext .ck-major-para-title {
    margin: 38px 0 0; }
    .group-template-1 .richtext .ck-major-para-title + p {
      margin-top: 10px; }

.maincontent ul {
  padding: 0 0 0 20px;
  list-style: disc; }

.maincontent ol {
  padding: 0 0 0 28px;
  list-style: decimal; }

.richtext .sidebar {
  width: 284px; }

.richtext .maincontent {
  padding: 0 316px 0 0; }

/* .template-two .sidebar {
  width: 250px; }

.template-two .maincontent {
  padding: 0 280px 0 0; } */

.template-2cols .sidebar {
  width: 250px; }

.template-2cols .maincontent {
  padding: 0 280px 0 0; }

@media only screen and (max-width: 1023px) {
  .template-one .sidebar,
  .template-two .sidebar,
  .template-2cols .sidebar {
    width: 100%;
    margin-bottom: 15px;
    float: none;
    /* display: none;  */
  } }

@media only screen and (max-width: 1023px) {
  .template-one .maincontent,
  .template-two .maincontent,
  .template-2cols .maincontent {
    padding: 0;
    width: 100%;
    max-width: 100%; } }

.sidebar__menu {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 22px;
  margin: 0 0 40px; }
  .sidebar__menu > li > a, .sidebar__menu > li > span {
    display: block;
    background: #EDEFF1;
    color: #296CB6;
    padding: 9px 30px 9px 32px;
    position: relative;
    margin: 0 0 2px; }
    .sidebar__menu > li > a:before, .sidebar__menu > li > span:before {
      content: "\f105";
      font-family: "fontAwesome";
      position: absolute;
      top: 0;
      left: 0;
      margin: 8px 15px; }
    .sidebar__menu > li > a:hover, .sidebar__menu > li > a.is-active, .sidebar__menu > li > span:hover, .sidebar__menu > li > span.is-active {
      background: #296CB6;
      color: #fff !important;
      text-decoration: none; }

.accordian {
  background: #EDEFF1;
  padding: 6px 20px 6px 42px;
  margin: 0 0 10px; }
  .accordian__title {
    font-weight: bold;
    color: #0B3E75;
    line-height: 28px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .accordian__title:before {
      content: "\f067";
      position: absolute;
      top: 0;
      left: 0;
      font-family: "fontAwesome";
      font-weight: 400;
      font-size: 14px;
      margin: 6px 20px; }
    .accordian__title:hover, .accordian__title.active {
      background: #296CB6;
      color: #fff;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .accordian__title.active {
      margin: 0; }
      .accordian__title.active:before {
        content: "\f068"; }
  .accordian__content {
    display: none;
    padding-top: 40px;
    padding-bottom: 35px; }
    .accordian__content li {
      margin: 0 0 28px 0; }
    /* .accordian__content ul, .accordian__content ol, .accordian__content li {
      margin: 28px 0; } */
  .accordian__section {
    margin: 0 0 60px; }

/* PEOPLE - Faculty - Staff List */
.staff-list {
  margin: 24px 0; }
  .staff-list:first-child {
    margin: 70px 0 0; }
  .staff-list__list-title {
    color: #0B3E75;
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    margin: 0 0 34px; }
    .staff-list__list-title.small {
      font-size: 29px; }
  /* .staff-list__content {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap; } */
    .staff-list__content:before, .staff-list__content:after {
      content: "";
      display: table;
      line-height: 0; }
    .staff-list__content:after {
      clear: both; }
  .staff-list__person {
    display: inline-block;
    margin: 0 -4px 30px;
    width: 50%;
    /* float: left; */
    /* width: 50%;
    margin: 0 0 30px;
    *zoom: 1; } */
    }
    .staff-list__person:before, .staff-list__person:after {
      content: "";
      display: table;
      line-height: 0; }
    .staff-list__person:after {
      clear: both; }
    @media only screen and (max-width: 950px) {
      .staff-list__person {
        width: 100%; } }
    .staff-list__person:nth-child(2n) {
      padding: 0 0 0 7px; }
    .staff-list__person:nth-child(2n+1) {
      padding: 0 7px 0 0; }
    .staff-list__person:nth-child(2n), .staff-list__person:nth-child(2n+1) {
      padding: 0; }
  .staff-list__photo {
    width: 178px;
    /* height: 195px; */
    float: left;
    background: #CCC;
    position: relative; }
    @media only screen and (max-width: 480px) {
      .staff-list__photo {
        max-width: 30%;
        height: auto;
        min-height: 92px; } }
    /* .staff-list__photo a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; } */
  .staff-list__info {
    float: left;
    width: calc(100% - 178px);
    padding: 0 0 0 30px; }
    @media only screen and (max-width: 480px) {
      .staff-list__info {
        width: 70%;
        padding: 0 0 0 3%; } }
  .staff-list__info-more {
    padding: 15px 0 0;
    line-height: 26px; }
  .staff-list__name {
    color: #286CB6;
    font-size: 24px;
    padding: 3px 0 0; }
  .staff-list__title {
    padding: 8px 3px 0;
    line-height: 22px; }
  .staff-list__phone, .staff-list__email, .staff-list__place {
    position: relative;
    padding: 0 32px; }
    .staff-list__phone:before, .staff-list__email:before, .staff-list__place:before {
      font-family: "fontAwesome";
      position: absolute;
      top: 0;
      left: 0;
      color: #B4BECB; }
  .staff-list__phone:before {
    content: "\f095";
    font-size: 22px;
    left: 2px; }
  .staff-list__email:before {
    content: "\f0e0";
    font-size: 18px;
    top: 2px;
    left: 2px; }
  .staff-list__place:before {
    content: "\f041";
    font-size: 21px;
    top: 1px;
    left: 5px; }

/* PEOPLE - Faculty detail */
.staff-detail {
  margin: 59px 0 45px; }
  @media only screen and (max-width: 750px) {
    .staff-detail {
      margin: 0;
      background: #EDEFF1;
      padding: 14px 0 24px; } }
  .staff-detail__person {
    background: #EDEFF1;
    *zoom: 1; }
    .staff-detail__person:before, .staff-detail__person:after {
      content: "";
      display: table;
      line-height: 0; }
    .staff-detail__person:after {
      clear: both; }
  .staff-detail__photo {
    float: left;
    width: 178px; }
    .staff-detail__photo img {
      vertical-align: top; }
  .staff-detail__info {
    float: left;
    width: calc(100% - 178px);
    padding: 22px 18px; }
    @media only screen and (max-width: 750px) {
      .staff-detail__info {
        width: 100%;
        padding: 12px 0; } }
  .staff-detail__content {
    *zoom: 1; }
    .staff-detail__content:before, .staff-detail__content:after {
      content: "";
      display: table;
      line-height: 0; }
    .staff-detail__content:after {
      clear: both; }
  .staff-detail__left {
    float: left;
    width: 62.09213%; }
    @media only screen and (max-width: 750px) {
      .staff-detail__left {
        width: 100%; } }
  .staff-detail__right {
    float: left;
    width: 37.90787%;
    padding: 0 0 0 29px;
    border-left: 1px solid #CCC; }
    @media only screen and (max-width: 750px) {
      .staff-detail__right {
        display: none; } }
    @media only screen and (max-width: 1023px) and (min-width: 751px) {
      .staff-detail__right > div {
        line-height: 1.2;
        margin: 0 0 10px; } }

.person__name {
  color: #0B3E75;
  font-size: 30px;
  margin: 0 0 9px; }
  @media only screen and (max-width: 750px) {
    .person__name {
      font-size: 24px; } }

.person__academic {
  color: #0B3E75;
  font-size: 16px; }

.person__titles {
  margin: 12px 0 0;
  line-height: 20px; }

.person__extlinks {
  margin: 10px 0 0; }

.person__link:after {
  content: "|";
  color: #CCC;
  display: inline-block;
  vertical-align: top;
  padding: 0 6px; }

.person__link:last-child:after {
  content: none; }

.person__label, .person__value {
  display: inline-block;
  vertical-align: top; }
  @media only screen and (max-width: 1023px) and (min-width: 751px) {
    .person__label, .person__value {
      display: block; } }

.person__label {
  color: #666;
  min-width: 65px; }

.person-interest {
  margin: 0 0 57px; }
  .person-interest__title {
    color: #0B3E75;
    font-weight: 600;
    font-size: 21px;
    margin: 0 0 12px; }

.tabmenu {
  margin: 0 0 80px; }
  .tabmenu__title {
    padding: 0 15px;
    position: relative; }
    .tabmenu__title:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: #999; }
    .tabmenu__title ul {
      /* Horizontal Scroll */
      overflow:hidden;
      /* overflow-x: scroll;
      overflow-y: hidden; */
      white-space: nowrap;
      /* -webkit-overflow-scrolling: touch;  */
    }
      .tabmenu__title ul::-webkit-scrollbar {
        display: none; }
  @media only screen and (max-width: 750px) {
    .tabmenu__content {
      padding: 17px 0; } }
  .tabmenu__tab {
    color: #fff;
    background: #0B3E75;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    line-height: 38px;
    padding: 0 28px;
    border: 1px solid #0B3E75;
    border-bottom: 1px solid #999;
    margin: 0 1px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .tabmenu__tab:hover, .tabmenu__tab.active {
      color: #0B3E75;
      background: #fff;
      border: 1px solid #999;
      border-bottom: 1px solid transparent;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .tabmenu__tab-content {
    display: none;
    padding: 50px 0 30px; }
    @media only screen and (max-width: 750px) {
      .tabmenu__tab-content {
        padding: 8px 30px 8px 0; } }
    .tabmenu__tab-content.active {
      display: block; 
      border-bottom: 1px solid #BBB;
    }
  .tabmenu__collapse {
    font-size: 18px;
    font-weight: 600;
    line-height: 48px;
    color: #286CB6;
    border-bottom: 1px solid #BBB;
    position: relative; }
    .tabmenu__collapse:before {
      content: "\f067";
      font-family: "fontAwesome";
      font-weight: 300;
      font-size: 16px;
      color: #999;
      position: absolute;
      top: 0;
      right: 12px; }
    .tabmenu__collapse.active {
      color: #0B3E75;
      font-weight: 700;
      border-bottom: none; }
      .tabmenu__collapse.active:before {
        content: "\f068"; }

.btn-back-to {
  min-width: 100px;
  background: #B4BECB; }
  .page-faculty-staff .btn-back-to {
    margin: 15px 0 10px;
    /* margin: 6px 0 10px;  */
  }

.staff-table__row.detail .staff-name {
  color: #286CB6;
  font-weight: 600; }

.staff-table {
  padding: 0 0 80px; }
  .staff-table__title {
    color: #0B3E75;
    font-size: 36px;
    font-weight: 600;
    margin: 77px 0 40px; }
    @media only screen and (max-width: 750px) {
      .staff-table__title {
        display: none; } }
  .staff-table__table-title {
    color: #0B3E75;
    font-size: 24px;
    font-weight: 600;
    margin: 42px 0 22px; }
    @media only screen and (max-width: 750px) {
      .staff-table__table-title {
        margin: 42px 0 12px; } }
  .staff-table__row {
    *zoom: 1; }
    .staff-table__row:before, .staff-table__row:after {
      content: "";
      display: table;
      line-height: 0; }
    .staff-table__row:after {
      clear: both; }
    .staff-table__row:not(:last-child) {
      border-bottom: 1px solid #CCC; }
    .staff-table__row.subject {
      background: #A0AEBE;
      color: #fff;
      font-weight: 600;
      line-height: 30px;
      padding: 0 13px; }
      @media only screen and (max-width: 750px) {
        .staff-table__row.subject {
          display: none; } }
      .staff-table__row.subject .staff-info {
        font-size: 16px; }
    .staff-table__row.detail {
      cursor: pointer;
      font-size: 16px;
      line-height: 20px;
      padding: 15px 13px; }
      @media only screen and (max-width: 750px) {
        .staff-table__row.detail {
          padding: 10px 3px 15px;
          font-size: 18px; } }
      .staff-table__row.detail.active {
        background: #EDEFF1;
        border-bottom: 1px solid transparent;
        padding: 43px 13px 55px; }
        @media only screen and (max-width: 750px) {
          .staff-table__row.detail.active {
            padding: 12px 0px; } }
        .staff-table__row.detail.active .staff-name {
          color: #0B3E75;
          font-size: 24px;
          padding: 0 15px; }
          @media only screen and (max-width: 750px) {
            .staff-table__row.detail.active .staff-name {
              font-size: 18px;
              font-weight: 700;
              padding: 5px 18px 1px; } }
        @media only screen and (max-width: 750px) {
          .staff-table__row.detail.active .staff-info {
            padding: 0 18px; } }
        @media only screen and (max-width: 750px) {
          .staff-table__row.detail.active .staff-info__title {
            margin: 0 0 13px; } }
        @media only screen and (max-width: 750px) {
          .staff-table__row.detail.active .staff-name:after {
            content: "\f068"; } }
      .staff-table__row.detail .staff-name {
        padding: 0;
        position: relative; }
        @media only screen and (max-width: 750px) {
          .staff-table__row.detail .staff-name:after {
            content: "\f067";
            position: absolute;
            top: 3px;
            right: 9px;
            font-family: "fontAwesome";
            font-weight: 300;
            font-size: 15px;
            color: #999; } }
  .staff-table__col {
    float: left; }
    .staff-table__col.staff-name {
      width: 25%; }
      @media only screen and (max-width: 1023px) and (min-width: 751px) {
        .staff-table__col.staff-name {
          width: 40%; } }
      @media only screen and (max-width: 750px) {
        .staff-table__col.staff-name {
          width: 100%; } }
    .staff-table__col.staff-info {
      width: 75%; }
      @media only screen and (max-width: 1023px) and (min-width: 751px) {
        .staff-table__col.staff-info {
          width: 60%; } }
      @media only screen and (max-width: 750px) {
        .staff-table__col.staff-info {
          width: 100%; } }

.staff-info {
  font-size: 0; }
  .staff-info__title, .staff-info__phone, .staff-info__email, .staff-info__place {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 16px; }
    @media only screen and (max-width: 1530px) {
      .staff-info__title, .staff-info__phone, .staff-info__email, .staff-info__place {
        width: 25% !important; } }
    @media only screen and (max-width: 1023px) and (min-width: 751px) {
      .staff-info__title, .staff-info__phone, .staff-info__email, .staff-info__place {
        width: 100% !important;
        line-height: 24px; } }
    @media only screen and (max-width: 750px) {
      .staff-info__title, .staff-info__phone, .staff-info__email, .staff-info__place {
        width: 100% !important; } }
  .staff-info__title {
    width: 100%; }
    @media only screen and (max-width: 750px) {
      .staff-info__title {
        font-size: 13px; } }
    .active .staff-info__title {
      width: 24%;
      padding: 0 1% 0 0; }
      @media only screen and (max-width: 1023px) and (min-width: 751px) {
        .active .staff-info__title {
          padding: 0 0 15px; } }
  .staff-info__phone, .staff-info__email, .staff-info__place {
    opacity: 0;
    position: relative;
    padding: 0 32px;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0 opacity 0.3s ease-in-out;
    -moz-transition: all 0 opacity 0.3s ease-in-out;
    -ms-transition: all 0 opacity 0.3s ease-in-out;
    -o-transition: all 0 opacity 0.3s ease-in-out;
    transition: all 0 opacity 0.3s ease-in-out; }
    .staff-info__phone:before, .staff-info__email:before, .staff-info__place:before {
      font-family: "fontAwesome";
      position: absolute;
      top: 0;
      left: 0;
      color: #B4BECB; }
    .active .staff-info__phone, .active .staff-info__email, .active .staff-info__place {
      opacity: 1;
      display: inline-block;
      vertical-align: top;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      /* -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      transition-delay: .2s;  */
      }
      @media only screen and (max-width: 750px) {
        .active .staff-info__phone, .active .staff-info__email, .active .staff-info__place {
          padding: 0 32px 10px; } }
  .staff-info__phone {
    width: 19%; }
    .staff-info__phone:before {
      content: "\f095";
      font-size: 22px;
      left: 6px; }
  .staff-info__email {
    width: 26%; }
    .staff-info__email:before {
      content: "\f0e0";
      font-size: 18px;
      left: 2px; }
  .staff-info__place:before {
    content: "\f041";
    font-size: 21px;
    left: 6px; }
  @media only screen and (max-width: 750px) {
    .staff-info__place {
      padding: 0 32px 3px; } }

#cboxLoadingGraphic {
  background: url("../img/loading.gif") no-repeat center center/100px 100px #fff; }

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  background: url("../img/controls.png") no-repeat 0 0;
  background-position: -50px 0px; }
  #cboxPrevious:focus,
  #cboxNext:focus,
  #cboxSlideshow:focus,
  #cboxClose:focus {
    outline: none; }

#cboxOverlay {
  background: #0b3e75;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#cboxContent {
  background: none; }

#cboxLoadedContent {
  background: #FDFDFD;
  padding: 0; }
  .page-photos #cboxLoadedContent {
    padding: 5px; }

#cboxClose {
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  margin: 15px;
  background: none; }
  .page-videos #cboxClose {
    top: -52px; }
    @media only screen and (max-width: 750px) {
      .page-videos #cboxClose {
        top: -32px; } }
  @media only screen and (max-width: 750px) {
    #cboxClose {
      margin: 0;
      top: -35px; } }
  #cboxClose:before, #cboxClose:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 27px;
    height: 2px;
    background: #999; }
    @media only screen and (max-width: 750px) {
      #cboxClose:before, #cboxClose:after {
        background: #fff; } }
  #cboxClose:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  #cboxClose:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

#colorbox,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent {
  max-width: 100%; }

#cboxPrevious,
#cboxNext {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  width: 50px;
  height: 50px; }
  #cboxPrevious:before,
  #cboxNext:before {
    text-indent: 0;
    font-family: "fontAwesome";
    font-size: 50px;
    color: #0B3E75;
    position: absolute;
    top: 0;
    width: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  #cboxPrevious:hover:before,
  #cboxNext:hover:before {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

#cboxPrevious {
  left: 0;
  right: auto; }
  #cboxPrevious:before {
    content: "\f104";
    left: 0; }

#cboxNext {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0; }
  #cboxNext:before {
    content: "\f105";
    right: 0; }

#cboxTitle {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 75px);
  top: -25px; }
  .page-photos #cboxTitle {
    color: #fff; }

#cboxCurrent {
  text-indent: 0;
  bottom: auto;
  left: auto;
  top: -26px;
  right: 0;
  color: #fff;
  font-size: 14px;
  padding: 3px 10px; }

.alumni-sharing {
  padding: 0 0 80px; }
  .alumni-sharing__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    color: #0B3E75;
    margin: 70px 0 34px; }
  .alumni-sharing__content {
    *zoom: 1; }
    .alumni-sharing__content:before, .alumni-sharing__content:after {
      content: "";
      display: table;
      line-height: 0; }
    .alumni-sharing__content:after {
      clear: both; }

.alumni-photo {
  position: relative;
  float: left;
  margin: 0 0 10px; }
  @media only screen and (max-width: 750px) {
    .alumni-photo {
      margin: 0 0 15px; } }
  .alumni-photo:hover .alumni-title {
    background: #0b3e75;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .alumni-photo img {
    vertical-align: top; }

.alumni-title {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(11, 62, 117, 0.9);
  color: #fff;
  width: 250px;
  max-width: 100%;
  padding: 18px 23px;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media only screen and (max-width: 750px) {
    .alumni-title {
      width: 100%; } }
  .full .alumni-title {
    width: 100%; }
  .alumni-title__name {
    font-size: 24px;
    line-height: 28px; }
  .alumni-title__text {
    font-size: 14px;
    margin: 16px 0 10px; }
    @media only screen and (max-width: 750px) {
      .alumni-title__text {
        display: none; } }
    .alumni-title__text p {
      color: inherit;
      font-size: inherit;
      line-height: 1.4;
      margin: 12px 0;
      color: #BBB; }

.size-500 {
  width: 500px; }

.size-400 {
  width: 400px; }

.size-300 {
  width: 300px; }

.size-300,
.size-400,
.size-500 {
  max-width: 100%; }
  @media only screen and (max-width: 750px) {
    .size-300,
    .size-400,
    .size-500 {
      width: 100%;
      max-width: 300px; } }
  @media only screen and (max-width: 635px) {
    .size-300,
    .size-400,
    .size-500 {
      max-width: 345px; } }

/* Alumni Sharing Popup */
.popup {
  width: 1280px;
  height: 600px;
  max-width: 100%;
  max-height: 100%;
  padding:0 60px;
  box-sizing: border-box;
  position: relative;
} 
  @media only screen and (max-width: 750px) {
    .popup {
      padding: 0 0 55px; } }
  .popup__title {
    font-size: 36px;
    background: #286CB6;
    color: #fff;
    line-height: 60px;
    position: absolute;
    /* top: 75px; */
    top:0px;
    left: 0;
    min-width: 360px;
    padding: 0 0 0 60px; }
    @media only screen and (max-width: 750px) {
      .popup__title {
        position: static;
        padding: 0 0 0 18px; } }
  .popup__inner {
    *zoom: 1;
    position: relative; }
    .popup__inner:before, .popup__inner:after {
      content: "";
      display: table;
      line-height: 0; }
    .popup__inner:after {
      clear: both; }
  .popup__left {
    float: left;
    width: 67.24138%;
    padding: 0 30px 0 0; }
    @media only screen and (max-width: 750px) {
      .popup__left {
        width: 100%;
        padding: 30px 20px 0; } }
  .popup__right {
    float: left;
    width: 32.75862%; }
    @media only screen and (max-width: 750px) {
      .popup__right {
        width: 100%;
        padding: 0 20px 115px; } }
  .popup__up {
    color: #0B3E75;
    font-size: 16px;
    padding: 80px 0 30px;
    border-bottom: 1px solid #CCC; }
    @media only screen and (max-width: 750px) {
      .popup__up {
        padding: 0 0 30px; } }
    .popup__up p {
      color: inherit;
      line-height: 26px; }
      .popup__up p + p {
        margin: 0; }
  .popup__down {
    margin: 30px 0;
    font-size: 18px;
    padding: 0 30px 0 0; }
    .popup__down p {
      color: inherit;
      font-size: inherit; }
  .popup .btn-read {
    margin: 40px 0 0;
    color: #999;
    border: 1px solid #999;
    background: #fff;
    line-height: 28px;
    min-width: 150px; }
    @media only screen and (max-width: 750px) {
      .popup .btn-read {
        position: absolute;
        bottom: 55px;
        left: 20px; } }
    .popup .btn-read:hover {
      background: #CBDEF3;
      border: 1px solid #CBDEF3;
      color: #0B3E75; }

.not-found {
  display: block;
  text-align: center;
  padding: 20px 15px; }

.slider {
  margin: 49px 0; }
  .general-slider .slider .slide {
    min-height: 0; }
  .slider.slick-initialized.slick-slider {
    margin-bottom: 60px; }
  .slider.slick-initialized .slick-dots {
    bottom: -35px;
    width: 100%; }
  .slider.slick-initialized .slick-arrow {
    bottom: -44px; }

.intro-article {
  margin: 60px 0;
  padding: 34px 0 0; }
  .intro-article > .wrapper {
    *zoom: 1; }
    .intro-article > .wrapper:before, .intro-article > .wrapper:after {
      content: "";
      display: table;
      line-height: 0; }
    .intro-article > .wrapper:after {
      clear: both; }
  .intro-article__left {
    float: left;
    width: 68.36066%;
    *zoom: 1; }
    .intro-article__left:before, .intro-article__left:after {
      content: "";
      display: table;
      line-height: 0; }
    .intro-article__left:after {
      clear: both; }
    @media only screen and (max-width: 1023px) {
      .intro-article__left {
        width: 100%; } }
  .intro-article__right {
    float: left;
    width: 31.63934%; }
    @media only screen and (max-width: 1023px) {
      .intro-article__right {
        width: 100%;
        margin: 40px 0 20px; } }
  .intro-article__photo {
    float: left;
    width: 21.46283%; }
    @media only screen and (max-width: 750px) {
      .intro-article__photo {
        width: 100%;
        text-align: center; } }
  .intro-article__content {
    float: left;
    width: 78.53717%;
    padding: 0 30px; }
    @media only screen and (max-width: 750px) {
      .intro-article__content {
        width: 100%;
        padding: 0;
        margin: 50px 0 0; } }
  .intro-article__author {
    color: #286CB6;
    font-size: 24px;
    margin: 14px 0 6px 4px;
    line-height: 28px;
    word-break: break-word; }
  .intro-article__titles {
    font-size: 16px;
    margin: 0 5px; }
  .intro-article__content-title {
    font-size: 21px;
    color: #0B3E75;
    font-weight: 600;
    margin: 0 0 30px; }
  .intro-article__content-text {
    font-size: 18px; }
    .intro-article__content-text p {
      font-size: inherit; }
  .intro-article__news-title {
    color: #0B3E75;
    font-size: 36px;
    font-weight: 600;
    margin: 5px 0 21px; }
  .intro-article__news-links {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 30px 0 8px 22px; }
    .intro-article__news-links li {
      margin: 0 0 18px;
      line-height: 22px;
      position: relative; }
      .intro-article__news-links li:before {
        content: "";
        background: #0B3E75;
        width: 5px;
        height: 5px;
        position: absolute;
        top: 8px;
        left: -16px; }
    .intro-article__news-links a {
      color: #286CB6;
      font-size: 18px; }

.pub {
  margin: 70px 0 50px; }
  .pub__items {
    *zoom: 1; }
    .pub__items:before, .pub__items:after {
      content: "";
      display: table;
      line-height: 0; }
    .pub__items:after {
      clear: both; }
  .pub__item {
    float: left;
    width: 280px;
    margin: 0 20px 20px 0; }
  .page-videos .pub__img {
    position: relative; }
    .page-videos .pub__img:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: url("../img/play.png");
      width: 45px;
      height: 45px;
      z-index: 1; }
  .pub__img img {
    width: 100%;
    vertical-align: top; }
    .page-publications .pub__img img {
      max-height: 396px; }
    .page-photos .pub__img img {
      max-height: 186px; }

.staff-form {
  margin: 70px 0 50px; }

.form-section {
  margin: 0 0 60px; }
  .form-section__title {
    color: #0B3E75;
    font-size: 36px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    line-height: 40px;
    margin: 0 0 34px; }

.form-label,
.form-entry {
  float: left; }

.form-label {
  width: 20%; }
  @media only screen and (max-width: 1023px) {
    .form-label {
      width: 100%;
      padding: 0 0 5px; } }

.form-entry {
  width: 80%; }
  @media only screen and (max-width: 1023px) {
    .form-entry {
      width: 100%; } }
  @media only screen and (max-width: 1023px) {
    .form-entry .text-right {
      text-align: left; } }

.check-item {
  max-width: 30px;
  padding: 0; }
  @media only screen and (max-width: 1023px) {
    .check-item {
      clear: left; } }

@media only screen and (max-width: 1023px) {
  .check-label.inline {
    width: calc(100% - 50px) !important; } }

@media only screen and (max-width: 1023px) {
  .upload-items > .inline {
    width: 100% !important; } }

/* OVERRIDES */
/* Browser Sync */
#__bs_notify__ {
  /* Move to bottom */
  top: auto !important;
  right: auto !important;
  border-bottom-left-radius: 0 !important;
  font-size: 14px !important;
  padding: 5px 25px !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  /* Original inline styles reference: */
  /*
  display: block;
  padding: 15px;
  font-family: sans-serif;
  position: fixed;
  font-size: 0.9em;
  z-index: 9999;
  right: 0px;
  top: 0px;
  border-bottom-left-radius: 5px;
  margin: 0px;
  color: white;
  text-align: center;
  background-color: rgb(27, 32, 50);
  */ }