/* global */
@font-face {
  font-family: "British Council Sans Web";
  src: url("../fonts/BritishCouncilSansWeb-Blk.eot?#iefix");
  src: url("../fonts/BritishCouncilSansWeb-Blk.eot?#iefix") format("eot"), url("../fonts/BritishCouncilSansWeb-Blk.woff") format("woff"), url("../fonts/BritishCouncilSansWeb-Blk.ttf") format("truetype"), url("../fonts/BritishCouncilSansWeb-Blk.svg#BritishCouncilSansWeb-Blk") format("svg");
  font-weight: 900;
}
@font-face {
  font-family: "British Council Sans Web";
  src: url("../fonts/BritishCouncilSansWeb-Bd.eot?#iefix");
  src: url("../fonts/BritishCouncilSansWeb-Bd.eot?#iefix") format("eot"), url("../fonts/BritishCouncilSansWeb-Bd.woff") format("woff"), url("../fonts/BritishCouncilSansWeb-Bd.ttf") format("truetype"), url("../fonts/BritishCouncilSansWeb-Bd.svg#BritishCouncilSansWeb-Bd") format("svg");
  font-weight: 700;
}
@font-face {
  font-family: "British Council Sans Web";
  src: url("../fonts/BritishCouncilSansWeb-Rg.eot?#iefix");
  src: url("../fonts/BritishCouncilSansWeb-Rg.eot?#iefix") format("eot"), url("../fonts/BritishCouncilSansWeb-Rg.woff") format("woff"), url("../fonts/BritishCouncilSansWeb-Rg.ttf") format("truetype"), url("../fonts/BritishCouncilSansWeb-Rg.svg#BritishCouncilSansWeb-Rg") format("svg");
  font-weight: 400;
}
@font-face {
  font-family: "British Council Sans Web";
  src: url("../fonts/BritishCouncilSansWeb-It.eot?#iefix");
  src: url("../fonts/BritishCouncilSansWeb-It.eot?#iefix") format("eot"), url("../fonts/BritishCouncilSansWeb-It.woff") format("woff"), url("../fonts/BritishCouncilSansWeb-It.ttf") format("truetype"), url("../fonts/BritishCouncilSansWeb-It.svg#BritishCouncilSansWeb-It") format("svg");
  font-style: italic;
}
@font-face {
  font-family: "British Council Sans Web";
  src: url("../fonts/BritishCouncilSansWeb-Lt.eot?#iefix");
  src: url("../fonts/BritishCouncilSansWeb-Lt.eot?#iefix") format("eot"), url("../fonts/BritishCouncilSansWeb-Lt.woff") format("woff"), url("../fonts/BritishCouncilSansWeb-Lt.ttf") format("truetype"), url("../fonts/BritishCouncilSansWeb-Lt.svg#BritishCouncilSansWeb-Lt") format("svg");
  font-weight: 300;
}

