body {
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
}
header {
  width: 100%;
  z-index: 99;
  /* -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; */
  padding: 30px 0 30px 88px;
  margin-left: 0px;
  margin-right: 0;
  height: unset;
  position: fixed;
  background: transparent;
  top: 0
}
header .logo-wrap .white, header .logo-wrap .scroll {
  display: none
}
header .logo-wrap .grey {
  display: block
}
header.active .logo-wrap .white, header.affix .logo-wrap .scroll {
  display: block;
}
header.active .logo-wrap .grey, header.affix .logo-wrap .grey, header.affix .logo-wrap .white{
  display: none
}

header .logo-wrap img {
  max-width: 325px;
}
header .logo-wrap .scroll {
  max-width: 75px
}
header .header-right p {
  color: #7c7876;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  display: inline-block;
  line-height: 1.2;
  margin-right: 10px;
  margin-bottom: 0;
  margin-top: 10px;
  -webkit-transition: opacity .4s ease;
transition: opacity .4s ease;

}
header.active .header-right p, header.active .header-right p a {
  color: #fff
}
header .header-right {
  float: right;
  z-index: 999;
  display: inline-block;
  margin-top: 20px
}
header p a {
  color: #7c7876;
  margin-right: 10px
}
header.active {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
  background: transparent;
}
header.affix.active {
  background: transparent;
  box-shadow: none
}
header.affix {
  background: #fff;
  box-shadow: 0 2px 8px rgb(0 0 0 / 25%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-top: 15px;
  padding-bottom: 15px
}

header.affix .header-right{
  margin-top: 10px
}
header.affix .hamburger{
  margin-top: 5px
}

.social {
  display: inline-block;
  margin-bottom: 5px;
  -webkit-transition: opacity .4s ease;
transition: opacity .4s ease;

}
.social ul {
  list-style-type: none;
  margin: 0;
}
.social ul li {
  display: inline-block;
  width: 44px;
  height: 40px;
  margin-right: -5px;
  vertical-align: middle;
  margin-bottom: 5px
}
.social ul li:last-child {
  margin-right: 0
}
.social ul li.twitter {
  background: #057cc1;
  padding: 7px 8px 8px;
  text-align: center;
}
.social ul li.linkedin {
  background: #1a3760;
  padding: 7px 8px 8px;
  text-align: center;
}
header.active .social ul li.search {
  background: #ffff;
}
.social ul li.search {
  /* background: #7c7876; */
  padding: 7px 8px 8px;
  text-align: center;
}
.social ul li img {
  width: 20px;
  margin: 0 auto
}
.social ul li.linkedin img {
  width: 16px
}
.hamburger {
  display: inline-block;
  /* background: #bcc007; */
  cursor: pointer;
  width: 44px;
  height: 40px;
  margin-top: 15px;
  margin-left: 15px;
  /*position: relative;
   top: 14.5px; */
  padding: 8px;
}
.grid-container {
  max-width: 1800px;
  padding-left: 0;
  padding-right: 0
}
section {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-left: 88px;
  margin-right: 88px
}
.hamburger .line {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #bcc007;
  display: block;
  margin: 4px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger:hover {
  cursor: pointer;
}
#navbar.is-active .line {
  background-color: #fff
}
#navbar.is-active .line:nth-child(2) {
  width: 0px;
}
#navbar.is-active .line:nth-child(1),
#navbar.is-active .line:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
#navbar.is-active .line:nth-child(1) {
  -webkit-transform: translateY(7px)rotate(-45deg);
  -ms-transform: translateY(7px)rotate(-45deg);
  -o-transform: translateY(7px)rotate(-45deg);
  transform: translateY(7px)rotate(-45deg);
}
#navbar.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  -o-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
}
nav .grid-container.wrap {
  max-width: 1800px;
  margin-right: 0;
  /* padding-right: 88px; */
  padding-left: 88px;
  height: 100%;
  padding-top: 150px
}
nav .grid-container {
  max-width: 1800px;
  margin-right: 0;
  padding-right: 0px;
  padding-left: 0px;
}
nav {
  position: fixed;
  overflow: hidden;
  bottom: 0;
  top: 0;
  left: 0;
  width: 100%;
  background: #7d7876;
  z-index: 9;
  height: 750px;
  min-height: 750px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform .75s ease;
  transition: -webkit-transform .75s ease;
  transition: transform .75s ease;
  transition: transform .75s ease, -webkit-transform .75s ease
}
nav.active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}
nav ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav .navigation {
  position: relative;
}
nav ul.main-pages li a {
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
}
nav ul li a {
  font-size: 1.6rem;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fff;
  padding: 10px 0
}
nav ul li a:hover, nav ul.main-pages li.main ul li a:hover, nav ul li a:focus {
  color: #bcc008;
}
#landing {
  margin-right: 0px;
  margin-top: 135px;
}
.profile#landing .background-wrap {
  min-height: 520px;
  height: 520px;
}
.expertise#landing .background-wrap {
  min-height: 520px;
  height: 520px;
}
.events#landing .background-wrap, .full-height#landing .background-wrap {
  min-height: 650px;
  height: 650px;
}

.events#landing .background-wrap.no-text {
  min-height: 300px;
  height: 300px;
}

.expertise#landing .bottom-title {
  height: 100%
}

.expertise#landing .bottom-title .title-box {
  width: 100%
}

#landing .background-wrap {
  min-height: 750px;
  height: 750px;
}

.news {
  background: #f1f0f0;
}

#landing .title-box {
  background: #fff;
  position: absolute;
  bottom: 0;
  width: calc(100% - 115px);
  padding-top: 40px;
  padding-right: 40px;
}

#landing.two-columns .title-box {
  position: unset;
  bottom: unset;
  width: unset
}

.news #landing .title-box {
  background: #f1f0f0;
}

.news .expertise#landing .title-box p a {
  color: #1A3760;
}

.news .filter-section {
  padding-top: 30px;
  padding-bottom: 30px
}

.news .filter-section h5 {
  font-size: 16px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 1em
}

.news .filter-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.news .resources-filter {
  display: flex;
  flex-direction: row;
}

.news .resources-filter:hover {
  cursor: pointer;
}

.news .resources-filter .radio {
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  padding: 3px;
  margin-right: 10px;
}

.news a .resources-filter span {
  color: #000
}

.news .resources-filter .radio .active {
  transition: all 0.2s;
  height: 100%;
  width: 100%;
  background-color: #bcc007;
  border-radius: 50%;
}

.news .resources-filter .radio-inner {
  transition: all 0.2s;
  background-color: none;
}

.events.expertise#landing .bottom-title .title-box {
  padding-top: 0;
  padding-right: 0;
  width: calc(100% - 44px);
}

.events#landing .title-box .top-section {
  position: relative;
  background: #bcc008
}

.events#landing .title-box .bottom {
  padding-right: 40px;
  margin-top: 40px
}
.extra-text {
  display: none
}
.extra-btn {
    color: #bcc008;
    font-size: 16px;
    line-height: 1.2;
    font-family: poppins, sans-serif;
    font-weight: 500;
    font-style: normal;
}

.profile#landing .title-box, .news .expertise#landing .bottom-title .title-box {
  width: calc(100% - 44px);
}

.filter-section .elb-block {
  padding: 20px 0 20px 20px;
}

.filter-section .elb-block .top-section {
  min-height: 185px;
  position: relative;
}

.filter-section .elb-block .top-section .content {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  padding: 30px;
  width: 100%;
  display: inline-block;
}

.filter-section .elb-block img.logo {
  width: 130px;
  margin-right: 25px;
  display: inline-block;
}