.admin-menu > ul.tabs {margin-top: 50px}
body {
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 1;
  background: #fff;
  box-sizing: border-box;
  font-family: arial, PingFang SC, Microsoft Yahei, Hiragino Sans GB, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body div#toolbar.toolbar { display: none;} 
a{ color: #06369C; text-decoration: none; }
a:hover { text-decoration: underline; }
.skip-link__wrapper{ display: none; }
.visually-hidden{ display: none; }
h1, h2, h3, h4, h5, h6 {
  color: #3a3a3a;
  font-family: "British Council Sans Web", arial, PingFang SC, Microsoft Yahei, Hiragino Sans GB, sans-serif;
  line-height: 1.5;
  font-weight: bold;
}
html[lang="vi"] h1, html[lang="vi"] h2, html[lang="vi"] h3, html[lang="vi"] h4, html[lang="vi"] h5, html[lang="vi"] h6 {font-family: arial, sans-serif}

h1 { font-size: 3.2em; }
h2 { font-weight: bold; font-size: 2.25em; letter-spacing: 0.02em; }
h3 { font-size: 2em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 0.875em; }
h1.section-heading, h2.section-heading, h3.section-heading, h4.section-heading, h5.section-heading, h6.section-heading {
  font-size: 0.875em;
  text-transform: uppercase;
  margin: 0 0 24px 0;
  letter-spacing: 0.4em;
  text-align: center;
}
p { font-size: 1em; line-height: 1.5; margin: 0; }
p.meta { color: #808080; }
ul, ol {
  list-style: disc;
  padding: 0;
  margin: 16px 0 16px 48px;
}
html[dir="rtl"] ul, html[dir="rtl"] ol {
  margin: 16px 48px 16px 0;
  padding: 0;
}
ol {
  list-style: decimal;
}
ul li, ol li { line-height: 1.8; }
table th, table td {
  font-size: 0.875em;
  padding: 12px;
  text-align: left;
  width: auto;
  line-height: 1.5;
}
table thead th {
  font-weight: bold;
  color: #3a3a3a;
  background: #F6F9FC;
  border-bottom: 0;
}
blockquote, q {
  quotes: none;
}
blockquote {
  margin: 24px 24px 24px 16px;
  padding: 16px;
  border-left: 4px solid #FDDD31;
  color: #3a3a3a;
  font-style: italic;
  line-height: 1.5;
}

label{ font-weight: normal; display: block; margin: 0 0 4px 0; color: #3a3a3a; font-size: 1em; }
label sup {
  display: inline-block;
  margin: 0 4px;
  font-weight: 300;
  font-size: 0.875em;
  color: #808080;
  vertical-align: baseline;
  position: relative;
  top: 0;
}
label:has(> .error), label:has(> .error) sup { color: #e43446; }

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="search"], textarea, textarea[id], select {
  box-sizing: border-box;
  margin-top: 4px;
  margin-bottom: 8px;
  padding: 8px;
  font-size: 1em;
  color: #000000;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  box-shadow: none;
  -webkit-transition: border-color .25s;
  -moz-transition: border-color .25s;
  transition: border-color .25s;
}
input[type="text"].large-width, input[type="password"].large-width, input[type="email"].large-width, input[type="url"].large-width, input[type="date"].large-width, input[type="number"].large-width, input[type="search"].large-width, textarea.large-width, select.large-width {
  width: 100%;
}

select {
  padding: 8px 32px 8px 12px;
  -webkit-appearance: none;
  color: #3a3a3a;
  background: #ffffff url(../images/arrows/chevron-down.svg) 95% center no-repeat;
  background-size: 16px;
  cursor: pointer;
}
html[dir="rtl"] select { padding: 8px 12px 8px 32px; background-position: 3% center; }

button, .button, a.button, .button-wrapper a,  input[type="button"], input[type="submit"], label.custom-file-upload{
  display: inline-block;
  width: auto;
  padding: 8px 20px;
  margin: 0;
  transition: color .25s, background .25s, border .25s;
  white-space: nowrap;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
  color: #333333;
  background: #FCCB00;
  border: 1px solid #FCCB00;
  border-radius: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
button:focus, .button:focus, a.button:focus, input[type="button"]:focus, input[type="submit"]:focus, label.custom-file-upload:focus, 
button:hover, .button:hover, a.button:hover, input[type="button"]:hover, input[type="submit"]:hover, label.custom-file-upload:hover {
  cursor: pointer;
  color: #030303;
  background: #FCCB00;
  border-color: #FCCB00;
  text-decoration: none;
}
button.primary-button, .button.primary-button, .button-wrapper.primary-button-wrapper a, a.button.primary-button, input[type="button"].primary-button, input[type="submit"].primary-button, label.custom-file-upload.primary-button {
  font-weight: bold;
  color: #ffffff;
  background: #06369C;
  border-color: #06369C;
}
button.primary-button:hover, .button.primary-button:hover, .button-wrapper.primary-button-wrapper a:hover, a.button.primary-button:hover, input[type="submit"].primary-button:hover, input[type="button"].primary-button:hover, label.custom-file-upload.primary-button:hover {
  color: #ffffff;
  background: #04256b;
  border-color: #04256b;
  cursor: pointer;
}
button.with-shadow, .button.with-shadow, .button-wrapper.with-shadow-wrapper a, a.button.with-shadow, input[type="button"].with-shadow, input[type="submit"].with-shadow, label.custom-file-upload.with-shadow {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
button:not(:last-child), .button:not(:last-child), a.button:not(:last-child), input[type="button"]:not(:last-child), input[type="button"]:not(:last-child), label.custom-file-upload:not(:last-child) {
  margin-right: 20px;
}
button .icon, .button .icon, a.button .icon, input[type="button"] .icon, input[type="button"] .icon, label.custom-file-upload .icon {
  margin-right: 4px;
}

html body.admin-menu {margin-top: 69px !important;}
html body.admin-menu .banner.banner-top-sticky {top: 30px;}
html body.admin-menu .banner.banner-top-sticky#top-info-banner + .site-nav {top: 74px;}

.text-center {text-align: center;}
.group.buttons-group {
  text-align: left;
  margin: 32px 0 0 0;
}
.buttons-group.call-to-action {
  background: #F6F9FC;
  border-radius: 4px;
  padding: 32px 24px;
  text-align: center;
}
.buttons-group.call-to-action h3 {
  text-align: center;
  font-size: 1.2em;
  color: #808080;
  margin: 0 0 24px 0;
}
.buttons-group.call-to-action a.button {
  display: block;
  width: auto;
  margin: 0 auto 24px auto;
}
.buttons-group.call-to-action p {
  text-align: center;
  color: #808080;
  margin: 0;
}

.vertical-shift-up-5 {
  margin-top: -20vh;
}/*
.front .vertical-shift-up-5 {
  margin-top: 0
}*/
blockquote, q {
  quotes: none;
}
blockquote {
  margin: 24px 24px 24px 16px;
  padding: 16px;
  border-left: 4px solid #FDDD31;
  color: #3a3a3a;
  font-style: italic;
  line-height: 1.5;
}

#search-form{ text-align: center; }
#search-form label{ display: none; }

.panels-ipe-control .panels-ipe-button-container .panels-ipe-pseudobutton-container a.panels-ipe-change-layout{ display: none; }


/* modal */
.modal {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 101;
}
.modal .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.modal .modal-container {
  position: absolute;
  top: 10%;
  left: 5%;
  right: 0;
  bottom: 0;
  width: 90%;
  height: 80%;
  color: #3a3a3a;
  background: #F6F9FC;
  border-radius: 4px;
}
.modal .modal-container {
  box-sizing: border-box;
  padding: 0 32px;
  min-height: 400px;
  overflow: auto;
}
.modal .modal-container .modal-header, .modal .modal-container .modal-body, .modal .modal-container .modal-footer {
  width: 100%;
  height: 8vh;
  box-sizing: border-box;
  padding: 32px 0;
}
.modal .modal-container .modal-header h3.modal-title {
  color: #000;
  box-sizing: border-box;
  font-size: 1.2em;
  display: inline-block;
  width: 80%;
  margin: 0;
}
.modal .modal-container .modal-header a.close-button {
  position: absolute;
  right: 0;
  box-sizing: border-box;
  display: inline-block;
  padding: 8px;
  margin: 0 32px;
  text-align: center;
  border-radius: 4px;
} 
[dir="rtl"] .modal .modal-container .modal-header a.close-button{ left: 0; right: auto; }
.modal .modal-container .modal-body {
  height: auto;
  padding: 16px 0 32px 0;
}
.modal .modal-container .modal-body p {
  margin: 0 0 16px 0;
}
.modal .modal-container .modal-footer {
  top: initial;
  bottom: 0;
  left: 5%;
  padding: 0 0 32px 0;
}
.slide-in-top {
  -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.modal.slide-in-top, .modal.slide-out-top {
  visibility: visible;
}

.drop-down-modal#countries-drop-down-modal .region-container ul, #country-selection-modal .region-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.drop-down-modal#countries-drop-down-modal .region-container ul li, #country-selection-modal .region-container ul li {
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
}
.drop-down-modal#countries-drop-down-modal .region-container ul li a, #country-selection-modal .region-container ul li a {
  display: inline-block;
  padding: 8px 24px 8px 0;
  color: #0067b1;
  line-height: 1.5;
  text-align: left;
}
.site-nav #language-selector-link::before {
  font-family: "FontAwesome";
  content: "\f0ac";
  display: inline-block;
  font-size: 16px;
  padding-right: 4px;
  text-align: center;
}

#bc-cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 300;
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  box-sizing: border-box;
}
#bc-cookie-banner .container {
  box-sizing: border-box;
  position: relative;
  padding: 15px 50px 10px 20px;
  width: 1200px;
  max-width: 100%
}
html[dir="rtl"] #bc-cookie-banner .container { padding: 15px 20px 10px 50px; }
#bc-cookie-banner a {
  display: block;
  padding: 5px 0;
  color: #9cf;
  font-size: 13px;
  font-weight: 400;
}
#bc-cookie-banner a:hover{ text-decoration: underline; }
#bc-cookie-banner p{ margin: 0; }
#bc-cookie-banner button.bc-close {
  padding: 0;
  margin: -22.5px 0 0;
  width: 45px;
  height: 45px;
  text-align: center;
  position: absolute;
  z-index: 305;
  top: 50%;
  right: 1px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
}
html[dir="rtl"] #bc-cookie-banner button.bc-close{ right: 100%; }
#bc-cookie-banner button.bc-close:hover{ color: #99ccff; }
#bc-cookie-banner button.bc-close span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#bc-cookie-banner .bc-svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: #fff;
  margin-bottom: -1px;
  font-size: 1.8em;
}
#bc-cookie-banner .bc-svg:hover {
  fill: #9cf
}

/* override waffle grid */
.grid {
  display: flex;
  flex-direction: column;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}

/* panels override */
.panel-flexible-inside .panels-flexible-region{ width: 100%; }

/* top nav*/
.banner.banner-top-sticky {
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 54px;
  padding: 0;
  color: #ffffff;
  background: #06369C;
  z-index: 100;
}
.banner.banner-top-sticky#top-info-banner {
  display: none;
}
.banner.banner-top-sticky#top-info-banner .info-a {
  padding: 0 8px 0 0;
  display: inline-block;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: bold;
}
.banner.banner-top-sticky#top-info-banner .right {
  text-align: right;
}
.banner.banner-top-sticky .right {
  text-align: right;
}
.banner.banner-top-sticky a {
  display: inline-block;
  width: auto;
  padding: 0;
  margin-right: 16px;
  text-align: left;
  color: #ffffff;
  font-size: 0.875em;
  line-height: 1.2;
  font-weight: normal;
}
.banner.banner-top-sticky#top-info-banner a {
  font-weight: normal;
  font-size: 1em;
  margin: 4px 0;
}
.banner.banner-top-sticky#top-info-banner .social-link {
  display: inline-block;
  margin-left: 12px;
}
.banner.banner-top-sticky#top-info-banner .social-link .icon {
  display: inline-block;
  padding: 0 8px;
  font-size: 18px;
}

.banner.banner-top-sticky + .site-nav {
  top: 54px;
}
.banner.banner-top-sticky#top-info-banner + .site-nav {
  top: 0;
}

/* site nav */
.site-nav {
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 84px;
  padding: 16px 0 16px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: auto;
  -moz-flex-wrap: auto;
  -ms-flex-wrap: auto;
  flex-wrap: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: background-color .25s;
  -moz-transform: background-color .25s;
  transform: background-color .25s;
  z-index: 100;
}
.site-nav p{ margin: 0; line-height: normal; }
.site-nav a { display: inline-block; font-size: 1em; padding: 16px; text-transform: uppercase; margin: 0 8px 0 0; color: #303030; transition: linear color .25s, background .25s; }
.site-nav a:hover, .site-nav a:focus { color: #030303; background: rgba(255, 255, 255, 0.2); text-decoration: none; }
.site-nav a.bc-logo-container:hover, .site-nav a.bc-logo-container:focus { background: transparent; }
/*.site-nav a.bc-logo-container{ display: block; float: left; padding: 0; margin-left: 0; margin-right: 32px; height: 36px; width: 123px; }*/
.site-nav a.bc-logo-container {
  display: block;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  width: 80px;
  min-width: 80px;
}
.site-nav a.bc-logo-container{ padding: 0; }
.site-nav a.bc-logo-container img{ height: inherit; width: auto; }
.site-nav .site-nav-links {
  display: none;
  position: fixed;
  top: 84px;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 88vh;
  color: #ffffff;
  background: #fff;
  padding: 32px 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
  text-align: center;
}
.site-nav a.contextual-links-trigger {display: none !important;}
.site-nav .site-nav-links.show { display: block; }
.site-nav .site-nav-links ul{ padding: 0; margin: 0; list-style: none; }
.site-nav .site-nav-links ul.language-switcher-locale-url li.active{ display: none; }
.site-nav .site-nav-links ul li{ line-height: 1; float: none; }
.site-nav .site-nav-links a {
  display: block;
  width: 60%;
  margin: 0 auto 8px auto;
  text-align: center;
  padding: 24px 32px;
  font-size: 1em;
  border-radius: 0;
}
.site-nav .site-nav-links .active a{
  font-weight: bold;
  color: #030303;
  background: transparent;
  text-decoration: underline;
}
.site-nav .site-nav-actions > p, .site-nav .site-nav-actions > div, .site-nav .site-nav-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: auto;
  -moz-flex-wrap: auto;
  -ms-flex-wrap: auto;
  flex-wrap: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.site-nav a.site-nav-menu-open, .site-nav a.site-nav-menu-close {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 8px;
}
.site-nav #main-action-button {
  font-size: 0.75em;
  margin: 0 0 0 16px;
  padding: 8px;
  width: auto;
  animation: slide-in-top 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s 1 normal both;
}
.site-nav .search-bar-container {
  z-index: 100;
  background: transparent;
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  order: 1;
}
.site-nav .search-bar-container .group {
  width: 80%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  padding: 0 10%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: none;
}
.site-nav .search-bar-container .group.show { display: flex; }
.site-nav .search-bar-container .group .search-bar-background {background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.site-nav .search-bar-container input[type="search"]#global-search-input {
  display: block;
  padding: 8px;
  margin: 0;
  font-size: 1em;
  color: #333333;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-appearance: none;
  z-index: 2;
}
.site-nav .search-bar-container .search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 1.25em;
  padding: 8px 12px;
  margin: 0;
  z-index: 2;
}
.site-nav .search-bar-container a.search-bar-toggle-button {
  margin: 0 8px 0 0;
  width: auto;
  padding: 16px 4px;
}
.site-nav .search-bar-container .text, .site-nav .search-bar-container label {
  position: absolute;
  visibility: hidden;
  width: 1px;
  height: 1px;
  overflow: hidden;
  order: 1;
}

.section{ padding: 10vh 0; }
.section.section_header {
  position: relative;
  min-height: 30vh;
  width: 100%;
  padding: 20vh 0 20vh 0;
  background: #ffffff;
  overflow: hidden;
}
.section.section_header .cover-img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translateZ(0);
  animation: kenburns-top 5s ease-out 0.8s 1 normal both;
  background-size: cover;
}
.section.section_header .cover-img { background-position: 24% center; background-size: cover; }
.section.section_header .cover-img-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.2);
}
.section.section_header h1.super_title {
  margin: 0 20px 24px 24px;
  padding: 0;
  font-weight: 900;
  font-size: 1.6em;
  line-height: 1.5;
  text-align: left;
  letter-spacing: normal;
  color: #ffffff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  animation: slide-in-left 1.2s 0s 1 normal both;
}
[dir="rtl"] .section.section_header h1.super_title{ text-align: right; }
.section.section_header .description-container {
  text-align: left;
  color: #ffffff;
}
[dir="rtl"] .section.section_header .description-container{ text-align: right; }
.section.section_header .description-container p{ margin: 0; }
.section.section_header .description-container .description {
  display: inline-block;
  padding: 16px;
  width: auto;
  line-height: 1.5;
  background: #ffffff;
  letter-spacing: 0;
  animation: flip-in-hor-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1.5s 1 normal both;
}
.section.section_header .description-container .description a {
  font-size: 1em;
  text-transform: uppercase;
}
.section.section_header .description-container .description .icon {
  margin-right: 8px;
  width: 16px;
}
.section.section_header .description-container .description .country {
  font-weight: bold;
  margin: 0 4px;
  padding-bottom: 2px;
  border-bottom: 1px solid #ffffff;
}
.section.section_header .action {
  text-align: left;
  margin-top: 6vh;
  margin-left: 24px;
}
[dir="rtl"] .section.section_header .action{ text-align: right; }
.section.section_header .language-switcher-locale-url {
  position: absolute;
  top: -56px;
  left: 0;
  margin: 0;
  text-align: left;
  list-style: none;
}
.section.section_header .language-switcher-locale-url li.active{ display: none; }
.section.section_header .language-switcher-locale-url li{ display: inline-block; }
.section.section_header .language-switcher-locale-url a{
  color: #ffffff;
  background: #263850;
  padding: 8px 12px;
  margin-right: 8px;
  border-radius: 4px;
}
.section.section_header .action .button {
  text-transform: uppercase;
  width: auto;
  animation: flip-in-hor-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1.8s 1 normal both;
}
.section.section_header .action .button .text {
  float: left;
  line-height: 20px;
}
.section.section_header .action .button .icon {
  width: 18px;
  height: auto;
  margin: 0 0 0 12px;
}

.section.section_default-page-header {
  width: 100%;
  padding: 18vh 0 5vh 0;
  color: #ffffff;
  background: #06369C;
  text-align: center;
  margin-top: 0;
}
.section.section_default-page-header.with-image-background {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center 40%;
  background-size: cover;
}
.section.section_default-page-header h1.section-heading {
  margin: 2vh 24px 32px 24px;
  padding: 0;
  font-weight: 900;
  font-size: 1.4em;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0,0,0, 0.6);
}

.section.section_page-header-with-image {
  padding-bottom: 0;
  margin: 0;
}
.section.section_page-header-with-image .image-banner {
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
}
.section.section_page-header-with-image .image-banner img {
  width: inherit;
  height: auto;
  min-height: inherit;
}
.node-type-campaign-page .section.section_default-page-header.with-image-background{
  background-color: #01457C;
  height: 180px;
  background-position: 0 80px;
  background-size: 100% auto;
}
.node-type-campaign-page .section.section_default-page-header h1.section-heading{
  visibility: hidden;
}
.section.section_page-header-with-image .breadcrumb-navigation {
  width: 100%;
  margin: 32px 0 0 0;
  text-align: center;
}
.section.section_page-header-with-image .breadcrumb-navigation a {
  display: inline-block;
  width: auto;
  text-decoration: underline;
}
.section.section_page-header-with-image h1.section-heading {
  margin: 24px 0;
  padding: 0;
  font-weight: 900;
  font-size: 1.6em;
  line-height: 1.2;
  text-align: center;
  color: #e31837;
  letter-spacing: normal;
}
.section.section_page-header-with-image p {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.6;
  text-align: center;
}

.section.section_tips {padding: 0; background: #fff}
.section_tip-title .tip-heading, .section.section_tips .tip-heading {
  margin: 0;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
}
.section.section_tips figure.tip-image-container {
  width: 100%;
  margin: 8px 0;
}
.section_tip-image .tip-image-container img, .section.section_tips figure.tip-image-container img {
  max-height: 640px;
  margin: 0 auto;
  display: block;
}
.section_tip-caption .tip-caption, .section.section_tips figure.tip-image-container p {
  box-sizing: border-box;
  margin: 0 auto 8px auto;
  text-align: left;
  max-width: 640px;
  padding: 16px;
  background: #f7f7f7;
}
.section_tip-image .col {margin-top: 0; margin-bottom: 0;}
.section_tip-image .tip-image-container {width: 100%; margin: 0;}
.section_tip-title .col {margin-bottom: 0}
.section_tip-image .col {margin-bottom: 0}
.section_tip-caption .col {margin-top: 0}

.section.section_rich-texts .article figure {
  display: block;
  box-sizing: border-box;
  background: transparent;
  overflow: hidden;
  margin: 32px auto;
  border-radius: 0;
  text-align: center;
}
.section.section_rich-texts .article figure img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 440px;
  border-radius: 4px;
}