.filter-section .elb-block img.arrow {
  width: 60px;
  float: right;
  margin-top: 20px
}

.filter-section .elb-block .top-section .content h4 {
  color: #fff;
  font-size: 28px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 0;
  margin-right: 15px;
}

#landing .grey-box {
  background: #eae8e8;
  padding: 50px 30px;
}

/* #landing .box-with-background {
  background: #eae8e8;
} */

#landing .title-box h1 {
  color: #1A3760;
  font-size: 54px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
}

#landing.events .title-box .bottom h2 {
  font-size: 36px;
}

#landing .title-box .bottom h2 {
  margin-bottom: .5em;
  color: #1A3760;
  font-size: 48px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
}

#landing .title-box h3, #landing .grey-box h3{
  color: #1A3760;
  font-size: 36px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 0
}

#landing.expertise .title-box h3.event-title {
  color: #7c7876;
  margin-top: 0.5rem
}

#landing .title-box h4 {
  font-size: 27px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffff;
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#landing .title-box h6 {
  font-size: 19px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000
}

#landing .title-box h5 {
  font-size: 22px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
  margin-top: 2em
}

#landing .title-box p {
  font-size: 20px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
}

.events#landing .booking-button {
  background: #35a5af;
  color: #fff;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  padding: 10px 40px;
  margin-top: 25px;
  font-size: 17px
}
.view-all .download-button {
  margin-bottom: 100px;
  background: #bcc007;
  color: #1A3760;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  max-width: 300px;
  padding: 12px;
  margin-top: 25px;
  font-size: 17px;
  position: relative;
  transition: all 0.2s;
}
.view-all .download-button:hover {
  color: #fff;

}
.view-all.back .download-button .arrow {
  position: absolute;
  right: 0;
  top: 0px;
  margin-right: 0;
  transform: unset
}

.profile#landing .title-box.listing h3 {
  margin-bottom: 1em
}

.profile#landing .title-box p a, .sub-text p a, .text-box p a {
  color: #bcc008;
  font-weight: 500;
  font-family: poppins, sans-serif;
}
.sub-text p {
  font-family: poppins, sans-serif;
}

.expertise#landing .title-box p a {
  color: #000;
  font-weight: 500;
}

.group-title h3 {
  color: #1A3760;
  font-size: 36px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  /* margin-top: 60px; */
}

.awards-group {
  margin-top: 60px;
  text-align: center;
}

.awards-group img {
  /* max-width: 180px; */
  margin: 0 auto 40px;
  display: block;
  /* margin-right: 30px;
  margin-bottom: 40px; */
}

/* .expertise#landing .grid-container{
  position: relative;
} */
.expertise-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  opacity: 0.8
}

.expertise-icon img {
  max-width: 180px;
}

.menuContainer ul li {
  position: relative;
  padding-top: 10px;
}

.menuContainer ul li ul {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 1s linear;
  width: 100%;
}

.menuContainer ul li.main ul.sub-menu.show-sub-menu {
  left: 100%;
  border-left: 2px solid #bcc008;
  visibility: visible;
  opacity: 1;
}

nav ul.main-pages li.main ul li a {
  font-size: 18px;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fff;
}

.menuContainer ul li.main ul.sub-menu.show-sub-menu li {
  margin-left: 1em
}

.menuContainer ul li.main a::after{
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #bcc008;
  transition: width .75s;
  margin-left: 0px;
}
a:focus {
  outline: none!important
}

.menuContainer ul li.main.active-menu a:focus-within::after {
  width: 100%;
  transition: width .75s;
}

.menuContainer ul li.main.active-menu ul li a.link:focus-within::after {
  width: 0;
  transition: none
}
.menuContainer ul li.main.active-menu a.no-active::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #bcc008;
  transition: width .75s;
}
#landing .info-icons {
  margin-left: -44px
}

#landing .info-icons ul {
  list-style: none;
  margin: 0
}

#landing .info-icons ul li {
  display: inline-block;
  margin-left: -4px
}

#landing .info-icons ul li img {
  width: 40px
}

#landing .info-icons ul li:first-child {
  margin-left: 0
}

#intro {
  padding-top: 100px;
  padding-bottom: 100px
}

#intro .text-box {
  padding-right: 88px
}

#intro .text-box p {
  font-size: 22px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000
}

#cases-section {
  padding-top: 60px;
  padding-bottom: 80px
}

#main-content.padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

#main-content {
  padding-top: 30px;
  padding-bottom: 30px
}

#main-content.extra-box {
  padding-top: 0;
}

#main-content.extra-box .neg-magrin {
  position: relative;
  background: #fff;
  margin-top: -80px;
  padding: 30px 60px;
  margin-left: 88px
}

#main-content.extra-box .neg-magrin ul li {
  border-bottom: 1px solid #bcc007;
  cursor: pointer;
  padding: 0 0 .6em;
  color: #1A3760;
  font-size: 20px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
}

#main-content.extra-box .neg-magrin ul li a {
  color: #1A3760;
}

#main-content.extra-box .purple-box {
  margin-top: 60px;
  padding: 40px;
  background-color: #ebe9e9
}

#main-content.extra-box .purple-box h3, #main-content.extra-box .neg-magrin h3 {
  margin-bottom: 1em
}

#main-content.text-page .text-box h5 {
  margin-bottom: 1em
}

#main-content.text-page .text-box p:first-of-type {
  font-weight: 300
}

#main-content .text-box h3 {
  color: #1A3760;
  font-size: 36px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: .5em
}

#main-content .text-box h5 {
  color: #1A3760;
  font-size: 22px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
}

#main-content .text-box p, #main-content .text-box ol li {
  font-size: 16px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000
}
#main-content .text-box ol li::marker {
  color: #bcc007;
  margin-left: -1em
}
#main-content .text-box p:first-of-type {
  font-weight: 500;
}
#main-content .text-box .extra-text p:first-of-type, #main-content.expertise-details .text-box p:first-of-type{
  font-weight: 300;
}

#main-content .text-box ul {
  list-style: none;
  margin: 1.5em 0 0
}

#main-content .text-box.bullet ul, #main-content .text-box.people ul {
  margin-left: 1em
}
#main-content .text-box.bullet ul li:before, #main-content .text-box.people ul li:before {
  content: "\2022";
  color: #bcc007;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
#main-content .text-box ul li {
  margin-bottom: 20px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
}

#main-content .text-box ul li a {
  color: #bcc007
}

#main-content .accordion-block {
  padding-top: 20px;
  padding-bottom: 80px;
}

#main-content .panel {
  /* padding: 0 18px; */
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}

#main-content .panel p {
  margin-top: 1em;
  margin-bottom: 2em
}

#main-content .panel.main-text p {
  margin-top: 1em;
  margin-bottom: 1em;
  color: #000;
  font-size: 16px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
}

#main-content .panel p a {
  color: #bcc008;
  font-size: 16px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
}

#main-content .panel ul, #main-content .text-box.expertise ul{
  list-style: none;
}
#main-content .text-box .extra-text ul{
  list-style: none!important;
  margin: 0 0 0 1em!important 
}
#main-content .text-box.expertise ul {
  margin-left: 1em
}
#main-content .panel ul li {
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
}

#main-content .panel ul li a {
  color: #bcc008;
}

#main-content .panel ul li:before, #main-content .text-box.expertise ul li:before,  #main-content .text-box .extra-text ul li:before {
  content: "\2022";
  color: #bcc007;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