.section.section_rich-texts.section_tips{ padding: 0; }
.section.section_rich-texts.section_tips .tip-heading {
  margin: 0;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
}
.section.section_rich-texts.section_tips figure.tip-image-container {
  width: 100%;
  margin: 8px 0;
}
.section.section_rich-texts.section_tips figure.tip-image-container img {
  max-height: 640px;
}
.section.section_rich-texts.section_tips figure.tip-image-container p {
  box-sizing: border-box;
  margin: 0 auto 8px auto;
  text-align: left;
  max-width: 640px;
  padding: 16px;
  background: #f7f7f7;
}

.banner.banner-top-sticky + .site-nav + #main{ margin-top: 54px; }
.banner.banner-top-sticky + .site-nav + .region-banner{ margin-top: 54px; }

.section.section_rich-texts + .section.section_rich-texts.section_download-document{ margin-top: -20vh; }

.section.section_rich-texts {
  padding: 5vh 0;
  font-size: 1em;
  position: relative;
}
.section.section_rich-texts .article img {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
}
.section.section_rich-texts .article .img-inline img, .img-inline img {
  margin: 15px 20px;
  vertical-align: middle;
}
.section.section_rich-texts .article .figure{
  display: block;
  box-sizing: border-box;
  background: transparent;
  overflow: hidden;
  margin: 32px auto;
  border-radius: 0;
  text-align: center;
}
.section.section_rich-texts .article .figure img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 440px;
  border-radius: 4px;
}
.section.section_rich-texts .article h3 {
  font-size: 2em;
  font-weight: bold;
  margin: 24px 0 12px 0;
  line-height: 1.2;
}
.section.section_rich-texts .article h2 {
  font-weight: bold;
  font-size: 1.6em;
  margin: 24px 0 12px 0;
  line-height: 1.2;
  text-transform: uppercase;
}
.section.section_rich-texts .article p {
  line-height: 1.8;
  margin: 0 0 12px 0;
}

.section.section_block-items-list {
  margin-top: -15vh;
  padding: 0 0 1.66667vh 0;
  background: transparent;
}
.section.section_block-items-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.section.section_block-items-list .col:first-child {
  margin-bottom: 0;
}
.section.section_block-items-list .col:not(:first-child) {
  margin-top: 0;
  margin-bottom: 0;
}
.section.section_block-items-list .col:last-child {
  margin-bottom: 10px;
}
.section.section_block-items-list a.block {
  display: block;
  width: 100%;
  cursor: pointer;
  color: #ffffff;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  transition: box-shadow .3s, border-color .3s;
}
.section.section_block-items-list a.block:hover {
  text-decoration: none;
  border-color: #06369C;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.section.section_block-items-list .img-container {
  height: 180px;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ececec;
}
.section.section_block-items-list .img-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.section.section_block-items-list .info {
  box-sizing: border-box;
  height: 110px;
  padding-right: 35px;
  position: relative;
  overflow: hidden;
  background: #f7f7f7;
  -webkit-transition: background .25s;
  -moz-transition: background .25s;
  transition: background .25s;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.section.section_block-items-list a.block:hover .info {
  background: #ffffff;
}
.section.section_block-items-list h2.block-title {
  padding: 8px 0 8px 16px;
  font-family: arial, PingFang SC, Microsoft Yahei, Hiragino Sans GB, sans-serif;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 22px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin: 0;
}
.section.section_block-items-list .info img.icon {
  width: 18px;
  padding: 0 16px;
  box-sizing: content-box;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.section.section_events-list {
  padding-top: 5vh;
}
.section.section_events-list .month h2.month-label {
  margin: 20px 0;
  padding: 32px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  border-top: 4px solid #333333;
}
.section.section_events-list .month .events-number {
  text-align: center;
  font-size: 1.25em;
}
.section.section_events-list .event-block {
  width: 100%;
  margin: 0 0 32px 0;
}
.section.section_events-list .event-block p{ margin: 0; }
.section.section_events-list .event-block * {
  box-sizing: border-box;
}
.section.section_events-list .event-block .event-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 320px;
  margin: 0 auto;
  overflow: hidden;
}
.section.section_events-list .event-block .event-img img {
  width: inherit;
}
.section.section_events-list .event-block h3.block-heading {
  margin: 0;
  padding: 12px 16px;
  line-height: 1.2;
  background: #f7f7f7;
  border-top: 4px solid #333333;
  position: relative;
}
.monthly-events-container h3.block-heading { font-size: 1.2em }
.section.section_events-list .event-block.external h3.block-heading {
  border-top: 4px solid #F80600;
}
.section.section_events-list .event-block.internal h3.block-heading {
  border-top: 4px solid #06369C;
}
.section.section_events-list .event-block h3.block-heading a {
  color: #333333;
}
.section.section_events-list .event-block.internal h3.block-heading {
  border-top-color: #06369C;
}
.section.section_events-list .event-block h3.block-heading .type {
  display: inline-block;
  font-size: .75rem;
  padding: 8px;
  color: #ffffff;
  position: absolute;
  top: -16px;
  right: 16px;
  border-radius: 4px;
  text-transform: uppercase;
  line-height: normal;
  background: #333333;
}
.section.section_events-list .event-block.external h3.block-heading .type {
  background: #F80600;
}
.section.section_events-list .event-block.internal h3.block-heading .type {
  background: #06369C;
  display: none;
}
.section.section_events-list .event-block h3.block-heading .type {
  display: none;
}
.section.section_events-list .event-block p.meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 12px 0;
  margin: 0;
  color: #333333;
  background: #f7f7f7;
}
.section.section_events-list .event-block p.meta span {
  display: inline-block;
  padding: 0 16px;
}
.section.section_events-list .event-block p.meta span.date, .section.section_events-list .event-block p.meta span.location {
  border-right: 1px solid #ececec;
}
.section.section_events-list .event-block .description {
  display: block;
  margin: 0;
  padding: 12px 16px;
  background: #f7f7f7;
  border-bottom: 1px solid #ffffff;
  line-height: 1.5;
}
.section.section_events-list .event-block a.button {
  display: block;
  padding: 16px;
  font-size: 0.875em;
  color: #333333;
  background: #f7f7f7;
  border: 0;
  border-radius: 0;
}
.section.section_events-list .event-block a.button:hover, .section.section_events-list .event-block a.button:focus {
  color: #ffffff;
  background: #06369C;
}
.section.section_events-list .event-block.external a.button:hover {
  background: #F80600;
}

#block-british-council-event-date-navigation + .section.section_events-list{ margin-top: -5vh; }
#block-british-council-event-date-navigation{ padding: 5vh 0; }
#block-british-council-event-date-navigation ul{ list-style: none; padding: 0; margin: 0; }
#block-british-council-event-date-navigation > .item-list{ text-align: center; }
#block-british-council-event-date-navigation ul .item-list,
#block-british-council-event-date-navigation ul li{ display: inline-block; }
#block-british-council-event-date-navigation ul li a{
  display: inline-block;
  padding: 12px;
  border-radius: 4px;
  color: #808080;
}
#block-british-council-event-date-navigation ul li a:hover{ text-decoration: underline; }
#block-british-council-event-date-navigation ul li a.future{
  font-size: 1.25em;
  color: #06369C;
  background: none;
}
#block-british-council-event-date-navigation ul li a.active{
  font-size: 1.25em;
  color: #333333;
  background: #ececec;
}
#block-british-council-event-date-navigation > .item-list > ul > li > a{ font-weight: bold; }
#block-british-council-event-date-navigation > .item-list > ul > li > a.active{ background: none; font-size: 1em; color: #000000; }

.section.section_text-brief {
  width: 100%;
  padding: 15vh 0;
  background: #ffffff !important;
}
.section.section_text-brief.center {
  text-align: center;
}
.section.section_text-brief {
  width: 100%;
  padding: 10vh 0;
  background: #ffffff url(../images/Anniversary-Web-Banner.png) no-repeat center top;
  background-size: 100% auto;
}
.section.section_text-brief h2.section-heading {
  text-align: inherit;
  margin: 0;
  line-height: 2;
  animation: jello-horizonal 3.5s ease-in 3s 1 normal both;
}
.section.section_text-brief h2.section-heading .inline-highlight {
  font-weight: bolder;
  padding: 4px 0;
  border-bottom: 2px solid #34AEEA;
}
.section.section_text-brief .description {
  font-size: 1em;
  margin: 24px 0 0 0;
  text-align: inherit;
}
.section.section_text-brief .description p {
  font-size: 1em;
  text-align: justify;
  color: #3a3a3a;
  width: auto;
  max-width: 660px;
  margin: 0 auto;
  padding: 16px 24px;
  line-height: 2;
}

.section.section_text-blocks {
  background: #fff;
}
.section.section_text-blocks .text-card {
  box-sizing: border-box;
  padding: 0;
  color: #ffffff;
  background: #00457c;
  animation: flip-in-hor-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) 2s 1 normal both;
}
.section.section_text-blocks .text-card p {
  margin: 1em;
}
.section.section_text-blocks .text-card h3.text-card-title {
  font-size: 1em;
  color: #ffffff;
  margin: 24px 32px 0 32px;
  font-weight: lighter;
  text-transform: uppercase;
}
.section.section_text-blocks .text-card ol, .section.section_text-blocks .text-card ul {
  margin: 12px 32px 32px 48px;
}
.section.section_text-blocks .text-card ol li, .section.section_text-blocks .text-card ul li {
  line-height: 1.5;
  margin: 0 0 8px 0;
}

.section.section_three-aligned-blocks-row {
  text-align: center;
  padding: 10vh 0;
  background: #FCCB00;
}
.section.section_three-aligned-blocks-row + .section.section_three-aligned-blocks-row {
  padding-top: 0;
}
.section.section_three-aligned-blocks-row + .section.section_three-aligned-blocks-row > .grid > .row:first-child {
  display: none;
}
.section.section_three-aligned-blocks-row .block {
  display: block;
  width: 100%;
  max-width: 360px;
  height: 360px;
  margin: 16px auto 0;
  background: #333333;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  position: relative;
}
.section.section_three-aligned-blocks-row:first-child .block { margin-top: 0; }
.section.section_three-aligned-blocks-row .block:hover, .section.section_three-aligned-blocks-row .block:focus {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}
.section.section_three-aligned-blocks-row .block::after, .section.section_three-aligned-blocks-row .block:after {
  display: block;
  padding: 12px;
  content: 'Read more';
  border: 1px solid #ffffff;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 30px;
  font-weight: bold;
  left: 20px;
  color: #ffffff;
  z-index: 3;
  text-transform: uppercase;
}
.section.section_three-aligned-blocks-row .block .decorative-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  transition: background-color 0.25s;
}
.section.section_three-aligned-blocks-row .block:hover .decorative-box, .section.section_three-aligned-blocks-row .block:focus .decorative-box {
  background: rgba(0, 0, 0, 0.7);
}
.section.section_three-aligned-blocks-row .block .image {
  height: inherit;
  width: inherit;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  overflow: hidden;
}
.section.section_three-aligned-blocks-row .block .image img {
  position: absolute;
  top: 0;
  left: -20%;
  height: 100%;
  width: auto;
  max-width: none;
}
.section.section_three-aligned-blocks-row .block h3.block-heading, .section.section_three-aligned-blocks-row .block p {
  position: absolute;
  left: 0;
  bottom: 160px;
  z-index: 3;
  color: #ffffff;
  vertical-align: bottom;
  width: 90%;
  text-align: left;
  line-height: 1.3;
  text-transform: uppercase;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  margin: 0 20px 0 20px;
}
.section.section_three-aligned-blocks-row .block p {
  bottom: initial;
  top: 210px;
  text-transform: none;
  max-width: 340px;
  font-size: 1em;
}

.section.section_three-column-icon-actions {
  text-align: center;
  padding: 10vh 0;
  background: #ffffff;
}
.section.section_three-column-icon-actions h2.section-heading {
  font-size: 0.875em;
  text-transform: uppercase;
  margin: 0 0 24px 0;
  letter-spacing: 0.4em;
}
.section.section_three-column-icon-actions .description {
  margin-bottom: 32px;
  width: 100%;
  max-width: 640px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.section.section_three-column-icon-actions .block {
  text-align: center;
  width: 100%;
  margin-bottom: 32px;
}
.section.section_three-column-icon-actions .image {
  width: 128px;
  height: 128px;
  margin: 0 auto;
}
.section.section_three-column-icon-actions .image img {
  width: inherit;
  height: inherit;
}
.section.section_three-column-icon-actions h3.block-heading {
  font-size: 0.875em;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  max-width: 300px;
  text-align: center;
  margin: 16px auto;
}

.section.section_fullwidth-image-and-text {
  padding-top: 10vh;
  box-sizing: border-box;
  min-height: 520px;
  background-color: #FDDD31;
  background-size: cover;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 0px center;
}
.section.section_fullwidth-image-and-text .image {
  margin: 32px;
  animation: fade-in 1.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s 1 normal both;
}
.section.section_fullwidth-image-and-text h2.section-heading {
  font-size: 0.875em;
  text-transform: uppercase;
  margin: 0 0 32px 0;
  letter-spacing: 0.4em;
  color: #ffffff;
  animation: fade-in 1.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.5s 1 normal both;
}
.section.section_fullwidth-image-and-text p {
  max-width: 480px;
  color: #ffffff;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  animation: fade-in 1.5s cubic-bezier(0.39, 0.575, 0.565, 1) 2s 1 normal both;
}

.section.section_video-two-columns {
  padding: 15vh 0;
  background: #173d5f;
  background-repeat: no-repeat;
  background-position: 0px center;
}
.section#malaysia-intro-video {
  background-color: #263850;
  background-size: cover;
}
.section#singapore-intro-video {
  background-color: #3a3a3a;
  background-size: cover;
}
.section.section_video-two-columns p.description, .section.section_video-two-columns h2 { text-align: left; }
.section.section_video-two-columns p.description {
  color: #FDDD31;
  letter-spacing: 0.3em;
  margin: 16px 0;
}
.section.section_video-two-columns h2 {
  font-weight: bold;
  color: #ffffff;
  font-size: 2.25em;
  text-transform: none;
  letter-spacing: 0.01em;
  max-width: 520px;
}
[dir="rtl"] .section.section_video-two-columns p.description, [dir="rtl"] .section.section_video-two-columns h2 {
  text-align: right;
}
.section#left-video p { color: #34AEEA; }
.section#left-video h2 { color: #fff; }
.section#left-video p.description, .section#left-video h2 { margin-left: 32px; }