#main-content .accordion {
  border-top: 1px solid #bcc007;
  cursor: pointer;
  padding: 18px 30px 18px 0;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.6s;
  color: #1A3760;
  font-size: 22px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
}
#main-content .people .accordion {
  width: 95%;
  font-size: 18px
}
#main-content .news.people .accordion {
  width: 100%;
  background: transparent
}
#main-content .people .panel.news{
  background: transparent!important
}
#main-content .people .panel ul {
  list-style-type: none;
  margin: 0;

}
#main-content .people .panel ul li:before {
  content: ""
}
#main-content .people .panel ul li {
  padding: 0.5rem 0
}
#main-content .people .panel ul li a {
  font-size: 16px;
    line-height: 1.4;
    font-family: poppins, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #bcc008;
}
#main-content .people .panel ul li:hover {
    border-bottom: 1px solid #bcc007;
}
#main-content .people .panel ul li a.selected {
  color: #bcc007
}
#main-content .accordion-block.people {
  padding-top: 0
  }
#main-content .accordion-block.people.news {
  padding-bottom: 0
}
#main-content .accordion.has-text:after {
  content: url(../image/green-arrow.svg);
  float: right;
  margin-left: 5px;
  margin-right: -25px;
  width: 25px;
  transition: all .75s ease;
}

#main-content .accordion:last-of-type {
  border-bottom: 1px solid #bcc007;
}

#main-content .accordion.has-active:last-of-type {
  border-bottom: none;
}

#main-content .accordion:first-of-type {
  border-top: none
}

#main-content .accordion.has-active:after {
  transform: rotate(90deg);
  transition: all .75s ease;
}

#main-content .right-group {
  padding-left: 120px;
  margin-top: 2em
}

#main-content .right-group.sticky {
  padding-left: 0;
  padding-right: 120px;
  margin-top: 0;
  margin-left: -88px
}

#main-content .right-group.sticky .pupil-quote-container .quote-group img {
    margin-top: 0;
}

#main-content .right-group.sticky .pupil-quote-container .quote-group .quote-box {
    background: #fff;
    margin-left: 60px;
    position: relative;
    z-index: 8;
    margin-top: -80px;
    padding: 30px;
    /* top: unset; */
}

#main-content.text-page.no-margin-left .right-group {
  padding-right: 120px;
  margin-top: 0
}

#main-content.text-page .right-group {
  padding-left: 0;
}

#main-content .right-group .events-items{
  padding-bottom: 60px;
}

#main-content .right-group .quote-group p {
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 20px;
  margin-bottom: 0.5em;
  color: #1A3760;
}

#main-content .right-group .quote-group span {
  color: #000;
  font-size: 16px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
}

#main-content.no-margin-right {
  margin-right: 0
}

#main-content.no-margin-left {
  margin-left: 0;
}

/* #main-content .right-group .pupil-quote-container .quote-group {
  position: relative;
}

#main-content .right-group .pupil-quote-container .quote-group .quote-box {
  background: #fff;
  margin-left: 60px;
  position: absolute;
  top: 0;
  z-index: 9;
  padding: 30px 60px 30px 30px;
}*/

#main-content.text-page .right-group .pupil-quote-container .quote-group .quote-box {
  background: #fff;
  margin-left: 60px;
  position: relative;
  z-index: 8;
  /* position: absolute;
  bottom: 0;
  z-index: 9; */
  margin-top: -80px;
  padding: 30px;
  /* top: unset */
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow:
  hidden;
  max-width: 100%;
  }
.embed-container iframe, .embed-container object,
.embed-container embed {
  position: absolute; top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#main-content.text-page .right-group .pupil-quote-container .quote-group img {
  margin-top: 0
}

#main-content .right-group .pupil-quote-container .quote-group img {
  margin-top: 150px;
}

#main-content .form .small-text {
  margin-top: 1em
}

#main-content .form .small-text p {
  font-family: poppins, sans-serif;
  font-weight: 300;
  line-height: 1.4;
  font-size: 14px;
  color: #1d1d1b;
}
#main-content .form .small-text p a {
  color: #bcc007;
  font-family: poppins, sans-serif;
  font-weight: 500;
}
#main-content .form [type='text'], #main-content .form textarea {
  border: 1px solid #1d1d1b;
  border-radius: none!important;
  box-shadow: none
}


#main-content .form ::-webkit-input-placeholder { /* Edge */
    color: #1d1d1b;
    font-family: poppins, sans-serif;
    font-weight: 300;
}
#main-content .form ::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1d1d1b;
    font-family: poppins, sans-serif;
    font-weight: 300;
}
#main-content .form ::placeholder, .ui-menu .ui-menu-item {
    color: #1d1d1b;
    font-family: poppins, sans-serif;
    font-weight: 300;
}
#main-content .form [type='submit'] {
  background: #35a5af;
  font-family: poppins, sans-serif;
  font-weight: 700;
  text-align: center;
  width: 100%;
  margin: 1em auto;
  padding: 10px;
  font-size: 1.5rem;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
#main-content .form [type='checkbox'] + label, .checkbox-label label {
  font-family: poppins, sans-serif;
  font-weight: 300;
  line-height: 1.3;
  font-size: 13px;
  margin-bottom: 1em
}
#main-content .form .control {
  margin-top: 1.5em;

}

.cases-slider-small .top-section {
  min-height: 280px;
  position: relative;
}

/* the slides */
.cases-slider-small .slick-slide {
  margin: 0 20px;
}

/* the parent */
.cases-slider-small .slick-list {
  margin: 0 -20px;
}

.cases-slider-small .content-box {
  background: #fff;
  margin-left: 30px;
  margin-top: -70px;
  position: relative;
  z-index: 8;
  padding: 30px
}

.cases-slider-small .content-box h5 {
  color: #1A3760;
  font-size: 22px;
  line-height: 1.3;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 1em;
}

.cases-slider-small .content-box p {
  font-size: 16px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
}

.cases-slider-small .content-box .readmore {
  color: #bcc008;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  margin-top: 25px;
}

#main-content .right-group .slick-dots {
  text-align: left;
  bottom: 30px
}
#main-content .right-group .quote-container {
  padding-bottom: 120px
}

#main-content .share-group {
  display: inline-block;
  margin-bottom: 2em;
  margin-top: 1em
}

#main-content .share-group img {
  width: 40px;
  margin-left: 15px;
}

#main-content .share-group span {
  color: #1A3760;
  font-size: 20px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-right: 10px;
}

#main-content .right-group .subscribe-box {
  display: flex;
}

#main-content.view-page .subscribe-box {
  display: flex;
  margin-top: 1em;
  flex-wrap: wrap;
}

#main-content .right-group .subscribe-box h3 {
  color: #1A3760;
  font-size: 36px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: .5em;
  max-width: 300px;
}

 #main-content.view-page .subscribe-box h3 {
  color: #1A3760;
  font-size: 30px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: .5em;
  max-width: 500px;
 }
 #main-content.view-page .subscribe-box img {
  width: 60px;
  margin-left: 60px;
  margin-top: 0px
}

#main-content .right-group .subscribe-box img{
  width: 100px;
  margin-left: 60px;
  margin-top: 40px
}

#main-content .right-group .sub-pages {
  margin-bottom: 2em
}

#main-content .right-group .sub-pages ul {
  list-style: none;
  margin: 0
}

#main-content.no-margin-right .right-group .sub-pages ul {
  margin-right: 88px;
}

#main-content .right-group .sub-pages ul a li {
  width: 100%;
  border:none;
  border-bottom: 1px solid #bcc007;
  font-family: poppins, sans-serif;
  font-weight: 400;
  color: #1A3760;
  padding: 8px 0;
  background-color: transparent;
  font-size: 16px;
  background-image: url(../image/green-arrow.svg);
  background-repeat: no-repeat !important;
  background-position: right 0 center;
  background-size: 25px;

  /* margin-bottom: 10px */
}