.section.section_list-items-with-image-heading { margin-bottom: -13.75vh; }
.section.section-list-items-with-image,
.section.section_list-items-with-image {
  padding: 3.75vh 0 7.5vh 0;
  width: 100%;
  background: #F6F9FC;
}
.section.section_list-items-with-image ul,
.section.section-list-items-with-image ul{ list-style: none; padding: 0; margin: 0; }
.section.section_list-items-with-image ul.pager,
.section.section-list-items-with-image ul.pager { margin-top: 30px }
.section.section-list-items-with-image .block,
.section.section_list-items-with-image .block {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 16px 0 0 0;
  position: relative;
  -webkit-animation: scale-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s 1 normal both;
  animation: scale-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s 1 normal both;
}
.section.section-list-items-with-image .block a.thumbnail-container,
.section.section_list-items-with-image .block a.thumbnail-container {
  box-sizing: border-box;
  display: block;
  width: inherit;
  height: auto;
  background: #000000;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.section.section-list-items-with-image .block h2.block-heading,
.section.section_list-items-with-image .block h2.block-heading {
  box-sizing: border-box;
  width: 104%;
  z-index: 10;
  padding: 12px 4%;
  margin: 0 0 0 -2%;
  font-size: 1em;
  line-height: 1.5;
  letter-spacing: normal;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.section.section-list-items-with-image .block h2.block-heading, .section.section-list-items-with-image .block h2.block-heading a,
.section.section_list-items-with-image .block h2.block-heading, .section.section_list-items-with-image .block h2.block-heading a {
  color: #ffffff;
  background: #031d52;
  text-transform: uppercase;
  height: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section.section-list-items-with-image .block .decorative-box,
.section.section_list-items-with-image .block .decorative-box {
  position: absolute;
  right: 8px;
  top: 8px;
  display: block;
  width: 16px;
  height: 16px;
  transition: width .25s, height .25s, top .25s, right .25s;
  background: #06369C;
}
.section.section-list-items-with-image .block .content,
.section.section_list-items-with-image .block .content {
  width: 100%;
  box-sizing: border-box;
  padding: 16px 16px 24px 16px;
  margin: 0;
  color: #3a3a3a;
  background: #ffffff;
  font-size: 0.875em;
}
.section.section-list-items-with-image .block .content p,
.section.section_list-items-with-image .block .content p{ margin: 0; }
.section.section-list-items-with-image .block .content .description,
.section.section_list-items-with-image .block .content .description{
  font-size: 1em;
  line-height: 1.5;
}
.section.section-list-items-with-image .block .content .meta,
.section.section_list-items-with-image .block .content .meta {
  position: absolute;
  top: 16px;
  left: 16px;
  color: #030303;
  background: #ffffff;
  text-transform: uppercase;
  font-size: 0.875em;
  padding: 4px 8px;
  margin: 0;
}
.section-about .section.section_list-items-with-image .block .content .meta {display: none;}
.section.section-list-items-with-image .block .content a.action-link,
.section.section_list-items-with-image .block .content a.action-link {
  display: inline-block;
  font-size: 1em;
  padding: 16px 0 0 0;
}

#block-menu-menu-document-type{ padding-top: 3.75vh; background: #F6F9FC}
#block-menu-menu-document-type .block__title{ display: none; }
#block-menu-menu-document-type ul {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  list-style: none;
}
#block-menu-menu-document-type ul li{ list-style: none; display: inline-block; margin: 0; }
#block-menu-menu-document-type ul a {
  color: #333333;
  display: inline-block;
  padding: 12px;
  margin: 0 12px 0 0;
  text-transform: uppercase;
  border-radius: 4px;
  -webkit-transition: color 0.25s, background 0.25s;
  -moz-transition: color 0.25s, background 0.25s;
  transition: color 0.25s, background 0.25s;
}
#block-menu-menu-document-type ul a:hover, #block-menu-menu-document-type ul a:focus {
  text-decoration: none;
  color: #ffffff;
  background: #06369C;
  cursor: pointer;
}
#block-menu-menu-document-type ul a.active, #block-menu-menu-document-type ul a.active:hover, #block-menu-menu-document-type ul a.active:focus {
  font-weight: bold;
  color: #ffffff;
  background: #333333;
  cursor: default;
}

.section.section_text-items-list {
  padding: 10vh 0;
}
.section.section_text-items-list .block {
  margin: 0 0 32px 0;
}
.section.section_text-items-list .block-heading {
  line-height: 1.2;
  margin: 0 0 16px 0;
  font-size: 1.2em;
  letter-spacing: normal;
}
.section.section_text-items-list .block-heading a {
  color: #3a3a3a;
}
.section.section_text-items-list .content .description {
  line-height: 1.5;
  max-width: 800px;
}
.section.section_text-items-list .content a.action-link {
  display: block;
  padding: 16px 0;
}

.section.section-text-items-list {
  padding: 10vh 0;
}
.section.section-text-items-list ul{ padding: 0; margin: 0; list-style: none; }
.section.section-text-items-list .block {
  margin: 0 0 32px 0;
}
.section.section-text-items-list .block-heading {
  line-height: 1.2;
  margin: 0 0 8px 0;
  font-size: 1.2em;
  letter-spacing: normal;
}
.section.section-text-items-list .block-heading a {
  color: #333333;
}
.section.section-text-items-list .content p {
  font-size: 0.875em;
  line-height: 2;
  max-width: 800px;
  margin: 0;
}
.section.section-text-items-list .content .meta {
  color: #808080;
  margin: 0 0 4px 0;
}
.section.section-text-items-list .content a.action-link {
  display: block;
  padding: 16px 0;
}

.section.section_fullwidth-image-with-quote {
  color: #000;
  background: #ffffff no-repeat top left;
  background-size: 100% auto;
  padding: 10vh 0;
}
.section.section_fullwidth-image-with-quote blockquote {
  box-sizing: border-box;
  font-style: normal;
  margin: 160px 0 0 0;
  padding: 24px 32px 24px 32px;
  line-height: 1.8;
  font-size: 1.125em;
  max-width: none;
  width: 100%;
  color: #ffffff;
  background: #031d52;
  background: rgba(38, 56, 80, 0.9);
  background-size: 40%;
  border-left: 0;
}
.section.section_fullwidth-image-with-quote blockquote .quote-icon {
  width: 33px;
  height: auto;
  position: relative;
  left: -8px;
  top: -8px;
  margin-right: 8px;
}
.section.section_fullwidth-image-with-quote blockquote strong{
  font-weight: bolder;
  padding: 2px 0;
  border-bottom: 2px solid #FCCB00;
  margin: 0 8px;
}
.section.section_fullwidth-image-with-quote p {
  display: inline;
}

.section.section_fullwidth-promotion {
  padding: 15vh 0;
  min-height: 26vh;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: 5% top;
  background-size: cover;
  overflow: hidden;
}
.section.section_fullwidth-promotion h2.section-title { margin-bottom: 16px; }
.section.section_fullwidth-promotion .description { margin-bottom: 48px; }
.section.section_fullwidth-promotion .button-wrapper a {
  background: #21588a;
  border-color: #21588a;
}

.section.section_video-one-columns {
  padding: 5vh 0;
  background: #FDDD31 url("../images/general-info-video-background-pattern.png") repeat 0 0;
}
.section.section_video-one-columns .embed-video-container{
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.4);
  background: #000000;
}
.section.section_video-one-columns .embed-video-container iframe {
  width: 100%;
  min-height: 315px;
}

.embed-video-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.section.section_social-share-widget {
  text-align: center;
}
.share-buttons-container {
  width: auto;
  text-align: center;
  position: static;
  margin: 0 auto 32px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: auto;
  -moz-flex-wrap: auto;
  -ms-flex-wrap: auto;
  flex-wrap: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.share-buttons-container .share {
  display: inline-block;
  text-transform: uppercase;
  color: #808080;
  padding: 0 24px 0 0;
  font-size: 0.75em;
  letter-spacing: .04em;
}
.share-buttons-container a.item {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0 32px 0 0;
  text-align: center;
  box-sizing: border-box;
}
.share-buttons-container a.item img {
  background: transparent;
  border-radius: 4px;
  padding: 8px;
}

.section.section_pagination {
  padding: 0;
  text-align: center;
}
.section_social-share-widget + .section.section_pagination {
  margin-top: -5vh;
}
.section#facebook-campaign-monitor-iframes{
  padding: 5vh 0;
  background: #F6F9FC;
}
.section#facebook-campaign-monitor-iframes iframe {
  width: 100%
}
.section#facebook-campaign-monitor-iframes #subForm{
  background: #F6F9FC;
  padding: 24px;
  margin: 0 auto;
}
.section#facebook-campaign-monitor-iframes #subForm h3 {
  font-size: 1.2em;
  margin: 0 0 16px 0;
}

.section.section_events-data p.meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 12px 0;
  margin: 0;
  color: #333333;
  background: #f7f7f7;
}
.section.section_events-data p.meta span {
  display: inline-block;
  padding: 0 16px;
}
.section.section_events-data p.meta span.date{ padding-left: 0; }
.section.section_events-data p.meta span.date, .section.section_events-data .event-block p.meta span.location {
  border-right: 1px solid #ececec;
}
.section.section_events-data p.description {
  display: block;
  margin: 0;
  padding: 12px 16px;
  background: #f7f7f7;
  border-bottom: 1px solid #ffffff;
}