#main-content .right-group .sub-pages ul a li:hover, #main-content .right-group .sub-pages ul a li.active {
  color: #bcc007;
  font-weight: 500
}

/* #main-content.text-page .right-group .sub-pages ul li a {

  font-style: normal;
} */
/* #main-content .right-group .sub-pages ul a:first-child li {
  border-top: 1px solid #000;
} */

#main-content .what-other-say h4 {
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 0.5em;
  font-size: 22px;
  color: #1A3760;
  line-height: 1.4
}

#main-content .what-other-say img {
  max-height: 130px;
  margin-bottom: 1.5em;
  margin-top: 1.5em
}

#main-content .what-other-say a p {
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4
}

.relative {
  position: relative;
}

#facilities-gallery {
  padding-top: 30px;
  /* padding-bottom: 30px; */
}

#facilities-gallery .gallery-box {
  /* min-height: 250px; */
  position: relative;
}

#facilities-gallery .gallery-box img {
  width: 100%;
  object-fit: cover;
}

#facilities-gallery .gallery-box .gallery-title {
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  left: 60px
}

#facilities-gallery .gallery-box .gallery-title h4 {
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 10px;
  margin-bottom: 0;
  font-size: 16px
}

.meet-our-member {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.how-to-apply .logo-image {
  text-align: center;
}

.how-to-apply .logo-image img {
  max-width: 150px;
}

.how-to-apply .details-box p.title {
  margin-bottom: 0em
}
nav .search-box {
  position: relative;
}

nav .mobile-size .search-box button[type=submit] {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    text-align: center;
    cursor: pointer;
}

nav .search-box input[type='search'] {
  box-shadow: none
}

.resultItems ul {
    list-style-type: none;
    margin-left: 0;
}
.resultItems ul li {
    padding: 10px 0;
    border-top: 1px solid #bcc007;
    font-size: 1.2rem;
    font-family: poppins, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #000;
}

.resultItems ul li a, .resultItems h4 small {
    color: #000;
    font-family: poppins, sans-serif;
    font-weight: 300;
}

.search-box ::-webkit-input-placeholder {
  /* Edge */
  color: #000;
  font-family: poppins, sans-serif;
  font-weight: 300;
}

.search-box :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
  font-family: poppins, sans-serif;
  font-weight: 300;
}

.search-box ::placeholder, .ui-menu .ui-menu-item {
  color: #000;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-size: 14px
}

.people-filter {
  /* padding-right: 2em; */
  margin-bottom: 15px
}

.people-filter select {
  border: 1px solid #000;
  border-radius: none !important
}

/* .news .people-filter .ui-selectmenu-button.ui-button {
  background-color: #fff
} */

.people-filter .ui-selectmenu-button.ui-button {
  width: 100%;
  height: 2.85rem;
  border: none;
  border-bottom: 1px solid #bcc007;
  font-family: poppins, sans-serif;
  font-weight: 300;
  color: #000;
  padding: 13px 15px 13px 0;
  background-color: transparent;
  font-size: 15px;
  background-image: url(../image/green-arrow.svg);
  background-repeat: no-repeat !important;
  background-position: right 0 center;
  background-size: 25px;
  font-style: normal;
    /* transition: all .75s ease; */
}
.people-filter .ui-selectmenu-button.ui-button.ui-selectmenu-button-open {
  background-image: url(../image/greenarrow-down.svg);
    transition: all .75s ease;
}
.people-filter .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  color: #000 !important;
  border: none!important;
  border-bottom: 1px solid #bcc007!important;
  /* font-size: 14px !important; */
  /* font-family: poppins, sans-serif;
  font-weight: 300; */
  font-weight: 300!important;
  background: transparent !important;
  font-style: normal;
}
.people-filter .ui-widget.ui-widget-content {
  border: none!important;
  border-bottom: 1px solid #bcc007!important;
}
.people-filter .ui-widget.ui-widget-content {
  border-top: none !important;
}

.people-filter.order {
  float: right;
}

.people-filter ul {
  list-style: none;
  text-align: right;
  /* margin-top: 70px */
}

.people-filter ul li {
  display: inline-block;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
}

.people-filter ul li a {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  color: #000
}

.people-filter ul li a.active {
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1A3760;
}

.news .search-box {
  position: relative;
}

.news .search-box input[type=text] {
  border:none;
  border-bottom: 1px solid #bcc007;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  color: #000;
  padding: 10px 0;
  font-family: poppins, sans-serif;
  margin-bottom: 2em;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  height: 2.85rem;
}
.search-on {
  opacity: 0;
  pointer-events: none;
}
.searchContainer {
float: right;
    /* margin-right: 25px; */
    position: relative;
    width: 32px;
    overflow: hidden;
    height: 45px;
    -webkit-transition: width .75s ease;
    transition: width .75s ease;
  }
  header .searchContainer.active {
    width: 300px;
}
.searchContainer .searchWrapper {
    position: relative;
    width: 100%;
    -webkit-transition: max-width .3s ease;
    transition: max-width .3s ease;
}
.searchContainer .searchWrapper button.searchTrigger {
    position: absolute;
    top: 5px;
    right: 0px;
    z-index: 2;
    -webkit-transition: opacity .3s ease, z-index 0s ease .3s;
    transition: opacity .3s ease, z-index 0s ease .3s;
}

header .searchContainer .searchWrapper button.searchTrigger img {
    width: 20px;
    cursor: pointer;
}
.searchContainer .searchWrapper input[type=text] {

    border:none;
    border-bottom: 1px solid #bcc007;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    color: rgba(0, 0, 0, .5);
    padding: 10px 0;
    font-family: poppins, sans-serif;
    /* margin-bottom: 2em; */
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    height: 2rem;
}

.searchContainer .searchWrapper input[type=text]::placeholder {
color: #7c7876;
font-family: poppins, sans-serif;
font-weight: 300;
}
header .searchContainer.active .searchWrapper input[type=submit], header .searchContainer.active .searchWrapper input[type=text] {
    opacity: 1;
}

header .searchContainer .searchWrapper input[type=submit] {
    position: absolute;
    top: 5px;
    right: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-image: url(../image/search-icon-green.svg);
    background-size: 20px;
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    cursor: pointer;
}


nav .mobile-size .search-box input[type=text] {
    border: none;
    border-bottom: 1px solid #bcc007;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: #fff;
    padding: 10px 0;
    font-family: poppins, sans-serif;
    margin-bottom: 2.5em;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    height: 2rem;
}
a.bottom {
  cursor: pointer;
}
.tooltip {
  background: #7c7876!important;
  font-family: poppins, sans-serif;
    font-weight: 300;
  padding: 0.75rem 0.75rem 0.5rem;
}
.tooltip.bottom::before {
  border-color: transparent transparent #7c7876!important;
}
nav .mobile-size .search-box input[type=text]::placeholder{
  color: #fff;
  font-weight: 400
}
.has-tip {
  border-bottom: none!important
}
.news .search-box button[type=submit] {
  position: absolute;
  height: 100%;
  right: 0px;
  top: 0;
  bottom: 0;
  width: 26px;
  text-align: center;
  cursor: pointer;
}

.people-box .profile {
  position: relative;
}


.people-box .profile.case-view .icons{

  position: absolute;
  top:50%;
  transform: translateY(-50%);
  left: 30px
    /* opacity: 0.8; */
}

.people-box .profile.case-view .icons img {
  height: 100%;
  width: unset
}

.people-box .profile img {
  width: 100%
}

.people-box {
  margin-bottom: 1.5em
}

.people-box.related {
  /* margin-top: 2em; */
  margin-bottom: 0
}