.section#cotent-bottom h3 {
  text-transform: uppercase;
  font-size: 1em;
}
.section#cotent-bottom ul.founders {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section#cotent-bottom li.founder {
  display: inline-block;
  width: auto;
}
.section#cotent-bottom li.founder a {
  text-align: center;
  display: inline-block;
  margin: 12px 0 0 0;
  padding: 8px 4px;
  border-bottom: 2px solid transparent;
  transition: border-color .2s;
}
.section#cotent-bottom .left li.founder a {
  margin: 0 16px 0 0;
}
.section#cotent-bottom li.founder a:hover {
  border-color: #c0c0c0;
}
.section#cotent-bottom li.founder a img {
  height: 44px;
  width: auto;
}
.section#cotent-bottom .left li.founder a img {
  height: 64px;
  width: auto;
}

.section.section_form-and-more-info {
  padding: 5vh 0;
}
.section.section_form-and-more-info .form-title{
  margin: 0 0 8px 0;
  padding: 0;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.5;
}
.section.section_form-and-more-info .info-box{
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  color: #333333;
  background: transparent;
  padding: 48px 24px 0 24px;
  border-top: 1px dashed #c0c0c0;
  border-left: 0;
}
.section.section_form-and-more-info .info-box h3{
  font-size: 1em;
  margin-bottom: 16px;
  line-height: 1.5;
}
.section.section_form-and-more-info .info-box .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: auto;
  -moz-flex-wrap: auto;
  -ms-flex-wrap: auto;
  flex-wrap: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  line-height: 1.5;
  margin-bottom: 32px;
}
.section.section_form-and-more-info .info-box a {
  font-size: 1em;
}
.section.section_form-and-more-info .info-box .item.social-media-links {
  margin-top: 24px;
}
.section.section_form-and-more-info .info-box .item.social-media-links a.social-link {
  display: inline-block;
}
.section.section_form-and-more-info .info-box .item.social-media-links a.social-link img {
  padding: 8px;
}

.section#facebook-campaign-monitor-iframes .info-box{
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  color: #333333;
  background: transparent;
  padding: 24px;
  border-left: 0;
}
.section#facebook-campaign-monitor-iframes .info-box h3{
  font-size: 1em;
  margin-bottom: 16px;
  margin-top: 0;
  line-height: 1.5;
}
.section#facebook-campaign-monitor-iframes .info-box .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: auto;
  -moz-flex-wrap: auto;
  -ms-flex-wrap: auto;
  flex-wrap: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  line-height: 1.5;
  margin-bottom: 32px;
}
.section#facebook-campaign-monitor-iframes .info-box a {
  font-size: 1em;
}
.section#facebook-campaign-monitor-iframes .info-box .item.social-media-links {
  margin-top: 24px;
}
.section#facebook-campaign-monitor-iframes .info-box .item.social-media-links a.social-link {
  display: inline-block;
}
.section#facebook-campaign-monitor-iframes .info-box .item.social-media-links a.social-link img {
  padding: 8px;
}

.footer {
  padding: 5vh 0;
  background: #FCCB00;
}
.footer-site-nav {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.footer-site-nav .menu{ padding: 0; margin: 0 0 24px 0; }
.footer-site-nav .menu li{ list-style-image: none; list-style-type: none; display: inline-block; margin: 0; padding: 0; }
.footer-site-nav a, .footer-site-nav a.active{
  color: #333333;
  text-align: center;
  display: inline-block;
  padding: 0;
  margin: 16px 24px 24px 0;
}
.footer-site-nav a:hover{ text-decoration: underline; }
html[dir="rtl"] .footer.with-simple-lang-selector .footer-site-nav {
  text-align: right;
}
html[dir="rtl"] .footer.with-simple-lang-selector .footer-site-nav a {
    margin: 16px 0 24px 24px;
}
.footer p {
  text-align: center;
  color: #333333;
  font-family: "British Council Sans Web", arial, PingFang SC, Microsoft Yahei, Hiragino Sans GB, sans-serif;
  font-size: 0.75em;
  line-height: 1.5;
  max-width: 625px;
  margin: 8px auto;
}
.lang_dropdown_form{ text-align: center; margin: 0 0 32px 0; }
.lang_dropdown_form select {
    font-size: 0.875em;
    padding: 8px 8px 8px 32px;
    -webkit-appearance: none;
    margin: 0;
    color: #F6F9FC;
    background: #263850 url(../images/icons/globe-white.svg) 8px center no-repeat;
    background-size: 16px;
    border-color: #d0e0ef;
}
.footer-site-nav a.item.social-link {
  font-size: 24px;
}
.employee-image {max-width: 150px; margin: 0 auto; text-align: center;}
.employee-image img {border-radius: 100%}

.mfp-iframe-holder .mfp-close:hover {background: none;}

/*Hide meta data span on activities landing page */
.page-node-89 .section.section_list-items-with-image .block .content .meta {display:none;}


#google_recaptcha_webform_client_form_462, #google_recaptcha_user_login , #google_recaptcha_webform_client_form_140 {padding: 10px 0 0; text-align: center; transform: scale(.8); transform-origin: 0 0;}
#google_recaptcha_webform_client_form_462>div>div, #google_recaptcha_user_login>div>div, #google_recaptcha_webform_client_form_140>div>div {width: 100% !important;}

@media only screen and (max-height: 600px){
  .section.section_fullwidth-image-with-quote {
    height: 400px;
    min-height: 0;
  }
}

@media screen and (min-width: 480px){
  .node-type-campaign-page .section.section_default-page-header.with-image-background{
    height: 360px;
    background-size: auto 100%;
    background-position: bottom center;
  }
}

@media only screen and (min-width: 840px){
  input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="search"], textarea, textarea[id], select { padding: 12px 8px; }
  input[type="text"].large-width, input[type="password"].large-width, input[type="email"].large-width, input[type="url"].large-width, input[type="date"].large-width, input[type="number"].large-width, input[type="search"].large-width, textarea.large-width, select.large-width {
    width: 360px;
  }
  button, .button, a.button, .button-wrapper a, input[type="button"], input[type="submit"], label.custom-file-upload {
    padding: 10px 16px;
  }

  blockquote {
      margin-left: 32px;
  }

  .buttons-group.call-to-action a.button {
    max-width: 280px;
  }

  .banner.banner-top-sticky#top-info-banner {
    display: block;
    padding: 0;
    height: 44px;
  }
  .banner.banner-top-sticky#top-info-banner .info-a {
    width: auto;
    margin-bottom: 0;
  }
  .banner.banner-top-sticky a {
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    margin: 8px 0;
  }
  .banner.banner-top-sticky#top-info-banner + .site-nav {
    top: 44px;
  }
  .node-type-campaign-page .section.section_default-page-header.with-image-background{
    height: 640px;
    background-position: bottom center;
    background-size: auto 100%;
  }


  .site-nav {
    height: auto;
    padding: 8px 24px;
  }
  .site-nav a {
    margin: 0 0.5em;
    font-size: 1.25em;
    padding: 12px;
  }
  .site-nav a.bc-logo-container {
    margin-right: 32px;
    padding-left: 0;
    padding-right: 0;
    height: auto;
    width: 120px;
  }
  
  .site-nav .site-nav-links{
    display: block;
    padding: 0;
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 72%;
    height: auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: auto;
    -moz-flex-wrap: auto;
    -ms-flex-wrap: auto;
    flex-wrap: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background: transparent;
    text-align: left;
  }
  .site-nav .site-nav-links ul{ float: left; }
  .site-nav .site-nav-links ul li{ float: left; }
  .site-nav .site-nav-links a {
    display: inline-block;
    width: auto;
    margin: 0 0.2em;
    font-size: 1rem;
    padding: 12px;
    font-weight: bold;
  }
  .site-nav #main-action-button {
    margin: 16px;
    font-size: 0.875em;
    padding: 10px 16px;
  }
  .site-nav a.site-nav-menu-open, .site-nav a.site-nav-menu-close {
    display: none !important;
  }
  .site-nav .search-bar-container {
    margin: 0 16px;
    order: 0;
  }
  .site-nav .search-bar-container .group {
    padding: 0; 
    position: absolute;
    right: 0;
    top: 8px;
    width: auto;
    height: auto;
    background: transparent;
  }
  .site-nav .search-bar-container .group .search-bar-background {display: none;}
  .site-nav .search-bar-container .search-button {
    border: 0;
  }
  .site-nav .search-bar-container a.search-bar-toggle-button {
    margin: 0;
    padding: 16px 12px;
  }

  .modal .modal-container {
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
  }
  .modal .modal-container .modal-header, .modal .modal-container .modal-body, .modal .modal-container .modal-footer {
    padding: 16px 24px;
  }
  .modal .modal-container .modal-header{ padding-top: 48px; }
  .modal .modal-container .modal-body {
    padding: 16px 32px 48px;
    min-height: 360px;
  }

  .section.section_header {
    min-height: 36vh;
    padding: 20vh 0 15vh;
  }
  .section.section_header h1.super_title {
    margin: 4.6vh 0 48px 0;
    font-size: 3.2em;
  }
  .section.section_header .description-container .description {
    padding: 16px;
  }
  .section.section_header .action {
    text-align: left;
    margin-left: 0;
    margin-top: 8vh;
  }

  .section.section_default-page-header h1.section-heading {
    margin: 5vh auto 48px auto;
    font-size: 2.8em;
    max-width: 1200px;
    text-align: center;
  }

  .banner.banner-top-sticky + .site-nav + #main{ margin-top: 44px; }
  .banner.banner-top-sticky + .site-nav + .region-banner{ margin-top: 44px; }

  .section.section_text-brief.center{
    padding: 0 0 5em 0;
    background-size: 940px auto;
  }
  .section.section_text-brief h2.section-heading {
    margin-top: 0;
    margin-bottom: -16px;
  }

  .section.section_text-blocks .text-card p {
    margin: 2em 2em 0 2em;
  }

  .section.section_events-list .month h2.month-label {
    margin: 20px 0;
    padding: 32px 0 16px 0;
  }

  .section.section_block-items-list {
    padding: 5vh 0;
  }
  .section.section_block-items-list .col:first-child {
    margin-bottom: 10px;
  }
  .section.section_block-items-list .col:not(:first-child) {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .section.section_block-items-list .img-container {
    display: block;
    max-height: 280px;
  }
  .section.section_block-items-list h2.block-title {
    font-size: 1em;
  }

  .section.section_text-brief {
    padding: 7.5vh 0 10vh 0;
  }

  .section.section_three-column-icon-actions .block {
    margin-bottom: 0;
  }

  .section.section-list-items-with-image .block,
  .section.section_list-items-with-image .block {
    margin: 16px 0;
  }
  .section.section-list-items-with-image .block:first-child,
  .section.section_list-items-with-image .block:first-child {
    margin: 48px 0 0;
  }
  .section.section-list-items-with-image .block .content .meta,
  .section.section_list-items-with-image .block .content .meta{
    left: 52px;
  }

  .section.section_text-items-list .block-heading {
    font-size: 2em;
  }
  .section.section-text-items-list .block-heading {
    font-size: 2em;
  }

  .section.section_fullwidth-image-with-quote blockquote {
    max-width: 460px;
    font-size: 1.25em;
    border-left: 0;
    margin-top: 20px;
  }

  .section.section_fullwidth-promotion {
    background-position: left center;
    background-size: cover;
    min-height: 16vh;
  }
  .section.section_fullwidth-promotion h2.section-title, .section.section_fullwidth-promotion .description {
    margin-left: 32px;
  }

  .section.section_video-one-columns {
    padding: 10vh 0;
  }
  .section.section_video-one-columns .embed-video-container iframe {
    height: 600px;
  }

  .section.section_form-and-more-info{
    padding: 10vh 0;
  }
  .section.section_form-and-more-info form{
    margin-left: 32px;
  }
  .section.section_form-and-more-info .form-title{
    margin-left: 32px;
  }
  .section.section_form-and-more-info .info-box {
    padding: 0 32px 16px 48px;
    border-top: none;
    border-left: 1px dashed #c0c0c0;
  }

  .footer-site-nav {
    text-align: left;
    margin: 0 0 24px 0;
  }
  .footer-site-nav a {
    margin: 0 24px 16px 24px;
  }
  html[dir="rtl"] .footer.with-simple-lang-selector .footer-site-nav a {
    margin: 0 0 0 48px;
  }
  .footer-site-nav a.item.social-link {
    font-size: 18px;
  }
}