.people-box .icons {
  width: 40px;
  position: absolute;
  right: 0;
  bottom: 0
}

.people-box .icons img {
  width: 40px;
}

.people-box .icons img.email {
  margin-right: -4px
}

.people-box .details {
  background: #fff;
  /* position: absolute;
  bottom: 0;
  width: calc(100% - 40px); */
  right: 0;
  padding: 15px 0
}

.people-box .details h3 {
  color: #1A3760;
  font-size: 20px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: .5em
}

.people-box .details span, .people-box .details span a {
  font-size: 16px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #0a0a0a
}


.meet-our-member a {
  color: #1A3760;
  font-size: 2em;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.meet-our-member img {
  width: 100px;
  margin-left: 20px
}

#homepage-expertise {
  margin-bottom: 88px;
  max-width: 1800px;
  margin-left: 0;
  background: #eae8e8
}

#homepage-expertise .title-box {
  background: #fff;
    padding-left: 88px;
    padding-top: 40px;
    padding-bottom: 20px;
}

#homepage-expertise .title-box h3, #cases-section .title-box h3 {
  color: #1A3760;
  font-size: 36px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 1em
}

#homepage-expertise .grid-container.no-padding, #landing .grid-container.no-padding {
  padding: 0px;
}

#homepage-expertise .quote {
  padding-right: 88px;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  padding-left: 88px;
}

#homepage-expertise .quote h4 {
  color: #1A3760;
  font-size: 2em;
  line-height: 1.6;
  font-family: poppins, sans-serif;
  font-weight: 600;
  font-style: italic;
  margin-bottom: .5em;
}

#homepage-expertise .quote span {
  font-size: 16px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000
}

#homepage-expertise .bottom-text {
  padding:30px;
  /* padding-left: 88px; */
}

#homepage-expertise .bottom-text p {
  font-size: 18px;
  line-height: 1.6;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000
}

#homepage-expertise .icons-wrapper {
  /* display: flex;
  flex-wrap: wrap; */
  margin-top: 2em
}

#homepage-expertise .icons-wrapper .icons {
  text-align: center;
  /* display: flex;
  justify-content: top;
  flex-direction: column;
  width: 25%; */
  margin-bottom: 3em;
  padding: 0 40px;
}

#homepage-expertise .icons-wrapper .icons img {
  margin: 0 auto;
  margin-bottom: 1em;
  height: 85px;
  transition: transform .5s ease;
  filter: brightness(0) saturate(100%) invert(70%) sepia(5%) saturate(289%) hue-rotate(319deg) brightness(91%) contrast(90%);
}

#homepage-expertise .icons-wrapper .icons a, #homepage-expertise .icons-wrapper .icons span {
  color: #1A3760;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
  text-transform: uppercase;
  /* padding: 0 20px; */
  text-align: center;
}

#homepage-expertise .icons-wrapper .icons:hover img {
  filter: brightness(0) saturate(100%) invert(75%) sepia(80%) saturate(540%) hue-rotate(10deg) brightness(87%) contrast(94%);
}

#homepage-cases {
  margin-right: 0;
  padding-bottom: 88px
}

#homepage-cases .cases-slider .slide {
  position: relative;
}

#homepage-cases .cases-slider .slide img {
  width: 100%
}

#homepage-cases .cases-slider .slide .content-box {
  background: #ffff;
  position: absolute;
  bottom: 0;
  width: calc(50% - 98px);
  padding: 40px 40px 40px 0;
}

#homepage-cases .cases-slider .slide .content-box h5 {
  color: #bcc007;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  margin-bottom: .5em
}

#homepage-cases .cases-slider .slide .content-box h1 {
  color: #1A3760;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 54px;
  margin-bottom: .5em
}

#homepage-cases .cases-slider .slide .content-box p {
  font-size: 18px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  margin-bottom: 1.5em
}

#homepage-cases .cases-slider .slide .content-box a.readmore {
  color: #bcc007;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
}

#homepage-cases .slider-wrap {
  position: relative;
}

#homepage-cases .slider-wrap .arrow {
  position: absolute;
  bottom: 88px;
  right: 88px;
  z-index: 8;
  cursor: pointer;
}

#homepage-cases .slider-wrap .arrow img {
  width: 120px
}

#homepage-events {
  margin: 88px 0;
  padding-top: 88px;
  padding-bottom: 40px;
  background: #e9f2f5;
  position: relative;
  max-width: 1800px
}

#homepage-events .grid-container {
  margin-left: 88px;
  margin-right: 88px;
}

#homepage-events.events-listing {
  background: #eceaea;
  margin-bottom: 0
}

#homepage-events .title-box h3 {
  color: #1A3760;
  font-size: 36px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 1em
}

#homepage-events .events-items .top-section, #main-content .events-items .top-section {
  min-height: 320px;
  position: relative;
}

#homepage-events .events-items .top-section img, #main-content .events-items .top-section img {
  height: 150px;
  position: absolute;
  left: 30px;
  top: 35px;
  opacity: 0.8
}

#homepage-events .events-items .top-section .date, #main-content .events-items .top-section .date {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 16px 6px;
  ;
  text-align: center;
}

.events#landing .date {
  background: #fff;
  padding: 16px 22px 14px;
  text-align: center;
  width: 80px;
  position: absolute;
  top: 0;
  right: 0;
}

#homepage-events .events-items .top-section .date h6, #main-content .events-items .top-section .date h6 {
  color: #1A3760;
  font-size: 30px;
  line-height: 1;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0
}

.events#landing .date h6 {
  color: #1A3760;
  font-size: 26px;
  line-height: 1;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0
}

.events#landing .date span {
  color: #1A3760;
  font-size: 10px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#homepage-events .events-items .top-section .date span, #main-content .events-items .top-section .date span {
  color: #1A3760;
  font-size: 12px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#homepage-events .events-items .bottom-section, #main-content .events-items .bottom-section, #homepage-news.blogs .events-items .bottom-section {
  background: #fff;
  margin-left: 30px;
  margin-top: -70px;
  position: relative;
  z-index: 8
}

#homepage-events.events-listing .events-items .bottom-section {
  background: none;
  margin-top: 0
}

#homepage-events.events-listing .events-items {
  border-bottom: 8px solid #fff;
  margin-bottom: 40px
}

#homepage-events.events-listing .events-items .bottom-section .event-details {
  padding: 0 0 0 60px;
}

#homepage-events .events-items .bottom-section .event-details, #main-content .events-items .bottom-section .event-detail {
  padding: 30px;
  position: relative;
}

#homepage-events .events-items .bottom-section .event-details h5, #main-content .events-items .bottom-section .event-detail h5 {
  color: #1A3760;
  font-size: 22px;
  line-height: 1.3;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 1em
}

#homepage-events .events-items .bottom-section .event-details p, #main-content .events-items .bottom-section .event-detail p {
  font-size: 16px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000
}

#homepage-events .events-items .bottom-section .event-details p a, #main-content .events-items .bottom-section .event-detail p a {
  color: #1A3760;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#homepage-events .events-items .bottom-section .event-details .booking-button, #main-content .events-items .bottom-section .event-detail .booking-button {
  background: #35a5af;
  color: #fff;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  padding: 10px 40px;
  margin: 30px 0 20px;
  font-size: 17px
}

#homepage-news {
  margin: 44px 0 88px 0;
  padding-bottom: 40px;
  position: relative;
  max-width: 1800px
}

#homepage-news .grid-container {
  margin-left: 88px;
  margin-right: 88px;
}

#homepage-news .title-box h3 {
  color: #1A3760;
  font-size: 2em;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 1em
}

#homepage-news .events-items .top-section {
  min-height: 320px;
  position: relative;
}

/* #homepage-news .events-items.blog {
  margin-top: 2em
} */

#homepage-news .news-items .top-section, #main-content .news-items .top-section {
  min-height: 220px;
  position: relative;
}

#homepage-news .news-items.case .top-section {
  min-height: 350px;
  position: relative;
}

#homepage-news .events-items .top-section .date, #homepage-news .news-items .top-section .date, #main-content .news-items .top-section .date {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  ;
  padding: 8px 16px 6px;
  text-align: center;
}

#homepage-news .events-items .top-section img {
  width: 160px;
  position: absolute;
  left: 60px;
  top: 60px;
}

#homepage-news .news-buttons {
  margin-top: 80px
}

#homepage-news .events-items .top-section .date h6, #homepage-news .news-items .top-section .date h6, #main-content .news-items .top-section .date h6 {
  color: #1A3760;
  font-size: 30px;
  line-height: 1;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0
}

#homepage-news .events-items .top-section .date span, #homepage-news .news-items .top-section .date span, #main-content .news-items .top-section .date span {
  color: #1A3760;
  font-size: 12px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#homepage-news .events-items .bottom-section {
  background: #fff;
  margin-left: 60px;
  margin-top: -100px;
  position: relative;
  z-index: 8
}

#homepage-news .events-items .bottom-section .news-details {
  padding: 30px 0 30px 30px;
  position: relative;
}

#homepage-news .news-items .bottom-section .news-details {
  padding: 30px 30px 30px 0px;
  position: relative;
}

#main-content .news-items .bottom-section .news-details {
  padding: 30px 0px 30px 0px;
  position: relative;
}

#homepage-news .events-items .bottom-section .news-details h5, #homepage-news .news-items .bottom-section .news-details h5, #main-content .news-items .bottom-section .news-details h5 {
  color: #1A3760;
  font-size: 22px;
  line-height: 1.3;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 1em
}

#homepage-news .events-items .bottom-section .news-details.listing h5, #homepage-news .news-items .bottom-section .news-details.listing h5 {
  margin-bottom: .5em
}

#homepage-news .events-items .bottom-section .news-details h6 {
  color: #bcc008;
  font-size: 16px;
  line-height: 1.3;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 1em
}

#homepage-news .events-items .bottom-section .news-details p.author, #homepage-news .news-items .bottom-section .news-details p.author {
  color: #bcc008;
  font-size: 14px;
  line-height: 1.3;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: .5em
}

#homepage-news .events-items .bottom-section .news-details h4 {
  color: #bcc008;
  font-size: 28px;
  line-height: 1.3;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 1em
}

#homepage-news .events-items .bottom-section .news-details p, #homepage-news .news-items .bottom-section .news-details p, #main-content .news-items .bottom-section .news-details p {
  font-size: 16px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000
}

#homepage-news .events-items .bottom-section .news-details p a, #homepage-news .news-items .bottom-section .news-details p a, #main-content .news-items .bottom-section .news-details p a {
  color: #1A3760;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#homepage-news .events-items .bottom-section .news-details .booking-button.readmore, #homepage-news .news-items .bottom-section .news-details .booking-button.readmore, #main-content .news-items .bottom-section .news-details .booking-button.readmore {
  color: #bcc008;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  margin-top: 25px
}

.view-all.back {
  margin-left: 0;
  margin-top: 60px;
}

.view-all {
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 30px
}

.view-all p {
  color: #1A3760;
  font-size: 29px;
  line-height: 1.2;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 0
}

.view-all img {
  width: 50px;
  float: right;
}
.view-all.back .download-button img {
  width: 49px
}
.view-all.back img {
  float: unset;
  margin-right: 20px;
  transform: rotate(180deg);
}

#pupillage {
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 1800px;
  margin-left: 0;
  position: relative;
}

#pupillage .background-wrap {
  min-height: 650px;
  height: 100%;
}

#pupillage .title-box {
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-left: 52px;
  padding: 40px 0 0 40px;
}

#pupillage .title-box h1 {
  color: #1A3760;
  font-size: 54px;
  line-height: 1.1;
  font-family: poppins, sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-bottom: .5em
}

#pupillage .title-box p {
  font-size: 22px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000
}

#pupillage .title-box .booking-button {
  background: #35a5af;
  color: #fff;
  font-family: poppins, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  padding: 10px 40px;
  margin-top: 25px;
  font-size: 17px
}

#no-padding-footer footer {
  margin-top: 0
}

footer {
  margin: 88px 0 0 0;
  padding-bottom: 40px;
  padding-top: 60px;
  position: relative;
  max-width: 1800px;
  background: #dcdad9
}

footer .grid-container {
  margin-left: 88px;
  margin-right: 88px;
}

footer ul {
  list-style: none;
  margin: 0;
}

footer .left-group ul li, footer .left-group ul li a {
  font-size: 13px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000;
  margin-bottom: .75em
}

footer .social-media {
float: right;
}

footer .social-media ul li {
  display: inline-block;
  margin-left: 10px;
  background: #1A3760;
  transition: all 0.2s;
}

footer .social-media ul li:hover {
  background: #bcc008
}

footer .social-media ul li img {
  height: 40px;
}

/* footer .bottom-group {
  margin-top: 60px;
} */

/* footer .extra-logo {
  text-align: right;
} */
footer .extra-logo img {
  max-width: 150px;
  margin-top: 40px
}
footer .bottom-group p {
  font-size: 13px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
  margin-bottom: 0;
}

footer .bottom-group ul li {
  display: inline-block;
  font-size: 13px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
}

footer .bottom-group ul li a {
  font-size: 13px;
  line-height: 1.4;
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
}

footer .bottom-group ul li span {
  margin-left: 5px;
  margin-right: 5px
}
.view-all.footer {
  margin-left: 0px;
  margin-top: 0px;
}
.view-all.footer p {
  font-size: 24px
}
.view-all img {
  width: 40px;
  float: unset;
  margin-left: 10px
}

.load-more, .load-more-news {
  display: none
}
.loadmore-btn {
  text-align: center;
}
#loadMore, #loadMorenews {
  background: #35a5af;
    color: #fff;
    font-family: poppins, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    padding: 10px 40px 5px;
    margin: 30px auto 20px;
    font-size: 17px;;
    max-width: 400px;
}
@media screen and (min-width: 1801px) {
  section, header, footer, #homepage-expertise, #homepage-events, #pupillage, #homepage-news, nav .grid-container.wrap {
    margin-left: auto;
    margin-right: auto
  }

  .news {
    max-width: 1800px;
    margin: 0 auto
  }
  .news #main-content .grid-container {
    margin-left: 88px;
    margin-right: 88px
  }
  #homepage-expertise .title-box {
    padding-left: 0
  }

  header, nav .grid-container.wrap {
    padding-left: 0
  }

  #landing .title-box {
    width: calc(100% - 30px)
  }

  #landing .info-icons {
    margin-left: 0
  }

  .profile#landing .title-box {
    width: 100%
  }
}

@media screen and (max-width: 1300px) and (min-width: 1024px) {
  #landing .title-box .contact p {
    font-size: 16px
  }
}