@media only screen and (min-width: 1000px){
  input[type="text"].large-width, input[type="password"].large-width, input[type="email"].large-width, input[type="url"].large-width, input[type="date"].large-width, input[type="number"].large-width, input[type="search"].large-width, textarea.large-width, select.large-width {
    width: 480px;
  }

  .modal .modal-container {
    padding: 0 48px;
  }

  .drop-down-modal#countries-drop-down-modal .region-container ul li, #country-selection-modal .region-container ul li {
    width: 25%;
  }

  .section.section_header {
    min-height: 36vh;
  }

  .section.section_block-items-list .img-container {
    height: 200px;
  }

  .section.section-list-items-with-image .block,
  .section.section_list-items-with-image .block {
    height: 500px;
  }
  .section.section-list-items-with-image .block a.thumbnail-container,
  .section.section_list-items-with-image .block a.thumbnail-container {
    width: 504px;
    height: 280px;
  }
  .section.section-list-items-with-image .block h2.block-heading,
  .section.section_list-items-with-image .block h2.block-heading {
    position: static;
    width: 100%;
    padding: 16px;
    max-width: 504px;
    margin: 0 auto;
  }
  .section.section-list-items-with-image .block .decorative-box,
  .section.section_list-items-with-image .block .decorative-box {
    width: 24px;
    height: 24px;
    right: 5%;
    top: 92%;
  }
  .section.section-list-items-with-image .block .content,
  .section.section_list-items-with-image .block .content {
    padding: 24px;
    margin: 0 auto;
    width: 504px;
    min-height: 183px;
    overflow: auto;
  }

  .section.section_fullwidth-image-with-quote {
    background-size: cover;
    background-position: center left;
  }
  .section.section_fullwidth-image-with-quote blockquote {
    max-width: 560px;
    padding: 48px 32px 48px 48px;
    margin-top: 20px;
    font-size: 1.25em;
    line-height: 1.5;
  }

  .section.section_fullwidth-promotion h2.section-title, .section.section_fullwidth-promotion .description {
    margin-left: 0;
  }

  .footer-site-nav {
    text-align: center;
    margin: 20px 0;
  }
}

@media screen and (min-width: 1200px){
  .node-type-campaign-page .section.section_default-page-header.with-image-background{
    height: 100%;
    min-height: 800px;
    background-position: top center;
    background-size: cover;
  }
}

@media only screen and (max-width: 839px){
  .site-nav .search-bar-container input[type="search"]#global-search-input{
    width: 80%;
    padding: 8px 4px 9px 4px;
  }
  .section.section_block-items-list .item-list > ul > li:not(:first-child) .img-container {
    display: none;
  }
}


/* Latest events as homepage section */
.section.section_home-latest-events {
    background: #ececec;
    padding: 2em 0;
}

.section.section_home-latest-events .event-block {
    display: block;
    padding: 24px;
    background: #ffffff;
    border: 0;
    cursor: pointer;
    border-top: 4px solid #fff;
}

.section.section_home-latest-events .event-block:hover {
    text-decoration: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.section.section_home-latest-events .event-block.internal {
    border-top: 4px solid #06369C;
}

.section.section_home-latest-events .event-block.external {
    border-top: 4px solid #F80600;
}

.section.section_home-latest-events .date {
    color: #333333;
    font-weight: bold;
}

.section.section_home-latest-events .block-heading {
    display: block;
    font-weight: normal;
    font-size: 1em;
    color: #333333;
    margin: 12px 0 16px 0;
}

@media only screen and (min-width: 840px) {
  .section.section_home-latest-events .block-heading {
    display: -webkit-box;
    height: 72px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.section.section_home-latest-events .meta {
    font-size: 0.875em;
}

.section.section_home-latest-events .more {
    padding-top: 1em;
    text-align: center;
}

.section.section_home-latest-events .more a {
    text-transform: uppercase;
    font-size: 0.875em;
}