@media screen and (max-width: 1200px) {
  header, #homepage-expertise .title-box {
    padding-left: 44px
  }

   nav .grid-container.wrap, #homepage-expertise .quote, #homepage-expertise .bottom-text {
    padding-right: 44px;
    padding-left: 44px
  }

  #landing, #main-content.extra-box .neg-magrin {
    margin-left: 44px
  }

  #landing .title-box {
    width: calc(100% - 71px);
  }

  section, #homepage-events .grid-container, #homepage-news .grid-container {
    margin-left: 44px;
    margin-right: 44px
  }

  .view-all {
    margin-left: 0
  }

  #landing .title-box h1, #homepage-cases .cases-slider .slide .content-box h1, #pupillage .title-box h1 {
    font-size: 48px
  }

  .meet-our-member img, #homepage-cases .slider-wrap .arrow img {
    width: 80px
  }

  #homepage-expertise .quote {
    top: 25%;
    transform: translateY(-25%);
  }

  #homepage-expertise .quote h4 {
    font-size: 1.8em;
    line-height: 1.5
  }

  #main-content .right-group {
    padding-left: 80px
  }
  #homepage-events .events-items .top-section img, #main-content .events-items .top-section img {
    height: 120px;
  }
}

@media screen and (max-width: 1023px) {
  section, header, footer .grid-container, #homepage-expertise, #homepage-events, #pupillage, #homepage-news, nav .grid-container.wrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: 44px;
    padding-right: 44px
  }
  footer .social-media {
    float: unset
  }

  #main-content .right-group.sticky {
    margin-left: unset;
    padding-right: unset
  }

  .hamburger {
    float: right
  }
  .searchContainer {
    margin-right: 0
  }
  #intro {
    padding-top: 50px;
    padding-bottom: 50px
  }
  #landing .title-box.bottom {
    position: unset;
    bottom: unset;
    padding-top: 20px;
    padding-bottom: 20px
  }

  .news {
    padding-bottom:20px
    }

    #landing .title-box h5 {
      margin-top: 0
    }
  #main-content.extra-box .purple-box {
    margin-top: 0
  }

  #landing .title-box, .events.expertise#landing .bottom-title .title-box {
    width: 100%
  }
  #landing.events .title-box {
    position: unset;
    bottom: unset;
    padding-top: 0;
    padding-right: 0
  }
  #homepage-cases .cases-slider .slide .content-box {
    position: relative;
    width: 100%;
    bottom: unset;
    background: #f1f0f0;
    padding: 44px
  }
  .events#landing .title-box .bottom {
    padding-right: 0
  }
  #landing {
    margin-left: auto
  }
  #homepage-expertise .title-box {
    padding-top: 44px;
    background: transparent;
    padding-left: 0
  }
  #homepage-expertise .quote {
    position: unset;
    top: unset;
    transform: unset;
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 0
  }
  #homepage-expertise .bottom-text {
    position: unset;
    bottom: unset;
    transform: unset;
    padding: 0
  }
  #homepage-expertise .title-box h3{
    margin-bottom: 0
  }
  #landing .title-box .bottom h2 {
    font-size: 40px
  }
  #homepage-cases, #homepage-events, footer{
    padding-bottom: 44px;
    padding-top: 44px
  }
  #main-content.padding {
    padding-top: 0
  }
  #main-content.padding.top-padding{
    padding-top: 44px;
    padding-bottom: 24px!important
  }
  #homepage-expertise {
    margin-bottom: 44px
  }
  #homepage-cases .slider-wrap .arrow {
    right: 44px;
    bottom: unset;
    top: 40%;
    transform: translateY(-40%);
  }
  #homepage-events.events-listing .events-page .events-items .bottom-section {
    background: #fff;
    margin-left: 30px;
    margin-top: -70px;

  }
  #homepage-events.events-listing .events-page .events-items .bottom-section .event-details {
    padding: 30px
  }
  #homepage-events.events-listing .events-items {
    padding-bottom: 50px
  }
  #homepage-events .grid-container, #homepage-news .grid-container {
    padding: 0;
    margin: 0
  }
  #homepage-events .events-items .top-section img, #main-content .events-items .top-section img {
    height: 100px
  }
  #landing .title-box h1, #homepage-cases .cases-slider .slide .content-box h1, #pupillage .title-box h1 {
    font-size: 43px
  }
  .meet-our-member {
    position: unset;
    top: unset;
    transform: unset;
    margin-top: 50px;
    right: unset;
    float: right
  }
  #homepage-news .news-buttons {
    margin-top: 0
  }
  .filter-section .elb-block {
    padding-left: 0
  }
  .expertise-icon img {
    max-width: 140px;

  }
  footer {
    margin-top: 0;
    margin-bottom: 0;
  }
  .group-title h3 {
    margin-top: 30px;
  }
  .people-box {
    margin-bottom: .75em
  }
  #homepage-expertise .title-box h3, #cases-section .title-box h3, #landing .title-box h3, #landing .grey-box h3, #main-content .text-box h3, .group-title h3, #main-content .right-group .subscribe-box h3 {
    font-size: 30px
  }
  #intro .text-box {
    padding-right: 44px
  }
  #homepage-news {
    margin-bottom: 0
  }
  #main-content .text-box ul {
    margin-top: 0
  }
  #main-content .right-group {
    padding-left: 0
  }
  #main-content .right-group .events-items {
    padding-bottom: 60px
  }
  .profile#landing .title-box, .news .expertise#landing .bottom-title .title-box {
    width: 100%
  }
  .people-filter {
    max-width: unset
  }
  .people-filter ul {
    margin-top: 0
  }
  .people-box .details h3 {
    font-size: 18px
  }
  #landing .info-icons {
    margin-left: 0
  }
  #main-content .right-group .events-items {
    padding-top: 30px;
  }
  #main-content .accordion-block {
    padding-bottom: 44px
  }

  #main-content .right-group .events-listing {
    padding-top: 80px;
  }
  #landing .background-wrap {
    min-height: 550px;
    height: 550px;
  }
  #homepage-events .events-items .bottom-section .event-details p, #main-content .events-items .bottom-section .event-detail p {
    font-size: 15px
  }
  #homepage-events .events-items .bottom-section .event-details h5, #main-content .events-items .bottom-section .event-detail h5 {
    font-size: 20px
  }
  footer .social-media {
    text-align: left
  }
  footer .social-media ul li {
    margin-left: 0;
    margin-right: 10px
  }

  #main-content.no-margin-right .right-group .sub-pages ul {
    margin-right: 0
  }
  .text-page .slick-dotted.slick-slider
  {
    margin-bottom: 60px
  }
  #landing .grey-box {
    padding: 30px
  }
  #landing .title-box h4 {
    font-size: 24px
  }
  #main-content.text-page.no-margin-left .right-group {
      padding-right: 0!important
    }
}
.large-size {
  display: block;
}
.mobile-size {
  display: none
}
@media screen and (max-width: 910px) {
  .large-size {
    display: none;
  }
  .mobile-size {
    display: block
  }
  .menu-accordion .menu-accordion-title {
    color: #FFF;
    background: transparent url(../image/accordion-arrow-down.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    position: relative;
    display: block;
    font-family: poppins, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    padding: 5px 0
  }
  .menu-accordion .is-active .menu-accordion-title {
    background: transparent url(../image/accordion-arrow-up.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
  }
  .menu-accordion .is-active .menu-accordion-title.no-arrow, .menu-accordion .menu-accordion-title.no-arrow {
    background: none
  }
  .menu-accordion .accordion-content {
    border: none;
    background: none;
  }
  .menu-accordion .accordion-content a {
    font-size: 18px
  }
  header .logo-wrap img {
    max-width: 300px
  }
  /* header .header-right {
    margin-top: 0
  } */

}

@media screen and (max-width: 768px) {

  #main-content.view-page .subscribe-box h3 {
    font-size: 26px;
    max-width: 300px;
  }
  .expertise-icon img {
    max-width: 100px
  }
  header .searchContainer.active {
    width: 200px;
}
  #landing .title-box .bottom h2 {
    font-size: 36px;
}
  .expertise#landing .background-wrap {
    min-height: 460px;
    height: 460px;
  }
  #pupillage .title-box {
    position: unset;
    bottom: unset;
    right: unset;
    margin-top: -100px;
    padding: 30px 0 0 30px;
  }
  #pupillage .background-wrap {
    min-height: 400px
  }
  #landing .title-box h1, #homepage-cases .cases-slider .slide .content-box h1, #pupillage .title-box h1 {
    font-size: 36px
  }
  #intro .text-box p, #pupillage .title-box p, #landing .title-box p {
    font-size: 18px
  }
  .meet-our-member a, #homepage-expertise .quote h4 {
    font-size: 22px
  }
  #homepage-expertise .icons-wrapper .icons img {
    height: 65px
  }
  #homepage-cases .cases-slider .slide .content-box h5, #homepage-events .title-box h3 {
    font-size: 26px
  }
  #homepage-cases .cases-slider .slide .content-box {
    padding: 34px
  }
  #homepage-news .events-items .bottom-section, #pupillage .title-box, #homepage-events .events-items .bottom-section, #main-content .events-items .bottom-section, #homepage-news.blogs .events-items .bottom-section, #main-content .right-group .pupil-quote-container .quote-group .quote-box {
    margin-left: 30px
  }
  #homepage-expertise .bottom-text p {
    font-size: 16px
  }
  .view-all p {
    font-size: 24px
  }
  #landing .title-box h5,
  #homepage-news .events-items .bottom-section .news-details h5,
  #homepage-news .news-items .bottom-section .news-details h5,
  #main-content .news-items .bottom-section .news-details h5,
  #homepage-news .events-items .bottom-section .news-details h5,
  #homepage-news .news-items .bottom-section .news-details h5,
  #main-content .news-items .bottom-section .news-details h5 {
    font-size: 20px
  }
  #landing .title-box h6 {
    font-size: 17px
  }
  #main-content .right-group .subscribe-box img {
    width: 60px;
    margin-left: unset
  }

  #main-content.text-page .right-group .pupil-quote-container .quote-group .quote-box {
    position: unset;
    bottom: unset;
    top: unset;
    margin-left: 30px;
    padding: 30px;
    margin-top: 0
  }
  #homepage-cases .slider-wrap .arrow img {
    display: none
  }
}

/* @media screen and (min-width: 640px) and (max-width: 1200px) {
  #homepage-events .events-items .bottom-section, #main-content .events-items .bottom-section, #homepage-news.blogs .events-items .bottom-section {
    margin-left: 0px;
    margin-top: 0
  }
} */

@media screen and (max-width: 639px) {
  section, header, footer .grid-container, #homepage-expertise, #homepage-events, #pupillage, #homepage-news, nav .grid-container.wrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: 34px;
    padding-right: 34px
  }



  #landing .background-wrap {
    min-height: 450px;
    height: 450px;
  }
  #intro .text-box {
    padding-right: 0
  }
  #intro {
    padding-top: 40px;
    padding-bottom: 40px
  }
  #landing .title-box h1, #homepage-cases .cases-slider .slide .content-box h1, #pupillage .title-box h1 {
    font-size: 30px
  }
  #homepage-expertise .title-box h3,
  #cases-section .title-box h3,
  .view-all p, #homepage-news .title-box h3,
  #landing .title-box h3,
  #landing .grey-box h3,
  #main-content .text-box h3,
  #main-content .right-group .subscribe-box h3 {
    font-size: 28px
  }
  #homepage-events {
    margin-top: 40px;
    margin-bottom: 40px
  }
  #homepage-events .events-items .bottom-section .event-details h5, #main-content .events-items .bottom-section .event-detail h5, #main-content .accordion {
    font-size: 20px
  }
  /* #homepage-expertise .icons-wrapper .icons {
    width: 50%
  } */
  .meet-our-member img{
    width: 60px
  }
  #pupillage {
    padding-top: 0
  }
  #homepage-events .events-items .top-section, #main-content .events-items .top-section, #homepage-news .events-items .top-section {
    min-height: 280px
  }
  #homepage-events .events-items .top-section img, #main-content .events-items .top-section img {
    height: 80px
  }
  #homepage-news .events-items .top-section img {
    width: 120px
  }
  #main-content.extra-box .neg-magrin {
    padding: 30px;
    margin-left: 34px
  }
  #main-content .accordion-block {
    padding-bottom: 40px
  }
  #main-content .accordion, #intro .text-box p, #pupillage .title-box p, #landing .title-box p {
    font-size: 16px
  }
  .news a .resources-filter span {
    font-size: 13px
  }
  .filter-section .elb-block img.logo {
    width: 100px
  }
  .filter-section .elb-block .top-section .content h4, #homepage-news .events-items .top-section .date h6, #homepage-news .news-items .top-section .date h6, #main-content .news-items .top-section .date h6 {
    font-size: 24px
  }
  .elblog .expertise-icon img {
      width: 120px;
  }
  .filter-section p,   #main-content .contact {
    margin-bottom: 1.5em
  }
  .filter-section p a {
    color: #1A3760;
    font-weight: 500;
    font-family: poppins, sans-serif;
    font-style: normal;
  }
  #main-content.small-padding {
    padding-top: 0;
    padding-bottom: 0
  }
  #main-content .contact a {
    color: #000;
    font-weight: 500;
    font-family: poppins, sans-serif;
    font-style: normal;
  }
}

@media screen and (max-width: 500px) {
  #homepage-expertise .title-box h3, #cases-section .title-box h3, .view-all p, #homepage-news .title-box h3, #landing .title-box h3, #landing .grey-box h3, #main-content .text-box h3 {
    font-size: 24px
  }

  #main-content .right-group.sticky .pupil-quote-container .quote-group .quote-box {
    margin-left: 30px
  }
  #homepage-news .events-items .bottom-section .news-details h4 {
    font-size: 26px
  }
  #landing .title-box h1, #homepage-cases .cases-slider .slide .content-box h1, #pupillage .title-box h1 {
    font-size: 28px
  }
  .social ul li {
    width: 35px;
    height: 35px
  }
  .social ul li img {
    width: 17px
  }
  .hamburger {
    padding: 6px;
    top: 9.5px
  }
  .expertise-icon {
    position: unset;
    top: unset;
    transform: unset;
    margin-top: 40px;
    margin-bottom: 40px;

  }
  .expertise-icon img {
    width: 80px;
  }

  .news a .resources-filter span {
    font-size: 12px
  }
  .filter-section .elb-block .top-section .content h4 {
    font-size: 20px
  }
  .news .resources-filter .radio {
    width: 15px;
    height: 15px;
    margin-right: 5px
  }
  #main-content .right-group {
    margin-top: 0
  }
  #landing .title-box .bottom h2 {
    font-size: 28px
  }
  #landing .background-wrap, .expertise#landing .background-wrap, .profile#landing .background-wrap {
    min-height: 350px;
    height: 350px;
  }


}
@media screen and (max-width: 450px) {
  header .header-right {
    margin-top: 15px
  }
  header {
    padding-bottom: 0px
  }
  #landing {
    margin-top:115px
  }
}
@media screen and (max-width: 375px) {
  section, header, footer .grid-container, #homepage-expertise, #homepage-events, #pupillage, #homepage-news, nav .grid-container.wrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
  }
  #intro .text-box {
    padding-right: 20px
  }
  #main-content.extra-box .neg-magrin {
    margin-left: 20px
  }
  #homepage-news .events-items .bottom-section, #pupillage .title-box, #homepage-events .events-items .bottom-section, #main-content .events-items .bottom-section, #homepage-news.blogs .events-items .bottom-section, #main-content .right-group .pupil-quote-container .quote-group .quote-box {
    margin-left: 15px
  }
}